@refinedev/antd 5.37.4 → 6.0.0

package/src/hooks/form/useStepsForm/useStepsForm.ts

@@ -1,75 +1,75 @@
 import {
-    useStepsForm as useStepsFormSF,
-    UseStepsFormConfig,
+  useStepsForm as useStepsFormSF,
+  UseStepsFormConfig,
 } from "sunflower-antd";
 import { FormInstance, FormProps } from "antd";
 
 import {
-    HttpError,
-    UseFormProps as UseFormPropsCore,
-    BaseRecord,
+  HttpError,
+  UseFormProps as UseFormPropsCore,
+  BaseRecord,
 } from "@refinedev/core";
 
 import { useForm, UseFormProps, UseFormReturnType } from "../useForm";
 
 export type UseStepsFormFromSFReturnType<TResponse, TVariables> = {
+  current: number;
+  gotoStep: (step: number) => Promise<TVariables> | true;
+  stepsProps: {
     current: number;
-    gotoStep: (step: number) => Promise<TVariables> | true;
-    stepsProps: {
-        current: number;
-        onChange: (currentStep: number) => void;
-    };
-    formProps: FormProps<TVariables>;
-    formLoading: boolean;
-    defaultFormValuesLoading: boolean;
-    formValues: {};
-    initialValues: {};
-    formResult: undefined;
-    form: FormInstance<TVariables>;
-    submit: (values?: TVariables) => Promise<TResponse>;
+    onChange: (currentStep: number) => void;
+  };
+  formProps: FormProps<TVariables>;
+  formLoading: boolean;
+  defaultFormValuesLoading: boolean;
+  formValues: {};
+  initialValues: {};
+  formResult: undefined;
+  form: FormInstance<TVariables>;
+  submit: (values?: TVariables) => Promise<TResponse>;
 };
 
 export type UseStepsFormReturnType<
-    TQueryFnData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables = {},
-    TData extends BaseRecord = TQueryFnData,
-    TResponse extends BaseRecord = TData,
-    TResponseError extends HttpError = TError,
+  TQueryFnData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables = {},
+  TData extends BaseRecord = TQueryFnData,
+  TResponse extends BaseRecord = TData,
+  TResponseError extends HttpError = TError,
 > = UseFormReturnType<
-    TQueryFnData,
-    TError,
-    TVariables,
-    TData,
-    TResponse,
-    TResponseError
+  TQueryFnData,
+  TError,
+  TVariables,
+  TData,
+  TResponse,
+  TResponseError
 > &
-    UseStepsFormFromSFReturnType<TResponse, TVariables>;
+  UseStepsFormFromSFReturnType<TResponse, TVariables>;
 
 export type UseStepsFormProps<
-    TQueryFnData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables = {},
-    TData extends BaseRecord = TQueryFnData,
-    TResponse extends BaseRecord = TData,
-    TResponseError extends HttpError = TError,
+  TQueryFnData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables = {},
+  TData extends BaseRecord = TQueryFnData,
+  TResponse extends BaseRecord = TData,
+  TResponseError extends HttpError = TError,
 > = UseFormPropsCore<
+  TQueryFnData,
+  TError,
+  TVariables,
+  TData,
+  TResponse,
+  TResponseError
+> &
+  UseFormProps<
     TQueryFnData,
     TError,
     TVariables,
     TData,
     TResponse,
     TResponseError
-> &
-    UseFormProps<
-        TQueryFnData,
-        TError,
-        TVariables,
-        TData,
-        TResponse,
-        TResponseError
-    > &
-    UseStepsFormConfig;
+  > &
+  UseStepsFormConfig;
 
 /**
  * `useStepsForm` hook allows you to split your form under an Ant Design based {@link https://ant.design/components/steps/ Steps} component and provides you with a few useful functionalities that will help you manage your form.
@@ -83,63 +83,63 @@ export type UseStepsFormProps<
  *
  */
 export const useStepsForm = <
-    TQueryFnData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables = {},
-    TData extends BaseRecord = TQueryFnData,
-    TResponse extends BaseRecord = TData,
-    TResponseError extends HttpError = TError,
+  TQueryFnData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables = {},
+  TData extends BaseRecord = TQueryFnData,
+  TResponse extends BaseRecord = TData,
+  TResponseError extends HttpError = TError,
 >(
-    props: UseStepsFormProps<
-        TQueryFnData,
-        TError,
-        TVariables,
-        TData,
-        TResponse,
-        TResponseError
-    > = {},
-): UseStepsFormReturnType<
+  props: UseStepsFormProps<
     TQueryFnData,
     TError,
     TVariables,
     TData,
     TResponse,
     TResponseError
