@payloadcms/ui 4.0.0-internal.a0ef1b8 → 4.0.0-internal.bc5cf8c

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

@@ -1,27 +1,39 @@
 'use client';
 
 import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
-import { getTranslation } from '@payloadcms/translations';
 import { reduceFieldsToValues } from 'payload/shared';
 import React from 'react';
+import { PlusIcon } from '../../../icons/Plus/index.js';
 import { useAuth } from '../../../providers/Auth/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { DialogHeader } from '../../Dialog/DialogHeader/index.js';
+import { DialogModal } from '../../Dialog/DialogModal/index.js';
+import { DialogTitle } from '../../Dialog/DialogTitle/index.js';
+import { ErrorPill } from '../../ErrorPill/index.js';
 import { ActionsBar } from '../ActionsBar/index.js';
+import { AddFilesView } from '../AddFilesView/index.js';
 import { discardBulkUploadModalSlug, DiscardWithoutSaving } from '../DiscardWithoutSaving/index.js';
 import { EditForm } from '../EditForm/index.js';
+import { EditManyBulkUploads } from '../EditMany/index.js';
 import { FileSidebar } from '../FileSidebar/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
-import { DrawerHeader } from '../Header/index.js';
-import './index.scss';
+import { useBulkUpload } from '../index.js';
+import './index.css';
 const baseClass = 'bulk-upload--file-manager';
