@payloadcms/ui 4.0.0-internal.77191e5 → 4.0.0-internal.7b53b6d

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

@@ -27,7 +27,7 @@ import './index.css';
 const baseClass = 'bulk-upload--file-manager';
 const addMoreFilesModalSlug = 'bulk-upload-modal--add-more-files';
 export function AddingFilesView(t0) {
-  const $ = _c(26);
+  const $ = _c(27);
   const {
     modalSlug
   } = t0;
@@ -69,8 +69,11 @@ export function AddingFilesView(t0) {
   let t1;
   if ($[0] !== addFiles || $[1] !== closeModal) {
     t1 = filelist => {
-      addFiles(filelist);
-      closeModal(addMoreFilesModalSlug);
+      addFiles(filelist).then(didAddFiles => {
+        if (didAddFiles) {
+          closeModal(addMoreFilesModalSlug);
+        }
+      });
     };
     $[0] = addFiles;
     $[1] = closeModal;
@@ -82,17 +85,17 @@ export function AddingFilesView(t0) {
   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) {
+  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] !== isInitializing || $[17] !== modalSlug || $[18] !== openModal || $[19] !== resetUploadEdits || $[20] !== t || $[21] !== totalErrorCount || $[22] !== updateUploadEdits || $[23] !== user) {
     const collectionConfig = getEntityConfig({
       collectionSlug
     });
     let t3;
-    if ($[24] !== openModal) {
+    if ($[25] !== openModal) {
       t3 = () => openModal(discardBulkUploadModalSlug);
-      $[24] = openModal;
-      $[25] = t3;
+      $[25] = openModal;
+      $[26] = t3;
     } else {
-      t3 = $[25];
+      t3 = $[26];
     }
     t2 = _jsx(_Fragment, {
       children: _jsxs(DialogModal, {
@@ -112,7 +115,7 @@ export function AddingFilesView(t0) {
               withMessage: true
             })]
           }),
-          children: [canAddMoreFiles ? _jsx(Button, {
+          children: [canAddMoreFiles && !isInitializing ? _jsx(Button, {
             buttonStyle: "secondary",
             icon: _jsx(PlusIcon, {
               size: 24
@@ -127,7 +130,7 @@ export function AddingFilesView(t0) {
           className: `${baseClass}__body`,
           children: [_jsx(FileSidebar, {}), _jsx("div", {
             className: `${baseClass}__editView`,
-            children: activeForm ? _jsx(DocumentInfoProvider, {
+            children: activeForm && !isInitializing ? _jsx(DocumentInfoProvider, {
               collectionSlug,
               currentEditor: user,
               docPermissions,
@@ -149,9 +152,10 @@ export function AddingFilesView(t0) {
                 updateUploadEdits,
                 uploadEdits: activeForm?.uploadEdits
               })
-            }, `${activeIndex}-${forms.length}`) : null
+            }, `${collectionSlug}-${activeIndex}-${forms.length}`) : null
           })]
         }), _jsx(ActionsBar, {}), _jsx(AddFilesView, {
+          acceptMimeTypes: collectionConfig?.upload?.mimeTypes?.join(", "),
           modalSlug: addMoreFilesModalSlug,
           onDrop: handleAddFiles
         }), _jsx(DiscardWithoutSaving, {})]
@@ -170,16 +174,17 @@ export function AddingFilesView(t0) {
     $[13] = hasSavePermission;
     $[14] = hasSubmitted;
     $[15] = i18n;
-    $[16] = modalSlug;
-    $[17] = openModal;
-    $[18] = resetUploadEdits;
-    $[19] = t;
-    $[20] = totalErrorCount;
-    $[21] = updateUploadEdits;
-    $[22] = user;
-    $[23] = t2;
+    $[16] = isInitializing;
+    $[17] = modalSlug;
+    $[18] = openModal;
+    $[19] = resetUploadEdits;
+    $[20] = t;
+    $[21] = totalErrorCount;
+    $[22] = updateUploadEdits;
+    $[23] = user;
+    $[24] = t2;
   } else {
-    t2 = $[23];
+    t2 = $[24];
   }
   return t2;
 }

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

@@ -1 +1 @@
-{"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":[]}
+{"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","then","didAddFiles","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","acceptMimeTypes","upload","mimeTypes","join","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).then((didAddFiles) => {\n        if (didAddFiles) {\n          closeModal(addMoreFilesModalSlug)\n        }\n      })\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 && !isInitializing ? (\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 && !isInitializing ? (\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={`${collectionSlug}-${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\n          acceptMimeTypes={collectionConfig?.upload?.mimeTypes?.join(', ')}\n          modalSlug={addMoreFilesModalSlug}\n          onDrop={handleAddFiles}\n        />\n        <DiscardWithoutSaving />\n      </DialogModal>\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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","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":[]}
+{"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,CAAWJ,0BAAA;IAAA,CACb;IAAAE,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,CAAWJ,0BAAA;IAAA,CACb;IAAAE,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,CAACb,iBAAA;MAAAc,IAAA,EACOT,CAAA,CAAE;MAAAU,WAAA,EACKV,CAAA,CAAE;MAAAW,YAAA,EACDX,CAAA,CAAE;MAAAY,OAAA,EACPZ,CAAA,CAAE;MAAAE,SAAA,EACAL,0BAAA;MAAAO,QAAA;MAAAE;;;;;;;;;SALbC,E","ignoreList":[]}

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","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":[]}
+{"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    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/EditMany/index.css

@@ -32,11 +32,10 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     color: var(--color-text);
-    font-family: var(--text-body-large-strong-font-family);
-    font-size: var(--text-body-large-strong-font-size);
-    font-weight: var(--text-body-large-strong-font-weight);
-    line-height: var(--text-body-large-strong-line-height);
-    letter-spacing: var(--text-body-large-strong-letter-spacing);
+    font-size: var(--text-body-large-bold-font-size);
+    font-weight: var(--text-body-large-bold-font-weight);
+    line-height: var(--text-body-large-bold-line-height);
+    letter-spacing: var(--text-body-large-bold-letter-spacing);
   }
 
   .edit-many-bulk-uploads__header__actions {

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

@@ -15,14 +15,22 @@ import { EditManyBulkUploadsDrawerContent } from './DrawerContent.js';
 import './index.css';
 export const baseClass = 'edit-many-bulk-uploads';
 export const EditManyBulkUploads = props => {
-  const $ = _c(9);
+  const $ = _c(11);
   const {
     collection: t0,
     collection
   } = props;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
   const {
     slug
-  } = t0 === undefined ? {} : t0;
+  } = t1;
   const {
     permissions
   } = useAuth();
@@ -41,18 +49,18 @@ export const EditManyBulkUploads = props => {
   if (!hasUpdatePermission) {
     return null;
   }
-  let t1;
-  if ($[0] !== collection || $[1] !== drawerSlug || $[2] !== forms || $[3] !== openModal || $[4] !== t) {
-    let t2;
-    if ($[6] !== drawerSlug || $[7] !== openModal) {
-      t2 = () => openModal(drawerSlug);
-      $[6] = drawerSlug;
-      $[7] = openModal;
-      $[8] = t2;
+  let t2;
+  if ($[2] !== collection || $[3] !== drawerSlug || $[4] !== forms || $[5] !== openModal || $[6] !== t) {
+    let t3;
+    if ($[8] !== drawerSlug || $[9] !== openModal) {
+      t3 = () => openModal(drawerSlug);
+      $[8] = drawerSlug;
+      $[9] = openModal;
+      $[10] = t3;
     } else {
-      t2 = $[8];
+      t3 = $[10];
     }
-    t1 = _jsxs("div", {
+    t2 = _jsxs("div", {
       className: baseClass,
       children: [_jsx(Button, {
         buttonStyle: "secondary",
@@ -60,7 +68,7 @@ export const EditManyBulkUploads = props => {
           size: 24
         }),
         iconPosition: "left",
-        onClick: t2,
+        onClick: t3,
         children: t("general:editAll")
       }), _jsx(EditDepthProvider, {
         children: _jsx(Drawer, {
@@ -74,15 +82,15 @@ export const EditManyBulkUploads = props => {
         })
       })]
     });
-    $[0] = collection;
-    $[1] = drawerSlug;
-    $[2] = forms;
-    $[3] = openModal;
-    $[4] = t;
-    $[5] = t1;
+    $[2] = collection;
+    $[3] = drawerSlug;
+    $[4] = forms;
+    $[5] = openModal;
+    $[6] = t;
+    $[7] = t2;
   } else {
-    t1 = $[5];
+    t2 = $[7];
   }
-  return t1;
+  return t2;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","WriteIcon","useAuth","EditDepthProvider","useTranslation","Button","Drawer","useFormsManager","EditManyBulkUploadsDrawerContent","baseClass","EditManyBulkUploads","props","$","collection","t0","slug","undefined","permissions","t","forms","openModal","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","t1","t2","_jsxs","className","children","_jsx","buttonStyle","icon","size","onClick","Header"],"sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { WriteIcon } from '../../../icons/Write/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { EditManyBulkUploadsDrawerContent } from './DrawerContent.js'\nimport './index.css'\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  const { openModal } = useModal()\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      <Button\n        buttonStyle=\"secondary\"\n        icon={<WriteIcon size={24} />}\n        iconPosition=\"left\"\n        onClick={() => openModal(drawerSlug)}\n      >\n        {t('general:editAll')}\n      </Button>\n\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,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,eAAe,QAAQ;AAChC,SAASC,gCAAgC,QAAQ;AACjD,OAAO;AACP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,mBAAA,GAA0DC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACrE;IAAAe,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;EAClB;IAAAa;EAAA,IAAsBrB,QAAA;EAEtB,MAAAsB,qBAAA,GAA8BJ,WAAA,EAAAK,WAAA,GAA2BP,IAAA;EACzD,MAAAQ,mBAAA,GAA4BF,qBAAA,EAAAG,MAAA;EAE5B,MAAAC,UAAA,GAAmB,QAAQV,IAAA,eAAmB;EAAA,KAEzCQ,mBAAA;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAd,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAO,KAAA,IAAAP,CAAA,QAAAQ,SAAA,IAAAR,CAAA,QAAAM,CAAA;IAAA,IAAAS,EAAA;IAAA,IAAAf,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAQ,SAAA;MAUUO,EAAA,GAAAA,CAAA,KAAMP,SAAA,CAAUK,UAAA;MAAAb,CAAA,MAAAa,UAAA;MAAAb,CAAA,MAAAQ,SAAA;MAAAR,CAAA,MAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAL7Bc,EAAA,GAAAE,KAAA,CAAC;MAAAC,SAAA,EAAApB,SAAA;MAAAqB,QAAA,GACCC,IAAA,CAAA1B,MAAA;QAAA2B,WAAA,EACc;QAAAC,IAAA,EACNF,IAAA,CAAA9B,SAAA;UAAAiC,IAAA;QAAA,C;sBACO;QAAAC,OAAA,EACJR,EAAgB;QAAAG,QAAA,EAExBZ,CAAA,CAAE;MAAA,C,GAGLa,IAAA,CAAA5B,iBAAA;QAAA2B,QAAA,EACEC,IAAA,CAAAzB,MAAA;UAAA8B,MAAA;UAAArB,IAAA,EAA4BU,UAAA;UAAAA,QAAA,EAC1BM,IAAA,CAAAvB,gCAAA;YAAAK,UAAA;YAAAY,UAAA;YAAAN;UAAA,C;;;;;;;;;;;;;SAZNO,E;CAqBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","WriteIcon","useAuth","EditDepthProvider","useTranslation","Button","Drawer","useFormsManager","EditManyBulkUploadsDrawerContent","baseClass","EditManyBulkUploads","props","$","collection","t0","t1","undefined","slug","permissions","t","forms","openModal","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","t2","t3","_jsxs","className","children","_jsx","buttonStyle","icon","size","onClick","Header"],"sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { WriteIcon } from '../../../icons/Write/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { EditManyBulkUploadsDrawerContent } from './DrawerContent.js'\nimport './index.css'\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  const { openModal } = useModal()\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      <Button\n        buttonStyle=\"secondary\"\n        icon={<WriteIcon size={24} />}\n        iconPosition=\"left\"\n        onClick={() => openModal(drawerSlug)}\n      >\n        {t('general:editAll')}\n      </Button>\n\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,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,eAAe,QAAQ;AAChC,SAASC,gCAAgC,QAAQ;AACjD,OAAO;AACP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,mBAAA,GAA0DC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACrE;IAAAe,UAAA,EAAAC,EAAA;IAAAD;EAAA,IAAkDF,KAAA;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAE,EAAA;IAA9BC,EAAA,GAAAD,EAAa,KAAbE,SAAa,GAAb,CAAY,CAAC,GAAbF,EAAa;IAAAF,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAb;IAAAK;EAAA,IAAAF,EAAa;EAEjC;IAAAG;EAAA,IAAwBhB,OAAA;EAExB;IAAAiB;EAAA,IAAcf,cAAA;EACd;IAAAgB;EAAA,IAAkBb,eAAA;EAClB;IAAAc;EAAA,IAAsBtB,QAAA;EAEtB,MAAAuB,qBAAA,GAA8BJ,WAAA,EAAAK,WAAgC,GAALN,IAAA,CAAK;EAC9D,MAAAO,mBAAA,GAA4BF,qBAAA,EAAAG,MAAuB;EAEnD,MAAAC,UAAA,GAAmB,QAAQT,IAAA,eAAmB;EAE9C,IAAI,CAACO,mBAAA;IAAA,OACI;EAAA;EACT,IAAAG,EAAA;EAAA,IAAAf,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAc,UAAA,IAAAd,CAAA,QAAAQ,KAAA,IAAAR,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAO,CAAA;IAAA,IAAAS,EAAA;IAAA,IAAAhB,CAAA,QAAAc,UAAA,IAAAd,CAAA,QAAAS,SAAA;MAQeO,EAAA,GAAAA,CAAA,KAAMP,SAAA,CAAUK,UAAA;MAAAd,CAAA,MAAAc,UAAA;MAAAd,CAAA,MAAAS,SAAA;MAAAT,CAAA,OAAAgB,EAAA;IAAA;MAAAA,EAAA,GAAAhB,CAAA;IAAA;IAL7Be,EAAA,GAAAE,KAAA,CAAC;MAAAC,SAAA,EAAerB,SAAA;MAAAsB,QAAA,E,CACdC,IAAA,CAAC3B,MAAA;QAAA4B,WAAA,EACa;QAAAC,IAAA,EACNF,IAAA,CAAC/B,SAAA;UAAAkC,IAAA,EAAgB;;sBACV;QAAAC,OAAA,EACJR,EAAgB;QAAAG,QAAA,EAExBZ,CAAA,CAAE;UAGLa,IAAA,CAAC7B,iBAAA;QAAA4B,QAAA,EACCC,IAAA,CAAC1B,MAAA;UAAA+B,MAAA,EAAe;UAAApB,IAAA,EAAYS,UAAA;UAAAA,QAAA,EAC1BM,IAAA,CAACxB,gCAAA;YAAAK,UAAA;YAAAa,UAAA;YAAAN;;;;;;;;;;;;;;SAZPO,E;CAqBJ","ignoreList":[]}

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

@@ -131,7 +131,6 @@
   }
 
   .file-selections__fileSize {
-    font-family: var(--text-body-small-font-family);
     font-size: var(--text-body-small-font-size);
     font-weight: var(--text-body-small-font-weight);
     line-height: var(--text-body-small-line-height);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,aAAa,CAAA;AAMpB,wBAAgB,WAAW,sBA8H1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,aAAa,CAAA;AAOpB,wBAAgB,WAAW,sBA0H1B"}

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

@@ -6,7 +6,6 @@ import { isImage } from 'payload/shared';
 import React from 'react';
 import { SelectInput } from '../../../fields/Select/Input.js';
 import { XIcon } from '../../../icons/X/index.js';
-import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { ErrorPill } from '../../ErrorPill/index.js';
 import { ShimmerEffect } from '../../ShimmerEffect/index.js';
@@ -15,11 +14,13 @@ import { Thumbnail } from '../../Thumbnail/index.js';
 import './index.css';
 import { useFormsManager } from '../FormsManager/index.js';
 import { useBulkUpload } from '../index.js';
+import { useUploadCollectionOptions } from '../useUploadCollectionOptions.js';
 const baseClass = 'file-selections';
 export function FileSidebar() {
   const $ = _c(22);
   const {
     activeIndex,
+    changeCollectionSlug,
     forms,
     isInitializing,
     removeFile,
@@ -46,17 +47,13 @@ export function FileSidebar() {
   const handleRemoveFile = t0;
   const getFileSize = _temp;
   const {
-    collectionSlug: bulkUploadCollectionSlug,
-    selectableCollections,
-    setCollectionSlug
+    collectionSlug: bulkUploadCollectionSlug
   } = useBulkUpload();
-  const {
-    getEntityConfig
-  } = useConfig();
+  const collectionOptions = useUploadCollectionOptions();
   let t1;
-  if ($[2] !== activeIndex || $[3] !== bulkUploadCollectionSlug || $[4] !== forms || $[5] !== getEntityConfig || $[6] !== handleRemoveFile || $[7] !== i18n || $[8] !== initialFiles || $[9] !== initialForms || $[10] !== isInitializing || $[11] !== selectableCollections || $[12] !== setActiveIndex || $[13] !== setCollectionSlug || $[14] !== t) {
+  if ($[2] !== activeIndex || $[3] !== bulkUploadCollectionSlug || $[4] !== changeCollectionSlug || $[5] !== collectionOptions || $[6] !== forms || $[7] !== handleRemoveFile || $[8] !== i18n || $[9] !== initialFiles || $[10] !== initialForms || $[11] !== isInitializing || $[12] !== setActiveIndex || $[13] !== t) {
     let t2;
-    if ($[16] !== activeIndex || $[17] !== handleRemoveFile || $[18] !== i18n || $[19] !== setActiveIndex || $[20] !== t) {
+    if ($[15] !== activeIndex || $[16] !== handleRemoveFile || $[17] !== i18n || $[18] !== isInitializing || $[19] !== setActiveIndex || $[20] !== t) {
       t2 = (t3, index_0) => {
         const {
           errorCount,
@@ -68,6 +65,7 @@ export function FileSidebar() {
           className: [`${baseClass}__fileRowContainer`, index_0 === activeIndex && `${baseClass}__fileRowContainer--active`, errorCount && errorCount > 0 && `${baseClass}__fileRowContainer--error`].filter(Boolean).join(" "),
           children: [_jsxs("button", {
             className: `${baseClass}__fileRow`,
+            disabled: isInitializing,
             onClick: () => setActiveIndex(index_0),
             type: "button",
             children: [_jsx(SidebarThumbnail, {
@@ -92,7 +90,7 @@ export function FileSidebar() {
               i18n
             }) : null]
           }), _jsx("button", {
-            "aria-label": t("general:remove"),
+            "aria-label": `${t("general:remove")}: ${currentFile.name || t("upload:noFile")}`,
             className: `${baseClass}__remove ${baseClass}__remove--overlay`,
             onClick: () => handleRemoveFile(index_0),
             type: "button",
@@ -100,9 +98,10 @@ export function FileSidebar() {
           })]
         }, formID);
       };
-      $[16] = activeIndex;
-      $[17] = handleRemoveFile;
-      $[18] = i18n;
+      $[15] = activeIndex;
+      $[16] = handleRemoveFile;
+      $[17] = i18n;
+      $[18] = isInitializing;
       $[19] = setActiveIndex;
       $[20] = t;
       $[21] = t2;
@@ -111,26 +110,21 @@ export function FileSidebar() {
     }
     t1 = _jsxs("div", {
       className: baseClass,
-      children: [selectableCollections?.length > 1 && _jsx("div", {
+      children: [collectionOptions.length > 1 && _jsx("div", {
         className: `${baseClass}__header`,
         children: _jsx(SelectInput, {
           className: `${baseClass}__collectionSelect`,
           isClearable: false,
+          Label: null,
+          label: t("general:collection"),
           name: "groupBy",
           onChange: e => {
             const val = typeof e === "object" && "value" in e ? e?.value : e;
-            setCollectionSlug(val);
+            changeCollectionSlug(val);
           },
-          options: selectableCollections?.map(coll => {
-            const config = getEntityConfig({
-              collectionSlug: coll
-            });
-            return {
-              label: config.labels.singular,
-              value: config.slug
-            };
-          }) || [],
+          options: collectionOptions,
           path: "groupBy",
+          readOnly: isInitializing,
           required: true,
           value: bulkUploadCollectionSlug
         })
@@ -144,20 +138,19 @@ export function FileSidebar() {
     });
     $[2] = activeIndex;
     $[3] = bulkUploadCollectionSlug;
-    $[4] = forms;
-    $[5] = getEntityConfig;
-    $[6] = handleRemoveFile;
-    $[7] = i18n;
-    $[8] = initialFiles;
-    $[9] = initialForms;
-    $[10] = isInitializing;
-    $[11] = selectableCollections;
+    $[4] = changeCollectionSlug;
+    $[5] = collectionOptions;
+    $[6] = forms;
+    $[7] = handleRemoveFile;
+    $[8] = i18n;
+    $[9] = initialFiles;
+    $[10] = initialForms;
+    $[11] = isInitializing;
     $[12] = setActiveIndex;
-    $[13] = setCollectionSlug;
-    $[14] = t;
-    $[15] = t1;
+    $[13] = t;
+    $[14] = t1;
   } else {
-    t1 = $[15];
+    t1 = $[14];
   }
   return t1;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","isImage","React","SelectInput","XIcon","useConfig","useTranslation","ErrorPill","ShimmerEffect","createThumbnail","Thumbnail","useFormsManager","useBulkUpload","baseClass","FileSidebar","$","activeIndex","forms","isInitializing","removeFile","setActiveIndex","initialFiles","initialForms","i18n","t","t0","indexToRemove","handleRemoveFile","getFileSize","_temp","collectionSlug","bulkUploadCollectionSlug","selectableCollections","setCollectionSlug","getEntityConfig","t1","t2","t3","index_0","errorCount","formID","formState","currentFile","file","value","_jsxs","className","index","filter","Boolean","join","children","onClick","type","_jsx","SidebarThumbnail","title","name","File","count","length","isClearable","onChange","e","val","options","map","coll","config","label","labels","singular","slug","path","required","Array","from","_temp2","file_0","animationDelay","height","size","i","Math","floor","log","decimals","formattedSize","pow","toFixed","thumbnailURL","setThumbnailURL","useState","isLoading","setIsLoading","useEffect","isCancelled","generateThumbnail","url","_","disableInlineStyles","fileSrc"],"sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"sourcesContent":["'use client'\n\nimport { isImage } from 'payload/shared'\nimport React from 'react'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ErrorPill } from '../../ErrorPill/index.js'\nimport { ShimmerEffect } from '../../ShimmerEffect/index.js'\nimport { createThumbnail } from '../../Thumbnail/createThumbnail.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport './index.css'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { useBulkUpload } from '../index.js'\n\nconst baseClass = 'file-selections'\n\nexport function FileSidebar() {\n  const { activeIndex, forms, isInitializing, removeFile, setActiveIndex } = useFormsManager()\n  const { initialFiles, initialForms } = useBulkUpload()\n  const { i18n, t } = useTranslation()\n\n  const handleRemoveFile = React.useCallback(\n    (indexToRemove: number) => {\n      removeFile(indexToRemove)\n    },\n    [removeFile],\n  )\n\n  const getFileSize = React.useCallback((file: File) => {\n    const size = file.size\n    const i = size === 0 ? 0 : Math.floor(Math.log(size) / Math.log(1024))\n    const decimals = i > 1 ? 1 : 0\n    const formattedSize =\n      (size / Math.pow(1024, i)).toFixed(decimals) + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]\n    return formattedSize\n  }, [])\n\n  const {\n    collectionSlug: bulkUploadCollectionSlug,\n    selectableCollections,\n    setCollectionSlug,\n  } = useBulkUpload()\n\n  const { getEntityConfig } = useConfig()\n\n  return (\n    <div className={baseClass}>\n      {selectableCollections?.length > 1 && (\n        <div className={`${baseClass}__header`}>\n          <SelectInput\n            className={`${baseClass}__collectionSelect`}\n            isClearable={false}\n            name=\"groupBy\"\n            onChange={(e) => {\n              const val: string =\n                typeof e === 'object' && 'value' in e\n                  ? (e?.value as string)\n                  : (e as unknown as string)\n              setCollectionSlug(val)\n            }}\n            options={\n              selectableCollections?.map((coll) => {\n                const config = getEntityConfig({ collectionSlug: coll })\n                return { label: config.labels.singular, value: config.slug }\n              }) || []\n            }\n            path=\"groupBy\"\n            required\n            value={bulkUploadCollectionSlug}\n          />\n        </div>\n      )}\n\n      <div className={`${baseClass}__animateWrapper scrollbar-thin`}>\n        <div className={`${baseClass}__filesContainer`}>\n          {isInitializing &&\n          forms.length === 0 &&\n          (initialFiles?.length > 0 || initialForms?.length > 0)\n            ? (initialFiles ? Array.from(initialFiles) : initialForms).map((file, index) => (\n                <ShimmerEffect\n                  animationDelay={`calc(${index} * ${60}ms)`}\n                  height=\"35px\"\n                  key={index}\n                />\n              ))\n            : null}\n          {forms.map(({ errorCount, formID, formState }, index) => {\n            const currentFile = (formState?.file?.value as File) || ({} as File)\n\n            return (\n              <div\n                className={[\n                  `${baseClass}__fileRowContainer`,\n                  index === activeIndex && `${baseClass}__fileRowContainer--active`,\n                  errorCount && errorCount > 0 && `${baseClass}__fileRowContainer--error`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={formID}\n              >\n                <button\n                  className={`${baseClass}__fileRow`}\n                  onClick={() => setActiveIndex(index)}\n                  type=\"button\"\n                >\n                  <SidebarThumbnail file={currentFile} formID={formID} />\n                  <div className={`${baseClass}__fileDetails`}>\n                    <p className={`${baseClass}__fileName`} title={currentFile.name}>\n                      {currentFile.name || t('upload:noFile')}\n                    </p>\n                  </div>\n                  {currentFile instanceof File ? (\n                    <p className={`${baseClass}__fileSize`}>{getFileSize(currentFile)}</p>\n                  ) : null}\n                  <div className={`${baseClass}__remove ${baseClass}__remove--underlay`}>\n                    <XIcon />\n                  </div>\n\n                  {errorCount ? (\n                    <ErrorPill\n                      className={`${baseClass}__errorCount`}\n                      count={errorCount}\n                      i18n={i18n}\n                    />\n                  ) : null}\n                </button>\n\n                <button\n                  aria-label={t('general:remove')}\n                  className={`${baseClass}__remove ${baseClass}__remove--overlay`}\n                  onClick={() => handleRemoveFile(index)}\n                  type=\"button\"\n                >\n                  <XIcon />\n                </button>\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction SidebarThumbnail({ file, formID }: { file: File; formID: string }) {\n  const [thumbnailURL, setThumbnailURL] = React.useState<null | string>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n\n  React.useEffect(() => {\n    let isCancelled = false\n\n    async function generateThumbnail() {\n      setIsLoading(true)\n      setThumbnailURL(null)\n\n      try {\n        if (isImage(file.type)) {\n          const url = await createThumbnail(file)\n          if (!isCancelled) {\n            setThumbnailURL(url)\n          }\n        } else {\n          setThumbnailURL(null)\n        }\n      } catch (_) {\n        if (!isCancelled) {\n          setThumbnailURL(null)\n        }\n      } finally {\n        if (!isCancelled) {\n          setIsLoading(false)\n        }\n      }\n    }\n\n    void generateThumbnail()\n\n    return () => {\n      isCancelled = true\n    }\n  }, [file])\n\n  if (isLoading) {\n    return <ShimmerEffect className={`${baseClass}__thumbnail-shimmer`} disableInlineStyles />\n  }\n\n  return (\n    <Thumbnail\n      className={`${baseClass}__thumbnail`}\n      fileSrc={thumbnailURL}\n      key={`${formID}-${thumbnailURL || 'placeholder'}`}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","isImage","React","SelectInput","XIcon","useTranslation","ErrorPill","ShimmerEffect","createThumbnail","Thumbnail","useFormsManager","useBulkUpload","useUploadCollectionOptions","baseClass","FileSidebar","$","activeIndex","changeCollectionSlug","forms","isInitializing","removeFile","setActiveIndex","initialFiles","initialForms","i18n","t","t0","indexToRemove","handleRemoveFile","getFileSize","_temp","collectionSlug","bulkUploadCollectionSlug","collectionOptions","t1","t2","t3","index_0","errorCount","formID","formState","currentFile","file","value","_jsxs","className","index","filter","Boolean","join","children","disabled","onClick","type","_jsx","SidebarThumbnail","title","name","File","count","length","isClearable","Label","label","onChange","e","val","options","path","readOnly","required","Array","from","map","_temp2","file_0","animationDelay","height","size","i","Math","floor","log","decimals","formattedSize","pow","toFixed","thumbnailURL","setThumbnailURL","useState","isLoading","setIsLoading","useEffect","isCancelled","generateThumbnail","url","_","disableInlineStyles","fileSrc"],"sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"sourcesContent":["'use client'\n\nimport { isImage } from 'payload/shared'\nimport React from 'react'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ErrorPill } from '../../ErrorPill/index.js'\nimport { ShimmerEffect } from '../../ShimmerEffect/index.js'\nimport { createThumbnail } from '../../Thumbnail/createThumbnail.js'\nimport { Thumbnail } from '../../Thumbnail/index.js'\nimport './index.css'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { useBulkUpload } from '../index.js'\nimport { useUploadCollectionOptions } from '../useUploadCollectionOptions.js'\n\nconst baseClass = 'file-selections'\n\nexport function FileSidebar() {\n  const { activeIndex, changeCollectionSlug, forms, isInitializing, removeFile, setActiveIndex } =\n    useFormsManager()\n  const { initialFiles, initialForms } = useBulkUpload()\n  const { i18n, t } = useTranslation()\n\n  const handleRemoveFile = React.useCallback(\n    (indexToRemove: number) => {\n      removeFile(indexToRemove)\n    },\n    [removeFile],\n  )\n\n  const getFileSize = React.useCallback((file: File) => {\n    const size = file.size\n    const i = size === 0 ? 0 : Math.floor(Math.log(size) / Math.log(1024))\n    const decimals = i > 1 ? 1 : 0\n    const formattedSize =\n      (size / Math.pow(1024, i)).toFixed(decimals) + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]\n    return formattedSize\n  }, [])\n\n  const { collectionSlug: bulkUploadCollectionSlug } = useBulkUpload()\n\n  const collectionOptions = useUploadCollectionOptions()\n\n  return (\n    <div className={baseClass}>\n      {collectionOptions.length > 1 && (\n        <div className={`${baseClass}__header`}>\n          <SelectInput\n            className={`${baseClass}__collectionSelect`}\n            isClearable={false}\n            Label={null}\n            label={t('general:collection')}\n            name=\"groupBy\"\n            onChange={(e) => {\n              const val: string =\n                typeof e === 'object' && 'value' in e\n                  ? (e?.value as string)\n                  : (e as unknown as string)\n              changeCollectionSlug(val)\n            }}\n            options={collectionOptions}\n            path=\"groupBy\"\n            readOnly={isInitializing}\n            required\n            value={bulkUploadCollectionSlug}\n          />\n        </div>\n      )}\n\n      <div className={`${baseClass}__animateWrapper scrollbar-thin`}>\n        <div className={`${baseClass}__filesContainer`}>\n          {isInitializing &&\n          forms.length === 0 &&\n          (initialFiles?.length > 0 || initialForms?.length > 0)\n            ? (initialFiles ? Array.from(initialFiles) : initialForms).map((file, index) => (\n                <ShimmerEffect\n                  animationDelay={`calc(${index} * ${60}ms)`}\n                  height=\"35px\"\n                  key={index}\n                />\n              ))\n            : null}\n          {forms.map(({ errorCount, formID, formState }, index) => {\n            const currentFile = (formState?.file?.value as File) || ({} as File)\n\n            return (\n              <div\n                className={[\n                  `${baseClass}__fileRowContainer`,\n                  index === activeIndex && `${baseClass}__fileRowContainer--active`,\n                  errorCount && errorCount > 0 && `${baseClass}__fileRowContainer--error`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={formID}\n              >\n                <button\n                  className={`${baseClass}__fileRow`}\n                  disabled={isInitializing}\n                  onClick={() => setActiveIndex(index)}\n                  type=\"button\"\n                >\n                  <SidebarThumbnail file={currentFile} formID={formID} />\n                  <div className={`${baseClass}__fileDetails`}>\n                    <p className={`${baseClass}__fileName`} title={currentFile.name}>\n                      {currentFile.name || t('upload:noFile')}\n                    </p>\n                  </div>\n                  {currentFile instanceof File ? (\n                    <p className={`${baseClass}__fileSize`}>{getFileSize(currentFile)}</p>\n                  ) : null}\n                  <div className={`${baseClass}__remove ${baseClass}__remove--underlay`}>\n                    <XIcon />\n                  </div>\n\n                  {errorCount ? (\n                    <ErrorPill\n                      className={`${baseClass}__errorCount`}\n                      count={errorCount}\n                      i18n={i18n}\n                    />\n                  ) : null}\n                </button>\n\n                <button\n                  aria-label={`${t('general:remove')}: ${currentFile.name || t('upload:noFile')}`}\n                  className={`${baseClass}__remove ${baseClass}__remove--overlay`}\n                  onClick={() => handleRemoveFile(index)}\n                  type=\"button\"\n                >\n                  <XIcon />\n                </button>\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction SidebarThumbnail({ file, formID }: { file: File; formID: string }) {\n  const [thumbnailURL, setThumbnailURL] = React.useState<null | string>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n\n  React.useEffect(() => {\n    let isCancelled = false\n\n    async function generateThumbnail() {\n      setIsLoading(true)\n      setThumbnailURL(null)\n\n      try {\n        if (isImage(file.type)) {\n          const url = await createThumbnail(file)\n          if (!isCancelled) {\n            setThumbnailURL(url)\n          }\n        } else {\n          setThumbnailURL(null)\n        }\n      } catch (_) {\n        if (!isCancelled) {\n          setThumbnailURL(null)\n        }\n      } finally {\n        if (!isCancelled) {\n          setIsLoading(false)\n        }\n      }\n    }\n\n    void generateThumbnail()\n\n    return () => {\n      isCancelled = true\n    }\n  }, [file])\n\n  if (isLoading) {\n    return <ShimmerEffect className={`${baseClass}__thumbnail-shimmer`} disableInlineStyles />\n  }\n\n  return (\n    <Thumbnail\n      className={`${baseClass}__thumbnail`}\n      fileSrc={thumbnailURL}\n      key={`${formID}-${thumbnailURL || 'placeholder'}`}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -3,8 +3,9 @@ import React from 'react';
 import type { State } from './reducer.js';
 type FormsManagerContext = {
     readonly activeIndex: State['activeIndex'];
-    readonly addFiles: (filelist: FileList) => Promise<void>;
+    readonly addFiles: (filelist: FileList) => Promise<boolean>;
     readonly bulkUpdateForm: (updatedFields: Record<string, unknown>, afterStateUpdate?: () => void) => Promise<void>;
+    readonly changeCollectionSlug: (slug: string) => void;
     readonly collectionSlug: string;
     readonly docPermissions?: SanitizedDocumentPermissions;
     readonly documentSlots: DocumentSlots;