+  > = {},
+): UseStepsFormReturnType<
+  TQueryFnData,
+  TError,
+  TVariables,
+  TData,
+  TResponse,
+  TResponseError
 > => {
-    const useFormProps = useForm<
-        TQueryFnData,
-        TError,
-        TVariables,
-        TData,
-        TResponse,
-        TResponseError
-    >({
-        ...props,
-    });
-    const { form, formProps } = useFormProps;
+  const useFormProps = useForm<
+    TQueryFnData,
+    TError,
+    TVariables,
+    TData,
+    TResponse,
+    TResponseError
+  >({
+    ...props,
+  });
+  const { form, formProps } = useFormProps;
 
-    const stepsPropsSunflower = useStepsFormSF<TResponse, TVariables>({
-        isBackValidate: false,
-        form: form,
-        submit: (values: any) => {
-            formProps?.onFinish?.(values);
-        },
-        ...props,
-    });
+  const stepsPropsSunflower = useStepsFormSF<TResponse, TVariables>({
+    isBackValidate: false,
+    form: form,
+    submit: (values: any) => {
+      formProps?.onFinish?.(values);
+    },
+    ...props,
+  });
 
-    return {
-        ...useFormProps,
-        ...stepsPropsSunflower,
-        formLoading: useFormProps.formLoading,
-        formProps: {
-            ...stepsPropsSunflower.formProps,
-            ...useFormProps.formProps,
-            onValuesChange: formProps?.onValuesChange,
-            onKeyUp: formProps?.onKeyUp,
-        },
-        saveButtonProps: {
-            ...useFormProps.saveButtonProps,
-            onClick: () => stepsPropsSunflower.submit(),
-        },
-    };
+  return {
+    ...useFormProps,
+    ...stepsPropsSunflower,
+    formLoading: useFormProps.formLoading,
+    formProps: {
+      ...stepsPropsSunflower.formProps,
+      ...useFormProps.formProps,
+      onValuesChange: formProps?.onValuesChange,
+      onKeyUp: formProps?.onKeyUp,
+    },
+    saveButtonProps: {
+      ...useFormProps.saveButtonProps,
+      onClick: () => stepsPropsSunflower.submit(),
+    },
+  };
 };

package/src/hooks/import/index.tsx

@@ -1,14 +1,14 @@
 import React from "react";
 import { ButtonProps, notification, UploadProps, Progress } from "antd";
 import {
-    useTranslate,
-    useResource,
-    BaseRecord,
-    HttpError,
-    useImport as useImportCore,
-    UseImportReturnType,
-    ImportOptions,
-    pickNotDeprecated,
+  useTranslate,
+  useResource,
+  BaseRecord,
+  HttpError,
+  useImport as useImportCore,
+  UseImportReturnType,
+  ImportOptions,
+  pickNotDeprecated,
 } from "@refinedev/core";
 
 /**
@@ -23,112 +23,110 @@ import {
  *
  */
 export const useImport = <
-    TItem = any,
-    TData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables = any,
+  TItem = any,
+  TData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables = any,
 >({
-    resource: resourceFromProp,
-    resourceName,
-    mapData = (item) => item as unknown as TVariables,
-    paparseOptions,
-    batchSize = Number.MAX_SAFE_INTEGER,
-    onFinish,
-    meta,
-    metaData,
-    dataProviderName,
-    onProgress: onProgressFromProp,
+  resource: resourceFromProp,
+  resourceName,
+  mapData = (item) => item as unknown as TVariables,
+  paparseOptions,
+  batchSize = Number.MAX_SAFE_INTEGER,
+  onFinish,
+  meta,
+  metaData,
+  dataProviderName,
+  onProgress: onProgressFromProp,
 }: ImportOptions<TItem, TVariables, TData> = {}): Omit<
