@refinedev/antd 5.38.1 → 5.40.0

package/dist/interfaces/index.d.cts

@@ -1,4 +1,4 @@
-import { IResourceItem } from "@refinedev/core";
+import type { IResourceItem } from "@refinedev/core";
 export type BaseRecord = {
     id?: string;
     [key: string]: any;

package/dist/interfaces/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AACF,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG;IAClC,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AACF,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG;IAClC,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/interfaces/index.d.mts

@@ -1,4 +1,4 @@
-import { IResourceItem } from "@refinedev/core";
+import type { IResourceItem } from "@refinedev/core";
 export type BaseRecord = {
     id?: string;
     [key: string]: any;

package/dist/interfaces/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AACF,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG;IAClC,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AACF,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG;IAClC,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/interfaces/index.d.ts

@@ -1,4 +1,4 @@
-import { IResourceItem } from "@refinedev/core";
+import type { IResourceItem } from "@refinedev/core";
 export type BaseRecord = {
     id?: string;
     [key: string]: any;

package/dist/interfaces/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AACF,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG;IAClC,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AACF,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG;IAClC,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/providers/notificationProvider/index.d.cts

@@ -1,4 +1,4 @@
-import { NotificationProvider } from "@refinedev/core";
+import type { NotificationProvider } from "@refinedev/core";
 /**
  * @deprecated `notificationProvider` is deprecated due to not being compatible with theme changes in Ant Design. Please use `useNotificationProvider` export as your notification provider.
  * @see https://refine.dev/docs/api-reference/antd/theming/#usenotificationprovider-compatible-with-theme

package/dist/providers/notificationProvider/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/notificationProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAMvD;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,EAAE,oBAqClC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,oBA+C1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/notificationProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAM5D;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,EAAE,oBAqClC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,oBA+C1C,CAAC"}

package/dist/providers/notificationProvider/index.d.mts

@@ -1,4 +1,4 @@
-import { NotificationProvider } from "@refinedev/core";
+import type { NotificationProvider } from "@refinedev/core";
 /**
  * @deprecated `notificationProvider` is deprecated due to not being compatible with theme changes in Ant Design. Please use `useNotificationProvider` export as your notification provider.
  * @see https://refine.dev/docs/api-reference/antd/theming/#usenotificationprovider-compatible-with-theme

package/dist/providers/notificationProvider/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/notificationProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAMvD;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,EAAE,oBAqClC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,oBA+C1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/notificationProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAM5D;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,EAAE,oBAqClC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,oBA+C1C,CAAC"}

package/dist/providers/notificationProvider/index.d.ts

@@ -1,4 +1,4 @@
-import { NotificationProvider } from "@refinedev/core";
+import type { NotificationProvider } from "@refinedev/core";
 /**
  * @deprecated `notificationProvider` is deprecated due to not being compatible with theme changes in Ant Design. Please use `useNotificationProvider` export as your notification provider.
  * @see https://refine.dev/docs/api-reference/antd/theming/#usenotificationprovider-compatible-with-theme

package/dist/providers/notificationProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/notificationProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAMvD;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,EAAE,oBAqClC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,oBA+C1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/notificationProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAM5D;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,EAAE,oBAqClC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,oBA+C1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/antd",
-  "version": "5.38.1",
+  "version": "5.40.0",
   "private": false,
   "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
   "repository": {
@@ -32,21 +32,12 @@
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "typings": "dist/index.d.ts",
-  "scripts": {
-    "attw": "attw --pack . --exclude-entrypoints dist/reset.css",
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "prepare": "npm run build",
-    "publint": "publint --strict=true --level=suggestion",
-    "test": "jest --passWithNoTests --runInBand",
-    "types": "node ../shared/generate-declarations.js"
-  },
   "dependencies": {
-    "@ant-design/icons": "^5.0.1",
+    "@ant-design/icons": "5.0.1",
     "@ant-design/pro-layout": "7.17.12",
-    "@refinedev/ui-types": "^1.22.7",
+    "@refinedev/ui-types": "^1.22.9",
     "@tanstack/react-query": "^4.10.1",
-    "antd": "5.16.5",
+    "antd": "^5.17.0",
     "dayjs": "^1.10.7",
     "react-markdown": "^6.0.1",
     "remark-gfm": "^1.0.0",
@@ -55,14 +46,15 @@
   },
   "devDependencies": {
     "@esbuild-plugins/node-resolve": "^0.1.4",
-    "@refinedev/cli": "^2.16.31",
-    "@refinedev/core": "^4.49.2",
-    "@refinedev/ui-tests": "^1.14.5",
+    "@refinedev/cli": "^2.16.33",
+    "@refinedev/core": "^4.51.0",
+    "@refinedev/ui-tests": "^1.14.7",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.1.1",
     "@testing-library/react-hooks": "^8.0.0",
     "@testing-library/user-event": "^14.1.1",
     "@types/jest": "^29.2.4",
+    "@types/lodash": "^4.14.171",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/testing-library__jest-dom": "^5.14.3",
@@ -81,7 +73,7 @@
     "@refinedev/core": "^4.46.1",
     "@types/react": "^17.0.0 || ^18.0.0",
     "@types/react-dom": "^17.0.0 || ^18.0.0",
-    "antd": "5.16.5",
+    "antd": "^5.17.0",
     "dayjs": "^1.10.7",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
@@ -89,5 +81,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "829f5a516f98c06f666d6be3e6e6099c75c07719"
-}
+  "scripts": {
+    "attw": "attw --pack . --exclude-entrypoints dist/reset.css",
+    "build": "tsup && node ../shared/generate-declarations.js",
+    "dev": "tsup --watch",
+    "publint": "publint --strict=true --level=suggestion",
+    "test": "jest --passWithNoTests --runInBand",
+    "types": "node ../shared/generate-declarations.js"
+  }
+}

package/src/components/autoSaveIndicator/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  AutoSaveIndicatorProps,
+  type AutoSaveIndicatorProps,
   useTranslate,
   AutoSaveIndicator as AutoSaveIndicatorCore,
 } from "@refinedev/core";
@@ -19,6 +19,7 @@ export const AutoSaveIndicator: React.FC<AutoSaveIndicatorProps> = ({
       <Message
         key="autoSave.success"
         defaultMessage="saved"
+        // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
         icon={<CheckCircleOutlined />}
       />
     ),
@@ -26,6 +27,7 @@ export const AutoSaveIndicator: React.FC<AutoSaveIndicatorProps> = ({
       <Message
         key="autoSave.error"
         defaultMessage="auto save failure"
+        // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
         icon={<ExclamationCircleOutlined />}
       />
     ),
@@ -33,6 +35,7 @@ export const AutoSaveIndicator: React.FC<AutoSaveIndicatorProps> = ({
       <Message
         key="autoSave.loading"
         defaultMessage="saving..."
+        // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
         icon={<SyncOutlined />}
       />
     ),
@@ -40,6 +43,7 @@ export const AutoSaveIndicator: React.FC<AutoSaveIndicatorProps> = ({
       <Message
         key="autoSave.idle"
         defaultMessage="waiting for changes"
+        // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
         icon={<EllipsisOutlined />}
       />
     ),

package/src/components/breadcrumb/index.tsx

@@ -8,11 +8,11 @@ import {
   useResource,
   matchResourceFromRoute,
 } from "@refinedev/core";
-import { RefineBreadcrumbProps } from "@refinedev/ui-types";
+import type { RefineBreadcrumbProps } from "@refinedev/ui-types";
 
 import {
   Breadcrumb as AntdBreadcrumb,
-  BreadcrumbProps as AntdBreadcrumbProps,
+  type BreadcrumbProps as AntdBreadcrumbProps,
 } from "antd";
 import { HomeOutlined } from "@ant-design/icons";
 
@@ -70,6 +70,7 @@ export const Breadcrumb: React.FC<BreadcrumbProps> = ({
           key: "breadcrumb-item-home",
           title: (
             <ActiveLink to="/">
+              {/* @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66 */}
               {rootRouteResource?.resource?.meta?.icon ?? <HomeOutlined />}
             </ActiveLink>
           ),

package/src/components/buttons/clone/index.tsx

@@ -52,6 +52,7 @@ export const CloneButton: React.FC<CloneButtonProps> = ({
       }}
     >
       <Button
+        // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
         icon={<PlusSquareOutlined />}
         disabled={disabled}
         title={title}

package/src/components/buttons/create/index.tsx

@@ -52,6 +52,7 @@ export const CreateButton: React.FC<CreateButtonProps> = ({
       }}
     >
       <Button
+        // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
         icon={<PlusSquareOutlined />}
         disabled={disabled}
         title={title}

package/src/components/buttons/delete/index.tsx

@@ -76,6 +76,7 @@ export const DeleteButton: React.FC<DeleteButtonProps> = ({
       <Button
         danger
         loading={loading}
+        // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
         icon={<DeleteOutlined />}
         title={title}
         disabled={disabled}

package/src/components/buttons/edit/index.tsx

@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { EditButtonProps } from "../types";
+import type { EditButtonProps } from "../types";
 
 /**
  * `<EditButton>` uses Ant Design's {@link https://ant.design/components/button/ `<Button>`} component.
@@ -52,6 +52,7 @@ export const EditButton: React.FC<EditButtonProps> = ({
       }}
     >
       <Button
+        // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
         icon={<EditOutlined />}
         disabled={disabled}
         title={title}

package/src/components/buttons/export/index.tsx

@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { ExportButtonProps } from "../types";
+import type { ExportButtonProps } from "../types";
 
 /**
  * `<ExportButton>` is an Ant Design {@link https://ant.design/components/button/ `<Button>`} with a default export icon and a default text with "Export".
@@ -25,6 +25,7 @@ export const ExportButton: React.FC<ExportButtonProps> = ({
   return (
     <Button
       type="default"
+      // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
       icon={<ExportOutlined />}
       data-testid={RefineButtonTestIds.ExportButton}
       className={RefineButtonClassNames.ExportButton}

package/src/components/buttons/import/index.tsx

@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { ImportButtonProps } from "../types";
+import type { ImportButtonProps } from "../types";
 
 /**
  * `<ImportButton>` is compatible with the {@link https://refine.dev/docs/api-reference/antd/hooks/import/useImport `useImport`} hook and is meant to be used as it's upload button.
@@ -28,6 +28,7 @@ export const ImportButton: React.FC<ImportButtonProps> = ({
   return (
     <Upload {...uploadProps}>
       <Button
+        // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
         icon={<ImportOutlined />}
         data-testid={RefineButtonTestIds.ImportButton}
         className={RefineButtonClassNames.ImportButton}

package/src/components/buttons/list/index.tsx

@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { ListButtonProps } from "../types";
+import type { ListButtonProps } from "../types";
 
 /**
  * `<ListButton>` is using Ant Design's {@link https://ant.design/components/button/ `<Button>`} component.
@@ -50,6 +50,7 @@ export const ListButton: React.FC<ListButtonProps> = ({
       }}
     >
       <Button
+        // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
         icon={<BarsOutlined />}
         disabled={disabled}
         title={title}

package/src/components/buttons/refresh/index.tsx

@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { RefreshButtonProps } from "../types";
+import type { RefreshButtonProps } from "../types";
 
 /**
  * `<RefreshButton>` uses Ant Design's {@link https://ant.design/components/button/ `<Button>`} component
@@ -35,6 +35,7 @@ export const RefreshButton: React.FC<RefreshButtonProps> = ({
   return (
     <Button
       onClick={onClick}
+      // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
       icon={<RedoOutlined spin={loading} />}
       data-testid={RefineButtonTestIds.RefreshButton}
       className={RefineButtonClassNames.RefreshButton}

package/src/components/buttons/save/index.tsx

@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { SaveButtonProps } from "../types";
+import type { SaveButtonProps } from "../types";
 
 /**
  * `<SaveButton>` uses Ant Design's {@link https://ant.design/components/button/ `<Button>`} component.
@@ -25,6 +25,7 @@ export const SaveButton: React.FC<SaveButtonProps> = ({
   return (
     <Button
       type="primary"
+      // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
       icon={<SaveOutlined />}
       data-testid={RefineButtonTestIds.SaveButton}
       className={RefineButtonClassNames.SaveButton}

package/src/components/buttons/show/index.tsx

@@ -7,7 +7,7 @@ import {
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { ShowButtonProps } from "../types";
+import type { ShowButtonProps } from "../types";
 
 /**
  * `<ShowButton>` uses Ant Design's {@link https://ant.design/components/button/ `<Button>`} component.
@@ -52,6 +52,7 @@ export const ShowButton: React.FC<ShowButtonProps> = ({
       }}
     >
       <Button
+        // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
         icon={<EyeOutlined />}
         disabled={disabled}
         title={title}

package/src/components/buttons/types.ts

@@ -1,5 +1,5 @@
-import { ButtonProps, UploadProps } from "antd";
-import {
+import type { ButtonProps, UploadProps } from "antd";
+import type {
   RefineCloneButtonProps,
   RefineCreateButtonProps,
   RefineDeleteButtonProps,

package/src/components/crud/create/index.tsx

@@ -14,9 +14,9 @@ import {
   Breadcrumb,
   SaveButton,
   PageHeader,
-  SaveButtonProps,
+  type SaveButtonProps,
 } from "@components";
-import { CreateProps } from "../types";
+import type { CreateProps } from "../types";
 
 /**
  * `<Create>` provides us a layout to display the page.

package/src/components/crud/edit/index.tsx

@@ -21,13 +21,13 @@ import {
   SaveButton,
   Breadcrumb,
   PageHeader,
-  ListButtonProps,
-  RefreshButtonProps,
-  DeleteButtonProps,
-  SaveButtonProps,
+  type ListButtonProps,
+  type RefreshButtonProps,
+  type DeleteButtonProps,
+  type SaveButtonProps,
   AutoSaveIndicator,
 } from "@components";
-import { EditProps } from "../types";
+import type { EditProps } from "../types";
 
 /**
  * `<Edit>` provides us a layout for displaying the page.

package/src/components/crud/list/index.tsx

@@ -11,10 +11,10 @@ import {
 import {
   Breadcrumb,
   CreateButton,
-  CreateButtonProps,
+  type CreateButtonProps,
   PageHeader,
 } from "@components";
-import { ListProps } from "../types";
+import type { ListProps } from "../types";
 
 /**
  * `<List>` provides us a layout for displaying the page.

package/src/components/crud/show/index.tsx

@@ -19,12 +19,12 @@ import {
   ListButton,
   Breadcrumb,
   PageHeader,
-  ListButtonProps,
-  EditButtonProps,
-  DeleteButtonProps,
-  RefreshButtonProps,
+  type ListButtonProps,
+  type EditButtonProps,
+  type DeleteButtonProps,
+  type RefreshButtonProps,
 } from "@components";
-import { ShowProps } from "../types";
+import type { ShowProps } from "../types";
 
 /**
  * `<Show>` provides us a layout for displaying the page.

package/src/components/crud/types.ts

@@ -1,5 +1,5 @@
-import { CardProps, SpaceProps } from "antd";
-import {
+import type { CardProps, SpaceProps } from "antd";
+import type {
   CreateButtonProps,
   DeleteButtonProps,
   EditButtonProps,
@@ -7,13 +7,13 @@ import {
   RefreshButtonProps,
   SaveButtonProps,
 } from "../buttons/types";
-import {
+import type {
   RefineCrudCreateProps,
   RefineCrudEditProps,
   RefineCrudListProps,
   RefineCrudShowProps,
 } from "@refinedev/ui-types";
-import { PageHeaderProps } from "../pageHeader";
+import type { PageHeaderProps } from "../pageHeader";
 
 export type CreateProps = RefineCrudCreateProps<
   SaveButtonProps,

package/src/components/fields/boolean/index.tsx

@@ -3,7 +3,7 @@ import { Tooltip } from "antd";
 
 import { CheckOutlined, CloseOutlined } from "@ant-design/icons";
 
-import { BooleanFieldProps } from "../types";
+import type { BooleanFieldProps } from "../types";
 
 /**
  * This field is used to display boolean values. It uses the {@link https://ant.design/components/tooltip/#header `<Tooltip>`} values from Ant Design.
@@ -14,7 +14,9 @@ export const BooleanField: React.FC<BooleanFieldProps> = ({
   value,
   valueLabelTrue = "true",
   valueLabelFalse = "false",
+  // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
   trueIcon = <CheckOutlined />,
+  // @ts-expect-error Ant Design Icon's v5.0.1 has an issue with @types/react@^18.2.66
   falseIcon = <CloseOutlined />,
   ...rest
 }) => {

package/src/components/fields/date/index.tsx

@@ -4,7 +4,7 @@ import { Typography } from "antd";
 
 import LocalizedFormat from "dayjs/plugin/localizedFormat";
 
-import { DateFieldProps } from "../types";
+import type { DateFieldProps } from "../types";
 
 /**
  * This field is used to display dates. It uses {@link https://day.js.org/docs/en/display/format `Day.js`} to display date format.

package/src/components/fields/email/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Typography } from "antd";
 
-import { EmailFieldProps } from "../types";
+import type { EmailFieldProps } from "../types";
 
 /**
  * This field is used to display email values. It uses the {@link https://ant.design/components/typography/#FAQ `<Link>`} component

package/src/components/fields/file/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { UrlField } from "@components";
-import { FileFieldProps } from "../types";
+import type { FileFieldProps } from "../types";
 
 /**
  * This field is used to display files and uses {@link https://ant.design/components/typography `<Typography.Link>`} from Ant Design.

package/src/components/fields/image/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Image } from "antd";
 
-import { ImageFieldProps } from "../types";
+import type { ImageFieldProps } from "../types";
 
 /**
  * This field is used to display images and uses {@link https://ant.design/components/image/#header `<Image>`} from Ant Design.

package/src/components/fields/markdown/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import ReactMarkdown from "react-markdown";
 import gfm from "remark-gfm";
 
-import { RefineFieldMarkdownProps } from "../types";
+import type { RefineFieldMarkdownProps } from "../types";
 
 /**
  * This field lets you display markdown content. It supports {@link https://github.github.com/gfm/ GitHub Flavored Markdown}.

package/src/components/fields/number/index.tsx

@@ -9,7 +9,7 @@ function toLocaleStringSupportsOptions() {
   );
 }
 
-import { NumberFieldProps } from "../types";
+import type { NumberFieldProps } from "../types";
 
 /**
  * This field is used to display a number formatted according to the browser locale, right aligned. and uses {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl `Intl`} to display date format.

package/src/components/fields/tag/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Tag } from "antd";
 
-import { TagFieldProps } from "../types";
+import type { TagFieldProps } from "../types";
 
 /**
  * This field lets you display a value in a tag. It uses Ant Design's {@link https://ant.design/components/tag/ `<Tag>`} component.

package/src/components/fields/text/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Typography } from "antd";
 
-import { TextFieldProps } from "../types";
+import type { TextFieldProps } from "../types";
 
 /**
  * This field lets you show basic text. It uses Ant Design's {@link https://ant.design/components/typography/#Typography.Text `<Typography.Text>`} component.

package/src/components/fields/types.ts

@@ -1,6 +1,6 @@
-import { ReactChild, ReactNode } from "react";
-import { ConfigType } from "dayjs";
-import {
+import type { ReactChild, ReactNode } from "react";
+import type { ConfigType } from "dayjs";
+import type {
   RefineFieldBooleanProps,
   RefineFieldDateProps,
   RefineFieldEmailProps,
@@ -12,10 +12,10 @@ import {
   RefineFieldTextProps,
   RefineFieldUrlProps,
 } from "@refinedev/ui-types";
-import { ImageProps, TagProps } from "antd";
-import { AbstractTooltipProps } from "antd/lib/tooltip";
-import { TextProps } from "antd/lib/typography/Text";
-import { LinkProps } from "antd/lib/typography/Link";
+import type { ImageProps, TagProps } from "antd";
+import type { AbstractTooltipProps } from "antd/lib/tooltip";
+import type { TextProps } from "antd/lib/typography/Text";
+import type { LinkProps } from "antd/lib/typography/Link";
 
 export type BooleanFieldProps = RefineFieldBooleanProps<
   unknown,

package/src/components/fields/url/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Typography } from "antd";
 
-import { UrlFieldProps } from "../types";
+import type { UrlFieldProps } from "../types";
 
 /**
  * This field lets you embed a link. It uses Ant Design's {@link https://ant.design/components/typography/ `<Typography.Link>`} component.

package/src/components/layout/header/index.tsx

@@ -1,7 +1,7 @@
 import { useActiveAuthProvider, useGetIdentity } from "@refinedev/core";
 import { Avatar, Layout as AntdLayout, Space, Typography } from "antd";
 import React from "react";
-import { RefineLayoutHeaderProps } from "../types";
+import type { RefineLayoutHeaderProps } from "../types";
 
 export const Header: React.FC<RefineLayoutHeaderProps> = () => {
   const authProvider = useActiveAuthProvider();

package/src/components/layout/index.tsx

@@ -3,7 +3,7 @@ import { Grid, Layout as AntdLayout } from "antd";
 
 import { Sider as DefaultSider } from "./sider";
 import { Header as DefaultHeader } from "./header";
-import { RefineLayoutLayoutProps } from "./types";
+import type { RefineLayoutLayoutProps } from "./types";
 
 /**
  * @deprecated use `<ThemedLayout>` instead with 100% backward compatibility.