fix: type errors on typescript <5

.changeset/fuzzy-carpets-pull.md

@@ -0,0 +1,36 @@
+---
+"@refinedev/airtable": patch
+"@refinedev/antd": patch
+"@refinedev/appwrite": patch
+"@refinedev/chakra-ui": patch
+"@refinedev/cli": patch
+"@refinedev/core": patch
+"@refinedev/devtools": patch
+"@refinedev/devtools-internal": patch
+"@refinedev/devtools-shared": patch
+"@refinedev/devtools-ui": patch
+"@refinedev/graphql": patch
+"@refinedev/hasura": patch
+"@refinedev/inferencer": patch
+"@refinedev/kbar": patch
+"@refinedev/mantine": patch
+"@refinedev/medusa": patch
+"@refinedev/mui": patch
+"@refinedev/nestjs-query": patch
+"@refinedev/nestjsx-crud": patch
+"@refinedev/nextjs-router": patch
+"@refinedev/react-hook-form": patch
+"@refinedev/react-router-v6": patch
+"@refinedev/react-table": patch
+"@refinedev/remix-router": patch
+"@refinedev/simple-rest": patch
+"@refinedev/strapi": patch
+"@refinedev/strapi-v4": patch
+"@refinedev/supabase": patch
+"@refinedev/ui-tests": patch
+"@refinedev/ui-types": patch
+---
+
+fix: type errors on typescript <5
+
+Due to the changes in #5881, typescript users below version 5 are facing type errors. This PR fixes the type errors by updating the file extensions required by the `d.mts` declaration files to provide a compatible declarations for both typescript 4 and 5 users.

packages/airtable/jest.config.js

@@ -4,4 +4,7 @@ module.exports = {
   displayName: "airtable",
   setupFilesAfterEnv: ["<rootDir>/test/jest.setup.js"],
   testEnvironment: "jsdom",
+  moduleNameMapper: {
+    "^(..?/.+).js?$": "$1",
+  },
 };

packages/airtable/src/index.ts

@@ -1,5 +1,5 @@
-import { dataProvider } from "./dataProvider.ts";
+import { dataProvider } from "./dataProvider.js";
 
-export * from "./utils/index.ts";
-export * from "./dataProvider.ts";
+export * from "./utils/index.js";
+export * from "./dataProvider.js";
 export default dataProvider;

packages/antd/src/index.tsx

@@ -1,14 +1,14 @@
-export * from "./hooks/index.ts";
-export * from "./providers/index.ts";
-export * from "./components/index.ts";
-export * from "./contexts/index.ts";
+export * from "./hooks/index.js";
+export * from "./providers/index.js";
+export * from "./components/index.js";
+export * from "./contexts/index.js";
 
 export {
   getDefaultSortOrder,
   getDefaultFilter,
   mapAntdSorterToCrudSorting,
   mapAntdFilterToCrudFilter,
-} from "./definitions/table/index.ts";
-export { getValueFromEvent } from "./definitions/upload/index.ts";
+} from "./definitions/table/index.js";
+export { getValueFromEvent } from "./definitions/upload/index.js";
 
-export * from "./definitions/themes/index.ts";
+export * from "./definitions/themes/index.js";

packages/appwrite/jest.config.js

@@ -4,4 +4,7 @@ module.exports = {
   displayName: "appwrite",
   setupFilesAfterEnv: ["<rootDir>/test/jest.setup.ts"],
   resetMocks: true,
+  moduleNameMapper: {
+    "^(..?/.+).js?$": "$1",
+  },
 };

packages/appwrite/src/index.ts

