@payloadcms/ui 3.0.0-canary.291e44c → 3.0.0-canary.2d0dd26

package/dist/elements/EditMany/index.d.ts

@@ -1,9 +1,8 @@
-import type { ClientCollectionConfig, ClientField } from 'payload';
+import type { ClientCollectionConfig } from 'payload';
 import React from 'react';
 import './index.scss';
 export type EditManyProps = {
     readonly collection: ClientCollectionConfig;
-    readonly fields: ClientField[];
 };
 export declare const EditMany: React.FC<EditManyProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/EditMany/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAa,MAAM,SAAS,CAAA;AAK7E,OAAO,KAAgC,MAAM,OAAO,CAAA;AAoBpD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;IAC3C,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAC/B,CAAA;AAmED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuJ5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAa,MAAM,SAAS,CAAA;AAKhE,OAAO,KAA2C,MAAM,OAAO,CAAA;AAsB/D,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;CAC5C,CAAA;AAyED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiM5C,CAAA"}

package/dist/elements/EditMany/index.js

@@ -5,7 +5,7 @@ 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';
+import React, { useCallback, useEffect, useState } from 'react';
 import { useForm } from '../../forms/Form/context.js';
 import { Form } from '../../forms/Form/index.js';
 import { RenderFields } from '../../forms/RenderFields/index.js';
@@ -14,12 +14,14 @@ 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 { abortAndIgnore } from '../../utilities/abortAndIgnore.js';
 import { Drawer, DrawerToggler } from '../Drawer/index.js';
 import { FieldSelect } from '../FieldSelect/index.js';
 import './index.scss';
