@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

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

@@ -1,4 +1,6 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { unflatten } from 'payload/shared';
@@ -17,127 +19,175 @@ import { useFormsManager } from '../FormsManager/index.js';
 import { baseClass } from './index.js';
 import './index.scss';
 import '../../../forms/RenderFields/index.scss';
-export const EditManyBulkUploadsDrawerContent = (props)=>{
-    const { collection: { fields, labels: { plural, singular } } = {}, collection, drawerSlug, forms } = props;
-    const [isInitializing, setIsInitializing] = useState(false);
-    const { permissions } = useAuth();
-    const { i18n, t } = useTranslation();
-    const { closeModal } = useModal();
-    const { bulkUpdateForm } = useFormsManager();
-    const { getFormState } = useServerFunctions();
-    const abortFormStateRef = React.useRef(null);
-    const [selectedFields, setSelectedFields] = useState([]);
-    const collectionPermissions = permissions?.collections?.[collection.slug];
-    const select = useMemo(()=>{
-        return unflatten(selectedFields.reduce((acc, option)=>{
-            acc[option.value.path] = true;
-            return acc;
-        }, {}));
-    }, [
-        selectedFields
-    ]);
-    const onChange = useCallback(async ({ formState: prevFormState, submitted })=>{
-        const controller = handleAbortRef(abortFormStateRef);
-        const { state } = await getFormState({
-            collectionSlug: collection.slug,
-            docPermissions: collectionPermissions,
-            docPreferences: null,
-            formState: prevFormState,
-            operation: 'update',
-            schemaPath: collection.slug,
-            select,
-            signal: controller.signal,
-            skipValidation: !submitted
-        });
-        abortFormStateRef.current = null;
-        return state;
-    }, [
-        getFormState,
-        collection,
-        collectionPermissions,
-        select
-    ]);
-    useEffect(()=>{
-        const abortFormState = abortFormStateRef.current;
-        return ()=>{
-            abortAndIgnore(abortFormState);
-        };
-    }, []);
-    const handleSubmit = useCallback((formState)=>{
-        const pairedData = selectedFields.reduce((acc, option)=>{
-            if (formState[option.value.path]) {
-                acc[option.value.path] = formState[option.value.path].value;
-            }
-            return acc;
-        }, {});
-        void bulkUpdateForm(pairedData, ()=>closeModal(drawerSlug));
-    }, [
-        closeModal,
-        drawerSlug,
-        bulkUpdateForm,
-        selectedFields
-    ]);
-    const onFieldSelect = useCallback(async ({ dispatchFields, formState, selected })=>{
-        setIsInitializing(true);
-        setSelectedFields(selected || []);
-        const { state } = await getFormState({
-            collectionSlug: collection.slug,
-            docPermissions: collectionPermissions,
-            docPreferences: null,
-            formState,
-            operation: 'update',
-            schemaPath: collection.slug,
-            select: unflatten(selected.reduce((acc, option)=>{
-                acc[option.value.path] = true;
-                return acc;
-            }, {})),
-            skipValidation: true
-        });
-        dispatchFields({
-            type: 'UPDATE_MANY',
-            formState: state
-        });
-        setIsInitializing(false);
-    }, [
-        getFormState,
-        collection,
-        collectionPermissions
-    ]);
-    return <div className={`${baseClass}__main`}>
-      <div className={`${baseClass}__header`}>
-        <h2 className={`${baseClass}__header__title`}>
-          {t('general:editingLabel', {
-        count: forms.length,
-        label: getTranslation(forms.length > 1 ? plural : singular, i18n)
-    })}
-        </h2>
-        <button aria-label={t('general:close')} className={`${baseClass}__header__close`} id={`close-drawer__${drawerSlug}`} onClick={()=>closeModal(drawerSlug)} type="button">
-          <XIcon/>
-        </button>
-      </div>
-      <Form className={`${baseClass}__form`} isInitializing={isInitializing} onChange={[
-        onChange
-    ]} onSubmit={handleSubmit}>
-        <FieldSelect fields={fields} onChange={onFieldSelect} permissions={collectionPermissions.fields}/>
-        {selectedFields.length === 0 ? null : <div className="render-fields">
-            <FieldPathContext value={undefined}>
-              {selectedFields.map((option, i)=>{
-        const { value: { field, fieldPermissions, path } } = option;
-        return <RenderField clientFieldConfig={field} indexPath="" key={`${path}-${i}`} parentPath="" parentSchemaPath="" path={path} permissions={fieldPermissions}/>;
-    })}
-            </FieldPathContext>
-          </div>}
-        <div className={`${baseClass}__sidebar-wrap`}>
-          <div className={`${baseClass}__sidebar`}>
-            <div className={`${baseClass}__sidebar-sticky-wrap`}>
-              <div className={`${baseClass}__document-actions`}>
-                <Button type="submit">{t('general:applyChanges')}</Button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </Form>
-    </div>;
+export const EditManyBulkUploadsDrawerContent = props => {
+  const {
+    collection: {
+      fields,
+      labels: {
+        plural,
+        singular
+      }
+    } = {},
+    collection,
+    drawerSlug,
+    forms
+  } = props;
+  const [isInitializing, setIsInitializing] = useState(false);
+  const {
+    permissions
+  } = useAuth();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    closeModal
+  } = useModal();
+  const {
+    bulkUpdateForm
+  } = useFormsManager();
+  const {
+    getFormState
+  } = useServerFunctions();
+  const abortFormStateRef = React.useRef(null);
+  const [selectedFields, setSelectedFields] = useState([]);
+  const collectionPermissions = permissions?.collections?.[collection.slug];
+  const select = useMemo(() => {
+    return unflatten(selectedFields.reduce((acc, option) => {
+      acc[option.value.path] = true;
+      return acc;
+    }, {}));
+  }, [selectedFields]);
+  const onChange = useCallback(async ({
+    formState: prevFormState,
+    submitted
+  }) => {
+    const controller = handleAbortRef(abortFormStateRef);
+    const {
+      state
+    } = await getFormState({
+      collectionSlug: collection.slug,
+      docPermissions: collectionPermissions,
+      docPreferences: null,
+      formState: prevFormState,
+      operation: 'update',
+      schemaPath: collection.slug,
+      select,
+      signal: controller.signal,
+      skipValidation: !submitted
+    });
+    abortFormStateRef.current = null;
+    return state;
+  }, [getFormState, collection, collectionPermissions, select]);
+  useEffect(() => {
+    const abortFormState = abortFormStateRef.current;
+    return () => {
+      abortAndIgnore(abortFormState);
+    };
+  }, []);
+  const handleSubmit = useCallback(formState => {
+    const pairedData = selectedFields.reduce((acc_0, option_0) => {
+      if (formState[option_0.value.path]) {
+        acc_0[option_0.value.path] = formState[option_0.value.path].value;
+      }
+      return acc_0;
+    }, {});
+    void bulkUpdateForm(pairedData, () => closeModal(drawerSlug));
+  }, [closeModal, drawerSlug, bulkUpdateForm, selectedFields]);
+  const onFieldSelect = useCallback(async ({
+    dispatchFields,
+    formState: formState_0,
+    selected
+  }) => {
+    setIsInitializing(true);
+    setSelectedFields(selected || []);
+    const {
+      state: state_0
+    } = await getFormState({
+      collectionSlug: collection.slug,
+      docPermissions: collectionPermissions,
+      docPreferences: null,
+      formState: formState_0,
+      operation: 'update',
+      schemaPath: collection.slug,
+      select: unflatten(selected.reduce((acc_1, option_1) => {
+        acc_1[option_1.value.path] = true;
+        return acc_1;
+      }, {})),
+      skipValidation: true
+    });
+    dispatchFields({
+      type: 'UPDATE_MANY',
+      formState: state_0
+    });
+    setIsInitializing(false);
+  }, [getFormState, collection, collectionPermissions]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: `${baseClass}__main`,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__header`,
+      children: [/*#__PURE__*/_jsx("h2", {
+        className: `${baseClass}__header__title`,
+        children: t('general:editingLabel', {
+          count: forms.length,
+          label: getTranslation(forms.length > 1 ? plural : singular, i18n)
+        })
+      }), /*#__PURE__*/_jsx("button", {
+        "aria-label": t('general:close'),
+        className: `${baseClass}__header__close`,
+        id: `close-drawer__${drawerSlug}`,
+        onClick: () => closeModal(drawerSlug),
+        type: "button",
+        children: /*#__PURE__*/_jsx(XIcon, {})
+      })]
+    }), /*#__PURE__*/_jsxs(Form, {
+      className: `${baseClass}__form`,
+      isInitializing: isInitializing,
+      onChange: [onChange],
+      onSubmit: handleSubmit,
+      children: [/*#__PURE__*/_jsx(FieldSelect, {
+        fields: fields,
+        onChange: onFieldSelect,
+        permissions: collectionPermissions.fields
+      }), selectedFields.length === 0 ? null : /*#__PURE__*/_jsx("div", {
+        className: "render-fields",
+        children: /*#__PURE__*/_jsx(FieldPathContext, {
+          value: undefined,
+          children: selectedFields.map((option_2, i) => {
+            const {
+              value: {
+                field,
+                fieldPermissions,
+                path
+              }
+            } = option_2;
+            return /*#__PURE__*/_jsx(RenderField, {
+              clientFieldConfig: field,
+              indexPath: "",
+              parentPath: "",
+              parentSchemaPath: "",
+              path: path,
+              permissions: fieldPermissions
+            }, `${path}-${i}`);
+          })
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__sidebar-wrap`,
+        children: /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__sidebar`,
+          children: /*#__PURE__*/_jsx("div", {
+            className: `${baseClass}__sidebar-sticky-wrap`,
+            children: /*#__PURE__*/_jsx("div", {
+              className: `${baseClass}__document-actions`,
+              children: /*#__PURE__*/_jsx(Button, {
+                type: "submit",
+                children: t('general:applyChanges')
+              })
+            })
+          })
+        })
+      })]
+    })]
+  });
 };
-
 //# sourceMappingURL=DrawerContent.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, SelectType } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { unflatten } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../../FieldSelect/index.js'\nimport type { FieldOption } from '../../FieldSelect/reduceFieldOptions.js'\nimport type { State } from '../FormsManager/reducer.js'\nimport type { EditManyBulkUploadsProps } from './index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Form } from '../../../forms/Form/index.js'\nimport { FieldPathContext } from '../../../forms/RenderFields/context.js'\nimport { RenderField } from '../../../forms/RenderFields/RenderField.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js'\nimport { FieldSelect } from '../../FieldSelect/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { baseClass } from './index.js'\nimport './index.scss'\nimport '../../../forms/RenderFields/index.scss'\n\nexport const EditManyBulkUploadsDrawerContent: React.FC<\n  {\n    collection: ClientCollectionConfig\n    drawerSlug: string\n    forms: State['forms']\n  } & EditManyBulkUploadsProps\n> = (props) => {\n  const {\n    collection: { fields, labels: { plural, singular } } = {},\n    collection,\n    drawerSlug,\n    forms,\n  } = props\n\n  const [isInitializing, setIsInitializing] = useState(false)\n  const { permissions } = useAuth()\n  const { i18n, t } = useTranslation()\n  const { closeModal } = useModal()\n  const { bulkUpdateForm } = useFormsManager()\n  const { getFormState } = useServerFunctions()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const select = useMemo<SelectType>(() => {\n    return unflatten(\n      selectedFields.reduce((acc, option) => {\n        acc[option.value.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 handleSubmit: FormProps['onSubmit'] = useCallback(\n    (formState) => {\n      const pairedData = selectedFields.reduce((acc, option) => {\n        if (formState[option.value.path]) {\n          acc[option.value.path] = formState[option.value.path].value\n        }\n        return acc\n      }, {})\n\n      void bulkUpdateForm(pairedData, () => closeModal(drawerSlug))\n    },\n    [closeModal, drawerSlug, bulkUpdateForm, selectedFields],\n  )\n\n  const onFieldSelect = useCallback<OnFieldSelect>(\n    async ({ dispatchFields, formState, selected }) => {\n      setIsInitializing(true)\n\n      setSelectedFields(selected || [])\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, collectionPermissions],\n  )\n\n  return (\n    <div className={`${baseClass}__main`}>\n      <div className={`${baseClass}__header`}>\n        <h2 className={`${baseClass}__header__title`}>\n          {t('general:editingLabel', {\n            count: forms.length,\n            label: getTranslation(forms.length > 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        onSubmit={handleSubmit}\n      >\n        <FieldSelect\n          fields={fields}\n          onChange={onFieldSelect}\n          permissions={collectionPermissions.fields}\n        />\n        {selectedFields.length === 0 ? null : (\n          <div className=\"render-fields\">\n            <FieldPathContext value={undefined}>\n              {selectedFields.map((option, i) => {\n                const {\n                  value: { field, fieldPermissions, path },\n                } = option\n\n                return (\n                  <RenderField\n                    clientFieldConfig={field}\n                    indexPath=\"\"\n                    key={`${path}-${i}`}\n                    parentPath=\"\"\n                    parentSchemaPath=\"\"\n                    path={path}\n                    permissions={fieldPermissions}\n                  />\n                )\n              })}\n            </FieldPathContext>\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                <Button type=\"submit\">{t('general:applyChanges')}</Button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Form>\n    </div>\n  )\n}\n"],"names":["useModal","getTranslation","unflatten","React","useCallback","useEffect","useMemo","useState","Button","Form","FieldPathContext","RenderField","XIcon","useAuth","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","FieldSelect","useFormsManager","baseClass","EditManyBulkUploadsDrawerContent","props","collection","fields","labels","plural","singular","drawerSlug","forms","isInitializing","setIsInitializing","permissions","i18n","t","closeModal","bulkUpdateForm","getFormState","abortFormStateRef","useRef","selectedFields","setSelectedFields","collectionPermissions","collections","slug","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","skipValidation","current","abortFormState","handleSubmit","pairedData","onFieldSelect","dispatchFields","selected","type","div","className","h2","count","length","label","button","aria-label","id","onClick","onSubmit","undefined","map","i","field","fieldPermissions","clientFieldConfig","indexPath","key","parentPath","parentSchemaPath"],"mappings":"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"}
+{"version":3,"file":"DrawerContent.js","names":["useModal","getTranslation","unflatten","React","useCallback","useEffect","useMemo","useState","Button","Form","FieldPathContext","RenderField","XIcon","useAuth","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","FieldSelect","useFormsManager","baseClass","EditManyBulkUploadsDrawerContent","props","collection","fields","labels","plural","singular","drawerSlug","forms","isInitializing","setIsInitializing","permissions","i18n","t","closeModal","bulkUpdateForm","getFormState","abortFormStateRef","useRef","selectedFields","setSelectedFields","collectionPermissions","collections","slug","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","skipValidation","current","abortFormState","handleSubmit","pairedData","onFieldSelect","dispatchFields","selected","type","_jsxs","className","_jsx","count","length","label","id","onClick","onSubmit","undefined","map","i","field","fieldPermissions","clientFieldConfig","indexPath","parentPath","parentSchemaPath"],"sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, SelectType } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { unflatten } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../../FieldSelect/index.js'\nimport type { FieldOption } from '../../FieldSelect/reduceFieldOptions.js'\nimport type { State } from '../FormsManager/reducer.js'\nimport type { EditManyBulkUploadsProps } from './index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Form } from '../../../forms/Form/index.js'\nimport { FieldPathContext } from '../../../forms/RenderFields/context.js'\nimport { RenderField } from '../../../forms/RenderFields/RenderField.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js'\nimport { FieldSelect } from '../../FieldSelect/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { baseClass } from './index.js'\nimport './index.scss'\nimport '../../../forms/RenderFields/index.scss'\n\nexport const EditManyBulkUploadsDrawerContent: React.FC<\n  {\n    collection: ClientCollectionConfig\n    drawerSlug: string\n    forms: State['forms']\n  } & EditManyBulkUploadsProps\n> = (props) => {\n  const {\n    collection: { fields, labels: { plural, singular } } = {},\n    collection,\n    drawerSlug,\n    forms,\n  } = props\n\n  const [isInitializing, setIsInitializing] = useState(false)\n  const { permissions } = useAuth()\n  const { i18n, t } = useTranslation()\n  const { closeModal } = useModal()\n  const { bulkUpdateForm } = useFormsManager()\n  const { getFormState } = useServerFunctions()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const select = useMemo<SelectType>(() => {\n    return unflatten(\n      selectedFields.reduce((acc, option) => {\n        acc[option.value.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 handleSubmit: FormProps['onSubmit'] = useCallback(\n    (formState) => {\n      const pairedData = selectedFields.reduce((acc, option) => {\n        if (formState[option.value.path]) {\n          acc[option.value.path] = formState[option.value.path].value\n        }\n        return acc\n      }, {})\n\n      void bulkUpdateForm(pairedData, () => closeModal(drawerSlug))\n    },\n    [closeModal, drawerSlug, bulkUpdateForm, selectedFields],\n  )\n\n  const onFieldSelect = useCallback<OnFieldSelect>(\n    async ({ dispatchFields, formState, selected }) => {\n      setIsInitializing(true)\n\n      setSelectedFields(selected || [])\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, collectionPermissions],\n  )\n\n  return (\n    <div className={`${baseClass}__main`}>\n      <div className={`${baseClass}__header`}>\n        <h2 className={`${baseClass}__header__title`}>\n          {t('general:editingLabel', {\n            count: forms.length,\n            label: getTranslation(forms.length > 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        onSubmit={handleSubmit}\n      >\n        <FieldSelect\n          fields={fields}\n          onChange={onFieldSelect}\n          permissions={collectionPermissions.fields}\n        />\n        {selectedFields.length === 0 ? null : (\n          <div className=\"render-fields\">\n            <FieldPathContext value={undefined}>\n              {selectedFields.map((option, i) => {\n                const {\n                  value: { field, fieldPermissions, path },\n                } = option\n\n                return (\n                  <RenderField\n                    clientFieldConfig={field}\n                    indexPath=\"\"\n                    key={`${path}-${i}`}\n                    parentPath=\"\"\n                    parentSchemaPath=\"\"\n                    path={path}\n                    permissions={fieldPermissions}\n                  />\n                )\n              })}\n            </FieldPathContext>\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                <Button type=\"submit\">{t('general:applyChanges')}</Button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Form>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,8 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { useAuth } from '../../../providers/Auth/index.js';
 import { EditDepthProvider } from '../../../providers/EditDepth/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -7,28 +11,59 @@ import { useFormsManager } from '../FormsManager/index.js';
 import { EditManyBulkUploadsDrawerContent } from './DrawerContent.js';
 import './index.scss';
 export const baseClass = 'edit-many-bulk-uploads';
-export const EditManyBulkUploads = (props)=>{
-    const { collection: { slug } = {}, collection } = props;
-    const { permissions } = useAuth();
-    const { t } = useTranslation();
-    const { forms } = useFormsManager();
-    // Access forms managed in bulk uploads
-    const collectionPermissions = permissions?.collections?.[slug];
-    const hasUpdatePermission = collectionPermissions?.update;
-    const drawerSlug = `edit-${slug}-bulk-uploads`;
-    if (!hasUpdatePermission) {
-        return null;
-    }
-    return <div className={baseClass}>
-      <DrawerToggler aria-label={t('general:editAll')} className={`${baseClass}__toggle`} slug={drawerSlug}>
-        {t('general:editAll')}
-      </DrawerToggler>
-      <EditDepthProvider>
-        <Drawer Header={null} slug={drawerSlug}>
-          <EditManyBulkUploadsDrawerContent collection={collection} drawerSlug={drawerSlug} forms={forms}/>
-        </Drawer>
-      </EditDepthProvider>
-    </div>;
+export const EditManyBulkUploads = props => {
+  const $ = _c(5);
+  const {
+    collection: t0,
+    collection
+  } = props;
+  const {
+    slug
+  } = t0 === undefined ? {} : t0;
+  const {
+    permissions
+  } = useAuth();
+  const {
+    t
+  } = useTranslation();
+  const {
+    forms
+  } = useFormsManager();
+  const collectionPermissions = permissions?.collections?.[slug];
+  const hasUpdatePermission = collectionPermissions?.update;
+  const drawerSlug = `edit-${slug}-bulk-uploads`;
+  if (!hasUpdatePermission) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== collection || $[1] !== drawerSlug || $[2] !== forms || $[3] !== t) {
+    t1 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx(DrawerToggler, {
+        "aria-label": t("general:editAll"),
+        className: `${baseClass}__toggle`,
+        slug: drawerSlug,
+        children: t("general:editAll")
+      }), _jsx(EditDepthProvider, {
+        children: _jsx(Drawer, {
+          Header: null,
+          slug: drawerSlug,
+          children: _jsx(EditManyBulkUploadsDrawerContent, {
+            collection,
+            drawerSlug,
+            forms
+          })
+        })
+      })]
+    });
+    $[0] = collection;
+    $[1] = drawerSlug;
+    $[2] = forms;
+    $[3] = t;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../../Drawer/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { EditManyBulkUploadsDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many-bulk-uploads'\n\nexport type EditManyBulkUploadsProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditManyBulkUploads: React.FC<EditManyBulkUploadsProps> = (props) => {\n  const { collection: { slug } = {}, collection } = props\n\n  const { permissions } = useAuth()\n\n  const { t } = useTranslation()\n  const { forms } = useFormsManager() // Access forms managed in bulk uploads\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  const drawerSlug = `edit-${slug}-bulk-uploads`\n\n  if (!hasUpdatePermission) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <DrawerToggler\n        aria-label={t('general:editAll')}\n        className={`${baseClass}__toggle`}\n        slug={drawerSlug}\n      >\n        {t('general:editAll')}\n      </DrawerToggler>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyBulkUploadsDrawerContent\n            collection={collection}\n            drawerSlug={drawerSlug}\n            forms={forms}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"names":["useAuth","EditDepthProvider","useTranslation","Drawer","DrawerToggler","useFormsManager","EditManyBulkUploadsDrawerContent","baseClass","EditManyBulkUploads","props","collection","slug","permissions","t","forms","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","div","className","aria-label","Header"],"mappings":"AAAA;AAMA,SAASA,OAAO,QAAQ,mCAAkC;AAC1D,SAASC,iBAAiB,QAAQ,wCAAuC;AACzE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,EAAEC,aAAa,QAAQ,wBAAuB;AAC7D,SAASC,eAAe,QAAQ,2BAA0B;AAC1D,SAASC,gCAAgC,QAAQ,qBAAoB;AACrE,OAAO,eAAc;AAErB,OAAO,MAAMC,YAAY,yBAAwB;AAMjD,OAAO,MAAMC,sBAA0D,CAACC;IACtE,MAAM,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAED,UAAU,EAAE,GAAGD;IAElD,MAAM,EAAEG,WAAW,EAAE,GAAGZ;IAExB,MAAM,EAAEa,CAAC,EAAE,GAAGX;IACd,MAAM,EAAEY,KAAK,EAAE,GAAGT;IAAkB,uCAAuC;IAE3E,MAAMU,wBAAwBH,aAAaI,aAAa,CAACL,KAAK;IAC9D,MAAMM,sBAAsBF,uBAAuBG;IAEnD,MAAMC,aAAa,CAAC,KAAK,EAAER,KAAK,aAAa,CAAC;IAE9C,IAAI,CAACM,qBAAqB;QACxB,OAAO;IACT;IAEA,QACGG,IAAIC,WAAWd,WAAW;MACzB,CAACH,cACCkB,YAAYT,EAAE,oBACdQ,WAAW,GAAGd,UAAU,QAAQ,CAAC,EACjCI,MAAMQ,YACP;QACC,CAACN,EAAE,mBAAmB;MACxB,EAAET,cAAc;MAChB,CAACH,kBAAkB;QACjB,CAACE,OAAOoB,QAAQ,MAAMZ,MAAMQ,YAAY;UACtC,CAACb,iCACCI,YAAYA,YACZS,YAAYA,YACZL,OAAOA,QACP;QACJ,EAAEX,OAAO;MACX,EAAEF,kBAAkB;IACtB,EAAEmB;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useAuth","EditDepthProvider","useTranslation","Drawer","DrawerToggler","useFormsManager","EditManyBulkUploadsDrawerContent","baseClass","EditManyBulkUploads","props","$","collection","t0","slug","undefined","permissions","t","forms","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","t1","_jsxs","className","children","_jsx","Header"],"sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../../Drawer/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { EditManyBulkUploadsDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many-bulk-uploads'\n\nexport type EditManyBulkUploadsProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditManyBulkUploads: React.FC<EditManyBulkUploadsProps> = (props) => {\n  const { collection: { slug } = {}, collection } = props\n\n  const { permissions } = useAuth()\n\n  const { t } = useTranslation()\n  const { forms } = useFormsManager() // Access forms managed in bulk uploads\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  const drawerSlug = `edit-${slug}-bulk-uploads`\n\n  if (!hasUpdatePermission) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <DrawerToggler\n        aria-label={t('general:editAll')}\n        className={`${baseClass}__toggle`}\n        slug={drawerSlug}\n      >\n        {t('general:editAll')}\n      </DrawerToggler>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyBulkUploadsDrawerContent\n            collection={collection}\n            drawerSlug={drawerSlug}\n            forms={forms}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,EAAEC,aAAa,QAAQ;AACtC,SAASC,eAAe,QAAQ;AAChC,SAASC,gCAAgC,QAAQ;AACjD,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,mBAAA,GAA0DC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACrE;IAAAa,UAAA,EAAAC,EAAA;IAAAD;EAAA,IAAkDF,KAAA;EAA9B;IAAAI;EAAA,IAAAD,EAAa,KAAAE,SAAA,QAAbF,EAAa;EAEjC;IAAAG;EAAA,IAAwBf,OAAA;EAExB;IAAAgB;EAAA,IAAcd,cAAA;EACd;IAAAe;EAAA,IAAkBZ,eAAA;EAElB,MAAAa,qBAAA,GAA8BH,WAAA,EAAAI,WAAA,GAA2BN,IAAA;EACzD,MAAAO,mBAAA,GAA4BF,qBAAA,EAAAG,MAAA;EAE5B,MAAAC,UAAA,GAAmB,QAAQT,IAAA,eAAmB;EAAA,KAEzCO,mBAAA;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAb,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAY,UAAA,IAAAZ,CAAA,QAAAO,KAAA,IAAAP,CAAA,QAAAM,CAAA;IAKHO,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAlB,SAAA;MAAAmB,QAAA,GACCC,IAAA,CAAAvB,aAAA;QAAA,cACcY,CAAA,CAAE;QAAAS,SAAA,EACH,GAAAlB,SAAA,UAAsB;QAAAM,IAAA,EAC3BS,UAAA;QAAAI,QAAA,EAELV,CAAA,CAAE;MAAA,C,GAELW,IAAA,CAAA1B,iBAAA;QAAAyB,QAAA,EACEC,IAAA,CAAAxB,MAAA;UAAAyB,MAAA;UAAAf,IAAA,EAA4BS,UAAA;UAAAI,QAAA,EAC1BC,IAAA,CAAArB,gCAAA;YAAAK,UAAA;YAAAW,UAAA;YAAAL;UAAA,C;;;;;;;;;;;;SAVNM,E;CAmBJ","ignoreList":[]}