@payloadcms/ui 3.29.0-internal.3471e81 → 3.29.0-internal.9400be9

package/dist/elements/EditMany/DrawerContent.js

@@ -5,12 +5,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter, useSearchParams } from 'next/navigation.js';
-import { mergeListSearchAndWhere } from 'payload/shared';
+import { unflatten } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useForm } from '../../forms/Form/context.js';
 import { Form } from '../../forms/Form/index.js';
-import { RenderFields } from '../../forms/RenderFields/index.js';
+import { RenderField } from '../../forms/RenderFields/RenderField.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { XIcon } from '../../icons/X/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
@@ -22,27 +22,17 @@ import { SelectAllStatus, useSelection } from '../../providers/Selection/index.j
 import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js';
-import { filterOutUploadFields } from '../../utilities/filterOutUploadFields.js';
+import { mergeListSearchAndWhere } from '../../utilities/mergeListSearchAndWhere.js';
 import { parseSearchParams } from '../../utilities/parseSearchParams.js';
 import { FieldSelect } from '../FieldSelect/index.js';
 import { baseClass } from './index.js';
 import './index.scss';
-const sanitizeUnselectedFields = (formState, selected) => {
-  const filteredData = selected.reduce((acc, field) => {
-    const foundState = formState?.[field.path];
-    if (foundState) {
-      acc[field.path] = formState?.[field.path]?.value;
-    }
-    return acc;
-  }, {});
-  return filteredData;
-};
+import '../../forms/RenderFields/index.scss';
 const Submit = t0 => {
-  const $ = _c(8);
+  const $ = _c(7);
   const {
     action,
-    disabled,
-    selected
+    disabled
   } = t0;
   const {
     submit
@@ -51,46 +41,43 @@ const Submit = t0 => {
     t
   } = useTranslation();
   let t1;
-  if ($[0] !== action || $[1] !== selected || $[2] !== submit) {
+  if ($[0] !== action || $[1] !== submit) {
     t1 = () => {
       submit({
         action,
         method: "PATCH",
-        overrides: formState => sanitizeUnselectedFields(formState, selected),
         skipValidation: true
       });
     };
     $[0] = action;
-    $[1] = selected;
-    $[2] = submit;
-    $[3] = t1;
+    $[1] = submit;
+    $[2] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[2];
   }
   const save = t1;
   let t2;
-  if ($[4] !== disabled || $[5] !== save || $[6] !== t) {
+  if ($[3] !== disabled || $[4] !== save || $[5] !== t) {
     t2 = _jsx(FormSubmit, {
       className: `${baseClass}__save`,
       disabled,
       onClick: save,
       children: t("general:save")
     });
-    $[4] = disabled;
-    $[5] = save;
-    $[6] = t;
-    $[7] = t2;
+    $[3] = disabled;
+    $[4] = save;
+    $[5] = t;
+    $[6] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[6];
   }
   return t2;
 };
 const PublishButton = t0 => {
-  const $ = _c(8);
+  const $ = _c(7);
   const {
     action,
-    disabled,
-    selected
+    disabled
   } = t0;
   const {
     submit
@@ -99,49 +86,46 @@ const PublishButton = t0 => {
     t
   } = useTranslation();
   let t1;
-  if ($[0] !== action || $[1] !== selected || $[2] !== submit) {
+  if ($[0] !== action || $[1] !== submit) {
     t1 = () => {
       submit({
         action,
         method: "PATCH",
-        overrides: formState => ({
-          ...sanitizeUnselectedFields(formState, selected),
+        overrides: {
           _status: "published"
-        }),
+        },
         skipValidation: true
       });
     };
     $[0] = action;
-    $[1] = selected;
-    $[2] = submit;
-    $[3] = t1;
+    $[1] = submit;
+    $[2] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[2];
   }
   const save = t1;
   let t2;
-  if ($[4] !== disabled || $[5] !== save || $[6] !== t) {
+  if ($[3] !== disabled || $[4] !== save || $[5] !== t) {
     t2 = _jsx(FormSubmit, {
       className: `${baseClass}__publish`,
       disabled,
       onClick: save,
       children: t("version:publishChanges")
     });
-    $[4] = disabled;
-    $[5] = save;
-    $[6] = t;
-    $[7] = t2;
+    $[3] = disabled;
+    $[4] = save;
+    $[5] = t;
+    $[6] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[6];
   }
   return t2;
 };
 const SaveDraftButton = t0 => {
-  const $ = _c(8);
+  const $ = _c(7);
   const {
     action,
-    disabled,
-    selected
+    disabled
   } = t0;
   const {
     submit
@@ -150,28 +134,26 @@ const SaveDraftButton = t0 => {
     t
   } = useTranslation();
   let t1;
-  if ($[0] !== action || $[1] !== selected || $[2] !== submit) {
+  if ($[0] !== action || $[1] !== submit) {
     t1 = () => {
       submit({
         action,
         method: "PATCH",
-        overrides: formState => ({
-          ...sanitizeUnselectedFields(formState, selected),
+        overrides: {
           _status: "draft"
-        }),
+        },
         skipValidation: true
       });
     };
     $[0] = action;
-    $[1] = selected;
-    $[2] = submit;
-    $[3] = t1;
+    $[1] = submit;
+    $[2] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[2];
   }
   const save = t1;
   let t2;
-  if ($[4] !== disabled || $[5] !== save || $[6] !== t) {
+  if ($[3] !== disabled || $[4] !== save || $[5] !== t) {
     t2 = _jsx(FormSubmit, {
       buttonStyle: "secondary",
       className: `${baseClass}__draft`,
@@ -179,19 +161,18 @@ const SaveDraftButton = t0 => {
       onClick: save,
       children: t("version:saveDraft")
     });
-    $[4] = disabled;
-    $[5] = save;
-    $[6] = t;
-    $[7] = t2;
+    $[3] = disabled;
+    $[4] = save;
+    $[5] = t;
+    $[6] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[6];
   }
   return t2;
 };
 export const EditManyDrawerContent = props => {
   const {
     collection: {
-      slug,
       fields,
       labels: {
         plural,
@@ -200,7 +181,8 @@ export const EditManyDrawerContent = props => {
     } = {},
     collection,
     drawerSlug,
-    selected: selectedFromProps
+    selectedFields,
+    setSelectedFields
   } = props;
   const {
     permissions,
@@ -229,63 +211,41 @@ export const EditManyDrawerContent = props => {
     i18n,
     t
   } = useTranslation();
-  const [selected, setSelected] = useState([]);
-  useEffect(() => {
-    setSelected(selectedFromProps);
-  }, [selectedFromProps]);
+  const [isInitializing, setIsInitializing] = useState(false);
   const router = useRouter();
-  const [initialState, setInitialState] = useState();
-  const hasInitializedState = React.useRef(false);
   const abortFormStateRef = React.useRef(null);
   const {
     clearRouteCache
   } = useRouteCache();
-  const collectionPermissions = permissions?.collections?.[slug];
+  const collectionPermissions = permissions?.collections?.[collection.slug];
   const searchParams = useSearchParams();
-  const filteredFields = filterOutUploadFields(fields);
-  React.useEffect(() => {
-    const controller = new AbortController();
-    if (!hasInitializedState.current) {
-      const getInitialState = async () => {
-        const {
-          state: result
-        } = await getFormState({
-          collectionSlug: slug,
-          data: {},
-          docPermissions: collectionPermissions,
-          docPreferences: null,
-          operation: 'update',
-          schemaPath: slug,
-          signal: controller.signal,
-          skipValidation: true
-        });
-        setInitialState(result);
-        hasInitializedState.current = true;
-      };
-      void getInitialState();
-    }
-    return () => {
-      abortAndIgnore(controller);
-    };
-  }, [apiRoute, hasInitializedState, serverURL, slug, getFormState, user, collectionPermissions]);
+  const select = useMemo(() => {
+    return unflatten(selectedFields.reduce((acc, field) => {
+      acc[field.path] = true;
+      return acc;
+    }, {}));
+  }, [selectedFields]);
   const onChange = useCallback(async ({
-    formState: prevFormState
+    formState: prevFormState,
+    submitted
   }) => {
-    const controller_0 = handleAbortRef(abortFormStateRef);
+    const controller = handleAbortRef(abortFormStateRef);
     const {
       state
     } = await getFormState({
-      collectionSlug: slug,
+      collectionSlug: collection.slug,
       docPermissions: collectionPermissions,
       docPreferences: null,
       formState: prevFormState,
       operation: 'update',
-      schemaPath: slug,
-      signal: controller_0.signal
+      schemaPath: collection.slug,
+      select,
+      signal: controller.signal,
+      skipValidation: !submitted
     });
     abortFormStateRef.current = null;
     return state;
-  }, [getFormState, slug, collectionPermissions]);
+  }, [getFormState, collection, collectionPermissions, select]);
   useEffect(() => {
     const abortFormState = abortFormStateRef.current;
     return () => {
@@ -310,13 +270,46 @@ export const EditManyDrawerContent = props => {
     ;
     closeModal(drawerSlug);
   };
+  const onFieldSelect = useCallback(async ({
+    dispatchFields,
+    formState,
+    selected
+  }) => {
+    setIsInitializing(true);
+    if (selected === null) {
+      setSelectedFields([]);
+    } else {
+      setSelectedFields(selected.map(({
+        value
+      }) => value));
+    }
+    const {
+      state: state_0
+    } = await getFormState({
+      collectionSlug: collection.slug,
+      docPermissions: collectionPermissions,
+      docPreferences: null,
+      formState,
+      operation: 'update',
+      schemaPath: collection.slug,
+      select: unflatten(selected.reduce((acc_0, option) => {
+        acc_0[option.value.path] = true;
+        return acc_0;
+      }, {})),
+      skipValidation: true
+    });
+    dispatchFields({
+      type: 'UPDATE_MANY',
+      formState: state_0
+    });
+    setIsInitializing(false);
+  }, [getFormState, collection.slug, collectionPermissions, setSelectedFields]);
   return /*#__PURE__*/_jsx(DocumentInfoProvider, {
-    collectionSlug: slug,
+    collectionSlug: collection.slug,
     currentEditor: user,
     hasPublishedDoc: false,
     id: null,
     initialData: {},
-    initialState: initialState,
     isLocked: false,
     lastUpdateTime: 0,
     mostRecentVersionIsAutosaved: false,
@@ -344,19 +337,27 @@ export const EditManyDrawerContent = props => {
           })]
         }), /*#__PURE__*/_jsxs(Form, {
           className: `${baseClass}__form`,
-          initialState: initialState,
+          isInitializing: isInitializing,
           onChange: [onChange],
           onSuccess: onSuccess,
           children: [/*#__PURE__*/_jsx(FieldSelect, {
-            fields: filteredFields,
-            setSelected: setSelected
-          }), selected.length === 0 ? null : /*#__PURE__*/_jsx(RenderFields, {
-            fields: selected,
-            parentIndexPath: "",
-            parentPath: "",
-            parentSchemaPath: slug,
-            permissions: collectionPermissions?.fields,
-            readOnly: false
+            fields: fields,
+            onChange: onFieldSelect
+          }), selectedFields.length === 0 ? null : /*#__PURE__*/_jsx("div", {
+            className: "render-fields",
+            children: selectedFields.map((field_0, i) => {
+              const {
+                path
+              } = field_0;
+              return /*#__PURE__*/_jsx(RenderField, {
+                clientFieldConfig: field_0,
+                indexPath: "",
+                parentPath: "",
+                parentSchemaPath: "",
+                path: path,
+                permissions: collectionPermissions.fields === undefined || collectionPermissions.fields === null || collectionPermissions.fields === true ? true : 'name' in field_0 ? collectionPermissions.fields?.[field_0.name] : undefined
+              }, `${path}-${i}`);
+            })
           }), /*#__PURE__*/_jsx("div", {
             className: `${baseClass}__sidebar-wrap`,
             children: /*#__PURE__*/_jsx("div", {
@@ -367,18 +368,15 @@ export const EditManyDrawerContent = props => {
                   className: `${baseClass}__document-actions`,
                   children: collection?.versions?.drafts ? /*#__PURE__*/_jsxs(React.Fragment, {
                     children: [/*#__PURE__*/_jsx(SaveDraftButton, {
-                      action: `${serverURL}${apiRoute}/${slug}${queryString}&draft=true`,
-                      disabled: selected.length === 0,
-                      selected: selected
+                      action: `${serverURL}${apiRoute}/${collection.slug}${queryString}&draft=true`,
+                      disabled: selectedFields.length === 0
                     }), /*#__PURE__*/_jsx(PublishButton, {
-                      action: `${serverURL}${apiRoute}/${slug}${queryString}&draft=true`,
-                      disabled: selected.length === 0,
-                      selected: selected
+                      action: `${serverURL}${apiRoute}/${collection.slug}${queryString}&draft=true`,
+                      disabled: selectedFields.length === 0
                     })]
                   }) : /*#__PURE__*/_jsx(Submit, {
-                    action: `${serverURL}${apiRoute}/${slug}${queryString}`,
-                    disabled: selected.length === 0,
-                    selected: selected
+                    action: `${serverURL}${apiRoute}/${collection.slug}${queryString}`,
+                    disabled: selectedFields.length === 0
                   })
                 })
               })

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","getTranslation","useRouter","useSearchParams","mergeListSearchAndWhere","qs","React","useCallback","useEffect","useMemo","useState","useForm","Form","RenderFields","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","OperationContext","useRouteCache","SelectAllStatus","useSelection","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","filterOutUploadFields","parseSearchParams","FieldSelect","baseClass","sanitizeUnselectedFields","formState","selected","filteredData","reduce","acc","field","foundState","path","value","Submit","t0","$","action","disabled","submit","t","t1","method","overrides","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","_status","SaveDraftButton","buttonStyle","EditManyDrawerContent","props","collection","slug","fields","labels","plural","singular","drawerSlug","selectedFromProps","permissions","user","closeModal","config","routes","api","apiRoute","serverURL","getFormState","count","getQueryParams","selectAll","i18n","setSelected","router","initialState","setInitialState","hasInitializedState","useRef","abortFormStateRef","clearRouteCache","collectionPermissions","collections","searchParams","filteredFields","controller","AbortController","current","getInitialState","state","result","collectionSlug","data","docPermissions","docPreferences","operation","schemaPath","signal","onChange","prevFormState","abortFormState","queryString","queryWithSearch","collectionConfig","search","get","onSuccess","replace","stringify","page","AllAvailable","undefined","addQueryPrefix","currentEditor","hasPublishedDoc","id","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","_jsxs","label","type","length","parentIndexPath","parentPath","parentSchemaPath","readOnly","versions","drafts","Fragment"],"sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldWithPathClient, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, 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 { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { filterOutUploadFields } from '../../utilities/filterOutUploadFields.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport { baseClass, type EditManyProps } from './index.js'\nimport './index.scss'\n\nconst sanitizeUnselectedFields = (formState: FormState, selected: FieldWithPathClient[]) => {\n  const filteredData = selected.reduce((acc, field) => {\n    const foundState = formState?.[field.path]\n\n    if (foundState) {\n      acc[field.path] = formState?.[field.path]?.value\n    }\n\n    return acc\n  }, {} as FormData)\n\n  return filteredData\n}\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n  readonly selected?: FieldWithPathClient[]\n}> = ({ action, disabled, selected }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: (formState) => sanitizeUnselectedFields(formState, selected),\n      skipValidation: true,\n    })\n  }, [action, submit, selected])\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<{\n  action: string\n  disabled: boolean\n  selected?: FieldWithPathClient[]\n}> = ({ action, disabled, selected }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: (formState) => ({\n        ...sanitizeUnselectedFields(formState, selected),\n        _status: 'published',\n      }),\n      skipValidation: true,\n    })\n  }, [action, submit, selected])\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<{\n  action: string\n  disabled: boolean\n  selected?: FieldWithPathClient[]\n}> = ({ action, disabled, selected }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: (formState) => ({\n        ...sanitizeUnselectedFields(formState, selected),\n        _status: 'draft',\n      }),\n      skipValidation: true,\n    })\n  }, [action, submit, selected])\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 EditManyDrawerContent: React.FC<\n  {\n    drawerSlug: string\n    selected: FieldWithPathClient[]\n  } & EditManyProps\n> = (props) => {\n  const {\n    collection: { slug, fields, labels: { plural, singular } } = {},\n    collection,\n    drawerSlug,\n    selected: selectedFromProps,\n  } = 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<FieldWithPathClient[]>([])\n\n  useEffect(() => {\n    setSelected(selectedFromProps)\n  }, [selectedFromProps])\n\n  const router = useRouter()\n  const [initialState, setInitialState] = useState<FormState>()\n  const hasInitializedState = React.useRef(false)\n  const abortFormStateRef = React.useRef<AbortController>(null)\n  const { clearRouteCache } = useRouteCache()\n  const collectionPermissions = permissions?.collections?.[slug]\n  const searchParams = useSearchParams()\n\n  const filteredFields = filterOutUploadFields(fields)\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          skipValidation: true,\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      const controller = handleAbortRef(abortFormStateRef)\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      abortFormStateRef.current = null\n\n      return state\n    },\n    [getFormState, slug, collectionPermissions],\n  )\n\n  useEffect(() => {\n    const abortFormState = abortFormStateRef.current\n\n    return () => {\n      abortAndIgnore(abortFormState)\n    }\n  }, [])\n\n  const queryString = useMemo(() => {\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    return getQueryParams(queryWithSearch)\n  }, [collection, searchParams, getQueryParams])\n\n  const onSuccess = () => {\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\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    <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 value=\"update\">\n        <div className={`${baseClass}__main`}>\n          <div className={`${baseClass}__header`}>\n            <h2 className={`${baseClass}__header__title`}>\n              {t('general:editingLabel', {\n                count,\n                label: getTranslation(count > 1 ? plural : singular, i18n),\n              })}\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={filteredFields} 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}${queryString}&draft=true`}\n                          disabled={selected.length === 0}\n                          selected={selected}\n                        />\n                        <PublishButton\n                          action={`${serverURL}${apiRoute}/${slug}${queryString}&draft=true`}\n                          disabled={selected.length === 0}\n                          selected={selected}\n                        />\n                      </React.Fragment>\n                    ) : (\n                      <Submit\n                        action={`${serverURL}${apiRoute}/${slug}${queryString}`}\n                        disabled={selected.length === 0}\n                        selected={selected}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Form>\n        </div>\n      </OperationContext>\n    </DocumentInfoProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","getTranslation","useRouter","useSearchParams","unflatten","qs","React","useCallback","useEffect","useMemo","useState","useForm","Form","RenderField","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","OperationContext","useRouteCache","SelectAllStatus","useSelection","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","mergeListSearchAndWhere","parseSearchParams","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","buttonStyle","EditManyDrawerContent","props","collection","fields","labels","plural","singular","drawerSlug","selectedFields","setSelectedFields","permissions","user","closeModal","config","routes","api","apiRoute","serverURL","getFormState","count","getQueryParams","selectAll","i18n","isInitializing","setIsInitializing","router","abortFormStateRef","useRef","clearRouteCache","collectionPermissions","collections","slug","searchParams","select","reduce","acc","field","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","current","abortFormState","queryString","queryWithSearch","collectionConfig","search","get","onSuccess","replace","stringify","page","AllAvailable","undefined","addQueryPrefix","onFieldSelect","dispatchFields","selected","map","value","option","type","currentEditor","hasPublishedDoc","id","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","_jsxs","label","length","i","clientFieldConfig","indexPath","parentPath","parentSchemaPath","name","versions","drafts","Fragment"],"sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldWithPathClient, SelectType } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { unflatten } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../FieldSelect/index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderField } from '../../forms/RenderFields/RenderField.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 { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { mergeListSearchAndWhere } from '../../utilities/mergeListSearchAndWhere.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport { baseClass, type EditManyProps } from './index.js'\nimport './index.scss'\nimport '../../forms/RenderFields/index.scss'\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<{\n  action: string\n  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      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<{\n  action: string\n  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      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 EditManyDrawerContent: React.FC<\n  {\n    drawerSlug: string\n    selectedFields: FieldWithPathClient[]\n    setSelectedFields: React.Dispatch<React.SetStateAction<FieldWithPathClient[]>>\n  } & EditManyProps\n> = (props) => {\n  const {\n    collection: { fields, labels: { plural, singular } } = {},\n    collection,\n    drawerSlug,\n    selectedFields,\n    setSelectedFields,\n  } = 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\n  const [isInitializing, setIsInitializing] = useState(false)\n\n  const router = useRouter()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n  const { clearRouteCache } = useRouteCache()\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n  const searchParams = useSearchParams()\n\n  const select = useMemo<SelectType>(() => {\n    return unflatten(\n      selectedFields.reduce((acc, field) => {\n        acc[field.path] = true\n        return acc\n      }, {} as SelectType),\n    )\n  }, [selectedFields])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortFormStateRef)\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortFormStateRef.current = null\n\n      return state\n    },\n    [getFormState, collection, collectionPermissions, select],\n  )\n\n  useEffect(() => {\n    const abortFormState = abortFormStateRef.current\n\n    return () => {\n      abortAndIgnore(abortFormState)\n    }\n  }, [])\n\n  const queryString = useMemo(() => {\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    return getQueryParams(queryWithSearch)\n  }, [collection, searchParams, getQueryParams])\n\n  const onSuccess = () => {\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\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  const onFieldSelect = useCallback<OnFieldSelect>(\n    async ({ dispatchFields, formState, selected }) => {\n      setIsInitializing(true)\n\n      if (selected === null) {\n        setSelectedFields([])\n      } else {\n        setSelectedFields(selected.map(({ value }) => value))\n      }\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select: unflatten(\n          selected.reduce((acc, option) => {\n            acc[option.value.path] = true\n            return acc\n          }, {} as SelectType),\n        ),\n        skipValidation: true,\n      })\n\n      dispatchFields({\n        type: 'UPDATE_MANY',\n        formState: state,\n      })\n\n      setIsInitializing(false)\n    },\n    [getFormState, collection.slug, collectionPermissions, setSelectedFields],\n  )\n\n  return (\n    <DocumentInfoProvider\n      collectionSlug={collection.slug}\n      currentEditor={user}\n      hasPublishedDoc={false}\n      id={null}\n      initialData={{}}\n      isLocked={false}\n      lastUpdateTime={0}\n      mostRecentVersionIsAutosaved={false}\n      unpublishedVersionCount={0}\n      versionCount={0}\n    >\n      <OperationContext value=\"update\">\n        <div className={`${baseClass}__main`}>\n          <div className={`${baseClass}__header`}>\n            <h2 className={`${baseClass}__header__title`}>\n              {t('general:editingLabel', {\n                count,\n                label: getTranslation(count > 1 ? plural : singular, i18n),\n              })}\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            isInitializing={isInitializing}\n            onChange={[onChange]}\n            onSuccess={onSuccess}\n          >\n            <FieldSelect fields={fields} onChange={onFieldSelect} />\n            {selectedFields.length === 0 ? null : (\n              <div className=\"render-fields\">\n                {selectedFields.map((field, i) => {\n                  const { path } = field\n\n                  return (\n                    <RenderField\n                      clientFieldConfig={field}\n                      indexPath=\"\"\n                      key={`${path}-${i}`}\n                      parentPath=\"\"\n                      parentSchemaPath=\"\"\n                      path={path}\n                      permissions={\n                        collectionPermissions.fields === undefined ||\n                        collectionPermissions.fields === null ||\n                        collectionPermissions.fields === true\n                          ? true\n                          : 'name' in field\n                            ? collectionPermissions.fields?.[field.name]\n                            : undefined\n                      }\n                    />\n                  )\n                })}\n              </div>\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}/${collection.slug}${queryString}&draft=true`}\n                          disabled={selectedFields.length === 0}\n                        />\n                        <PublishButton\n                          action={`${serverURL}${apiRoute}/${collection.slug}${queryString}&draft=true`}\n                          disabled={selectedFields.length === 0}\n                        />\n                      </React.Fragment>\n                    ) : (\n                      <Submit\n                        action={`${serverURL}${apiRoute}/${collection.slug}${queryString}`}\n                        disabled={selectedFields.length === 0}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Form>\n        </div>\n      </OperationContext>\n    </DocumentInfoProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/EditMany/index.js

@@ -39,20 +39,19 @@ export const EditMany = props => {
   } else {
     t1 = $[0];
   }
-  const [selected, setSelected] = useState(t1);
+  const [selectedFields, setSelectedFields] = useState(t1);
   const collectionPermissions = permissions?.collections?.[slug];
-  const hasUpdatePermission = collectionPermissions?.update;
   const drawerSlug = `edit-${slug}`;
-  if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {
+  if (selectAll === SelectAllStatus.None || !collectionPermissions?.update) {
     return null;
   }
   let t2;
-  if ($[1] !== drawerSlug || $[2] !== openModal || $[3] !== props.collection || $[4] !== selected || $[5] !== t) {
+  if ($[1] !== drawerSlug || $[2] !== openModal || $[3] !== props.collection || $[4] !== selectedFields || $[5] !== t) {
     let t3;
     if ($[7] !== drawerSlug || $[8] !== openModal) {
       t3 = () => {
         openModal(drawerSlug);
-        setSelected([]);
+        setSelectedFields([]);
       };
       $[7] = drawerSlug;
       $[8] = openModal;
@@ -75,7 +74,8 @@ export const EditMany = props => {
           children: _jsx(EditManyDrawerContent, {
             collection: props.collection,
             drawerSlug,
-            selected
+            selectedFields,
+            setSelectedFields
           })
         })
       })]
@@ -83,7 +83,7 @@ export const EditMany = props => {
     $[1] = drawerSlug;
     $[2] = openModal;
     $[3] = props.collection;
-    $[4] = selected;
+    $[4] = selectedFields;
     $[5] = t;
     $[6] = t2;
   } else {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","useState","useAuth","EditDepthProvider","SelectAllStatus","useSelection","useTranslation","Drawer","EditManyDrawerContent","baseClass","EditMany","props","$","collection","t0","slug","permissions","openModal","selectAll","t","t1","Symbol","for","selected","setSelected","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","None","t2","t3","_jsxs","className","children","_jsx","onClick","type","Header"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, FieldWithPathClient } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const {\n    collection: { slug },\n  } = props\n\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { selectAll } = useSelection()\n  const { t } = useTranslation()\n  const [selected, setSelected] = useState<FieldWithPathClient[]>([])\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  const drawerSlug = `edit-${slug}`\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <button\n        aria-label={t('general:edit')}\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelected([])\n        }}\n        type=\"button\"\n      >\n        {t('general:edit')}\n      </button>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={props.collection}\n            drawerSlug={drawerSlug}\n            selected={selected}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,EAAEC,YAAY,QAAQ;AAC9C,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,QAAA,GAAoCC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAC/C;IAAAe,UAAA,EAAAC;EAAA,IAEIH,KAAA;EADU;IAAAI;EAAA,IAAAD,EAAQ;EAGtB;IAAAE;EAAA,IAAwBd,OAAA;EACxB;IAAAe;EAAA,IAAsBlB,QAAA;EAEtB;IAAAmB;EAAA,IAAsBb,YAAA;EACtB;IAAAc;EAAA,IAAcb,cAAA;EAAA,IAAAc,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACkDF,EAAA;IAAER,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAlE,OAAAW,QAAA,EAAAC,WAAA,IAAgCvB,QAAA,CAAgCmB,EAAE;EAElE,MAAAK,qBAAA,GAA8BT,WAAA,EAAAU,WAAA,GAA2BX,IAAA;EACzD,MAAAY,mBAAA,GAA4BF,qBAAA,EAAAG,MAAA;EAE5B,MAAAC,UAAA,GAAmB,QAAQd,IAAA,EAAM;EAAA,IAE7BG,SAAA,KAAAd,eAAA,CAAA0B,IAAkC,KAAKH,mBAAA;IAAA;EAAA;EAAA,IAAAI,EAAA;EAAA,IAAAnB,CAAA,QAAAiB,UAAA,IAAAjB,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAD,KAAA,CAAAE,UAAA,IAAAD,CAAA,QAAAW,QAAA,IAAAX,CAAA,QAAAO,CAAA;IAAA,IAAAa,EAAA;IAAA,IAAApB,CAAA,QAAAiB,UAAA,IAAAjB,CAAA,QAAAK,SAAA;MAS5Be,EAAA,GAAAA,CAAA;QACPf,SAAA,CAAUY,UAAA;QACVL,WAAA,GAAc;MAAA;MAChBZ,CAAA,MAAAiB,UAAA;MAAAjB,CAAA,MAAAK,SAAA;MAAAL,CAAA,MAAAoB,EAAA;IAAA;MAAAA,EAAA,GAAApB,CAAA;IAAA;IAPJmB,EAAA,GAAAE,KAAA,CAAC;MAAAC,SAAA,EAAAzB,SAAA;MAAA0B,QAAA,GACCC,IAAA,CAAC;QAAA,cACajB,CAAA,CAAE;QAAAe,SAAA,EACH,GAAAzB,SAAA,UAAsB;QAAA4B,OAAA,EACxBL,EAGT;QAAAM,IAAA,EACK;QAAAH,QAAA,EAEJhB,CAAA,CAAE;MAAA,C,GAELiB,IAAA,CAAAjC,iBAAA;QAAAgC,QAAA,EACEC,IAAA,CAAA7B,MAAA;UAAAgC,MAAA;UAAAxB,IAAA,EAA4Bc,UAAA;UAAAM,QAAA,EAC1BC,IAAA,CAAA5B,qBAAA;YAAAK,UAAA,EACcF,KAAA,CAAAE,UAAA;YAAAgB,UAAA;YAAAN;UAAA,C;;;;;;;;;;;;;SAfpBQ,E;CAuBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useState","useAuth","EditDepthProvider","SelectAllStatus","useSelection","useTranslation","Drawer","EditManyDrawerContent","baseClass","EditMany","props","$","collection","t0","slug","permissions","openModal","selectAll","t","t1","Symbol","for","selectedFields","setSelectedFields","collectionPermissions","collections","drawerSlug","None","update","t2","t3","_jsxs","className","children","_jsx","onClick","type","Header"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, FieldWithPathClient } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const {\n    collection: { slug },\n  } = props\n\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { selectAll } = useSelection()\n  const { t } = useTranslation()\n  const [selectedFields, setSelectedFields] = useState<FieldWithPathClient[]>([])\n\n  const collectionPermissions = permissions?.collections?.[slug]\n\n  const drawerSlug = `edit-${slug}`\n\n  if (selectAll === SelectAllStatus.None || !collectionPermissions?.update) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <button\n        aria-label={t('general:edit')}\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelectedFields([])\n        }}\n        type=\"button\"\n      >\n        {t('general:edit')}\n      </button>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={props.collection}\n            drawerSlug={drawerSlug}\n            selectedFields={selectedFields}\n            setSelectedFields={setSelectedFields}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,EAAEC,YAAY,QAAQ;AAC9C,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,QAAA,GAAoCC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAC/C;IAAAe,UAAA,EAAAC;EAAA,IAEIH,KAAA;EADU;IAAAI;EAAA,IAAAD,EAAQ;EAGtB;IAAAE;EAAA,IAAwBd,OAAA;EACxB;IAAAe;EAAA,IAAsBlB,QAAA;EAEtB;IAAAmB;EAAA,IAAsBb,YAAA;EACtB;IAAAc;EAAA,IAAcb,cAAA;EAAA,IAAAc,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IAC8DF,EAAA;IAAER,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAA9E,OAAAW,cAAA,EAAAC,iBAAA,IAA4CvB,QAAA,CAAgCmB,EAAE;EAE9E,MAAAK,qBAAA,GAA8BT,WAAA,EAAAU,WAAA,GAA2BX,IAAA;EAEzD,MAAAY,UAAA,GAAmB,QAAQZ,IAAA,EAAM;EAAA,IAE7BG,SAAA,KAAAd,eAAA,CAAAwB,IAAkC,KAAKH,qBAAA,EAAAI,MAAuB;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAlB,CAAA,QAAAe,UAAA,IAAAf,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAD,KAAA,CAAAE,UAAA,IAAAD,CAAA,QAAAW,cAAA,IAAAX,CAAA,QAAAO,CAAA;IAAA,IAAAY,EAAA;IAAA,IAAAnB,CAAA,QAAAe,UAAA,IAAAf,CAAA,QAAAK,SAAA;MASnDc,EAAA,GAAAA,CAAA;QACPd,SAAA,CAAUU,UAAA;QACVH,iBAAA,GAAoB;MAAA;MACtBZ,CAAA,MAAAe,UAAA;MAAAf,CAAA,MAAAK,SAAA;MAAAL,CAAA,MAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IAPJkB,EAAA,GAAAE,KAAA,CAAC;MAAAC,SAAA,EAAAxB,SAAA;MAAAyB,QAAA,GACCC,IAAA,CAAC;QAAA,cACahB,CAAA,CAAE;QAAAc,SAAA,EACH,GAAAxB,SAAA,UAAsB;QAAA2B,OAAA,EACxBL,EAGT;QAAAM,IAAA,EACK;QAAAH,QAAA,EAEJf,CAAA,CAAE;MAAA,C,GAELgB,IAAA,CAAAhC,iBAAA;QAAA+B,QAAA,EACEC,IAAA,CAAA5B,MAAA;UAAA+B,MAAA;UAAAvB,IAAA,EAA4BY,UAAA;UAAAO,QAAA,EAC1BC,IAAA,CAAA3B,qBAAA;YAAAK,UAAA,EACcF,KAAA,CAAAE,UAAA;YAAAc,UAAA;YAAAJ,cAAA;YAAAC;UAAA,C;;;;;;;;;;;;;SAfpBM,E;CAwBJ","ignoreList":[]}

package/dist/elements/EditMany/index.scss

@@ -124,14 +124,26 @@
       }
     }
 
+    &__save {
+      width: calc(50% - #{base(1)});
+
+      @include mid-break {
+        width: 100%;
+      }
+    }
+
+    &__publish,
+    &__draft {
+      width: 100%;
+    }
+
     &__document-actions {
       display: flex;
-      flex-wrap: wrap;
       padding: base(1);
       gap: base(0.5);
 
       .form-submit {
-        width: calc(50% - #{base(1)});
+        width: 100%;
 
         @include mid-break {
           width: auto;
@@ -139,7 +151,6 @@
         }
 
         .btn {
-          width: 100%;
           padding-left: base(0.5);
           padding-right: base(0.5);
           margin-bottom: 0;