@refinedev/antd 5.37.4 → 6.0.0

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

@@ -2,30 +2,30 @@ import React from "react";
 
 import { Card, Space, Spin } from "antd";
 import {
-    useMutationMode,
-    useNavigation,
-    useTranslate,
-    useUserFriendlyName,
-    useRefineContext,
-    useRouterType,
-    useBack,
-    useResource,
-    useGo,
-    useToPath,
+  useMutationMode,
+  useNavigation,
+  useTranslate,
+  useUserFriendlyName,
+  useRefineContext,
+  useRouterType,
+  useBack,
+  useResource,
+  useGo,
+  useToPath,
 } from "@refinedev/core";
 
 import {
-    DeleteButton,
-    RefreshButton,
-    ListButton,
-    SaveButton,
-    Breadcrumb,
-    PageHeader,
-    ListButtonProps,
-    RefreshButtonProps,
-    DeleteButtonProps,
-    SaveButtonProps,
-    AutoSaveIndicator,
+  DeleteButton,
+  RefreshButton,
+  ListButton,
+  SaveButton,
+  Breadcrumb,
+  PageHeader,
+  ListButtonProps,
+  RefreshButtonProps,
+  DeleteButtonProps,
+  SaveButtonProps,
+  AutoSaveIndicator,
 } from "@components";
 import { EditProps } from "../types";
 