@@ -151,6 +153,7 @@ const SaveDraftButton = t0 => {
   let t2;
   if ($[3] !== t || $[4] !== disabled || $[5] !== save) {
     t2 = _jsx(FormSubmit, {
+      buttonStyle: "secondary",
       className: `${baseClass}__draft`,
       disabled,
       onClick: save,
@@ -166,43 +169,34 @@ const SaveDraftButton = t0 => {
   return t2;
 };
 export const EditMany = props => {
-  const $ = _c(44);
   const {
-    collection: t0,
-    collection,
-    fields
+    collection: {
+      slug,
+      fields,
+      labels: {
+        plural
+      }
+    } = {},
+    collection
   } = 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
+    permissions,
+    user
   } = useAuth();
   const {
     closeModal
   } = useModal();
   const {
-    config: t3
+    config: {
+      routes: {
+        api: apiRoute
+      },
+      serverURL
+    }
   } = useConfig();
   const {
-    routes: t4,
-    serverURL
-  } = t3;
-  const {
-    api: apiRoute
-  } = t4;
+    getFormState
+  } = useServerFunctions();
   const {
     count,
     getQueryParams,
@@ -212,205 +206,159 @@ export const EditMany = props => {
     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 [selected, setSelected] = useState([]);
   const {
     stringifyParams
   } = useSearchParams();
   const router = useRouter();
   const [initialState, setInitialState] = useState();
   const hasInitializedState = React.useRef(false);
+  const formStateAbortControllerRef = React.useRef(null);
   const {
     clearRouteCache
   } = useRouteCache();
   const collectionPermissions = permissions?.collections?.[slug];
-  const hasUpdatePermission = collectionPermissions?.update?.permission;
+  const hasUpdatePermission = collectionPermissions?.update;
   const drawerSlug = `edit-${slug}`;
-  let t6;
-  if ($[3] !== apiRoute || $[4] !== slug || $[5] !== serverURL) {
-    t6 = () => {
-      if (!hasInitializedState.current) {
-        const getInitialState = async () => {
-          const {
-            state: result
-          } = await getFormState({
-            apiRoute,
-            body: {
-              collectionSlug: slug,
-              data: {},
-              operation: "update",
-              schemaPath: slug
-            },
-            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 = async t9 => {
-      const {
-        formState: prevFormState
-      } = t9;
-      const {
-        state
-      } = await getFormState({
-        apiRoute,
-        body: {
+  React.useEffect(() => {
+    const controller = new AbortController();
+    if (!hasInitializedState.current) {
+      const getInitialState = async () => {
+        const {
+          state: result
+        } = await getFormState({
           collectionSlug: slug,
-          formState: prevFormState,
-          operation: "update",
-          schemaPath: slug
-        },
-        serverURL
-      });
-      return state;
+          data: {},
+          docPermissions: collectionPermissions,
+          docPreferences: null,
+          operation: 'update',
+          schemaPath: slug,
+          signal: controller.signal
+        });
+        setInitialState(result);
+        hasInitializedState.current = true;
+      };
+      void getInitialState();
+    }
+    return () => {
+      abortAndIgnore(controller);
     };
-    $[12] = apiRoute;
-    $[13] = slug;
-    $[14] = serverURL;
-    $[15] = t8;
-  } else {
-    t8 = $[15];
-  }
-  const onChange = t8;
+  }, [apiRoute, hasInitializedState, serverURL, slug, getFormState, user, collectionPermissions]);
+  const onChange = useCallback(async ({
+    formState: prevFormState
+  }) => {
+    abortAndIgnore(formStateAbortControllerRef.current);
+    const controller_0 = new AbortController();
+    formStateAbortControllerRef.current = controller_0;
+    const {
+      state
+    } = await getFormState({
+      collectionSlug: slug,
+      docPermissions: collectionPermissions,
+      docPreferences: null,
+      formState: prevFormState,
+      operation: 'update',
+      schemaPath: slug,
+      signal: controller_0.signal
+    });
+    return state;
+  }, [slug, getFormState, collectionPermissions]);
+  useEffect(() => {
+    return () => {
+      abortAndIgnore(formStateAbortControllerRef.current);
+    };
+  }, []);
   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);
-    };
-    $[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?.versions?.drafts || $[34] !== getQueryParams || $[35] !== serverURL || $[36] !== apiRoute || $[37] !== initialState || $[38] !== onSuccess) {
-    let t11;
-    if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
-      t11 = () => {
+  const onSuccess = () => {
+    router.replace(stringifyParams({
+      params: {
+        page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined
+      }
+    }));
+    clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this
+    ;
+    closeModal(drawerSlug);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx(DrawerToggler, {
+      "aria-label": t('general:edit'),
+      className: `${baseClass}__toggle`,
+      onClick: () => {
         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: t11,
-        slug: drawerSlug,
-        children: t("general:edit")
-      }), _jsx(Drawer, {
+      },
+      slug: drawerSlug,
+      children: t('general:edit')
+    }), /*#__PURE__*/_jsx(EditDepthProvider, {
+      children: /*#__PURE__*/_jsx(Drawer, {
         Header: null,
         slug: drawerSlug,
-        children: _jsx(DocumentInfoProvider, {
+        children: /*#__PURE__*/_jsx(DocumentInfoProvider, {
           collectionSlug: slug,
+          currentEditor: user,
+          hasPublishedDoc: false,
           id: null,
-          children: _jsx(OperationContext.Provider, {
+          initialData: {},
+          initialState: initialState,
+          isLocked: false,
+          lastUpdateTime: 0,
+          mostRecentVersionIsAutosaved: false,
+          unpublishedVersionCount: 0,
+          versionCount: 0,
+          children: /*#__PURE__*/_jsx(OperationContext.Provider, {
             value: "update",
-            children: _jsxs("div", {
+            children: /*#__PURE__*/_jsxs("div", {
               className: `${baseClass}__main`,
-              children: [_jsxs("div", {
+              children: [/*#__PURE__*/_jsxs("div", {
                 className: `${baseClass}__header`,
-                children: [_jsx("h2", {
+                children: [/*#__PURE__*/_jsx("h2", {
                   className: `${baseClass}__header__title`,
-                  children: t("general:editingLabel", {
+                  children: t('general:editingLabel', {
                     count,
                     label: getTranslation(plural, i18n)
                   })
-                }), _jsx("button", {
-                  "aria-label": t("general:close"),
+                }), /*#__PURE__*/_jsx("button", {
+                  "aria-label": t('general:close'),
                   className: `${baseClass}__header__close`,
                   id: `close-drawer__${drawerSlug}`,
-                  onClick: t12,
+                  onClick: () => closeModal(drawerSlug),
                   type: "button",
-                  children: _jsx(XIcon, {})
+                  children: /*#__PURE__*/_jsx(XIcon, {})
                 })]
-              }), _jsxs(Form, {
+              }), /*#__PURE__*/_jsxs(Form, {
                 className: `${baseClass}__form`,
-                initialState,
+                initialState: initialState,
                 onChange: [onChange],
-                onSuccess,
-                children: [_jsx(FieldSelect, {
-                  fields,
-                  setSelected
-                }), selected.length === 0 ? null : _jsx(RenderFields, {
+                onSuccess: onSuccess,
+                children: [/*#__PURE__*/_jsx(FieldSelect, {
+                  fields: fields,
+                  setSelected: setSelected
+                }), selected.length === 0 ? null : /*#__PURE__*/_jsx(RenderFields, {
                   fields: selected,
-                  path: "",
-                  readOnly: false,
-                  schemaPath: slug
-                }), _jsx("div", {
+                  parentIndexPath: "",
+                  parentPath: "",
+                  parentSchemaPath: slug,
+                  permissions: collectionPermissions?.fields,
+                  readOnly: false
+                }), /*#__PURE__*/_jsx("div", {
                   className: `${baseClass}__sidebar-wrap`,
-                  children: _jsx("div", {
+                  children: /*#__PURE__*/_jsx("div", {
                     className: `${baseClass}__sidebar`,
-                    children: _jsx("div", {
+                    children: /*#__PURE__*/_jsx("div", {
                       className: `${baseClass}__sidebar-sticky-wrap`,
-                      children: _jsx("div", {
+                      children: /*#__PURE__*/_jsx("div", {
                         className: `${baseClass}__document-actions`,
-                        children: collection?.versions?.drafts ? _jsxs(React.Fragment, {
-                          children: [_jsx(PublishButton, {
+                        children: collection?.versions?.drafts ? /*#__PURE__*/_jsxs(React.Fragment, {
+                          children: [/*#__PURE__*/_jsx(SaveDraftButton, {
                             action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
                             disabled: selected.length === 0
-                          }), _jsx(SaveDraftButton, {
+                          }), /*#__PURE__*/_jsx(PublishButton, {
                             action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
                             disabled: selected.length === 0
                           })]
-                        }) : _jsx(Submit, {
+                        }) : /*#__PURE__*/_jsx(Submit, {
                           action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
                           disabled: selected.length === 0
                         })
@@ -422,28 +370,8 @@ export const EditMany = props => {
             })
           })
         })
-      })]
-    });
-    $[23] = t;
-    $[24] = drawerSlug;
-    $[25] = plural;
-    $[26] = i18n;
-    $[27] = count;
-    $[28] = closeModal;
-    $[29] = onChange;
-    $[30] = fields;
-    $[31] = selected;
-    $[32] = slug;
-    $[33] = collection?.versions?.drafts;
-    $[34] = getQueryParams;
-    $[35] = serverURL;
-    $[36] = apiRoute;
-    $[37] = initialState;
-    $[38] = onSuccess;
-    $[39] = t10;
-  } else {
-    t10 = $[39];
-  }
-  return t10;
+      })
+    })]
+  });
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/EditMany/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","useRouter","React","useCallback","useState","useForm","Form","RenderFields","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","OperationContext","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","getFormState","Drawer","DrawerToggler","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","EditMany","props","collection","fields","undefined","slug","labels","plural","permissions","closeModal","config","t3","routes","t4","serverURL","api","apiRoute","count","getQueryParams","selectAll","i18n","t5","Symbol","for","selected","setSelected","stringifyParams","router","initialState","setInitialState","hasInitializedState","useRef","clearRouteCache","collectionPermissions","collections","hasUpdatePermission","update","permission","drawerSlug","t6","current","getInitialState","state","result","body","collectionSlug","data","operation","schemaPath","t7","useEffect","t8","t9","formState","prevFormState","onChange","None","replace","params","page","AllAvailable","onSuccess","t10","versions","drafts","t11","t12","_jsxs","Header","id","Provider","value","label","type","length","path","readOnly","Fragment"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormState } from '../../utilities/getFormState.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n  readonly fields: ClientField[]\n}\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__draft`} disabled={disabled} onClick={save}>\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { collection: { slug, labels: { plural } } = {}, collection, fields } = props\n\n  const { permissions } = useAuth()\n  const { closeModal } = useModal()\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n  const { count, getQueryParams, selectAll } = useSelection()\n  const { i18n, t } = useTranslation()\n  const [selected, setSelected] = useState([])\n  const { stringifyParams } = useSearchParams()\n  const router = useRouter()\n  const [initialState, setInitialState] = useState<FormState>()\n  const hasInitializedState = React.useRef(false)\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update?.permission\n\n  const drawerSlug = `edit-${slug}`\n\n  React.useEffect(() => {\n    if (!hasInitializedState.current) {\n      const getInitialState = async () => {\n        const { state: result } = await getFormState({\n          apiRoute,\n          body: {\n            collectionSlug: slug,\n            data: {},\n            operation: 'update',\n            schemaPath: slug,\n          },\n          serverURL,\n        })\n\n        setInitialState(result)\n        hasInitializedState.current = true\n      }\n\n      void getInitialState()\n    }\n  }, [apiRoute, hasInitializedState, serverURL, slug])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const { state } = await getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: slug,\n          formState: prevFormState,\n          operation: 'update',\n          schemaPath: slug,\n        },\n        serverURL,\n      })\n\n      return state\n    },\n    [serverURL, apiRoute, slug],\n  )\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {\n    return null\n  }\n\n  const onSuccess = () => {\n    router.replace(\n      stringifyParams({\n        params: { page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined },\n      }),\n    )\n    clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\n    closeModal(drawerSlug)\n  }\n\n  return (\n    <div className={baseClass}>\n      <DrawerToggler\n        aria-label={t('general:edit')}\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSelected([])\n        }}\n        slug={drawerSlug}\n      >\n        {t('general:edit')}\n      </DrawerToggler>\n      <Drawer Header={null} slug={drawerSlug}>\n        <DocumentInfoProvider collectionSlug={slug} id={null}>\n          <OperationContext.Provider value=\"update\">\n            <div className={`${baseClass}__main`}>\n              <div className={`${baseClass}__header`}>\n                <h2 className={`${baseClass}__header__title`}>\n                  {t('general:editingLabel', { count, label: getTranslation(plural, i18n) })}\n                </h2>\n                <button\n                  aria-label={t('general:close')}\n                  className={`${baseClass}__header__close`}\n                  id={`close-drawer__${drawerSlug}`}\n                  onClick={() => closeModal(drawerSlug)}\n                  type=\"button\"\n                >\n                  <XIcon />\n                </button>\n              </div>\n              <Form\n                className={`${baseClass}__form`}\n                initialState={initialState}\n                onChange={[onChange]}\n                onSuccess={onSuccess}\n              >\n                <FieldSelect fields={fields} setSelected={setSelected} />\n                {selected.length === 0 ? null : (\n                  <RenderFields fields={selected} path=\"\" readOnly={false} schemaPath={slug} />\n                )}\n                <div className={`${baseClass}__sidebar-wrap`}>\n                  <div className={`${baseClass}__sidebar`}>\n                    <div className={`${baseClass}__sidebar-sticky-wrap`}>\n                      <div className={`${baseClass}__document-actions`}>\n                        {collection?.versions?.drafts ? (\n                          <React.Fragment>\n                            <PublishButton\n                              action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                              disabled={selected.length === 0}\n                            />\n                            <SaveDraftButton\n                              action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                              disabled={selected.length === 0}\n                            />\n                          </React.Fragment>\n                        ) : (\n                          <Submit\n                            action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}`}\n                            disabled={selected.length === 0}\n                          />\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </Form>\n            </div>\n          </OperationContext.Provider>\n        </DocumentInfoProvider>\n      </Drawer>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","useRouter","React","useCallback","useEffect","useState","useForm","Form","RenderFields","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","EditDepthProvider","OperationContext","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useServerFunctions","useTranslation","abortAndIgnore","Drawer","DrawerToggler","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","buttonStyle","EditMany","props","collection","slug","fields","labels","plural","permissions","user","closeModal","config","routes","api","apiRoute","serverURL","getFormState","count","getQueryParams","selectAll","i18n","selected","setSelected","stringifyParams","router","initialState","setInitialState","hasInitializedState","useRef","formStateAbortControllerRef","clearRouteCache","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","controller","AbortController","current","getInitialState","state","result","collectionSlug","data","docPermissions","docPreferences","operation","schemaPath","signal","onChange","formState","prevFormState","None","onSuccess","replace","params","page","AllAvailable","undefined","_jsxs","Header","currentEditor","hasPublishedDoc","id","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","Provider","value","label","type","length","parentIndexPath","parentPath","parentSchemaPath","readOnly","versions","drafts","Fragment"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore } from '../../utilities/abortAndIgnore.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit\n      buttonStyle=\"secondary\"\n      className={`${baseClass}__draft`}\n      disabled={disabled}\n      onClick={save}\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { collection: { slug, fields, labels: { plural } } = {}, collection } = props\n\n  const { permissions, user } = useAuth()\n\n  const { closeModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { getFormState } = useServerFunctions()\n\n  const { count, getQueryParams, selectAll } = useSelection()\n  const { i18n, t } = useTranslation()\n  const [selected, setSelected] = useState([])\n  const { stringifyParams } = useSearchParams()\n  const router = useRouter()\n  const [initialState, setInitialState] = useState<FormState>()\n  const hasInitializedState = React.useRef(false)\n  const formStateAbortControllerRef = React.useRef<AbortController>(null)\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  const drawerSlug = `edit-${slug}`\n\n  React.useEffect(() => {\n    const controller = new AbortController()\n\n    if (!hasInitializedState.current) {\n      const getInitialState = async () => {\n        const { state: result } = await getFormState({\n          collectionSlug: slug,\n          data: {},\n          docPermissions: collectionPermissions,\n          docPreferences: null,\n          operation: 'update',\n          schemaPath: slug,\n          signal: controller.signal,\n        })\n\n        setInitialState(result)\n        hasInitializedState.current = true\n      }\n\n      void getInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(controller)\n    }\n  }, [apiRoute, hasInitializedState, serverURL, slug, getFormState, user, collectionPermissions])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      abortAndIgnore(formStateAbortControllerRef.current)\n\n      const controller = new AbortController()\n      formStateAbortControllerRef.current = controller\n\n      const { state } = await getFormState({\n        collectionSlug: slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: slug,\n        signal: controller.signal,\n      })\n\n      return state\n    },\n    [slug, getFormState, collectionPermissions],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(formStateAbortControllerRef.current)\n    }\n  }, [])\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {\n    return null\n  }\n\n  const onSuccess = () => {\n    router.replace(\n      stringifyParams({\n        params: { page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined },\n      }),\n    )\n    clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\n    closeModal(drawerSlug)\n  }\n\n  return (\n    <div className={baseClass}>\n      <DrawerToggler\n        aria-label={t('general:edit')}\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSelected([])\n        }}\n        slug={drawerSlug}\n      >\n        {t('general:edit')}\n      </DrawerToggler>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <DocumentInfoProvider\n            collectionSlug={slug}\n            currentEditor={user}\n            hasPublishedDoc={false}\n            id={null}\n            initialData={{}}\n            initialState={initialState}\n            isLocked={false}\n            lastUpdateTime={0}\n            mostRecentVersionIsAutosaved={false}\n            unpublishedVersionCount={0}\n            versionCount={0}\n          >\n            <OperationContext.Provider value=\"update\">\n              <div className={`${baseClass}__main`}>\n                <div className={`${baseClass}__header`}>\n                  <h2 className={`${baseClass}__header__title`}>\n                    {t('general:editingLabel', { count, label: getTranslation(plural, i18n) })}\n                  </h2>\n                  <button\n                    aria-label={t('general:close')}\n                    className={`${baseClass}__header__close`}\n                    id={`close-drawer__${drawerSlug}`}\n                    onClick={() => closeModal(drawerSlug)}\n                    type=\"button\"\n                  >\n                    <XIcon />\n                  </button>\n                </div>\n                <Form\n                  className={`${baseClass}__form`}\n                  initialState={initialState}\n                  onChange={[onChange]}\n                  onSuccess={onSuccess}\n                >\n                  <FieldSelect fields={fields} setSelected={setSelected} />\n                  {selected.length === 0 ? null : (\n                    <RenderFields\n                      fields={selected}\n                      parentIndexPath=\"\"\n                      parentPath=\"\"\n                      parentSchemaPath={slug}\n                      permissions={collectionPermissions?.fields}\n                      readOnly={false}\n                    />\n                  )}\n                  <div className={`${baseClass}__sidebar-wrap`}>\n                    <div className={`${baseClass}__sidebar`}>\n                      <div className={`${baseClass}__sidebar-sticky-wrap`}>\n                        <div className={`${baseClass}__document-actions`}>\n                          {collection?.versions?.drafts ? (\n                            <React.Fragment>\n                              <SaveDraftButton\n                                action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                                disabled={selected.length === 0}\n                              />\n                              <PublishButton\n                                action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                                disabled={selected.length === 0}\n                              />\n                            </React.Fragment>\n                          ) : (\n                            <Submit\n                              action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}`}\n                              disabled={selected.length === 0}\n                            />\n                          )}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </Form>\n              </div>\n            </OperationContext.Provider>\n          </DocumentInfoProvider>\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/EmailAndUsername/index.d.ts

@@ -0,0 +1,16 @@
+import type { TFunction } from '@payloadcms/translations';
+import type { LoginWithUsernameOptions, SanitizedFieldPermissions } from 'payload';
+import React from 'react';
+type RenderEmailAndUsernameFieldsProps = {
+    className?: string;
+    loginWithUsername?: false | LoginWithUsernameOptions;
+    operation?: 'create' | 'update';
+    permissions?: {
+        [fieldName: string]: SanitizedFieldPermissions;
+    } | true;
+    readOnly: boolean;
+    t: TFunction;
+};
+export declare function EmailAndUsernameFields(props: RenderEmailAndUsernameFieldsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/EmailAndUsername/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EmailAndUsername/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGlF,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,iCAAiC,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,KAAK,GAAG,wBAAwB,CAAA;IACpD,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,WAAW,CAAC,EACR;QACE,CAAC,SAAS,EAAE,MAAM,GAAG,yBAAyB,CAAA;KAC/C,GACD,IAAI,CAAA;IACR,QAAQ,EAAE,OAAO,CAAA;IACjB,CAAC,EAAE,SAAS,CAAA;CACb,CAAA;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iCAAiC,qBAuC9E"}

package/dist/elements/EmailAndUsername/index.js

@@ -0,0 +1,42 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { email, username } from 'payload/shared';
+import React from 'react';
+import { EmailField } from '../../fields/Email/index.js';
+import { TextField } from '../../fields/Text/index.js';
+export function EmailAndUsernameFields(props) {
+  const {
+    className,
+    loginWithUsername,
+    t
+  } = props;
+  const showEmailField = !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin;
+  const showUsernameField = Boolean(loginWithUsername);
+  return /*#__PURE__*/_jsxs("div", {
+    className: className,
+    children: [showEmailField ? /*#__PURE__*/_jsx(EmailField, {
+      field: {
+        name: 'email',
+        admin: {
+          autoComplete: 'off'
+        },
+        label: t('general:email'),
+        required: !loginWithUsername || loginWithUsername && loginWithUsername.requireEmail
+      },
+      path: "email",
+      schemaPath: "email",
+      validate: email
+    }) : null, showUsernameField && /*#__PURE__*/_jsx(TextField, {
+      field: {
+        name: 'username',
+        label: t('authentication:username'),
+        required: loginWithUsername && loginWithUsername.requireUsername
+      },
+      path: "username",
+      schemaPath: "username",
+      validate: username
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/EmailAndUsername/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["email","username","React","EmailField","TextField","EmailAndUsernameFields","props","className","loginWithUsername","t","showEmailField","requireEmail","allowEmailLogin","showUsernameField","Boolean","_jsxs","_jsx","field","name","admin","autoComplete","label","required","path","schemaPath","validate","requireUsername"],"sources":["../../../src/elements/EmailAndUsername/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TFunction } from '@payloadcms/translations'\nimport type { LoginWithUsernameOptions, SanitizedFieldPermissions } from 'payload'\n\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\nimport { EmailField } from '../../fields/Email/index.js'\nimport { TextField } from '../../fields/Text/index.js'\n\ntype RenderEmailAndUsernameFieldsProps = {\n  className?: string\n  loginWithUsername?: false | LoginWithUsernameOptions\n  operation?: 'create' | 'update'\n  permissions?:\n    | {\n        [fieldName: string]: SanitizedFieldPermissions\n      }\n    | true\n  readOnly: boolean\n  t: TFunction\n}\n\nexport function EmailAndUsernameFields(props: RenderEmailAndUsernameFieldsProps) {\n  const { className, loginWithUsername, t } = props\n\n  const showEmailField =\n    !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin\n\n  const showUsernameField = Boolean(loginWithUsername)\n\n  return (\n    <div className={className}>\n      {showEmailField ? (\n        <EmailField\n          field={{\n            name: 'email',\n            admin: {\n              autoComplete: 'off',\n            },\n            label: t('general:email'),\n            required: !loginWithUsername || (loginWithUsername && loginWithUsername.requireEmail),\n          }}\n          path=\"email\"\n          schemaPath=\"email\"\n          validate={email}\n        />\n      ) : null}\n      {showUsernameField && (\n        <TextField\n          field={{\n            name: 'username',\n            label: t('authentication:username'),\n            required: loginWithUsername && loginWithUsername.requireUsername,\n          }}\n          path=\"username\"\n          schemaPath=\"username\"\n          validate={username}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAKA,SAASA,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAe1B,OAAO,SAASC,uBAAuBC,KAAwC;EAC7E,MAAM;IAAEC,SAAS;IAAEC,iBAAiB;IAAEC;EAAC,CAAE,GAAGH,KAAA;EAE5C,MAAMI,cAAA,GACJ,CAACF,iBAAA,IAAqBA,iBAAA,EAAmBG,YAAA,IAAgBH,iBAAA,EAAmBI,eAAA;EAE9E,MAAMC,iBAAA,GAAoBC,OAAA,CAAQN,iBAAA;EAElC,oBACEO,KAAA,CAAC;IAAIR,SAAA,EAAWA,SAAA;eACbG,cAAA,gBACCM,IAAA,CAACb,UAAA;MACCc,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,KAAA,EAAO;UACLC,YAAA,EAAc;QAChB;QACAC,KAAA,EAAOZ,CAAA,CAAE;QACTa,QAAA,EAAU,CAACd,iBAAA,IAAsBA,iBAAA,IAAqBA,iBAAA,CAAkBG;MAC1E;MACAY,IAAA,EAAK;MACLC,UAAA,EAAW;MACXC,QAAA,EAAUzB;SAEV,MACHa,iBAAA,iBACCG,IAAA,CAACZ,SAAA;MACCa,KAAA,EAAO;QACLC,IAAA,EAAM;QACNG,KAAA,EAAOZ,CAAA,CAAE;QACTa,QAAA,EAAUd,iBAAA,IAAqBA,iBAAA,CAAkBkB;MACnD;MACAH,IAAA,EAAK;MACLC,UAAA,EAAW;MACXC,QAAA,EAAUxB;;;AAKpB","ignoreList":[]}

package/dist/elements/FieldSelect/index.d.ts

@@ -1,14 +1,14 @@
 import type { ClientField, FieldWithPath } from 'payload';
-import React, { type JSX } from 'react';
+import React from 'react';
 import './index.scss';
 export type FieldSelectProps = {
     readonly fields: ClientField[];
     readonly setSelected: (fields: FieldWithPath[]) => void;
 };
-export declare const combineLabel: ({ customLabel, field, prefix, }: {
-    customLabel?: string;
+export declare const combineLabel: ({ CustomLabel, field, prefix, }: {
+    CustomLabel?: React.ReactNode;
     field?: ClientField;
-    prefix?: JSX.Element | string;
-}) => JSX.Element;
+    prefix?: React.ReactNode;
+}) => React.ReactNode;
 export declare const FieldSelect: React.FC<FieldSelectProps>;
 //# sourceMappingURL=index.d.ts.map