Align tsconfig to allow moduleResolution: nodenext

packages/react-identicon/src/Identicon.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Prefix } from '@polkadot/util-crypto/address/types';
-import type { IdentityProps as Props, Props as ComponentProps } from './types';
+import type { IdentityProps as Props, Props as ComponentProps } from './types.js';
 
 import React from 'react';
 import CopyToClipboard from 'react-copy-to-clipboard';

packages/react-identicon/src/icons/Beachball.tsx

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import React, { useCallback } from 'react';
 

packages/react-identicon/src/icons/Empty.tsx

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import React from 'react';
 

packages/react-identicon/src/icons/Ethereum.tsx

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import makeBlockie from 'ethereum-blockies-base64';
 import React, { useMemo } from 'react';

packages/react-identicon/src/icons/Jdenticon.tsx

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import * as jdenticon from 'jdenticon';
 import React, { useMemo } from 'react';

packages/react-identicon/src/icons/Polkadot.tsx

@@ -17,7 +17,7 @@
 //   - Overall it is now just a static component, expecting an address as an input value
 
 import type { Circle } from '@polkadot/ui-shared/icons/types';
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import React, { useMemo } from 'react';
 

packages/ui-keyring/src/Base.ts

@@ -3,8 +3,8 @@
 
 import type { KeyringInstance, KeyringPair } from '@polkadot/keyring/types';
 import type { Prefix } from '@polkadot/util-crypto/address/types';
-import type { AddressSubject } from './observable/types';
-import type { KeyringOptions, KeyringStore } from './types';
+import type { AddressSubject } from './observable/types.js';
+import type { KeyringOptions, KeyringStore } from './types.js';
 
 import { createTestKeyring } from '@polkadot/keyring';
 import { isBoolean, isNumber, isString } from '@polkadot/util';

packages/ui-keyring/src/observable/genericSubject.ts

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import type { KeypairType } from '@polkadot/util-crypto/types';
-import type { KeyringJson, KeyringStore } from '../types';
-import type { AddressSubject, SingleAddress, SubjectInfo } from './types';
+import type { KeyringJson, KeyringStore } from '../types.js';
+import type { AddressSubject, SingleAddress, SubjectInfo } from './types.js';
 
 import { BehaviorSubject } from 'rxjs';
 

packages/ui-keyring/src/observable/index.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { SubjectInfo } from './types';
+import type { SubjectInfo } from './types.js';
 
 import { combineLatest, map } from 'rxjs';
 

packages/ui-keyring/src/stores/Browser.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { KeyringJson, KeyringStore } from '../types';
+import type { KeyringJson, KeyringStore } from '../types.js';
 
 import store from 'store';
 

packages/ui-keyring/src/stores/File.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { KeyringJson, KeyringStore } from '../types';
+import type { KeyringJson, KeyringStore } from '../types.js';
 
 import mkdirp from 'mkdirp';
 import fs from 'node:fs';

packages/ui-settings/src/Settings.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Endpoint, EndpointType, Option, SettingsStruct } from './types';
+import type { Endpoint, EndpointType, Option, SettingsStruct } from './types.js';
 
 import EventEmitter from 'eventemitter3';
 import store from 'store';

packages/ui-settings/src/defaults/ui.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Option } from '../types';
+import type { Option } from '../types.js';
 
 import { isPolkadot } from './type.js';
 

packages/ui-shared/src/icons/beachball/index.ts

@@ -3,7 +3,7 @@
 
 // Copyright 2016 Dan Finlay
 
-import type { Options } from '../types';
+import type { Options } from '../types.js';
 
 import { circle } from './shape/circle.js';
 import { element } from './svg/element.js';

packages/ui-shared/src/icons/beachball/seeder.spec.ts

@@ -3,7 +3,7 @@
 
 /// <reference types="@polkadot/dev/node/test/node" />
 
-import type { Seeder } from './types';
+import type { Seeder } from './types.js';
 
 import { seeder as newSeeder } from './seeder.js';
 

packages/ui-shared/src/icons/beachball/seeder.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Seeder } from './types';
+import type { Seeder } from './types.js';
 
 import { isU8a, stringToU8a } from '@polkadot/util';
 

packages/ui-shared/src/icons/beachball/shape/circle.ts

@@ -3,7 +3,7 @@
 
 // Copyright 2016 Dan Finlay
 
-import type { Seeder } from '../types';
+import type { Seeder } from '../types.js';
 
 import { SHAPE_COUNT } from '../defaults.js';
 import { circle as newCircle } from '../svg/circle.js';

packages/ui-shared/src/icons/beachball/shape/square.ts

@@ -3,7 +3,7 @@
 
 // Copyright 2016 Dan Finlay
 
-import type { Seeder } from '../types';
+import type { Seeder } from '../types.js';
 
 import { SHAPE_COUNT } from '../defaults.js';
 import { rect as newRect } from '../svg/rect.js';

packages/ui-shared/src/icons/polkadot.ts

@@ -7,7 +7,7 @@
 //
 // https://github.com/paritytech/oo7/blob/251ba2b7c45503b68eab4320c270b5afa9bccb60/packages/polkadot-identicon/src/index.jsx
 
-import type { Circle, Options } from './types';
+import type { Circle, Options } from './types.js';
 
 import { blake2AsU8a, decodeAddress } from '@polkadot/util-crypto';
 

tsconfig.base.json

@@ -3,22 +3,18 @@
   "compilerOptions": {
     "composite": true,
     "paths": {
-      "@polkadot/react-identicon": ["react-identicon/src"],
-      "@polkadot/react-identicon/*": ["react-identicon/src/*"],
-      "@polkadot/react-qr": ["react-qr/src"],
-      "@polkadot/react-qr/*": ["react-qr/src/*"],
-      "@polkadot/reactnative-identicon": ["reactnative-identicon/src"],
-      "@polkadot/reactnative-identicon/*": ["reactnative-identicon/src/*"],
-      "@polkadot/ui-keyring": ["ui-keyring/src"],
-      "@polkadot/ui-keyring/*": ["ui-keyring/src/*"],
-      "@polkadot/ui-settings": ["ui-settings/src"],
-      "@polkadot/ui-settings/*": ["ui-settings/src/*"],
-      "@polkadot/ui-shared": ["ui-shared/src"],
-      "@polkadot/ui-shared/*": ["ui-shared/src/*"],
-      "@polkadot/vue-identicon": ["vue-identicon/src"],
-      "@polkadot/vue-identicon/*": ["vue-identicon/src/*"]
+      "@polkadot/react-identicon": ["react-identicon/src/index.ts"],
+      "@polkadot/react-qr": ["react-qr/src/index.ts"],
+      "@polkadot/reactnative-identicon": ["reactnative-identicon/src/index.ts"],
+      "@polkadot/ui-keyring": ["ui-keyring/src/index.ts"],
+      "@polkadot/ui-settings": ["ui-settings/src/index.ts"],
+      "@polkadot/ui-settings/packageInfo": ["ui-settings/src/packageInfo.ts"],
+      "@polkadot/ui-settings/types": ["ui-settings/src/types.ts"],
+      "@polkadot/ui-shared": ["ui-shared/src/index.ts"],
+      "@polkadot/ui-shared/icons/*": ["ui-shared/src/icons/*.ts"],
+      "@polkadot/ui-shared/packageInfo": ["ui-shared/src/packageInfo.ts"],
+      "@polkadot/vue-identicon": ["vue-identicon/src/index.ts"],
     },
-    "skipLibCheck": true,
-    "target": "es2020"
+    "skipLibCheck": true
   }
  }