@@ -1,5 +1,5 @@
-export * from "./dataProvider.ts";
-export * from "./liveProvider.ts";
+export * from "./dataProvider.js";
+export * from "./liveProvider.js";
 
 export {
   Account,

packages/chakra-ui/src/index.tsx

@@ -1,5 +1,5 @@
-export * from "./components/index.ts";
-export * from "./hooks/index.ts";
-export * from "./theme/index.ts";
-export * from "./providers/index.ts";
-export * from "./contexts/index.ts";
+export * from "./components/index.js";
+export * from "./hooks/index.js";
+export * from "./theme/index.js";
+export * from "./providers/index.js";
+export * from "./contexts/index.js";

packages/cli/src/index.ts

@@ -1,5 +1,5 @@
-export * from "./definitions/index.ts";
-export { getImports, getNameChangeInImport } from "./utils/swizzle/import.ts";
-export { appendAfterImports } from "./utils/swizzle/appendAfterImports.ts";
-export { getFileContent } from "./utils/swizzle/getFileContent.ts";
-export type { ImportMatch, NameChangeMatch } from "./utils/swizzle/import.ts";
+export * from "./definitions/index.js";
+export { getImports, getNameChangeInImport } from "./utils/swizzle/import.js";
+export { appendAfterImports } from "./utils/swizzle/appendAfterImports.js";
+export { getFileContent } from "./utils/swizzle/getFileContent.js";
+export type { ImportMatch, NameChangeMatch } from "./utils/swizzle/import.js";

packages/core/src/index.tsx

@@ -1,9 +1,9 @@
-export * from "./components/index.ts";
-export * from "./hooks/index.ts";
+export * from "./components/index.js";
+export * from "./hooks/index.js";
 
 // all auth types
-export * from "./components/pages/auth/types.tsx";
-export { ILoginForm } from "./components/pages/login/index.tsx";
+export * from "./components/pages/auth/types.js";
+export { ILoginForm } from "./components/pages/login/index.js";
 
 export {
   getDefaultFilter,
@@ -15,7 +15,7 @@ export {
   stringifyTableParams,
   unionFilters,
   unionSorters,
-} from "./definitions/table/index.ts";
+} from "./definitions/table/index.js";
 export {
   createTreeView,
   handleUseParams,
@@ -35,35 +35,35 @@ export {
   KeyBuilder,
   flattenObjectKeys,
   propertyPathToArray,
-} from "./definitions/helpers/index.ts";
-export { file2Base64 } from "./definitions/upload/index.ts";
-export { generateDefaultDocumentTitle } from "./definitions/index.ts";
+} from "./definitions/helpers/index.js";
+export { file2Base64 } from "./definitions/upload/index.js";
+export { generateDefaultDocumentTitle } from "./definitions/index.js";
 
-export { ResourceContext } from "./contexts/resource/index.tsx";
+export { ResourceContext } from "./contexts/resource/index.js";
 
-export { AccessControlContext } from "./contexts/accessControl/index.tsx";
+export { AccessControlContext } from "./contexts/accessControl/index.js";
 
 export {
   AccessControlProvider,
   AccessControlProvider as AccessControlBindings,
   CanParams,
   CanReturnType,
   IAccessControlContext,
-} from "./contexts/accessControl/types.ts";
+} from "./contexts/accessControl/types.js";
 
 export {
   AuditLogProvider,
   ILog,
   ILogData,
   LogParams,
-} from "./contexts/auditLog/types.ts";
+} from "./contexts/auditLog/types.js";
 
 export {
   AuthBindings,
   AuthProvider,
   ILegacyAuthContext,
   LegacyAuthProvider,
-} from "./contexts/auth/types.ts";
+} from "./contexts/auth/types.js";
 
 export {
   ConditionalFilter,
@@ -107,19 +107,19 @@ export {
   BaseOption,
   IQueryKeys,
   Prettify,
-} from "./contexts/data/types.ts";
+} from "./contexts/data/types.js";
 
 export {
   I18nContext,
   I18nContext as TranslationContext,
-} from "./contexts/i18n/index.tsx";
+} from "./contexts/i18n/index.js";
 
 export {
   I18nProvider,
   I18nProvider as TranslationProvider,
   I18nProvider as i18nBindings,
   II18nContext as ITranslationContext,
-} from "./contexts/i18n/types.ts";
+} from "./contexts/i18n/types.js";
 
 export {
   ILiveContext,
@@ -130,15 +130,15 @@ export {
   LiveOneParams,
   LiveProvider,
   LiveListParams,
-} from "./contexts/live/types.ts";
+} from "./contexts/live/types.js";
 
 export {
   INotificationContext,
   NotificationProvider,
   NotificationProvider as NotificationsBindings,
   OpenNotificationParams,
   SuccessErrorNotification,
-} from "./contexts/notification/types.ts";
+} from "./contexts/notification/types.js";
 
 export {
   IRefineContext,
@@ -149,7 +149,7 @@ export {
   RefineProps,
   TextTransformers,
   TitleProps,
-} from "./contexts/refine/types.ts";
+} from "./contexts/refine/types.js";
 
 export {
   ResourceProps,
@@ -159,7 +159,7 @@ export {
   IResourceItem,
   ITreeMenu,
   ResourceBindings,
-} from "./contexts/resource/types.ts";
+} from "./contexts/resource/types.js";
 
 export {
   ActionWithPage,
@@ -170,7 +170,7 @@ export {
   ResourceErrorRouterParams,
   ResourceRouterParams,
   RouteAction,
-} from "./contexts/router/legacy/types.ts";
+} from "./contexts/router/legacy/types.js";
 
 export {
   Action,
@@ -182,6 +182,6 @@ export {
   ParseFunction,
   RouterProvider,
   RouterProvider as RouterBindings,
-} from "./contexts/router/types.ts";
+} from "./contexts/router/types.js";
 
-export { IUnsavedWarnContext } from "./contexts/unsavedWarn/types.ts";
+export { IUnsavedWarnContext } from "./contexts/unsavedWarn/types.js";

packages/devtools-internal/src/index.ts

@@ -1,3 +1,3 @@
-export { getTrace } from "./get-trace.ts";
-export { getXRay } from "./get-xray.ts";
-export { useQuerySubscription } from "./use-query-subscription.tsx";
+export { getTrace } from "./get-trace.js";
+export { getXRay } from "./get-xray.js";
+export { useQuerySubscription } from "./use-query-subscription.js";

