@payloadcms/ui 3.0.0-canary.d6053cd → 3.0.0-canary.dc8b1fe

package/dist/elements/EditMany/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -12,245 +14,456 @@ import { XIcon } from '../../icons/X/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js';
+import { EditDepthProvider } from '../../providers/EditDepth/index.js';
 import { OperationContext } from '../../providers/Operation/index.js';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { getFormState } from '../../utilities/getFormState.js';
 import { Drawer, DrawerToggler } from '../Drawer/index.js';
 import { FieldSelect } from '../FieldSelect/index.js';
 import './index.scss';
 const baseClass = 'edit-many';
-const Submit = ({ action, disabled })=>{
-    const { submit } = useForm();
-    const { t } = useTranslation();
-    const save = useCallback(()=>{
-        void submit({
-            action,
-            method: 'PATCH',
-            skipValidation: true
-        });
-    }, [
+const Submit = t0 => {
+  const $ = _c(7);
+  const {
+    action,
+    disabled
+  } = t0;
+  const {
+    submit
+  } = useForm();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== submit || $[1] !== action) {
+    t1 = () => {
+      submit({
         action,
-        submit
-    ]);
-    return /*#__PURE__*/ _jsx(FormSubmit, {
-        className: `${baseClass}__save`,
-        disabled: disabled,
-        onClick: save,
-        children: t('general:save')
+        method: "PATCH",
+        skipValidation: true
+      });
+    };
+    $[0] = submit;
+    $[1] = action;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const save = t1;
+  let t2;
+  if ($[3] !== t || $[4] !== disabled || $[5] !== save) {
+    t2 = _jsx(FormSubmit, {
+      className: `${baseClass}__save`,
+      disabled,
+      onClick: save,
+      children: t("general:save")
     });
+    $[3] = t;
+    $[4] = disabled;
+    $[5] = save;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 };
-const PublishButton = ({ action, disabled })=>{
-    const { submit } = useForm();
-    const { t } = useTranslation();
-    const save = useCallback(()=>{
-        void submit({
-            action,
-            method: 'PATCH',
-            overrides: {
-                _status: 'published'
-            },
-            skipValidation: true
-        });
-    }, [
+const PublishButton = t0 => {
+  const $ = _c(7);
+  const {
+    action,
+    disabled
+  } = t0;
+  const {
+    submit
+  } = useForm();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== submit || $[1] !== action) {
+    t1 = () => {
+      submit({
         action,
-        submit
-    ]);
-    return /*#__PURE__*/ _jsx(FormSubmit, {
-        className: `${baseClass}__publish`,
-        disabled: disabled,
-        onClick: save,
-        children: t('version:publishChanges')
+        method: "PATCH",
+        overrides: {
+          _status: "published"
+        },
+        skipValidation: true
+      });
+    };
+    $[0] = submit;
+    $[1] = action;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const save = t1;
+  let t2;
+  if ($[3] !== t || $[4] !== disabled || $[5] !== save) {
+    t2 = _jsx(FormSubmit, {
+      className: `${baseClass}__publish`,
+      disabled,
+      onClick: save,
+      children: t("version:publishChanges")
     });
+    $[3] = t;
+    $[4] = disabled;
+    $[5] = save;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 };
-const SaveDraftButton = ({ action, disabled })=>{
-    const { submit } = useForm();
-    const { t } = useTranslation();
-    const save = useCallback(()=>{
-        void submit({
-            action,
-            method: 'PATCH',
-            overrides: {
-                _status: 'draft'
-            },
-            skipValidation: true
-        });
-    }, [
+const SaveDraftButton = t0 => {
+  const $ = _c(7);
+  const {
+    action,
+    disabled
+  } = t0;
+  const {
+    submit
+  } = useForm();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== submit || $[1] !== action) {
+    t1 = () => {
+      submit({
         action,
-        submit
-    ]);
-    return /*#__PURE__*/ _jsx(FormSubmit, {
-        className: `${baseClass}__draft`,
-        disabled: disabled,
-        onClick: save,
-        children: t('version:saveDraft')
+        method: "PATCH",
+        overrides: {
+          _status: "draft"
+        },
+        skipValidation: true
+      });
+    };
+    $[0] = submit;
+    $[1] = action;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const save = t1;
+  let t2;
+  if ($[3] !== t || $[4] !== disabled || $[5] !== save) {
+    t2 = _jsx(FormSubmit, {
+      buttonStyle: "secondary",
+      className: `${baseClass}__draft`,
+      disabled,
+      onClick: save,
+      children: t("version:saveDraft")
     });
+    $[3] = t;
+    $[4] = disabled;
+    $[5] = save;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 };
-export const EditMany = (props)=>{
-    const { collection: { slug, labels: { plural } } = {}, collection, fieldMap } = props;
-    const { permissions } = useAuth();
-    const { closeModal } = useModal();
-    const { routes: { api: apiRoute }, serverURL } = useConfig();
-    const { count, getQueryParams, selectAll } = useSelection();
-    const { i18n, t } = useTranslation();
-    const [selected, setSelected] = useState([]);
-    const { stringifyParams } = useSearchParams();
-    const router = useRouter();
-    const [initialState, setInitialState] = useState();
-    const hasInitializedState = React.useRef(false);
-    const { clearRouteCache } = useRouteCache();
-    const collectionPermissions = permissions?.collections?.[slug];
-    const hasUpdatePermission = collectionPermissions?.update?.permission;
-    const drawerSlug = `edit-${slug}`;
-    React.useEffect(()=>{
-        if (!hasInitializedState.current) {
-            const getInitialState = async ()=>{
-                const result = await getFormState({
-                    apiRoute,
-                    body: {
-                        collectionSlug: slug,
-                        data: {},
-                        operation: 'update',
-                        schemaPath: slug
-                    },
-                    serverURL
-                });
-                setInitialState(result);
-                hasInitializedState.current = true;
-            };
-            void getInitialState();
+export const EditMany = props => {
+  const $ = _c(49);
+  const {
+    collection: t0,
+    collection
+  } = props;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    slug,
+    fields,
+    labels: t2
+  } = t1;
+  const {
+    plural
+  } = t2;
+  const {
+    permissions,
+    user
+  } = useAuth();
+  const {
+    closeModal
+  } = useModal();
+  const {
+    config: t3
+  } = useConfig();
+  const {
+    routes: t4,
+    serverURL
+  } = t3;
+  const {
+    api: apiRoute
+  } = t4;
+  const {
+    getFormState
+  } = useServerFunctions();
+  const {
+    count,
+    getQueryParams,
+    selectAll
+  } = useSelection();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t5;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = [];
+    $[2] = t5;
+  } else {
+    t5 = $[2];
+  }
+  const [selected, setSelected] = useState(t5);
+  const {
+    stringifyParams
+  } = useSearchParams();
+  const router = useRouter();
+  const [initialState, setInitialState] = useState();
+  const hasInitializedState = React.useRef(false);
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const collectionPermissions = permissions?.collections?.[slug];
+  const hasUpdatePermission = collectionPermissions?.update?.permission;
+  const drawerSlug = `edit-${slug}`;
+  let t6;
+  if ($[3] !== getFormState || $[4] !== slug || $[5] !== collectionPermissions) {
+    t6 = () => {
+      if (!hasInitializedState.current) {
+        const getInitialState = async () => {
+          const {
+            state: result
+          } = await getFormState({
+            collectionSlug: slug,
+            data: {},
+            docPermissions: collectionPermissions,
+            docPreferences: null,
+            operation: "update",
+            schemaPath: slug
+          });
+          setInitialState(result);
+          hasInitializedState.current = true;
+        };
+        getInitialState();
+      }
+    };
+    $[3] = getFormState;
+    $[4] = slug;
+    $[5] = collectionPermissions;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== apiRoute || $[8] !== hasInitializedState || $[9] !== serverURL || $[10] !== slug || $[11] !== getFormState || $[12] !== user || $[13] !== collectionPermissions) {
+    t7 = [apiRoute, hasInitializedState, serverURL, slug, getFormState, user, collectionPermissions];
+    $[7] = apiRoute;
+    $[8] = hasInitializedState;
+    $[9] = serverURL;
+    $[10] = slug;
+    $[11] = getFormState;
+    $[12] = user;
+    $[13] = collectionPermissions;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  React.useEffect(t6, t7);
+  let t8;
+  if ($[15] !== getFormState || $[16] !== slug || $[17] !== collectionPermissions) {
+    t8 = async t9 => {
+      const {
+        formState: prevFormState
+      } = t9;
+      const {
+        state
+      } = await getFormState({
+        collectionSlug: slug,
+        docPermissions: collectionPermissions,
+        docPreferences: null,
+        formState: prevFormState,
+        operation: "update",
+        schemaPath: slug
+      });
+      return state;
+    };
+    $[15] = getFormState;
+    $[16] = slug;
+    $[17] = collectionPermissions;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  const onChange = t8;
+  if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {
+    return null;
+  }
+  let t9;
+  if ($[19] !== router || $[20] !== stringifyParams || $[21] !== selectAll || $[22] !== clearRouteCache || $[23] !== closeModal || $[24] !== drawerSlug) {
+    t9 = () => {
+      router.replace(stringifyParams({
+        params: {
+          page: selectAll === SelectAllStatus.AllAvailable ? "1" : undefined
         }
-    }, [
-        apiRoute,
-        hasInitializedState,
-        serverURL,
-        slug
-    ]);
-    const onChange = useCallback(({ formState: prevFormState })=>getFormState({
-            apiRoute,
-            body: {
-                collectionSlug: slug,
-                formState: prevFormState,
-                operation: 'update',
-                schemaPath: slug
-            },
-            serverURL
-        }), [
-        serverURL,
-        apiRoute,
-        slug
-    ]);
-    if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {
-        return null;
-    }
-    const onSuccess = ()=>{
-        router.replace(stringifyParams({
-            params: {
-                page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined
-            }
-        }));
-        clearRouteCache();
-        closeModal(drawerSlug);
+      }));
+      clearRouteCache();
+      closeModal(drawerSlug);
     };
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsx(DrawerToggler, {
-                "aria-label": t('general:edit'),
-                className: `${baseClass}__toggle`,
-                onClick: ()=>{
-                    setSelected([]);
-                },
-                slug: drawerSlug,
-                children: t('general:edit')
-            }),
-            /*#__PURE__*/ _jsx(Drawer, {
-                Header: null,
-                slug: drawerSlug,
-                children: /*#__PURE__*/ _jsx(DocumentInfoProvider, {
-                    collectionSlug: slug,
-                    id: null,
-                    children: /*#__PURE__*/ _jsx(OperationContext.Provider, {
-                        value: "update",
-                        children: /*#__PURE__*/ _jsxs("div", {
-                            className: `${baseClass}__main`,
-                            children: [
-                                /*#__PURE__*/ _jsxs("div", {
-                                    className: `${baseClass}__header`,
-                                    children: [
-                                        /*#__PURE__*/ _jsx("h2", {
-                                            className: `${baseClass}__header__title`,
-                                            children: t('general:editingLabel', {
-                                                count,
-                                                label: getTranslation(plural, i18n)
-                                            })
-                                        }),
-                                        /*#__PURE__*/ _jsx("button", {
-                                            "aria-label": t('general:close'),
-                                            className: `${baseClass}__header__close`,
-                                            id: `close-drawer__${drawerSlug}`,
-                                            onClick: ()=>closeModal(drawerSlug),
-                                            type: "button",
-                                            children: /*#__PURE__*/ _jsx(XIcon, {})
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ _jsxs(Form, {
-                                    className: `${baseClass}__form`,
-                                    initialState: initialState,
-                                    onChange: [
-                                        onChange
-                                    ],
-                                    onSuccess: onSuccess,
-                                    children: [
-                                        /*#__PURE__*/ _jsx(FieldSelect, {
-                                            fieldMap: fieldMap,
-                                            setSelected: setSelected
-                                        }),
-                                        selected.length === 0 ? null : /*#__PURE__*/ _jsx(RenderFields, {
-                                            fieldMap: selected,
-                                            path: "",
-                                            readOnly: false,
-                                            schemaPath: slug
-                                        }),
-                                        /*#__PURE__*/ _jsx("div", {
-                                            className: `${baseClass}__sidebar-wrap`,
-                                            children: /*#__PURE__*/ _jsx("div", {
-                                                className: `${baseClass}__sidebar`,
-                                                children: /*#__PURE__*/ _jsx("div", {
-                                                    className: `${baseClass}__sidebar-sticky-wrap`,
-                                                    children: /*#__PURE__*/ _jsx("div", {
-                                                        className: `${baseClass}__document-actions`,
-                                                        children: collection?.versions?.drafts ? /*#__PURE__*/ _jsxs(React.Fragment, {
-                                                            children: [
-                                                                /*#__PURE__*/ _jsx(PublishButton, {
-                                                                    action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
-                                                                    disabled: selected.length === 0
-                                                                }),
-                                                                /*#__PURE__*/ _jsx(SaveDraftButton, {
-                                                                    action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
-                                                                    disabled: selected.length === 0
-                                                                })
-                                                            ]
-                                                        }) : /*#__PURE__*/ _jsx(Submit, {
-                                                            action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
-                                                            disabled: selected.length === 0
-                                                        })
-                                                    })
-                                                })
-                                            })
-                                        })
-                                    ]
-                                })
-                            ]
+    $[19] = router;
+    $[20] = stringifyParams;
+    $[21] = selectAll;
+    $[22] = clearRouteCache;
+    $[23] = closeModal;
+    $[24] = drawerSlug;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  const onSuccess = t9;
+  let t10;
+  if ($[26] !== t || $[27] !== drawerSlug || $[28] !== plural || $[29] !== i18n || $[30] !== count || $[31] !== closeModal || $[32] !== onChange || $[33] !== fields || $[34] !== selected || $[35] !== permissions || $[36] !== slug || $[37] !== collection?.versions?.drafts || $[38] !== getQueryParams || $[39] !== serverURL || $[40] !== apiRoute || $[41] !== initialState || $[42] !== onSuccess || $[43] !== user) {
+    let t11;
+    if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+      t11 = () => {
+        setSelected([]);
+      };
+      $[45] = t11;
+    } else {
+      t11 = $[45];
+    }
+    let t12;
+    if ($[46] !== closeModal || $[47] !== drawerSlug) {
+      t12 = () => closeModal(drawerSlug);
+      $[46] = closeModal;
+      $[47] = drawerSlug;
+      $[48] = t12;
+    } else {
+      t12 = $[48];
+    }
+    t10 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx(DrawerToggler, {
+        "aria-label": t("general:edit"),
+        className: `${baseClass}__toggle`,
+        onClick: t11,
+        slug: drawerSlug,
+        children: t("general:edit")
+      }), _jsx(EditDepthProvider, {
+        children: _jsx(Drawer, {
+          Header: null,
+          slug: drawerSlug,
+          children: _jsx(DocumentInfoProvider, {
+            collectionSlug: slug,
+            currentEditor: user,
+            hasPublishedDoc: false,
+            id: null,
+            initialData: {},
+            initialState,
+            isLocked: false,
+            lastUpdateTime: 0,
+            mostRecentVersionIsAutosaved: false,
+            unpublishedVersionCount: 0,
+            versionCount: 0,
+            children: _jsx(OperationContext.Provider, {
+              value: "update",
+              children: _jsxs("div", {
+                className: `${baseClass}__main`,
+                children: [_jsxs("div", {
+                  className: `${baseClass}__header`,
+                  children: [_jsx("h2", {
+                    className: `${baseClass}__header__title`,
+                    children: t("general:editingLabel", {
+                      count,
+                      label: getTranslation(plural, i18n)
+                    })
+                  }), _jsx("button", {
+                    "aria-label": t("general:close"),
+                    className: `${baseClass}__header__close`,
+                    id: `close-drawer__${drawerSlug}`,
+                    onClick: t12,
+                    type: "button",
+                    children: _jsx(XIcon, {})
+                  })]
+                }), _jsxs(Form, {
+                  className: `${baseClass}__form`,
+                  initialState,
+                  onChange: [onChange],
+                  onSuccess,
+                  children: [_jsx(FieldSelect, {
+                    fields,
+                    setSelected
+                  }), selected.length === 0 ? null : _jsx(RenderFields, {
+                    fields: selected,
+                    parentIndexPath: "",
+                    parentPath: "",
+                    parentSchemaPath: slug,
+                    permissions: permissions?.collections?.[slug]?.fields,
+                    readOnly: false
+                  }), _jsx("div", {
+                    className: `${baseClass}__sidebar-wrap`,
+                    children: _jsx("div", {
+                      className: `${baseClass}__sidebar`,
+                      children: _jsx("div", {
+                        className: `${baseClass}__sidebar-sticky-wrap`,
+                        children: _jsx("div", {
+                          className: `${baseClass}__document-actions`,
+                          children: collection?.versions?.drafts ? _jsxs(React.Fragment, {
+                            children: [_jsx(SaveDraftButton, {
+                              action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
+                              disabled: selected.length === 0
+                            }), _jsx(PublishButton, {
+                              action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
+                              disabled: selected.length === 0
+                            })]
+                          }) : _jsx(Submit, {
+                            action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
+                            disabled: selected.length === 0
+                          })
                         })
+                      })
                     })
-                })
+                  })]
+                })]
+              })
             })
-        ]
+          })
+        })
+      })]
     });
+    $[26] = t;
+    $[27] = drawerSlug;
+    $[28] = plural;
+    $[29] = i18n;
+    $[30] = count;
+    $[31] = closeModal;
+    $[32] = onChange;
+    $[33] = fields;
+    $[34] = selected;
+    $[35] = permissions;
+    $[36] = slug;
+    $[37] = collection?.versions?.drafts;
+    $[38] = getQueryParams;
+    $[39] = serverURL;
+    $[40] = apiRoute;
+    $[41] = initialState;
+    $[42] = onSuccess;
+    $[43] = user;
+    $[44] = t10;
+  } else {
+    t10 = $[44];
+  }
+  return t10;
 };
-
 //# sourceMappingURL=index.js.map