@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.90

package/dist/elements/EditMany/index.js

@@ -1,5 +1,8 @@
 'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
+
+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';
 import { useRouter } from 'next/navigation.js';
 import React, { useCallback, useState } from 'react';
@@ -7,7 +10,7 @@ import { useForm } from '../../forms/Form/context.js';
 import { Form } from '../../forms/Form/index.js';
 import { RenderFields } from '../../forms/RenderFields/index.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
-import { X } from '../../icons/X/index.js';
+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';
@@ -19,202 +22,423 @@ 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__*/ React.createElement(FormSubmit, {
-        className: `${baseClass}__save`,
-        disabled: disabled,
-        onClick: save
-    }, 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 Publish = ({ 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__*/ React.createElement(FormSubmit, {
-        className: `${baseClass}__publish`,
-        disabled: disabled,
-        onClick: save
-    }, 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 SaveDraft = ({ 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__*/ React.createElement(FormSubmit, {
-        className: `${baseClass}__draft`,
-        disabled: disabled,
-        onClick: save
-    }, 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, {
+      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 { useModal } = facelessUIImport;
-    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();
-        }
-    }, [
-        apiRoute,
-        hasInitializedState,
-        serverURL,
-        slug
-    ]);
-    const onChange = useCallback(({ formState: prevFormState })=>getFormState({
+export const EditMany = props => {
+  const $ = _c(44);
+  const {
+    collection: t0,
+    collection,
+    fields
+  } = props;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    slug,
+    labels: t2
+  } = t1;
+  const {
+    plural
+  } = t2;
+  const {
+    permissions
+  } = useAuth();
+  const {
+    closeModal
+  } = useModal();
+  const {
+    config: t3
+  } = useConfig();
+  const {
+    routes: t4,
+    serverURL
+  } = t3;
+  const {
+    api: apiRoute
+  } = t4;
+  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] !== apiRoute || $[4] !== slug || $[5] !== serverURL) {
+    t6 = () => {
+      if (!hasInitializedState.current) {
+        const getInitialState = async () => {
+          const result = await getFormState({
             apiRoute,
             body: {
-                collectionSlug: slug,
-                formState: prevFormState,
-                operation: 'update',
-                schemaPath: slug
+              collectionSlug: slug,
+              data: {},
+              operation: "update",
+              schemaPath: slug
             },
             serverURL
-        }), [
-        serverURL,
+          });
+          setInitialState(result);
+          hasInitializedState.current = true;
+        };
+        getInitialState();
+      }
+    };
+    $[3] = apiRoute;
+    $[4] = slug;
+    $[5] = serverURL;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== apiRoute || $[8] !== hasInitializedState || $[9] !== serverURL || $[10] !== slug) {
+    t7 = [apiRoute, hasInitializedState, serverURL, slug];
+    $[7] = apiRoute;
+    $[8] = hasInitializedState;
+    $[9] = serverURL;
+    $[10] = slug;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  React.useEffect(t6, t7);
+  let t8;
+  if ($[12] !== apiRoute || $[13] !== slug || $[14] !== serverURL) {
+    t8 = t9 => {
+      const {
+        formState: prevFormState
+      } = t9;
+      return getFormState({
         apiRoute,
-        slug
-    ]);
-    if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {
-        return null;
-    }
-    const onSuccess = ()=>{
-        router.replace(stringifyParams({
-            params: {
-                page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined
-            }
-        }));
-        clearRouteCache();
-        closeModal(drawerSlug);
+        body: {
+          collectionSlug: slug,
+          formState: prevFormState,
+          operation: "update",
+          schemaPath: slug
+        },
+        serverURL
+      });
+    };
+    $[12] = apiRoute;
+    $[13] = slug;
+    $[14] = serverURL;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  const onChange = t8;
+  if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {
+    return null;
+  }
+  let t9;
+  if ($[16] !== router || $[17] !== stringifyParams || $[18] !== selectAll || $[19] !== clearRouteCache || $[20] !== closeModal || $[21] !== drawerSlug) {
+    t9 = () => {
+      router.replace(stringifyParams({
+        params: {
+          page: selectAll === SelectAllStatus.AllAvailable ? "1" : undefined
+        }
+      }));
+      clearRouteCache();
+      closeModal(drawerSlug);
     };
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement(DrawerToggler, {
-        "aria-label": t('general:edit'),
+    $[16] = router;
+    $[17] = stringifyParams;
+    $[18] = selectAll;
+    $[19] = clearRouteCache;
+    $[20] = closeModal;
+    $[21] = drawerSlug;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  const onSuccess = t9;
+  let t10;
+  if ($[23] !== t || $[24] !== drawerSlug || $[25] !== plural || $[26] !== i18n || $[27] !== count || $[28] !== closeModal || $[29] !== onChange || $[30] !== fields || $[31] !== selected || $[32] !== slug || $[33] !== collection || $[34] !== getQueryParams || $[35] !== serverURL || $[36] !== apiRoute || $[37] !== initialState || $[38] !== onSuccess) {
+    let t11;
+    if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+      t11 = () => {
+        setSelected([]);
+      };
+      $[40] = t11;
+    } else {
+      t11 = $[40];
+    }
+    let t12;
+    if ($[41] !== closeModal || $[42] !== drawerSlug) {
+      t12 = () => closeModal(drawerSlug);
+      $[41] = closeModal;
+      $[42] = drawerSlug;
+      $[43] = t12;
+    } else {
+      t12 = $[43];
+    }
+    t10 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx(DrawerToggler, {
+        "aria-label": t("general:edit"),
         className: `${baseClass}__toggle`,
-        onClick: ()=>{
-            setSelected([]);
-        },
-        slug: drawerSlug
-    }, t('general:edit')), /*#__PURE__*/ React.createElement(Drawer, {
+        onClick: t11,
+        slug: drawerSlug,
+        children: t("general:edit")
+      }), _jsx(Drawer, {
         Header: null,
-        slug: drawerSlug
-    }, /*#__PURE__*/ React.createElement(DocumentInfoProvider, {
-        collectionSlug: slug,
-        id: null
-    }, /*#__PURE__*/ React.createElement(OperationContext.Provider, {
-        value: "update"
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__main`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__header`
-    }, /*#__PURE__*/ React.createElement("h2", {
-        className: `${baseClass}__header__title`
-    }, t('general:editingLabel', {
-        count,
-        label: getTranslation(plural, i18n)
-    })), /*#__PURE__*/ React.createElement("button", {
-        "aria-label": t('general:close'),
-        className: `${baseClass}__header__close`,
-        id: `close-drawer__${drawerSlug}`,
-        onClick: ()=>closeModal(drawerSlug),
-        type: "button"
-    }, /*#__PURE__*/ React.createElement(X, null))), /*#__PURE__*/ React.createElement(Form, {
-        className: `${baseClass}__form`,
-        initialState: initialState,
-        onChange: [
-            onChange
-        ],
-        onSuccess: onSuccess
-    }, /*#__PURE__*/ React.createElement(FieldSelect, {
-        fieldMap: fieldMap,
-        setSelected: setSelected
-    }), selected.length === 0 ? null : /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap: selected,
-        path: "",
-        readOnly: false,
-        schemaPath: slug
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__sidebar-wrap`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__sidebar`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__sidebar-sticky-wrap`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__document-actions`
-    }, collection?.versions?.drafts ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Publish, {
-        action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
-        disabled: selected.length === 0
-    }), /*#__PURE__*/ React.createElement(SaveDraft, {
-        action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
-        disabled: selected.length === 0
-    })) : /*#__PURE__*/ React.createElement(Submit, {
-        action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
-        disabled: selected.length === 0
-    })))))))))));
+        slug: drawerSlug,
+        children: _jsx(DocumentInfoProvider, {
+          collectionSlug: slug,
+          id: null,
+          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,
+                  path: "",
+                  readOnly: false,
+                  schemaPath: slug
+                }), _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(PublishButton, {
+                            action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
+                            disabled: selected.length === 0
+                          }), _jsx(SaveDraftButton, {
+                            action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
+                            disabled: selected.length === 0
+                          })]
+                        }) : _jsx(Submit, {
+                          action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
+                          disabled: selected.length === 0
+                        })
+                      })
+                    })
+                  })
+                })]
+              })]
+            })
+          })
+        })
+      })]
+    });
+    $[23] = t;
+    $[24] = drawerSlug;
+    $[25] = plural;
+    $[26] = i18n;
+    $[27] = count;
+    $[28] = closeModal;
+    $[29] = onChange;
+    $[30] = fields;
+    $[31] = selected;
+    $[32] = slug;
+    $[33] = collection;
+    $[34] = getQueryParams;
+    $[35] = serverURL;
+    $[36] = apiRoute;
+    $[37] = initialState;
+    $[38] = onSuccess;
+    $[39] = t10;
+  } else {
+    t10 = $[39];
+  }
+  return t10;
 };
-
 //# sourceMappingURL=index.js.map