packages/devtools-shared/src/index.ts

@@ -1,14 +1,14 @@
-export { DevtoolsEvent, DevtoolsEventPayloads } from "./event-types.ts";
-export { TraceType } from "./trace.ts";
-export { Feed, FeedSection } from "./feed.ts";
+export { DevtoolsEvent, DevtoolsEventPayloads } from "./event-types.js";
+export { TraceType } from "./trace.js";
+export { Feed, FeedSection } from "./feed.js";
 export {
   PackageType,
   PackageLatestVersionType,
   AvailablePackageType,
-} from "./package.ts";
-export { RefineHook, Scopes, hooksByScope, scopes } from "./scopes.ts";
+} from "./package.js";
+export { RefineHook, Scopes, hooksByScope, scopes } from "./scopes.js";
 
-export { DevToolsContextProvider, DevToolsContext } from "./context.tsx";
+export { DevToolsContextProvider, DevToolsContext } from "./context.js";
 
-export { send } from "./send.ts";
-export { receive } from "./receive.ts";
+export { send } from "./send.js";
+export { receive } from "./receive.js";

packages/devtools-ui/src/index.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { createRoot } from "react-dom/client";
 
-import { DevToolsApp } from "./devtools.tsx";
+import { DevToolsApp } from "./devtools.js";
 
 export const renderDevTools = (container: Element) => {
   const root = createRoot(container);

packages/devtools/src/index.ts

@@ -1,2 +1,2 @@
-export { DevtoolsPanel } from "./panel.tsx";
-export { DevtoolsProvider } from "./provider.tsx";
+export { DevtoolsPanel } from "./panel.js";
+export { DevtoolsProvider } from "./provider.js";

packages/graphql/jest.config.js

@@ -4,4 +4,7 @@ module.exports = {
   displayName: "graphql",
   setupFilesAfterEnv: ["<rootDir>/test/jest.setup.ts"],
   testEnvironment: "jsdom",
+  moduleNameMapper: {
+    "^(..?/.+).js?$": "$1",
+  },
 };

packages/graphql/src/index.ts

@@ -1,8 +1,8 @@
-import dataProvider from "./dataProvider/index.ts";
+import dataProvider from "./dataProvider/index.js";
 export default dataProvider;
 
-export * from "./dataProvider/index.ts";
-export * from "./liveProvider/index.ts";
+export * from "./dataProvider/index.js";
+export * from "./liveProvider/index.js";
 
 export {
   GraphQLClient,
@@ -30,4 +30,4 @@ export type {
 export * as qqlQueryBuilder from "gql-query-builder";
 export * as graphqlWS from "graphql-ws";
 
-export * from "./utils/index.ts";
+export * from "./utils/index.js";

packages/hasura/jest.config.js

@@ -4,4 +4,7 @@ module.exports = {
   displayName: "refine-hasura",
   setupFilesAfterEnv: ["<rootDir>/test/jest.setup.ts"],
   testEnvironment: "jsdom",
+  moduleNameMapper: {
+    "^(..?/.+).js?$": "$1",
+  },
 };

packages/hasura/src/index.ts

@@ -1,8 +1,8 @@
-import dataProvider from "./dataProvider/index.ts";
+import dataProvider from "./dataProvider/index.js";
 export default dataProvider;
 
-export * from "./dataProvider/index.ts";
-export * from "./liveProvider/index.ts";
+export * from "./dataProvider/index.js";
+export * from "./liveProvider/index.js";
 
 export {
   GraphQLClient,
@@ -29,4 +29,4 @@ export type {
 
 export * as qqlQueryBuilder from "gql-query-builder";
 export * as graphqlWS from "graphql-ws";
-export * from "./interfaces.ts";
+export * from "./interfaces.js";

packages/inferencer/jest.config.js

@@ -12,6 +12,7 @@ module.exports = {
   moduleNameMapper: {
     ...pathsToModuleNameMapper(paths, { prefix: "<rootDir>/" }),
     "\\.css$": "identity-obj-proxy",
+    "^(..?/.+).js?$": "$1",
   },
   displayName: "inferencer",
   transform: {

packages/inferencer/src/index.tsx

@@ -1,6 +1,6 @@
-export { createInferencer } from "./create-inferencer/index.tsx";
+export { createInferencer } from "./create-inferencer/index.js";
 
-export { SharedCodeViewer } from "./components/shared-code-viewer/index.tsx";
+export { SharedCodeViewer } from "./components/shared-code-viewer/index.js";
 
 export {
   jsx,
@@ -21,7 +21,7 @@ export {
   printImports,
   removeRelationSuffix,
   idQuoteWrapper,
-} from "./utilities/index.ts";
+} from "./utilities/index.js";
 
 export type {
   AdditionalScopeType,
@@ -37,4 +37,4 @@ export type {
   InferencerResultComponent,
   RecordField,
   RendererContext,
-} from "./types/index.ts";
+} from "./types/index.js";