@refinedev/antd 5.37.4 → 5.37.5

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

@@ -3,8 +3,8 @@ import { Button } from "antd";
 import { ExportOutlined } from "@ant-design/icons";
 import { useTranslate } from "@refinedev/core";
 import {
-    RefineButtonClassNames,
-    RefineButtonTestIds,
+  RefineButtonClassNames,
+  RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
 import { ExportButtonProps } from "../types";
@@ -16,21 +16,21 @@ import { ExportButtonProps } from "../types";
  * @see {@link https://refine.dev/docs/api-reference/antd/components/buttons/export-button} for more details.
  */
 export const ExportButton: React.FC<ExportButtonProps> = ({
-    hideText = false,
-    children,
-    ...rest
+  hideText = false,
+  children,
+  ...rest
 }) => {
-    const translate = useTranslate();
+  const translate = useTranslate();
 
-    return (
-        <Button
-            type="default"
-            icon={<ExportOutlined />}
-            data-testid={RefineButtonTestIds.ExportButton}
-            className={RefineButtonClassNames.ExportButton}
-            {...rest}
-        >
-            {!hideText && (children ?? translate("buttons.export", "Export"))}
-        </Button>
-    );
+  return (
+    <Button
+      type="default"
+      icon={<ExportOutlined />}
+      data-testid={RefineButtonTestIds.ExportButton}
+      className={RefineButtonClassNames.ExportButton}
+      {...rest}
+    >
+      {!hideText && (children ?? translate("buttons.export", "Export"))}
+    </Button>
+  );
 };

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

@@ -3,8 +3,8 @@ import { Button, Upload } from "antd";
 import { ImportOutlined } from "@ant-design/icons";
 import { useTranslate } from "@refinedev/core";
 import {
-    RefineButtonClassNames,
-    RefineButtonTestIds,
+  RefineButtonClassNames,
+  RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
 import { ImportButtonProps } from "../types";
@@ -17,24 +17,23 @@ import { ImportButtonProps } from "../types";
  * @see {@link https://refine.dev/docs/api-reference/antd/components/buttons/import-button} for more details.
  */
 export const ImportButton: React.FC<ImportButtonProps> = ({
-    uploadProps,
-    buttonProps,
-    hideText = false,
-    children,
+  uploadProps,
+  buttonProps,
+  hideText = false,
+  children,
 }) => {
-    const translate = useTranslate();
+  const translate = useTranslate();
 
-    return (
-        <Upload {...uploadProps}>
-            <Button
-                icon={<ImportOutlined />}
-                data-testid={RefineButtonTestIds.ImportButton}
-                className={RefineButtonClassNames.ImportButton}
-                {...buttonProps}
-            >
-                {!hideText &&
-                    (children ?? translate("buttons.import", "Import"))}
-            </Button>
-        </Upload>
-    );
+  return (
+    <Upload {...uploadProps}>
+      <Button
+        icon={<ImportOutlined />}
+        data-testid={RefineButtonTestIds.ImportButton}
+        className={RefineButtonClassNames.ImportButton}
+        {...buttonProps}
+      >
+        {!hideText && (children ?? translate("buttons.import", "Import"))}
+      </Button>
+    </Upload>
+  );
 };

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

@@ -2,20 +2,20 @@ import React, { useContext } from "react";
 import { Button } from "antd";
 import { BarsOutlined } from "@ant-design/icons";
 import {
-    useCan,
-    useNavigation,
-    useTranslate,
-    useUserFriendlyName,
-    useResource,
-    useRouterContext,
-    useRouterType,
-    useLink,
-    pickNotDeprecated,
-    AccessControlContext,
+  useCan,
+  useNavigation,
+  useTranslate,
+  useUserFriendlyName,
+  useResource,
+  useRouterContext,
+  useRouterType,
+  useLink,
+  pickNotDeprecated,
+  AccessControlContext,
 } from "@refinedev/core";
 import {
-    RefineButtonClassNames,
-    RefineButtonTestIds,
+  RefineButtonClassNames,
+  RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
 import { ListButtonProps } from "../types";
@@ -28,109 +28,109 @@ import { ListButtonProps } from "../types";
  * @see {@link https://refine.dev/docs/api-reference/antd/components/buttons/list-button} for more details.
  */
 export const ListButton: React.FC<ListButtonProps> = ({
-    resource: resourceNameFromProps,
-    resourceNameOrRouteName: propResourceNameOrRouteName,
-    hideText = false,
-    accessControl,
-    meta,
-    children,
-    onClick,
-    ...rest
+  resource: resourceNameFromProps,
+  resourceNameOrRouteName: propResourceNameOrRouteName,
+  hideText = false,
+  accessControl,
+  meta,
+  children,
+  onClick,
+  ...rest
 }) => {
-    const accessControlContext = useContext(AccessControlContext);
+  const accessControlContext = useContext(AccessControlContext);
 
-    const accessControlEnabled =
-        accessControl?.enabled ??
-        accessControlContext.options.buttons.enableAccessControl;
+  const accessControlEnabled =
+    accessControl?.enabled ??
+    accessControlContext.options.buttons.enableAccessControl;
 
-    const hideIfUnauthorized =
-        accessControl?.hideIfUnauthorized ??
-        accessControlContext.options.buttons.hideIfUnauthorized;
+  const hideIfUnauthorized =
+    accessControl?.hideIfUnauthorized ??
+    accessControlContext.options.buttons.hideIfUnauthorized;
 
-    const { listUrl: generateListUrl } = useNavigation();
-    const routerType = useRouterType();
-    const Link = useLink();
-    const { Link: LegacyLink } = useRouterContext();
-    const getUserFriendlyName = useUserFriendlyName();
+  const { listUrl: generateListUrl } = useNavigation();
+  const routerType = useRouterType();
+  const Link = useLink();
+  const { Link: LegacyLink } = useRouterContext();
+  const getUserFriendlyName = useUserFriendlyName();
 
-    const ActiveLink = routerType === "legacy" ? LegacyLink : Link;
+  const ActiveLink = routerType === "legacy" ? LegacyLink : Link;
 
-    const translate = useTranslate();
+  const translate = useTranslate();
 
-    const { resource, identifier } = useResource(
-        resourceNameFromProps ?? propResourceNameOrRouteName,
-    );
+  const { resource, identifier } = useResource(
+    resourceNameFromProps ?? propResourceNameOrRouteName,
+  );
+
+  const { data } = useCan({
+    resource: resource?.name,
+    action: "list",
+    queryOptions: {
+      enabled: accessControlEnabled,
+    },
+    params: {
+      resource,
+    },
+  });
 
-    const { data } = useCan({
-        resource: resource?.name,
-        action: "list",
-        queryOptions: {
-            enabled: accessControlEnabled,
-        },
-        params: {
-            resource,
-        },
-    });
+  const createButtonDisabledTitle = () => {
+    if (data?.can) return "";
+    if (data?.reason) return data.reason;
 
-    const createButtonDisabledTitle = () => {
-        if (data?.can) return "";
-        else if (data?.reason) return data.reason;
-        else
-            return translate(
-                "buttons.notAccessTitle",
-                "You don't have permission to access",
-            );
-    };
+    return translate(
+      "buttons.notAccessTitle",
+      "You don't have permission to access",
+    );
+  };
 
-    const listUrl = resource ? generateListUrl(resource, meta) : "";
+  const listUrl = resource ? generateListUrl(resource, meta) : "";
 
-    if (accessControlEnabled && hideIfUnauthorized && !data?.can) {
-        return null;
-    }
+  if (accessControlEnabled && hideIfUnauthorized && !data?.can) {
+    return null;
+  }
 
-    return (
-        <ActiveLink
-            to={listUrl}
-            replace={false}
-            onClick={(e: React.PointerEvent<HTMLButtonElement>) => {
-                if (data?.can === false) {
-                    e.preventDefault();
-                    return;
-                }
-                if (onClick) {
-                    e.preventDefault();
-                    onClick(e);
-                }
-            }}
-        >
-            <Button
-                icon={<BarsOutlined />}
-                disabled={data?.can === false}
-                title={createButtonDisabledTitle()}
-                data-testid={RefineButtonTestIds.ListButton}
-                className={RefineButtonClassNames.ListButton}
-                {...rest}
-            >
-                {!hideText &&
-                    (children ??
-                        translate(
-                            `${
-                                identifier ??
-                                resourceNameFromProps ??
-                                propResourceNameOrRouteName
-                            }.titles.list`,
-                            getUserFriendlyName(
-                                resource?.meta?.label ??
-                                    resource?.label ??
-                                    identifier ??
-                                    pickNotDeprecated(
-                                        resourceNameFromProps,
-                                        propResourceNameOrRouteName,
-                                    ),
-                                "plural",
-                            ),
-                        ))}
-            </Button>
-        </ActiveLink>
-    );
+  return (
+    <ActiveLink
+      to={listUrl}
+      replace={false}
+      onClick={(e: React.PointerEvent<HTMLButtonElement>) => {
+        if (data?.can === false) {
+          e.preventDefault();
+          return;
+        }
+        if (onClick) {
+          e.preventDefault();
+          onClick(e);
+        }
+      }}
+    >
+      <Button
+        icon={<BarsOutlined />}
+        disabled={data?.can === false}
+        title={createButtonDisabledTitle()}
+        data-testid={RefineButtonTestIds.ListButton}
+        className={RefineButtonClassNames.ListButton}
+        {...rest}
+      >
+        {!hideText &&
+          (children ??
+            translate(
+              `${
+                identifier ??
+                resourceNameFromProps ??
+                propResourceNameOrRouteName
+              }.titles.list`,
+              getUserFriendlyName(
+                resource?.meta?.label ??
+                  resource?.label ??
+                  identifier ??
+                  pickNotDeprecated(
+                    resourceNameFromProps,
+                    propResourceNameOrRouteName,
+                  ),
+                "plural",
+              ),
+            ))}
+      </Button>
+    </ActiveLink>
+  );
 };

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

@@ -2,15 +2,15 @@ import React from "react";
 import { Button } from "antd";
 import { RedoOutlined } from "@ant-design/icons";
 import {
-    useTranslate,
-    useResource,
-    useInvalidate,
-    queryKeys,
-    pickDataProvider,
+  useTranslate,
+  useResource,
+  useInvalidate,
+  queryKeys,
+  pickDataProvider,
 } from "@refinedev/core";
 import {
-    RefineButtonClassNames,
-    RefineButtonTestIds,
+  RefineButtonClassNames,
+  RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
 import { RefreshButtonProps } from "../types";
@@ -24,53 +24,53 @@ import { useQueryClient } from "@tanstack/react-query";
  * @see {@link https://refine.dev/docs/api-reference/antd/components/buttons/refresh-button} for more details.
  */
 export const RefreshButton: React.FC<RefreshButtonProps> = ({
-    resource: resourceNameFromProps,
-    resourceNameOrRouteName: propResourceNameOrRouteName,
-    recordItemId,
-    hideText = false,
-    dataProviderName,
-    children,
-    onClick,
-    meta: _meta,
-    metaData: _metaData,
-    ...rest
+  resource: resourceNameFromProps,
+  resourceNameOrRouteName: propResourceNameOrRouteName,
+  recordItemId,
+  hideText = false,
+  dataProviderName,
+  children,
+  onClick,
+  meta: _meta,
+  metaData: _metaData,
+  ...rest
 }) => {
-    const translate = useTranslate();
+  const translate = useTranslate();
 
-    const queryClient = useQueryClient();
-    const invalidates = useInvalidate();
+  const queryClient = useQueryClient();
+  const invalidates = useInvalidate();
 
-    const { resources, identifier, id } = useResource(
-        resourceNameFromProps ?? propResourceNameOrRouteName,
-    );
+  const { resources, identifier, id } = useResource(
+    resourceNameFromProps ?? propResourceNameOrRouteName,
+  );
 
-    const isInvalidating = !!queryClient.isFetching({
-        queryKey: queryKeys(
-            identifier,
-            pickDataProvider(identifier, dataProviderName, resources),
-        ).detail(recordItemId ?? id),
-    });
+  const isInvalidating = !!queryClient.isFetching({
+    queryKey: queryKeys(
+      identifier,
+      pickDataProvider(identifier, dataProviderName, resources),
+    ).detail(recordItemId ?? id),
+  });
 
-    const handleInvalidate = () => {
-        invalidates({
-            id: recordItemId ?? id,
-            invalidates: ["detail"],
-            dataProviderName,
-            resource: identifier,
-        });
-    };
+  const handleInvalidate = () => {
+    invalidates({
+      id: recordItemId ?? id,
+      invalidates: ["detail"],
+      dataProviderName,
+      resource: identifier,
+    });
+  };
 
-    return (
-        <Button
-            onClick={(e) => {
-                onClick ? onClick(e) : handleInvalidate();
-            }}
-            icon={<RedoOutlined spin={isInvalidating} />}
-            data-testid={RefineButtonTestIds.RefreshButton}
-            className={RefineButtonClassNames.RefreshButton}
-            {...rest}
-        >
-            {!hideText && (children ?? translate("buttons.refresh", "Refresh"))}
-        </Button>
-    );
+  return (
+    <Button
+      onClick={(e) => {
+        onClick ? onClick(e) : handleInvalidate();
+      }}
+      icon={<RedoOutlined spin={isInvalidating} />}
+      data-testid={RefineButtonTestIds.RefreshButton}
+      className={RefineButtonClassNames.RefreshButton}
+      {...rest}
+    >
+      {!hideText && (children ?? translate("buttons.refresh", "Refresh"))}
+    </Button>
+  );
 };

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

@@ -3,8 +3,8 @@ import { Button } from "antd";
 import { SaveOutlined } from "@ant-design/icons";
 import { useTranslate } from "@refinedev/core";
 import {
-    RefineButtonClassNames,
-    RefineButtonTestIds,
+  RefineButtonClassNames,
+  RefineButtonTestIds,
 } from "@refinedev/ui-types";
 
 import { SaveButtonProps } from "../types";
@@ -16,21 +16,21 @@ import { SaveButtonProps } from "../types";
  * @see {@link https://refine.dev/docs/api-reference/antd/components/buttons/save-button} for more details.
  */
 export const SaveButton: React.FC<SaveButtonProps> = ({
-    hideText = false,
-    children,
-    ...rest
+  hideText = false,
+  children,
+  ...rest
 }) => {
-    const translate = useTranslate();
+  const translate = useTranslate();
 
-    return (
-        <Button
-            type="primary"
-            icon={<SaveOutlined />}
-            data-testid={RefineButtonTestIds.SaveButton}
-            className={RefineButtonClassNames.SaveButton}
-            {...rest}
-        >
-            {!hideText && (children ?? translate("buttons.save", "Save"))}
-        </Button>
-    );
+  return (
+    <Button
+      type="primary"
+      icon={<SaveOutlined />}
+      data-testid={RefineButtonTestIds.SaveButton}
+      className={RefineButtonClassNames.SaveButton}
+      {...rest}
+    >
+      {!hideText && (children ?? translate("buttons.save", "Save"))}
+    </Button>
+  );
 };