@@ -36,196 +36,194 @@ import { EditProps } from "../types";
  * @see {@link https://refine.dev/docs/ui-frameworks/antd/components/basic-views/edit} for more details.
  */
 export const Edit: React.FC<EditProps> = ({
-    title,
-    saveButtonProps: saveButtonPropsFromProps,
-    mutationMode: mutationModeProp,
-    recordItemId,
-    children,
-    deleteButtonProps: deleteButtonPropsFromProps,
-    canDelete,
-    resource: resourceFromProps,
-    isLoading = false,
-    dataProviderName,
-    breadcrumb: breadcrumbFromProps,
-    wrapperProps,
-    headerProps,
-    contentProps,
-    headerButtonProps,
-    headerButtons,
-    footerButtonProps,
-    footerButtons,
-    goBack: goBackFromProps,
-    autoSaveProps,
+  title,
+  saveButtonProps: saveButtonPropsFromProps,
+  mutationMode: mutationModeProp,
+  recordItemId,
+  children,
+  deleteButtonProps: deleteButtonPropsFromProps,
+  canDelete,
+  resource: resourceFromProps,
+  isLoading = false,
+  dataProviderName,
+  breadcrumb: breadcrumbFromProps,
+  wrapperProps,
+  headerProps,
+  contentProps,
+  headerButtonProps,
+  headerButtons,
+  footerButtonProps,
+  footerButtons,
+  goBack: goBackFromProps,
+  autoSaveProps,
 }) => {
-    const translate = useTranslate();
-    const { options: { breadcrumb: globalBreadcrumb } = {} } =
-        useRefineContext();
-    const { mutationMode: mutationModeContext } = useMutationMode();
-    const mutationMode = mutationModeProp ?? mutationModeContext;
-
-    const routerType = useRouterType();
-    const back = useBack();
-    const go = useGo();
-    const { goBack, list: legacyGoList } = useNavigation();
-    const getUserFriendlyName = useUserFriendlyName();
-
-    const {
-        resource,
-        action,
-        id: idFromParams,
-        identifier,
-    } = useResource(resourceFromProps);
-
-    const goListPath = useToPath({
-        resource,
-        action: "list",
-    });
-
-    const id = recordItemId ?? idFromParams;
-
-    const breadcrumb =
-        typeof breadcrumbFromProps === "undefined"
-            ? globalBreadcrumb
-            : breadcrumbFromProps;
-
-    const hasList = resource?.list && !recordItemId;
-    const isDeleteButtonVisible =
-        canDelete ??
-        ((resource?.meta?.canDelete ?? resource?.canDelete) ||
-            deleteButtonPropsFromProps);
-
-    const listButtonProps: ListButtonProps | undefined = hasList
-        ? {
-              ...(isLoading ? { disabled: true } : {}),
-              resource: routerType === "legacy" ? resource?.route : identifier,
-          }
-        : undefined;
+  const translate = useTranslate();
+  const {
+    options: { breadcrumb: globalBreadcrumb } = {},
+  } = useRefineContext();
+  const { mutationMode: mutationModeContext } = useMutationMode();
+  const mutationMode = mutationModeProp ?? mutationModeContext;
+
+  const routerType = useRouterType();
+  const back = useBack();
+  const go = useGo();
+  const { goBack, list: legacyGoList } = useNavigation();
+  const getUserFriendlyName = useUserFriendlyName();
+
+  const {
+    resource,
+    action,
+    id: idFromParams,
+    identifier,
+  } = useResource(resourceFromProps);
+
+  const goListPath = useToPath({
+    resource,
+    action: "list",
+  });
+
+  const id = recordItemId ?? idFromParams;
+
+  const breadcrumb =
+    typeof breadcrumbFromProps === "undefined"
+      ? globalBreadcrumb
+      : breadcrumbFromProps;
+
+  const hasList = resource?.list && !recordItemId;
+  const isDeleteButtonVisible =
+    canDelete ??
+    ((resource?.meta?.canDelete ?? resource?.canDelete) ||
+      deleteButtonPropsFromProps);
+
+  const listButtonProps: ListButtonProps | undefined = hasList
+    ? {
+        ...(isLoading ? { disabled: true } : {}),
+        resource: routerType === "legacy" ? resource?.route : identifier,
+      }
+    : undefined;
 
-    const refreshButtonProps: RefreshButtonProps = {
+  const refreshButtonProps: RefreshButtonProps = {
+    ...(isLoading ? { disabled: true } : {}),
+    resource: routerType === "legacy" ? resource?.route : identifier,
+    recordItemId: id,
+    dataProviderName,
+  };
+
+  const deleteButtonProps: DeleteButtonProps | undefined = isDeleteButtonVisible
+    ? {
         ...(isLoading ? { disabled: true } : {}),
         resource: routerType === "legacy" ? resource?.route : identifier,
+        mutationMode,
+        onSuccess: () => {
+          if (routerType === "legacy") {
+            legacyGoList(resource?.route ?? resource?.name ?? "");
+          } else {
+            go({ to: goListPath });
+          }
+        },
         recordItemId: id,
         dataProviderName,
-    };
-
-    const deleteButtonProps: DeleteButtonProps | undefined =
-        isDeleteButtonVisible
-            ? {
-                  ...(isLoading ? { disabled: true } : {}),
-                  resource:
-                      routerType === "legacy" ? resource?.route : identifier,
-                  mutationMode,
-                  onSuccess: () => {
-                      if (routerType === "legacy") {
-                          legacyGoList(resource?.route ?? resource?.name ?? "");
-                      } else {
-                          go({ to: goListPath });
-                      }
-                  },
-                  recordItemId: id,
-                  dataProviderName,
-                  ...deleteButtonPropsFromProps,
-              }
-            : undefined;
-
-    const saveButtonProps: SaveButtonProps = {
-        ...(isLoading ? { disabled: true } : {}),
-        ...saveButtonPropsFromProps,
-    };
-
-    const defaultHeaderButtons = (
-        <>
-            {autoSaveProps && <AutoSaveIndicator {...autoSaveProps} />}
-            {hasList && <ListButton {...listButtonProps} />}
-            <RefreshButton {...refreshButtonProps} />
-        </>
-    );
-
-    const defaultFooterButtons = (
-        <>
-            {isDeleteButtonVisible && <DeleteButton {...deleteButtonProps} />}
-            <SaveButton {...saveButtonProps} />
-        </>
-    );
-
-    return (
-        <div {...(wrapperProps ?? {})}>
-            <PageHeader
-                ghost={false}
-                backIcon={goBackFromProps}
-                onBack={
-                    action !== "list" && typeof action !== "undefined"
-                        ? routerType === "legacy"
-                            ? goBack
-                            : back
-                        : undefined
-                }
-                title={
-                    title ??
-                    translate(
-                        `${identifier}.titles.edit`,
-                        `Edit ${getUserFriendlyName(
-                            resource?.meta?.label ??
-                                resource?.options?.label ??
-                                resource?.label ??
-                                identifier,
-                            "singular",
-                        )}`,
-                    )
-                }
-                extra={
-                    <Space wrap {...(headerButtonProps ?? {})}>
-                        {headerButtons
-                            ? typeof headerButtons === "function"
-                                ? headerButtons({
-                                      defaultButtons: defaultHeaderButtons,
-                                      listButtonProps,
-                                      refreshButtonProps,
-                                  })
-                                : headerButtons
-                            : defaultHeaderButtons}
-                    </Space>
-                }
-                breadcrumb={
-                    typeof breadcrumb !== "undefined" ? (
-                        <>{breadcrumb}</> ?? undefined
-                    ) : (
-                        <Breadcrumb />
-                    )
-                }
-                {...(headerProps ?? {})}
-            >
-                <Spin spinning={isLoading}>
-                    <Card
-                        bordered={false}
-                        actions={[
-                            <Space
-                                key="footer-buttons"
-                                wrap
-                                style={{
-                                    float: "right",
-                                    marginRight: 24,
-                                }}
-                                {...(footerButtonProps ?? {})}
-                            >
-                                {footerButtons
-                                    ? typeof footerButtons === "function"
-                                        ? footerButtons({
-                                              defaultButtons:
-                                                  defaultFooterButtons,
-                                              deleteButtonProps,
-                                              saveButtonProps,
-                                          })
-                                        : footerButtons
-                                    : defaultFooterButtons}
-                            </Space>,
-                        ]}
-                        {...(contentProps ?? {})}
-                    >
-                        {children}
-                    </Card>
-                </Spin>
-            </PageHeader>
-        </div>
-    );
+        ...deleteButtonPropsFromProps,
+      }
+    : undefined;
+
+  const saveButtonProps: SaveButtonProps = {
+    ...(isLoading ? { disabled: true } : {}),
+    ...saveButtonPropsFromProps,
+  };
+
+  const defaultHeaderButtons = (
+    <>
+      {autoSaveProps && <AutoSaveIndicator {...autoSaveProps} />}
+      {hasList && <ListButton {...listButtonProps} />}
+      <RefreshButton {...refreshButtonProps} />
+    </>
+  );
+
+  const defaultFooterButtons = (
+    <>
+      {isDeleteButtonVisible && <DeleteButton {...deleteButtonProps} />}
+      <SaveButton {...saveButtonProps} />
+    </>
+  );
+
+  return (
+    <div {...(wrapperProps ?? {})}>
+      <PageHeader
+        ghost={false}
+        backIcon={goBackFromProps}
+        onBack={
+          action !== "list" && typeof action !== "undefined"
+            ? routerType === "legacy"
+              ? goBack
+              : back
+            : undefined
+        }
+        title={
+          title ??
+          translate(
+            `${identifier}.titles.edit`,
+            `Edit ${getUserFriendlyName(
+              resource?.meta?.label ??
+                resource?.options?.label ??
+                resource?.label ??
+                identifier,
+              "singular",
+            )}`,
+          )
+        }
+        extra={
+          <Space wrap {...(headerButtonProps ?? {})}>
+            {headerButtons
+              ? typeof headerButtons === "function"
+                ? headerButtons({
+                    defaultButtons: defaultHeaderButtons,
+                    listButtonProps,
+                    refreshButtonProps,
+                  })
+                : headerButtons
+              : defaultHeaderButtons}
+          </Space>
+        }
+        breadcrumb={
+          typeof breadcrumb !== "undefined" ? (
+            <>{breadcrumb}</> ?? undefined
+          ) : (
+            <Breadcrumb />
+          )
+        }
+        {...(headerProps ?? {})}
+      >
+        <Spin spinning={isLoading}>
+          <Card
+            bordered={false}
+            actions={[
+              <Space
+                key="footer-buttons"
+                wrap
+                style={{
+                  float: "right",
+                  marginRight: 24,
+                }}
+                {...(footerButtonProps ?? {})}
+              >
+                {footerButtons
+                  ? typeof footerButtons === "function"
+                    ? footerButtons({
+                        defaultButtons: defaultFooterButtons,
+                        deleteButtonProps,
+                        saveButtonProps,
+                      })
+                    : footerButtons
+                  : defaultFooterButtons}
+              </Space>,
+            ]}
+            {...(contentProps ?? {})}
+          >
+            {children}
+          </Card>
+        </Spin>
+      </PageHeader>
+    </div>
+  );
 };

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

@@ -1,18 +1,18 @@
 import React from "react";
 import { Space } from "antd";
 import {
-    useTranslate,
-    useUserFriendlyName,
-    useRefineContext,
-    useRouterType,
-    useResource,
+  useTranslate,
+  useUserFriendlyName,
+  useRefineContext,
+  useRouterType,
+  useResource,
 } from "@refinedev/core";
 
 import {
-    Breadcrumb,
-    CreateButton,
-    CreateButtonProps,
-    PageHeader,
+  Breadcrumb,
+  CreateButton,
+  CreateButtonProps,
+  PageHeader,
 } from "@components";
 import { ListProps } from "../types";
 
@@ -23,93 +23,91 @@ import { ListProps } from "../types";
  * @see {@link https://refine.dev/docs/ui-frameworks/antd/components/basic-views/list} for more details.
  */
 export const List: React.FC<ListProps> = ({
-    canCreate,
-    title,
-    children,
-    createButtonProps: createButtonPropsFromProps,
-    resource: resourceFromProps,
-    wrapperProps,
-    contentProps,
-    headerProps,
-    breadcrumb: breadcrumbFromProps,
-    headerButtonProps,
-    headerButtons,
+  canCreate,
+  title,
+  children,
+  createButtonProps: createButtonPropsFromProps,
+  resource: resourceFromProps,
+  wrapperProps,
+  contentProps,
+  headerProps,
+  breadcrumb: breadcrumbFromProps,
+  headerButtonProps,
+  headerButtons,
 }) => {
-    const translate = useTranslate();
-    const { options: { breadcrumb: globalBreadcrumb } = {} } =
-        useRefineContext();
+  const translate = useTranslate();
+  const {
+    options: { breadcrumb: globalBreadcrumb } = {},
+  } = useRefineContext();
 
-    const routerType = useRouterType();
-    const getUserFriendlyName = useUserFriendlyName();
+  const routerType = useRouterType();
+  const getUserFriendlyName = useUserFriendlyName();
 
-    const { resource, identifier } = useResource(resourceFromProps);
+  const { resource, identifier } = useResource(resourceFromProps);
 
-    const isCreateButtonVisible =
-        canCreate ??
-        ((resource?.canCreate ?? !!resource?.create) ||
-            createButtonPropsFromProps);
+  const isCreateButtonVisible =
+    canCreate ??
+    ((resource?.canCreate ?? !!resource?.create) || createButtonPropsFromProps);
 
-    const breadcrumb =
-        typeof breadcrumbFromProps === "undefined"
-            ? globalBreadcrumb
-            : breadcrumbFromProps;
+  const breadcrumb =
+    typeof breadcrumbFromProps === "undefined"
+      ? globalBreadcrumb
+      : breadcrumbFromProps;
 
-    const createButtonProps: CreateButtonProps | undefined =
-        isCreateButtonVisible
-            ? {
-                  size: "middle",
-                  resource:
-                      routerType === "legacy" ? resource?.route : identifier,
-                  ...createButtonPropsFromProps,
-              }
-            : undefined;
+  const createButtonProps: CreateButtonProps | undefined = isCreateButtonVisible
+    ? {
+        size: "middle",
+        resource: routerType === "legacy" ? resource?.route : identifier,
+        ...createButtonPropsFromProps,
+      }
+    : undefined;
 
-    const defaultExtra = isCreateButtonVisible ? (
-        <CreateButton {...createButtonProps} />
-    ) : null;
+  const defaultExtra = isCreateButtonVisible ? (
+    <CreateButton {...createButtonProps} />
+  ) : null;
 
-    return (
-        <div {...(wrapperProps ?? {})}>
-            <PageHeader
-                ghost={false}
-                title={
-                    title ??
-                    translate(
-                        `${identifier}.titles.list`,
-                        getUserFriendlyName(
-                            resource?.meta?.label ??
-                                resource?.options?.label ??
-                                resource?.label ??
-                                identifier,
-                            "plural",
-                        ),
-                    )
-                }
-                extra={
-                    headerButtons ? (
-                        <Space wrap {...headerButtonProps}>
-                            {typeof headerButtons === "function"
-                                ? headerButtons({
-                                      defaultButtons: defaultExtra,
-                                      createButtonProps,
-                                  })
-                                : headerButtons}
-                        </Space>
-                    ) : (
-                        defaultExtra
-                    )
-                }
-                breadcrumb={
-                    typeof breadcrumb !== "undefined" ? (
-                        <>{breadcrumb}</> ?? undefined
-                    ) : (
-                        <Breadcrumb />
-                    )
-                }
-                {...(headerProps ?? {})}
-            >
-                <div {...(contentProps ?? {})}>{children}</div>
-            </PageHeader>
-        </div>
-    );
+  return (
+    <div {...(wrapperProps ?? {})}>
+      <PageHeader
+        ghost={false}
+        title={
+          title ??
+          translate(
+            `${identifier}.titles.list`,
+            getUserFriendlyName(
+              resource?.meta?.label ??
+                resource?.options?.label ??
+                resource?.label ??
+                identifier,
+              "plural",
+            ),
+          )
+        }
+        extra={
+          headerButtons ? (
+            <Space wrap {...headerButtonProps}>
+              {typeof headerButtons === "function"
+                ? headerButtons({
+                    defaultButtons: defaultExtra,
+                    createButtonProps,
+                  })
+                : headerButtons}
+            </Space>
+          ) : (
+            defaultExtra
+          )
+        }
+        breadcrumb={
+          typeof breadcrumb !== "undefined" ? (
+            <>{breadcrumb}</> ?? undefined
+          ) : (
+            <Breadcrumb />
+          )
+        }
+        {...(headerProps ?? {})}
+      >
+        <div {...(contentProps ?? {})}>{children}</div>
+      </PageHeader>
+    </div>
+  );
 };