@refinedev/antd 5.37.5 → 5.37.6

package/dist/interfaces/field.d.cts

@@ -0,0 +1,4 @@
+export type FieldProps<T> = {
+    value: T;
+};
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/interfaces/field.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAC1B,KAAK,EAAE,CAAC,CAAC;CACV,CAAC"}

package/dist/interfaces/field.d.mts

@@ -0,0 +1,4 @@
+export type FieldProps<T> = {
+    value: T;
+};
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/interfaces/field.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAC1B,KAAK,EAAE,CAAC,CAAC;CACV,CAAC"}

package/dist/interfaces/field.d.ts

@@ -1,4 +1,4 @@
-export declare type FieldProps<T> = {
+export type FieldProps<T> = {
     value: T;
 };
 //# sourceMappingURL=field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/interfaces/field.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,CAAC,CAAC,IAAI;IAC1B,KAAK,EAAE,CAAC,CAAC;CACV,CAAC"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/interfaces/field.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAC1B,KAAK,EAAE,CAAC,CAAC;CACV,CAAC"}

package/dist/interfaces/index.d.cts

@@ -0,0 +1,19 @@
+import { IResourceItem } from "@refinedev/core";
+export type BaseRecord = {
+    id?: string;
+    [key: string]: any;
+};
+export interface Option {
+    label: string;
+    value: string;
+}
+export type ITreeMenu = IMenuItem & {
+    children: ITreeMenu[];
+};
+export type IMenuItem = IResourceItem & {
+    key: string;
+    route: string;
+};
+export * from "./field";
+export * from "./upload";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/interfaces/index.d.mts

@@ -0,0 +1,19 @@
+import { IResourceItem } from "@refinedev/core";
+export type BaseRecord = {
+    id?: string;
+    [key: string]: any;
+};
+export interface Option {
+    label: string;
+    value: string;
+}
+export type ITreeMenu = IMenuItem & {
+    children: ITreeMenu[];
+};
+export type IMenuItem = IResourceItem & {
+    key: string;
+    route: string;
+};
+export * from "./field";
+export * from "./upload";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/interfaces/index.d.ts

@@ -1,5 +1,5 @@
 import { IResourceItem } from "@refinedev/core";
-export declare type BaseRecord = {
+export type BaseRecord = {
     id?: string;
     [key: string]: any;
 };
@@ -7,10 +7,10 @@ export interface Option {
     label: string;
     value: string;
 }
-export declare type ITreeMenu = IMenuItem & {
+export type ITreeMenu = IMenuItem & {
     children: ITreeMenu[];
 };
-export declare type IMenuItem = IResourceItem & {
+export type IMenuItem = IResourceItem & {
     key: string;
     route: string;
 };

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,oBAAY,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,oBAAY,SAAS,GAAG,SAAS,GAAG;IAClC,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,CAAC;AAEF,oBAAY,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,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"}

package/dist/interfaces/upload.d.cts

@@ -0,0 +1,10 @@
+export interface UploadedFile {
+    uid: string;
+    name: string;
+    url: string;
+    type: string;
+    size: number;
+    percent: number;
+    status: "error" | "success" | "done" | "uploading" | "removed";
+}
+//# sourceMappingURL=upload.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../src/interfaces/upload.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;CAChE"}

package/dist/interfaces/upload.d.mts

@@ -0,0 +1,10 @@
+export interface UploadedFile {
+    uid: string;
+    name: string;
+    url: string;
+    type: string;
+    size: number;
+    percent: number;
+    status: "error" | "success" | "done" | "uploading" | "removed";
+}
+//# sourceMappingURL=upload.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../src/interfaces/upload.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;CAChE"}

package/dist/providers/index.d.cts

@@ -0,0 +1,2 @@
+export * from "./notificationProvider";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/providers/index.d.mts

@@ -0,0 +1,2 @@
+export * from "./notificationProvider";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

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

@@ -0,0 +1,8 @@
+import { 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
+ */
+export declare const notificationProvider: NotificationProvider;
+export declare const useNotificationProvider: () => NotificationProvider;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+import { 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
+ */
+export declare const notificationProvider: NotificationProvider;
+export declare const useNotificationProvider: () => NotificationProvider;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/antd",
-  "version": "5.37.5",
+  "version": "5.37.6",
   "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": {
@@ -13,33 +13,50 @@
   "sideEffects": [
     "*.css"
   ],
-  "main": "dist/index.js",
-  "module": "dist/esm/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./dist/reset.css": {
+      "import": "./dist/reset.css",
+      "require": "./dist/reset.css"
+    }
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
   "typings": "dist/index.d.ts",
   "scripts": {
-    "build": "tsup --format esm,cjs,iife --minify --legacy-output",
-    "dev": "tsup --watch --format esm,cjs,iife --legacy-output",
-    "generate-theme": "npx @emeks/antd-custom-theme-generator -w --antd ../../node_modules/antd ./src/assets/styles/custom-theme.less ./src/assets/styles/styles.min.css",
+    "build": "tsup",
+    "dev": "tsup --watch",
     "prepare": "npm run build",
-    "test": "jest --passWithNoTests --runInBand"
+    "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/pro-layout": "7.17.12",
-    "@refinedev/ui-types": "^1.22.4",
+    "@refinedev/ui-types": "^1.22.5",
     "@tanstack/react-query": "^4.10.1",
     "antd": "^5.0.5",
     "dayjs": "^1.10.7",
     "react-markdown": "^6.0.1",
     "remark-gfm": "^1.0.0",
     "sunflower-antd": "1.0.0-beta.3",
-    "tslib": "^2.3.1"
+    "tslib": "^2.6.2"
   },
   "devDependencies": {
     "@esbuild-plugins/node-resolve": "^0.1.4",
-    "@refinedev/cli": "^2.16.27",
-    "@refinedev/core": "^4.48.0",
-    "@refinedev/ui-tests": "^1.14.2",
+    "@refinedev/cli": "^2.16.28",
+    "@refinedev/core": "^4.49.0",
+    "@refinedev/ui-tests": "^1.14.3",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.1.1",
     "@testing-library/react-hooks": "^8.0.0",
@@ -55,9 +72,9 @@
     "jest-environment-jsdom": "^29.3.1",
     "postcss": "^8.1.4",
     "react-router-dom": "^6.8.1",
-    "ts-jest": "^29.0.3",
+    "ts-jest": "^29.1.2",
     "tsup": "^6.7.0",
-    "typescript": "^4.7.4"
+    "typescript": "^5.4.2"
   },
   "peerDependencies": {
     "@refinedev/core": "^4.46.1",

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

@@ -1,22 +1,13 @@
-import React, { useContext } from "react";
+import React from "react";
 import { Button } from "antd";
 import { PlusSquareOutlined } from "@ant-design/icons";
-import {
-  useCan,
-  useNavigation,
-  useTranslate,
-  useResource,
-  useRouterContext,
-  useRouterType,
-  useLink,
-  AccessControlContext,
-} from "@refinedev/core";
+import { useCloneButton } from "@refinedev/core";
 import {
   RefineButtonTestIds,
   RefineButtonClassNames,
 } from "@refinedev/ui-types";
 
-import { CloneButtonProps } from "../types";
+import type { CloneButtonProps } from "../types";
 
 /**
  * `<CloneButton>` uses Ant Design's {@link https://ant.design/components/button/ `<Button> component`}.
@@ -36,63 +27,21 @@ export const CloneButton: React.FC<CloneButtonProps> = ({
   onClick,
   ...rest
 }) => {
-  const accessControlContext = useContext(AccessControlContext);
-
-  const accessControlEnabled =
-    accessControl?.enabled ??
-    accessControlContext.options.buttons.enableAccessControl;
-
-  const hideIfUnauthorized =
-    accessControl?.hideIfUnauthorized ??
-    accessControlContext.options.buttons.hideIfUnauthorized;
-
-  const { cloneUrl: generateCloneUrl } = useNavigation();
-  const routerType = useRouterType();
-  const Link = useLink();
-  const { Link: LegacyLink } = useRouterContext();
-
-  const ActiveLink = routerType === "legacy" ? LegacyLink : Link;
-
-  const translate = useTranslate();
-
-  const { id, resource } = useResource(
-    resourceNameFromProps ?? propResourceNameOrRouteName,
-  );
-
-  const { data } = useCan({
-    resource: resource?.name,
-    action: "create",
-    params: { id: recordItemId ?? id, resource },
-    queryOptions: {
-      enabled: accessControlEnabled,
-    },
+  const { to, LinkComponent, label, disabled, hidden, title } = useCloneButton({
+    id: recordItemId,
+    resource: resourceNameFromProps ?? propResourceNameOrRouteName,
+    accessControl,
+    meta,
   });
 
-  const createButtonDisabledTitle = () => {
-    if (data?.can) return "";
-    if (data?.reason) return data.reason;
-
-    return translate(
-      "buttons.notAccessTitle",
-      "You don't have permission to access",
-    );
-  };
-
-  const cloneUrl =
-    resource && (recordItemId || id)
-      ? generateCloneUrl(resource, recordItemId! ?? id!, meta)
-      : "";
-
-  if (accessControlEnabled && hideIfUnauthorized && !data?.can) {
-    return null;
-  }
+  if (hidden) return null;
 
   return (
-    <ActiveLink
-      to={cloneUrl}
+    <LinkComponent
+      to={to}
       replace={false}
       onClick={(e: React.PointerEvent<HTMLButtonElement>) => {
-        if (data?.can === false) {
+        if (disabled) {
           e.preventDefault();
           return;
         }
@@ -104,14 +53,14 @@ export const CloneButton: React.FC<CloneButtonProps> = ({
     >
       <Button
         icon={<PlusSquareOutlined />}
-        disabled={data?.can === false}
-        title={createButtonDisabledTitle()}
+        disabled={disabled}
+        title={title}
         data-testid={RefineButtonTestIds.CloneButton}
         className={RefineButtonClassNames.CloneButton}
         {...rest}
       >
-        {!hideText && (children ?? translate("buttons.clone", "Clone"))}
+        {!hideText && (children ?? label)}
       </Button>
-    </ActiveLink>
+    </LinkComponent>
   );
 };

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

@@ -1,22 +1,13 @@
-import React, { useContext } from "react";
+import React from "react";
 import { Button } from "antd";
 import { PlusSquareOutlined } from "@ant-design/icons";
-import {
-  useNavigation,
-  useTranslate,
-  useCan,
-  useResource,
-  useRouterContext,
-  useRouterType,
-  useLink,
-  AccessControlContext,
-} from "@refinedev/core";
+import { useCreateButton } from "@refinedev/core";
 import {
   RefineButtonClassNames,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { CreateButtonProps } from "../types";
+import type { CreateButtonProps } from "../types";
 
 /**
  * <CreateButton> uses Ant Design's {@link https://ant.design/components/button/ `<Button> component`}.
@@ -35,62 +26,22 @@ export const CreateButton: React.FC<CreateButtonProps> = ({
   onClick,
   ...rest
 }) => {
-  const accessControlContext = useContext(AccessControlContext);
-
-  const accessControlEnabled =
-    accessControl?.enabled ??
-    accessControlContext.options.buttons.enableAccessControl;
-
-  const hideIfUnauthorized =
-    accessControl?.hideIfUnauthorized ??
-    accessControlContext.options.buttons.hideIfUnauthorized;
-
-  const translate = useTranslate();
-  const routerType = useRouterType();
-  const Link = useLink();
-  const { Link: LegacyLink } = useRouterContext();
-
-  const ActiveLink = routerType === "legacy" ? LegacyLink : Link;
-
-  const { createUrl: generateCreateUrl } = useNavigation();
-
-  const { resource } = useResource(
-    resourceNameFromProps ?? propResourceNameOrRouteName,
-  );
-
-  const { data } = useCan({
-    resource: resource?.name,
-    action: "create",
-    queryOptions: {
-      enabled: accessControlEnabled,
+  const { hidden, disabled, label, title, LinkComponent, to } = useCreateButton(
+    {
+      resource: resourceNameFromProps ?? propResourceNameOrRouteName,
+      accessControl,
+      meta,
     },
-    params: {
-      resource,
-    },
-  });
-
-  const createButtonDisabledTitle = () => {
-    if (data?.can) return "";
-    if (data?.reason) return data.reason;
-
-    return translate(
-      "buttons.notAccessTitle",
-      "You don't have permission to access",
-    );
-  };
-
-  const createUrl = resource ? generateCreateUrl(resource, meta) : "";
+  );
 
-  if (accessControlEnabled && hideIfUnauthorized && !data?.can) {
-    return null;
-  }
+  if (hidden) return null;
 
   return (
-    <ActiveLink
-      to={createUrl}
+    <LinkComponent
+      to={to}
       replace={false}
       onClick={(e: React.PointerEvent<HTMLButtonElement>) => {
-        if (data?.can === false) {
+        if (disabled) {
           e.preventDefault();
           return;
         }
@@ -102,15 +53,15 @@ export const CreateButton: React.FC<CreateButtonProps> = ({
     >
       <Button
         icon={<PlusSquareOutlined />}
-        disabled={data?.can === false}
-        title={createButtonDisabledTitle()}
+        disabled={disabled}
+        title={title}
         data-testid={RefineButtonTestIds.CreateButton}
         className={RefineButtonClassNames.CreateButton}
         type="primary"
         {...rest}
       >
-        {!hideText && (children ?? translate("buttons.create", "Create"))}
+        {!hideText && (children ?? label)}
       </Button>
-    </ActiveLink>
+    </LinkComponent>
   );
 };

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

@@ -1,22 +1,13 @@
-import React, { useContext } from "react";
+import React from "react";
 import { Button, Popconfirm } from "antd";
 import { DeleteOutlined } from "@ant-design/icons";
-import {
-  useDelete,
-  useTranslate,
-  useMutationMode,
-  useCan,
-  useResource,
-  pickNotDeprecated,
-  useWarnAboutChange,
-  AccessControlContext,
-} from "@refinedev/core";
+import { useDeleteButton } from "@refinedev/core";
 import {
   RefineButtonClassNames,
   RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
-import { DeleteButtonProps } from "../types";
+import type { DeleteButtonProps } from "../types";
 
 /**
  * `<DeleteButton>` uses Ant Design's {@link https://ant.design/components/button/ `<Button>`} and {@link https://ant.design/components/button/ `<Popconfirm>`} components.
@@ -44,101 +35,55 @@ export const DeleteButton: React.FC<DeleteButtonProps> = ({
   invalidates,
   ...rest
 }) => {
-  const accessControlContext = useContext(AccessControlContext);
-
-  const accessControlEnabled =
-    accessControl?.enabled ??
-    accessControlContext.options.buttons.enableAccessControl;
-
-  const hideIfUnauthorized =
-    accessControl?.hideIfUnauthorized ??
-    accessControlContext.options.buttons.hideIfUnauthorized;
-
-  const translate = useTranslate();
-
-  const { id, resource, identifier } = useResource(
-    resourceNameFromProps ?? propResourceNameOrRouteName,
-  );
-
-  const { mutationMode: mutationModeContext } = useMutationMode();
-
-  const mutationMode = mutationModeProp ?? mutationModeContext;
-
-  const { mutate, isLoading, variables } = useDelete();
-
-  const { data } = useCan({
-    resource: resource?.name,
-    action: "delete",
-    params: { id: recordItemId ?? id, resource },
-    queryOptions: {
-      enabled: accessControlEnabled,
-    },
+  const {
+    title,
+    label,
+    hidden,
+    disabled,
+    loading,
+    confirmTitle: defaultConfirmTitle,
+    confirmOkLabel: defaultConfirmOkLabel,
+    cancelLabel: defaultCancelLabel,
+    onConfirm,
+  } = useDeleteButton({
+    resource: resourceNameFromProps ?? propResourceNameOrRouteName,
+    id: recordItemId,
+    dataProviderName,
+    invalidates,
+    meta,
+    onSuccess,
+    mutationMode: mutationModeProp,
+    errorNotification,
+    successNotification,
+    accessControl,
   });
 
-  const disabledTitle = () => {
-    if (data?.can) return "";
-    if (data?.reason) return data.reason;
-
-    return translate(
-      "buttons.notAccessTitle",
-      "You don't have permission to access",
-    );
-  };
-
-  const { setWarnWhen } = useWarnAboutChange();
-
-  if (accessControlEnabled && hideIfUnauthorized && !data?.can) {
-    return null;
-  }
+  if (hidden) return null;
 
   return (
     <Popconfirm
       key="delete"
-      okText={confirmOkText ?? translate("buttons.delete", "Delete")}
-      cancelText={confirmCancelText ?? translate("buttons.cancel", "Cancel")}
+      okText={confirmOkText ?? defaultConfirmOkLabel}
+      cancelText={confirmCancelText ?? defaultCancelLabel}
       okType="danger"
-      title={confirmTitle ?? translate("buttons.confirm", "Are you sure?")}
-      okButtonProps={{ disabled: isLoading }}
-      onConfirm={(): void => {
-        if ((recordItemId ?? id) && identifier) {
-          setWarnWhen(false);
-          mutate(
-            {
-              id: recordItemId ?? id ?? "",
-              resource: identifier,
-              mutationMode,
-              successNotification,
-              errorNotification,
-              meta: pickNotDeprecated(meta, metaData),
-              metaData: pickNotDeprecated(meta, metaData),
-              dataProviderName,
-              invalidates,
-            },
-            {
-              onSuccess: (value) => {
-                onSuccess?.(value);
-              },
-            },
-          );
-        }
-      }}
+      title={confirmTitle ?? defaultConfirmTitle}
+      okButtonProps={{ disabled: loading }}
+      onConfirm={onConfirm}
       disabled={
-        typeof rest?.disabled !== "undefined"
-          ? rest.disabled
-          : data?.can === false
+        typeof rest?.disabled !== "undefined" ? rest.disabled : disabled
       }
     >
       <Button
         danger
-        loading={(recordItemId ?? id) === variables?.id && isLoading}
+        loading={loading}
         icon={<DeleteOutlined />}
-        title={disabledTitle()}
-        disabled={data?.can === false}
+        title={title}
+        disabled={disabled}
         data-testid={RefineButtonTestIds.DeleteButton}
         className={RefineButtonClassNames.DeleteButton}
         {...rest}
       >
-        {!hideText && (children ?? translate("buttons.delete", "Delete"))}
+        {!hideText && (children ?? label)}
       </Button>
     </Popconfirm>
   );