-    UseImportReturnType<TData, TVariables, TError>,
-    "handleChange" | "inputProps"
+  UseImportReturnType<TData, TVariables, TError>,
+  "handleChange" | "inputProps"
 > & {
-    uploadProps: UploadProps;
-    buttonProps: ButtonProps;
+  uploadProps: UploadProps;
+  buttonProps: ButtonProps;
 } => {
-    const t = useTranslate();
+  const t = useTranslate();
 
-    const { resource } = useResource(resourceFromProp ?? resourceName);
+  const { resource } = useResource(resourceFromProp ?? resourceName);
 
-    const { mutationResult, isLoading, handleChange } = useImportCore<
-        TItem,
-        TData,
-        TError,
-        TVariables
-    >({
-        resource: resource?.identifier ?? resource?.name,
-        mapData,
-        paparseOptions,
-        batchSize,
-        meta: pickNotDeprecated(meta, metaData),
-        metaData: pickNotDeprecated(meta, metaData),
-        dataProviderName,
-        onFinish,
-        onProgress:
-            onProgressFromProp ??
-            (({ totalAmount, processedAmount }) => {
-                if (totalAmount > 0 && processedAmount > 0) {
-                    const description = (
-                        <div
-                            style={{
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "space-between",
-                                marginTop: "-7px",
-                            }}
-                        >
-                            <Progress
-                                type="circle"
-                                percent={Math.floor(
-                                    (processedAmount / totalAmount) * 100,
-                                )}
-                                size={50}
-                                strokeColor="#1890ff"
-                                status="normal"
-                            />
-                            <span style={{ marginLeft: 8, width: "100%" }}>
-                                {t(
-                                    "notifications.importProgress",
-                                    {
-                                        processed: processedAmount,
-                                        total: totalAmount,
-                                    },
-                                    `Importing: ${processedAmount}/${totalAmount}`,
-                                )}
-                            </span>
-                        </div>
-                    );
+  const { mutationResult, isLoading, handleChange } = useImportCore<
+    TItem,
+    TData,
+    TError,
+    TVariables
+  >({
+    resource: resource?.identifier ?? resource?.name,
+    mapData,
+    paparseOptions,
+    batchSize,
+    meta: pickNotDeprecated(meta, metaData),
+    metaData: pickNotDeprecated(meta, metaData),
+    dataProviderName,
+    onFinish,
+    onProgress:
+      onProgressFromProp ??
+      (({ totalAmount, processedAmount }) => {
+        if (totalAmount > 0 && processedAmount > 0) {
+          const description = (
+            <div
+              style={{
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                marginTop: "-7px",
+              }}
+            >
+              <Progress
+                type="circle"
+                percent={Math.floor((processedAmount / totalAmount) * 100)}
+                size={50}
+                strokeColor="#1890ff"
+                status="normal"
+              />
+              <span style={{ marginLeft: 8, width: "100%" }}>
+                {t(
+                  "notifications.importProgress",
+                  {
+                    processed: processedAmount,
+                    total: totalAmount,
+                  },
+                  `Importing: ${processedAmount}/${totalAmount}`,
+                )}
+              </span>
+            </div>
+          );
 
-                    notification.open({
-                        description,
-                        message: null,
-                        key: `${resource}-import`,
-                        duration: 0,
-                    });
+          notification.open({
+            description,
+            message: null,
+            key: `${resource}-import`,
+            duration: 0,
+          });
 
-                    if (processedAmount >= totalAmount) {
-                    }
+          if (processedAmount >= totalAmount) {
+          }
 
-                    if (processedAmount === totalAmount) {
-                        setTimeout(() => {
-                            notification.destroy(`${resource}-import`);
-                        }, 4500);
-                    }
-                }
-            }),
-    });
+          if (processedAmount === totalAmount) {
+            setTimeout(() => {
+              notification.destroy(`${resource}-import`);
+            }, 4500);
+          }
+        }
+      }),
+  });
 
-    return {
-        uploadProps: {
-            onChange: handleChange,
-            beforeUpload: () => false,
-            showUploadList: false,
-            accept: ".csv",
-        },
-        buttonProps: {
-            type: "default",
-            loading: isLoading,
-        },
-        mutationResult,
-        isLoading,
-    };
+  return {
+    uploadProps: {
+      onChange: handleChange,
+      beforeUpload: () => false,
+      showUploadList: false,
+      accept: ".csv",
+    },
+    buttonProps: {
+      type: "default",
+      loading: isLoading,
+    },
+    mutationResult,
+    isLoading,
+  };
 };