-export function AddingFilesView() {
-  const $ = _c(18);
+const addMoreFilesModalSlug = 'bulk-upload-modal--add-more-files';
+export function AddingFilesView(t0) {
+  const $ = _c(26);
+  const {
+    modalSlug
+  } = t0;
   const {
     activeIndex,
+    addFiles,
     collectionSlug,
     docPermissions,
     documentSlots,
@@ -29,89 +41,146 @@ export function AddingFilesView() {
     hasPublishPermission,
     hasSavePermission,
     hasSubmitted,
+    isInitializing,
     resetUploadEdits,
+    totalErrorCount,
     updateUploadEdits
   } = useFormsManager();
+  const {
+    initialFiles,
+    initialForms,
+    maxFiles
+  } = useBulkUpload();
   const activeForm = forms[activeIndex];
   const {
     getEntityConfig
   } = useConfig();
   const {
-    i18n
+    i18n,
+    t
   } = useTranslation();
   const {
     user
   } = useAuth();
   const {
+    closeModal,
     openModal
   } = useModal();
-  let t0;
-  if ($[0] !== activeForm || $[1] !== activeIndex || $[2] !== collectionSlug || $[3] !== docPermissions || $[4] !== documentSlots || $[5] !== forms.length || $[6] !== getEntityConfig || $[7] !== hasPublishPermission || $[8] !== hasSavePermission || $[9] !== hasSubmitted || $[10] !== i18n || $[11] !== openModal || $[12] !== resetUploadEdits || $[13] !== updateUploadEdits || $[14] !== user) {
+  let t1;
+  if ($[0] !== addFiles || $[1] !== closeModal) {
+    t1 = filelist => {
+      addFiles(filelist);
+      closeModal(addMoreFilesModalSlug);
+    };
+    $[0] = addFiles;
+    $[1] = closeModal;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const handleAddFiles = t1;
+  const totalFileCount = isInitializing ? initialFiles?.length ?? initialForms?.length : forms.length;
+  const canAddMoreFiles = typeof maxFiles === "number" ? totalFileCount < maxFiles : true;
+  let t2;
+  if ($[3] !== activeForm || $[4] !== activeIndex || $[5] !== canAddMoreFiles || $[6] !== collectionSlug || $[7] !== docPermissions || $[8] !== documentSlots || $[9] !== forms.length || $[10] !== getEntityConfig || $[11] !== handleAddFiles || $[12] !== hasPublishPermission || $[13] !== hasSavePermission || $[14] !== hasSubmitted || $[15] !== i18n || $[16] !== modalSlug || $[17] !== openModal || $[18] !== resetUploadEdits || $[19] !== t || $[20] !== totalErrorCount || $[21] !== updateUploadEdits || $[22] !== user) {
     const collectionConfig = getEntityConfig({
       collectionSlug
     });
-    let t1;
-    if ($[16] !== openModal) {
-      t1 = () => openModal(discardBulkUploadModalSlug);
-      $[16] = openModal;
-      $[17] = t1;
+    let t3;
+    if ($[24] !== openModal) {
+      t3 = () => openModal(discardBulkUploadModalSlug);
+      $[24] = openModal;
+      $[25] = t3;
     } else {
-      t1 = $[17];
+      t3 = $[25];
     }
-    t0 = _jsxs("div", {
-      className: baseClass,
-      children: [_jsx(FileSidebar, {}), _jsxs("div", {
-        className: `${baseClass}__editView`,
-        children: [_jsx(DrawerHeader, {
-          onClose: t1,
-          title: getTranslation(collectionConfig.labels.singular, i18n)
-        }), activeForm ? _jsxs(DocumentInfoProvider, {
-          collectionSlug,
-          currentEditor: user,
-          docPermissions,
-          hasPublishedDoc: false,
-          hasPublishPermission,
-          hasSavePermission,
-          id: null,
-          initialData: reduceFieldsToValues(activeForm.formState, true),
-          initialState: activeForm.formState,
-          isLocked: false,
-          lastUpdateTime: 0,
-          mostRecentVersionIsAutosaved: false,
-          unpublishedVersionCount: 0,
-          Upload: documentSlots.Upload,
-          versionCount: 0,
-          children: [_jsx(ActionsBar, {
-            collectionConfig
-          }), _jsx(EditForm, {
-            BeforeDocumentMeta: documentSlots.BeforeDocumentMeta,
-            resetUploadEdits,
-            submitted: hasSubmitted,
-            updateUploadEdits,
-            uploadEdits: activeForm?.uploadEdits
+    t2 = _jsx(_Fragment, {
+      children: _jsxs(DialogModal, {
+        className: baseClass,
+        size: "large",
+        slug: modalSlug,
+        children: [_jsxs(DialogHeader, {
+          onClose: t3,
+          showClose: true,
+          title: _jsxs("div", {
+            className: `${baseClass}__header-title-section`,
+            children: [_jsx(DialogTitle, {
+              title: t("upload:bulkUpload")
+            }), totalErrorCount > 0 && _jsx(ErrorPill, {
+              count: totalErrorCount,
+              i18n,
+              withMessage: true
+            })]
+          }),
+          children: [canAddMoreFiles ? _jsx(Button, {
+            buttonStyle: "secondary",
+            icon: _jsx(PlusIcon, {
+              size: 24
+            }),
+            iconPosition: "left",
+            onClick: () => openModal(addMoreFilesModalSlug),
+            children: t("upload:addFiles")
+          }) : null, _jsx(EditManyBulkUploads, {
+            collection: collectionConfig
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__body`,
+          children: [_jsx(FileSidebar, {}), _jsx("div", {
+            className: `${baseClass}__editView`,
+            children: activeForm ? _jsx(DocumentInfoProvider, {
+              collectionSlug,
+              currentEditor: user,
+              docPermissions,
+              hasPublishedDoc: false,
+              hasPublishPermission,
+              hasSavePermission,
+              id: null,
+              initialData: reduceFieldsToValues(activeForm.formState, true),
+              initialState: activeForm.formState,
+              isLocked: false,
+              lastUpdateTime: 0,
+              mostRecentVersionIsAutosaved: false,
+              unpublishedVersionCount: 0,
+              Upload: documentSlots.Upload,
+              versionCount: 0,
+              children: _jsx(EditForm, {
+                resetUploadEdits,
+                submitted: hasSubmitted,
+                updateUploadEdits,
+                uploadEdits: activeForm?.uploadEdits
+              })
+            }, `${activeIndex}-${forms.length}`) : null
           })]
-        }, `${activeIndex}-${forms.length}`) : null]
-      }), _jsx(DiscardWithoutSaving, {})]
+        }), _jsx(ActionsBar, {}), _jsx(AddFilesView, {
+          modalSlug: addMoreFilesModalSlug,
+          onDrop: handleAddFiles
+        }), _jsx(DiscardWithoutSaving, {})]
+      })
     });
-    $[0] = activeForm;
-    $[1] = activeIndex;
-    $[2] = collectionSlug;
-    $[3] = docPermissions;
-    $[4] = documentSlots;
-    $[5] = forms.length;
-    $[6] = getEntityConfig;
-    $[7] = hasPublishPermission;
-    $[8] = hasSavePermission;
-    $[9] = hasSubmitted;
-    $[10] = i18n;
-    $[11] = openModal;
-    $[12] = resetUploadEdits;
-    $[13] = updateUploadEdits;
-    $[14] = user;
-    $[15] = t0;
+    $[3] = activeForm;
+    $[4] = activeIndex;
+    $[5] = canAddMoreFiles;
+    $[6] = collectionSlug;
+    $[7] = docPermissions;
+    $[8] = documentSlots;
+    $[9] = forms.length;
+    $[10] = getEntityConfig;
+    $[11] = handleAddFiles;
+    $[12] = hasPublishPermission;
+    $[13] = hasSavePermission;
+    $[14] = hasSubmitted;
+    $[15] = i18n;
+    $[16] = modalSlug;
+    $[17] = openModal;
+    $[18] = resetUploadEdits;
+    $[19] = t;
+    $[20] = totalErrorCount;
+    $[21] = updateUploadEdits;
+    $[22] = user;
+    $[23] = t2;
   } else {
-    t0 = $[15];
+    t2 = $[23];
   }
-  return t0;
+  return t2;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","reduceFieldsToValues","React","useAuth","useConfig","DocumentInfoProvider","useTranslation","ActionsBar","discardBulkUploadModalSlug","DiscardWithoutSaving","EditForm","FileSidebar","useFormsManager","DrawerHeader","baseClass","AddingFilesView","$","activeIndex","collectionSlug","docPermissions","documentSlots","forms","hasPublishPermission","hasSavePermission","hasSubmitted","resetUploadEdits","updateUploadEdits","activeForm","getEntityConfig","i18n","user","openModal","t0","length","collectionConfig","t1","_jsxs","className","children","_jsx","onClose","title","labels","singular","currentEditor","hasPublishedDoc","id","initialData","formState","initialState","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","Upload","versionCount","BeforeDocumentMeta","submitted","uploadEdits"],"sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ActionsBar } from '../ActionsBar/index.js'\nimport { discardBulkUploadModalSlug, DiscardWithoutSaving } from '../DiscardWithoutSaving/index.js'\nimport { EditForm } from '../EditForm/index.js'\nimport { FileSidebar } from '../FileSidebar/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { DrawerHeader } from '../Header/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--file-manager'\n\nexport function AddingFilesView() {\n  const {\n    activeIndex,\n    collectionSlug,\n    docPermissions,\n    documentSlots,\n    forms,\n    hasPublishPermission,\n    hasSavePermission,\n    hasSubmitted,\n    resetUploadEdits,\n    updateUploadEdits,\n  } = useFormsManager()\n  const activeForm = forms[activeIndex]\n  const { getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const { user } = useAuth()\n  const { openModal } = useModal()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  return (\n    <div className={baseClass}>\n      <FileSidebar />\n\n      <div className={`${baseClass}__editView`}>\n        <DrawerHeader\n          onClose={() => openModal(discardBulkUploadModalSlug)}\n          title={getTranslation(collectionConfig.labels.singular, i18n)}\n        />\n        {activeForm ? (\n          <DocumentInfoProvider\n            collectionSlug={collectionSlug}\n            currentEditor={user}\n            docPermissions={docPermissions}\n            hasPublishedDoc={false}\n            hasPublishPermission={hasPublishPermission}\n            hasSavePermission={hasSavePermission}\n            id={null}\n            initialData={reduceFieldsToValues(activeForm.formState, true)}\n            initialState={activeForm.formState}\n            isLocked={false}\n            key={`${activeIndex}-${forms.length}`}\n            lastUpdateTime={0}\n            mostRecentVersionIsAutosaved={false}\n            unpublishedVersionCount={0}\n            Upload={documentSlots.Upload}\n            versionCount={0}\n          >\n            <ActionsBar collectionConfig={collectionConfig} />\n            <EditForm\n              BeforeDocumentMeta={documentSlots.BeforeDocumentMeta}\n              resetUploadEdits={resetUploadEdits}\n              submitted={hasSubmitted}\n              updateUploadEdits={updateUploadEdits}\n              uploadEdits={activeForm?.uploadEdits}\n            />\n          </DocumentInfoProvider>\n        ) : null}\n      </div>\n\n      <DiscardWithoutSaving />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","reduceFieldsToValues","React","PlusIcon","useAuth","useConfig","DocumentInfoProvider","useTranslation","Button","DialogHeader","DialogModal","DialogTitle","ErrorPill","ActionsBar","AddFilesView","discardBulkUploadModalSlug","DiscardWithoutSaving","EditForm","EditManyBulkUploads","FileSidebar","useFormsManager","useBulkUpload","baseClass","addMoreFilesModalSlug","AddingFilesView","t0","$","modalSlug","activeIndex","addFiles","collectionSlug","docPermissions","documentSlots","forms","hasPublishPermission","hasSavePermission","hasSubmitted","isInitializing","resetUploadEdits","totalErrorCount","updateUploadEdits","initialFiles","initialForms","maxFiles","activeForm","getEntityConfig","i18n","t","user","closeModal","openModal","t1","filelist","handleAddFiles","totalFileCount","length","canAddMoreFiles","t2","collectionConfig","t3","_jsx","_Fragment","children","_jsxs","className","size","slug","onClose","showClose","title","count","withMessage","buttonStyle","icon","onClick","collection","currentEditor","hasPublishedDoc","id","initialData","formState","initialState","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","Upload","versionCount","submitted","uploadEdits","onDrop"],"sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React from 'react'\n\nimport { PlusIcon } from '../../../icons/Plus/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DialogHeader } from '../../Dialog/DialogHeader/index.js'\nimport { DialogModal } from '../../Dialog/DialogModal/index.js'\nimport { DialogTitle } from '../../Dialog/DialogTitle/index.js'\nimport { ErrorPill } from '../../ErrorPill/index.js'\nimport { ActionsBar } from '../ActionsBar/index.js'\nimport { AddFilesView } from '../AddFilesView/index.js'\nimport { discardBulkUploadModalSlug, DiscardWithoutSaving } from '../DiscardWithoutSaving/index.js'\nimport { EditForm } from '../EditForm/index.js'\nimport { EditManyBulkUploads } from '../EditMany/index.js'\nimport { FileSidebar } from '../FileSidebar/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { useBulkUpload } from '../index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--file-manager'\n\nconst addMoreFilesModalSlug = 'bulk-upload-modal--add-more-files'\n\ntype Props = {\n  readonly modalSlug: string\n}\n\nexport function AddingFilesView({ modalSlug }: Props) {\n  const {\n    activeIndex,\n    addFiles,\n    collectionSlug,\n    docPermissions,\n    documentSlots,\n    forms,\n    hasPublishPermission,\n    hasSavePermission,\n    hasSubmitted,\n    isInitializing,\n    resetUploadEdits,\n    totalErrorCount,\n    updateUploadEdits,\n  } = useFormsManager()\n  const { initialFiles, initialForms, maxFiles } = useBulkUpload()\n  const activeForm = forms[activeIndex]\n  const { getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { user } = useAuth()\n  const { closeModal, openModal } = useModal()\n\n  const handleAddFiles = React.useCallback(\n    (filelist: FileList) => {\n      void addFiles(filelist)\n      closeModal(addMoreFilesModalSlug)\n    },\n    [addFiles, closeModal],\n  )\n\n  const totalFileCount = isInitializing\n    ? (initialFiles?.length ?? initialForms?.length)\n    : forms.length\n  const canAddMoreFiles = typeof maxFiles === 'number' ? totalFileCount < maxFiles : true\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  return (\n    <>\n      <DialogModal className={baseClass} size=\"large\" slug={modalSlug}>\n        <DialogHeader\n          onClose={() => openModal(discardBulkUploadModalSlug)}\n          showClose={true}\n          title={\n            <div className={`${baseClass}__header-title-section`}>\n              <DialogTitle title={t('upload:bulkUpload')} />\n              {totalErrorCount > 0 && <ErrorPill count={totalErrorCount} i18n={i18n} withMessage />}\n            </div>\n          }\n        >\n          {canAddMoreFiles ? (\n            <Button\n              buttonStyle=\"secondary\"\n              icon={<PlusIcon size={24} />}\n              iconPosition=\"left\"\n              onClick={() => openModal(addMoreFilesModalSlug)}\n            >\n              {t('upload:addFiles')}\n            </Button>\n          ) : null}\n\n          <EditManyBulkUploads collection={collectionConfig} />\n        </DialogHeader>\n\n        <div className={`${baseClass}__body`}>\n          <FileSidebar />\n\n          <div className={`${baseClass}__editView`}>\n            {activeForm ? (\n              <DocumentInfoProvider\n                collectionSlug={collectionSlug}\n                currentEditor={user}\n                docPermissions={docPermissions}\n                hasPublishedDoc={false}\n                hasPublishPermission={hasPublishPermission}\n                hasSavePermission={hasSavePermission}\n                id={null}\n                initialData={reduceFieldsToValues(activeForm.formState, true)}\n                initialState={activeForm.formState}\n                isLocked={false}\n                key={`${activeIndex}-${forms.length}`}\n                lastUpdateTime={0}\n                mostRecentVersionIsAutosaved={false}\n                unpublishedVersionCount={0}\n                Upload={documentSlots.Upload}\n                versionCount={0}\n              >\n                <EditForm\n                  resetUploadEdits={resetUploadEdits}\n                  submitted={hasSubmitted}\n                  updateUploadEdits={updateUploadEdits}\n                  uploadEdits={activeForm?.uploadEdits}\n                />\n              </DocumentInfoProvider>\n            ) : null}\n          </div>\n        </div>\n\n        <ActionsBar />\n\n        {/* Nested Modals */}\n        <AddFilesView modalSlug={addMoreFilesModalSlug} onDrop={handleAddFiles} />\n        <DiscardWithoutSaving />\n      </DialogModal>\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -17,7 +17,7 @@ export function DiscardWithoutSaving() {
     closeModal
   } = useModal();
   const {
-    drawerSlug
+    modalSlug
   } = useBulkUpload();
   let t0;
   if ($[0] !== closeModal) {
@@ -31,13 +31,13 @@ export function DiscardWithoutSaving() {
   }
   const onCancel = t0;
   let t1;
-  if ($[2] !== closeModal || $[3] !== drawerSlug) {
+  if ($[2] !== closeModal || $[3] !== modalSlug) {
     t1 = () => {
-      closeModal(drawerSlug);
+      closeModal(modalSlug);
       closeModal(discardBulkUploadModalSlug);
     };
     $[2] = closeModal;
-    $[3] = drawerSlug;
+    $[3] = modalSlug;
     $[4] = t1;
   } else {
     t1 = $[4];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","useTranslation","ConfirmationModal","useBulkUpload","discardBulkUploadModalSlug","DiscardWithoutSaving","$","t","closeModal","drawerSlug","t0","onCancel","t1","onConfirm","t2","_jsx","body","cancelLabel","confirmLabel","heading","modalSlug"],"sources":["../../../../src/elements/BulkUpload/DiscardWithoutSaving/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useBulkUpload } from '../index.js'\nexport const discardBulkUploadModalSlug = 'bulk-upload--discard-without-saving'\n\nexport function DiscardWithoutSaving() {\n  const { t } = useTranslation()\n  const { closeModal } = useModal()\n  const { drawerSlug } = useBulkUpload()\n\n  const onCancel = React.useCallback(() => {\n    closeModal(discardBulkUploadModalSlug)\n  }, [closeModal])\n\n  const onConfirm = React.useCallback(() => {\n    closeModal(drawerSlug)\n    closeModal(discardBulkUploadModalSlug)\n  }, [closeModal, drawerSlug])\n\n  return (\n    <ConfirmationModal\n      body={t('general:changesNotSaved')}\n      cancelLabel={t('general:stayOnThisPage')}\n      confirmLabel={t('general:leaveAnyway')}\n      heading={t('general:leaveWithoutSaving')}\n      modalSlug={discardBulkUploadModalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,OAAO,MAAMC,0BAAA,GAA6B;AAE1C,OAAO,SAAAC,qBAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACL;IAAAS;EAAA,IAAcN,cAAA;EACd;IAAAO;EAAA,IAAuBT,QAAA;EACvB;IAAAU;EAAA,IAAuBN,aAAA;EAAA,IAAAO,EAAA;EAAA,IAAAJ,CAAA,QAAAE,UAAA;IAEYE,EAAA,GAAAA,CAAA;MACjCF,UAAA,CAAAJ,0BAAW;IAAA;IACbE,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAFA,MAAAK,QAAA,GAAiBD,EAEF;EAAA,IAAAE,EAAA;EAAA,IAAAN,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,UAAA;IAEqBG,EAAA,GAAAA,CAAA;MAClCJ,UAAA,CAAWC,UAAA;MACXD,UAAA,CAAAJ,0BAAW;IAAA;IACbE,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAHA,MAAAO,SAAA,GAAkBD,EAGS;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAC,CAAA;IAGzBO,EAAA,GAAAC,IAAA,CAAAb,iBAAA;MAAAc,IAAA,EACQT,CAAA,CAAE;MAAAU,WAAA,EACKV,CAAA,CAAE;MAAAW,YAAA,EACDX,CAAA,CAAE;MAAAY,OAAA,EACPZ,CAAA,CAAE;MAAAa,SAAA,EAAAhB,0BAAA;MAAAO,QAAA;MAAAE;IAAA,C;;;;;;;;SAJbC,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useTranslation","ConfirmationModal","useBulkUpload","discardBulkUploadModalSlug","DiscardWithoutSaving","$","t","closeModal","modalSlug","t0","onCancel","t1","onConfirm","t2","_jsx","body","cancelLabel","confirmLabel","heading"],"sources":["../../../../src/elements/BulkUpload/DiscardWithoutSaving/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useBulkUpload } from '../index.js'\nexport const discardBulkUploadModalSlug = 'bulk-upload--discard-without-saving'\n\nexport function DiscardWithoutSaving() {\n  const { t } = useTranslation()\n  const { closeModal } = useModal()\n  const { modalSlug } = useBulkUpload()\n\n  const onCancel = React.useCallback(() => {\n    closeModal(discardBulkUploadModalSlug)\n  }, [closeModal])\n\n  const onConfirm = React.useCallback(() => {\n    closeModal(modalSlug)\n    closeModal(discardBulkUploadModalSlug)\n  }, [closeModal, modalSlug])\n\n  return (\n    <ConfirmationModal\n      body={t('general:changesNotSaved')}\n      cancelLabel={t('general:stayOnThisPage')}\n      confirmLabel={t('general:leaveAnyway')}\n      heading={t('general:leaveWithoutSaving')}\n      modalSlug={discardBulkUploadModalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,OAAO,MAAMC,0BAAA,GAA6B;AAE1C,OAAO,SAAAC,qBAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACL;IAAAS;EAAA,IAAcN,cAAA;EACd;IAAAO;EAAA,IAAuBT,QAAA;EACvB;IAAAU;EAAA,IAAsBN,aAAA;EAAA,IAAAO,EAAA;EAAA,IAAAJ,CAAA,QAAAE,UAAA;IAEaE,EAAA,GAAAA,CAAA;MACjCF,UAAA,CAAAJ,0BAAW;IAAA;IACbE,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAFA,MAAAK,QAAA,GAAiBD,EAEF;EAAA,IAAAE,EAAA;EAAA,IAAAN,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,SAAA;IAEqBG,EAAA,GAAAA,CAAA;MAClCJ,UAAA,CAAWC,SAAA;MACXD,UAAA,CAAAJ,0BAAW;IAAA;IACbE,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAHA,MAAAO,SAAA,GAAkBD,EAGQ;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAC,CAAA;IAGxBO,EAAA,GAAAC,IAAA,CAAAb,iBAAA;MAAAc,IAAA,EACQT,CAAA,CAAE;MAAAU,WAAA,EACKV,CAAA,CAAE;MAAAW,YAAA,EACDX,CAAA,CAAE;MAAAY,OAAA,EACPZ,CAAA,CAAE;MAAAE,SAAA,EAAAL,0BAAA;MAAAO,QAAA;MAAAE;IAAA,C;;;;;;;;SAJbC,E","ignoreList":[]}

package/dist/elements/BulkUpload/EditForm/index.css

@@ -0,0 +1,9 @@
+@layer payload-default {
+  .collection-edit {
+    width: 100%;
+  }
+
+  .collection-edit__form {
+    height: auto;
+  }
+}

package/dist/elements/BulkUpload/EditForm/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { EditFormProps } from './types.js';
-import './index.scss';
-export declare function EditForm({ BeforeDocumentMeta, resetUploadEdits, submitted, updateUploadEdits, uploadEdits, }: EditFormProps): React.JSX.Element;
+import './index.css';
+export declare function EditForm({ resetUploadEdits, submitted, updateUploadEdits, uploadEdits, }: EditFormProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/BulkUpload/EditForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAe/C,OAAO,cAAc,CAAA;AAQrB,wBAAgB,QAAQ,CAAC,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,WAAW,GACZ,EAAE,aAAa,qBAsHf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAe/C,OAAO,aAAa,CAAA;AAQpB,wBAAgB,QAAQ,CAAC,EACvB,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,WAAW,GACZ,EAAE,aAAa,qBAoHf"}

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

@@ -13,15 +13,14 @@ import { useServerFunctions } from '../../../providers/ServerFunctions/index.js'
 import { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js';
 import { useDocumentDrawerContext } from '../../DocumentDrawer/Provider.js';
 import { DocumentFields } from '../../DocumentFields/index.js';
-import { Upload_v4 } from '../../Upload/index.js';
+import { FileManager } from '../../FileManager/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'collection-edit';
 // This component receives props only on _pages_
 // When rendered within a drawer, props are empty
 // This is solely to support custom edit views which get server-rendered
 export function EditForm({
-  BeforeDocumentMeta,
   resetUploadEdits,
   submitted,
   updateUploadEdits,
@@ -111,21 +110,21 @@ export function EditForm({
       onChange: [onChange],
       onSuccess: onSave,
       submitted: submitted,
-      children: [/*#__PURE__*/_jsx(DocumentFields, {
-        BeforeFields: /*#__PURE__*/_jsx(React.Fragment, {
-          children: CustomUpload || /*#__PURE__*/_jsx(Upload_v4, {
-            collectionSlug: collectionConfig.slug,
-            customActions: [BeforeDocumentMeta].filter(Boolean),
-            initialState: initialState,
-            resetUploadEdits: resetUploadEdits,
-            updateUploadEdits: updateUploadEdits,
-            uploadConfig: collectionConfig.upload,
-            uploadEdits: uploadEdits
-          })
-        }),
-        docPermissions: docPermissions,
-        fields: collectionConfig.fields,
-        schemaPathSegments: [collectionConfig.slug]
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__upload-layout`,
+        children: [CustomUpload || /*#__PURE__*/_jsx(FileManager, {
+          collectionSlug: collectionConfig.slug,
+          initialState: initialState,
+          resetUploadEdits: resetUploadEdits,
+          updateUploadEdits: updateUploadEdits,
+          uploadConfig: collectionConfig.upload,
+          uploadEdits: uploadEdits
+        }), /*#__PURE__*/_jsx(DocumentFields, {
+          docPermissions: docPermissions,
+          fields: collectionConfig.fields,
+          forceSidebarWrap: true,
+          schemaPathSegments: [collectionConfig.slug]
+        })]
       }), /*#__PURE__*/_jsx(ReportAllErrors, {}), /*#__PURE__*/_jsx(GetFieldProxy, {})]
     })
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useMemo","Form","useForm","WatchChildErrors","useConfig","useDocumentEvents","useDocumentInfo","OperationProvider","useServerFunctions","abortAndIgnore","handleAbortRef","useDocumentDrawerContext","DocumentFields","Upload_v4","useFormsManager","baseClass","EditForm","BeforeDocumentMeta","resetUploadEdits","submitted","updateUploadEdits","uploadEdits","action","collectionSlug","docSlug","docPermissions","getDocPreferences","hasSavePermission","initialState","isInitializing","Upload","CustomUpload","drawerSlug","onSave","onSaveFromContext","getFormState","getEntityConfig","abortOnChangeRef","useRef","collectionConfig","reportUpdate","slug","schemaPath","useState","json","doc","result","entitySlug","operation","updatedAt","Date","toISOString","onChange","formState","prevFormState","controller","docPreferences","state","newFormState","signal","skipValidation","current","abortOnChange","_jsx","_jsxs","className","disabled","undefined","method","onSuccess","BeforeFields","Fragment","customActions","filter","Boolean","uploadConfig","upload","fields","schemaPathSegments","ReportAllErrors","GetFieldProxy","$","getField","getFields","getFormDataRef","t0","t1","docConfig","activeIndex","forms","setFormTotalErrorCount","errorCountRef","fileIsValid","currentForm","file","valid","reportFormErrorCount","fieldErrorCount","newErrorCount","errorCount","index","path","setErrorCount"],"sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { EditFormProps } from './types.js'\n\nimport { Form, useForm } from '../../../forms/Form/index.js'\nimport { type FormProps } from '../../../forms/Form/types.js'\nimport { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { OperationProvider } from '../../../providers/Operation/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js'\nimport { useDocumentDrawerContext } from '../../DocumentDrawer/Provider.js'\nimport { DocumentFields } from '../../DocumentFields/index.js'\nimport { Upload_v4 } from '../../Upload/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\n\nexport function EditForm({\n  BeforeDocumentMeta,\n  resetUploadEdits,\n  submitted,\n  updateUploadEdits,\n  uploadEdits,\n}: EditFormProps) {\n  const {\n    action,\n    collectionSlug: docSlug,\n    docPermissions,\n    getDocPreferences,\n    hasSavePermission,\n    initialState,\n    isInitializing,\n    Upload: CustomUpload,\n  } = useDocumentInfo()\n\n  const { drawerSlug, onSave: onSaveFromContext } = useDocumentDrawerContext()\n\n  const { getFormState } = useServerFunctions()\n\n  const { getEntityConfig } = useConfig()\n\n  const abortOnChangeRef = React.useRef<AbortController>(null)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: docSlug })\n  const { reportUpdate } = useDocumentEvents()\n\n  const collectionSlug = collectionConfig.slug\n\n  const [schemaPath] = React.useState(collectionSlug)\n\n  const onSave = useCallback(\n    (json) => {\n      reportUpdate({\n        doc: json?.doc || json?.result,\n        drawerSlug,\n        entitySlug: collectionSlug,\n        operation: 'create',\n        updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      })\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: 'create',\n        })\n      }\n      resetUploadEdits()\n    },\n    [collectionSlug, onSaveFromContext, reportUpdate, resetUploadEdits, drawerSlug],\n  )\n\n  const onChange: NonNullable<FormProps['onChange']>[0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortOnChangeRef)\n\n      const docPreferences = await getDocPreferences()\n\n      const { state: newFormState } = await getFormState({\n        collectionSlug,\n        docPermissions,\n        docPreferences,\n        formState: prevFormState,\n        operation: 'create',\n        schemaPath,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortOnChangeRef.current = null\n\n      return newFormState\n    },\n    [collectionSlug, schemaPath, getDocPreferences, getFormState, docPermissions],\n  )\n\n  useEffect(() => {\n    const abortOnChange = abortOnChangeRef.current\n\n    return () => {\n      abortAndIgnore(abortOnChange)\n    }\n  }, [])\n\n  return (\n    <OperationProvider operation=\"create\">\n      <Form\n        action={action}\n        className={`${baseClass}__form`}\n        disabled={isInitializing || !hasSavePermission}\n        initialState={isInitializing ? undefined : initialState}\n        isInitializing={isInitializing}\n        method=\"POST\"\n        onChange={[onChange]}\n        onSuccess={onSave}\n        submitted={submitted}\n      >\n        <DocumentFields\n          BeforeFields={\n            <React.Fragment>\n              {CustomUpload || (\n                <Upload_v4\n                  collectionSlug={collectionConfig.slug}\n                  customActions={[BeforeDocumentMeta].filter(Boolean)}\n                  initialState={initialState}\n                  resetUploadEdits={resetUploadEdits}\n                  updateUploadEdits={updateUploadEdits}\n                  uploadConfig={collectionConfig.upload}\n                  uploadEdits={uploadEdits}\n                />\n              )}\n            </React.Fragment>\n          }\n          docPermissions={docPermissions}\n          fields={collectionConfig.fields}\n          schemaPathSegments={[collectionConfig.slug]}\n        />\n        <ReportAllErrors />\n        <GetFieldProxy />\n      </Form>\n    </OperationProvider>\n  )\n}\n\nfunction GetFieldProxy() {\n  const { getField, getFields } = useForm()\n  const { getFormDataRef } = useFormsManager()\n\n  useEffect(() => {\n    // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n    getFormDataRef.current = getFields\n  }, [getFields, getField, getFormDataRef])\n\n  return null\n}\n\nfunction ReportAllErrors() {\n  const { docConfig } = useDocumentInfo()\n  const { activeIndex, forms, setFormTotalErrorCount } = useFormsManager()\n  const errorCountRef = React.useRef(0)\n\n  const fileIsValid = useMemo(() => {\n    const currentForm = forms[activeIndex]\n    return currentForm?.formState?.file?.valid ?? true\n  }, [activeIndex, forms])\n\n  const reportFormErrorCount = React.useCallback(\n    (fieldErrorCount: number) => {\n      let newErrorCount = fieldErrorCount\n      // If the file is invalid, count that as an error\n      if (!fileIsValid) {\n        newErrorCount += 1\n      }\n      if (newErrorCount === errorCountRef.current) {\n        return\n      }\n      setFormTotalErrorCount({ errorCount: newErrorCount, index: activeIndex })\n      errorCountRef.current = newErrorCount\n    },\n    [activeIndex, setFormTotalErrorCount, fileIsValid],\n  )\n\n  if (!docConfig) {\n    return null\n  }\n\n  return (\n    <WatchChildErrors fields={docConfig.fields} path={[]} setErrorCount={reportFormErrorCount} />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useMemo","Form","useForm","WatchChildErrors","useConfig","useDocumentEvents","useDocumentInfo","OperationProvider","useServerFunctions","abortAndIgnore","handleAbortRef","useDocumentDrawerContext","DocumentFields","FileManager","useFormsManager","baseClass","EditForm","resetUploadEdits","submitted","updateUploadEdits","uploadEdits","action","collectionSlug","docSlug","docPermissions","getDocPreferences","hasSavePermission","initialState","isInitializing","Upload","CustomUpload","drawerSlug","onSave","onSaveFromContext","getFormState","getEntityConfig","abortOnChangeRef","useRef","collectionConfig","reportUpdate","slug","schemaPath","useState","json","doc","result","entitySlug","operation","updatedAt","Date","toISOString","onChange","formState","prevFormState","controller","docPreferences","state","newFormState","signal","skipValidation","current","abortOnChange","_jsx","_jsxs","className","disabled","undefined","method","onSuccess","uploadConfig","upload","fields","forceSidebarWrap","schemaPathSegments","ReportAllErrors","GetFieldProxy","$","getField","getFields","getFormDataRef","t0","t1","docConfig","activeIndex","forms","setFormTotalErrorCount","errorCountRef","fileIsValid","currentForm","file","valid","reportFormErrorCount","fieldErrorCount","newErrorCount","errorCount","index","path","setErrorCount"],"sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { EditFormProps } from './types.js'\n\nimport { Form, useForm } from '../../../forms/Form/index.js'\nimport { type FormProps } from '../../../forms/Form/types.js'\nimport { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { OperationProvider } from '../../../providers/Operation/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js'\nimport { useDocumentDrawerContext } from '../../DocumentDrawer/Provider.js'\nimport { DocumentFields } from '../../DocumentFields/index.js'\nimport { FileManager } from '../../FileManager/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport './index.css'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\n\nexport function EditForm({\n  resetUploadEdits,\n  submitted,\n  updateUploadEdits,\n  uploadEdits,\n}: EditFormProps) {\n  const {\n    action,\n    collectionSlug: docSlug,\n    docPermissions,\n    getDocPreferences,\n    hasSavePermission,\n    initialState,\n    isInitializing,\n    Upload: CustomUpload,\n  } = useDocumentInfo()\n\n  const { drawerSlug, onSave: onSaveFromContext } = useDocumentDrawerContext()\n\n  const { getFormState } = useServerFunctions()\n\n  const { getEntityConfig } = useConfig()\n\n  const abortOnChangeRef = React.useRef<AbortController>(null)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: docSlug })\n  const { reportUpdate } = useDocumentEvents()\n\n  const collectionSlug = collectionConfig.slug\n\n  const [schemaPath] = React.useState(collectionSlug)\n\n  const onSave = useCallback(\n    (json) => {\n      reportUpdate({\n        doc: json?.doc || json?.result,\n        drawerSlug,\n        entitySlug: collectionSlug,\n        operation: 'create',\n        updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      })\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: 'create',\n        })\n      }\n      resetUploadEdits()\n    },\n    [collectionSlug, onSaveFromContext, reportUpdate, resetUploadEdits, drawerSlug],\n  )\n\n  const onChange: NonNullable<FormProps['onChange']>[0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortOnChangeRef)\n\n      const docPreferences = await getDocPreferences()\n\n      const { state: newFormState } = await getFormState({\n        collectionSlug,\n        docPermissions,\n        docPreferences,\n        formState: prevFormState,\n        operation: 'create',\n        schemaPath,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortOnChangeRef.current = null\n\n      return newFormState\n    },\n    [collectionSlug, schemaPath, getDocPreferences, getFormState, docPermissions],\n  )\n\n  useEffect(() => {\n    const abortOnChange = abortOnChangeRef.current\n\n    return () => {\n      abortAndIgnore(abortOnChange)\n    }\n  }, [])\n\n  return (\n    <OperationProvider operation=\"create\">\n      <Form\n        action={action}\n        className={`${baseClass}__form`}\n        disabled={isInitializing || !hasSavePermission}\n        initialState={isInitializing ? undefined : initialState}\n        isInitializing={isInitializing}\n        method=\"POST\"\n        onChange={[onChange]}\n        onSuccess={onSave}\n        submitted={submitted}\n      >\n        <div className={`${baseClass}__upload-layout`}>\n          {CustomUpload || (\n            <FileManager\n              collectionSlug={collectionConfig.slug}\n              initialState={initialState}\n              resetUploadEdits={resetUploadEdits}\n              updateUploadEdits={updateUploadEdits}\n              uploadConfig={collectionConfig.upload}\n              uploadEdits={uploadEdits}\n            />\n          )}\n          <DocumentFields\n            docPermissions={docPermissions}\n            fields={collectionConfig.fields}\n            forceSidebarWrap\n            schemaPathSegments={[collectionConfig.slug]}\n          />\n        </div>\n        <ReportAllErrors />\n        <GetFieldProxy />\n      </Form>\n    </OperationProvider>\n  )\n}\n\nfunction GetFieldProxy() {\n  const { getField, getFields } = useForm()\n  const { getFormDataRef } = useFormsManager()\n\n  useEffect(() => {\n    // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n    getFormDataRef.current = getFields\n  }, [getFields, getField, getFormDataRef])\n\n  return null\n}\n\nfunction ReportAllErrors() {\n  const { docConfig } = useDocumentInfo()\n  const { activeIndex, forms, setFormTotalErrorCount } = useFormsManager()\n  const errorCountRef = React.useRef(0)\n\n  const fileIsValid = useMemo(() => {\n    const currentForm = forms[activeIndex]\n    return currentForm?.formState?.file?.valid ?? true\n  }, [activeIndex, forms])\n\n  const reportFormErrorCount = React.useCallback(\n    (fieldErrorCount: number) => {\n      let newErrorCount = fieldErrorCount\n      // If the file is invalid, count that as an error\n      if (!fileIsValid) {\n        newErrorCount += 1\n      }\n      if (newErrorCount === errorCountRef.current) {\n        return\n      }\n      setFormTotalErrorCount({ errorCount: newErrorCount, index: activeIndex })\n      errorCountRef.current = newErrorCount\n    },\n    [activeIndex, setFormTotalErrorCount, fileIsValid],\n  )\n\n  if (!docConfig) {\n    return null\n  }\n\n  return (\n    <WatchChildErrors fields={docConfig.fields} path={[]} setErrorCount={reportFormErrorCount} />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/BulkUpload/EditForm/types.d.ts

@@ -1,6 +1,5 @@
-import type { UploadProps_v4 } from '../../Upload/index.js';
+import type { FileManagerProps } from '../../FileManager/index.js';
 export type EditFormProps = {
-    readonly BeforeDocumentMeta?: React.ReactNode;
     readonly submitted?: boolean;
-} & Pick<UploadProps_v4, 'resetUploadEdits' | 'updateUploadEdits' | 'uploadEdits'>;
+} & Pick<FileManagerProps, 'resetUploadEdits' | 'updateUploadEdits' | 'uploadEdits'>;
 //# sourceMappingURL=types.d.ts.map

package/dist/elements/BulkUpload/EditForm/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditForm/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAC7B,GAAG,IAAI,CAAC,cAAc,EAAE,kBAAkB,GAAG,mBAAmB,GAAG,aAAa,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditForm/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAElE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAC7B,GAAG,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,GAAG,mBAAmB,GAAG,aAAa,CAAC,CAAA"}

package/dist/elements/BulkUpload/EditForm/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/BulkUpload/EditForm/types.ts"],"sourcesContent":["import type { UploadProps_v4 } from '../../Upload/index.js'\n\nexport type EditFormProps = {\n  readonly BeforeDocumentMeta?: React.ReactNode\n  readonly submitted?: boolean\n} & Pick<UploadProps_v4, 'resetUploadEdits' | 'updateUploadEdits' | 'uploadEdits'>\n"],"mappings":"AAEA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/BulkUpload/EditForm/types.ts"],"sourcesContent":["import type { FileManagerProps } from '../../FileManager/index.js'\n\nexport type EditFormProps = {\n  readonly submitted?: boolean\n} & Pick<FileManagerProps, 'resetUploadEdits' | 'updateUploadEdits' | 'uploadEdits'>\n"],"mappings":"AAEA","ignoreList":[]}

package/dist/elements/BulkUpload/EditMany/DrawerContent.d.ts

@@ -2,7 +2,7 @@ import type { ClientCollectionConfig } from 'payload';
 import React from 'react';
 import type { State } from '../FormsManager/reducer.js';
 import type { EditManyBulkUploadsProps } from './index.js';
-import './index.scss';
+import './index.css';
 import '../../../forms/RenderFields/index.css';
 export declare const EditManyBulkUploadsDrawerContent: React.FC<{
     collection: ClientCollectionConfig;

package/dist/elements/BulkUpload/EditMany/DrawerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAc,MAAM,SAAS,CAAA;AAKjE,OAAO,KAAoD,MAAM,OAAO,CAAA;AAKxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAc1D,OAAO,cAAc,CAAA;AACrB,OAAO,uCAAuC,CAAA;AAE9C,eAAO,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CACrD;IACE,UAAU,EAAE,sBAAsB,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CACtB,GAAG,wBAAwB,CA2K7B,CAAA"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAc,MAAM,SAAS,CAAA;AAKjE,OAAO,KAAoD,MAAM,OAAO,CAAA;AAKxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAe1D,OAAO,aAAa,CAAA;AACpB,OAAO,uCAAuC,CAAA;AAE9C,eAAO,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CACrD;IACE,UAAU,EAAE,sBAAsB,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CACtB,GAAG,wBAAwB,CAyL7B,CAAA"}