@payloadcms/ui 4.0.0-internal.e55ccef → 4.0.0-internal.ea6e8f8

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useTranslation","Button","DialogHeader","DialogModal","Dropzone","baseClass","AddFilesView","acceptMimeTypes","modalSlug","onDrop","t","inputRef","useRef","_jsxs","className","size","slug","_jsx","showClose","title","multipleFiles","onChange","buttonStyle","iconPosition","onClick","current","click","accept","hidden","multiple","e","target","files","length","ref","type"],"sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DialogHeader, DialogModal } from '../../Dialog/index.js'\nimport { Dropzone } from '../../Dropzone/index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--add-files'\n\ntype Props = {\n  readonly acceptMimeTypes?: string\n  readonly modalSlug: string\n  readonly onDrop: (acceptedFiles: FileList) => void\n}\nexport function AddFilesView({ acceptMimeTypes, modalSlug: modalSlug, onDrop }: Props) {\n  const { t } = useTranslation()\n\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  return (\n    <DialogModal className={baseClass} size=\"large\" slug={modalSlug}>\n      <DialogHeader showClose title={t('upload:addFiles')} />\n      <div className={`${baseClass}__body`}>\n        <div className={`${baseClass}__dropArea`}>\n          <Dropzone multipleFiles onChange={onDrop}>\n            <Button\n              buttonStyle=\"primary\"\n              iconPosition=\"left\"\n              onClick={() => {\n                if (inputRef.current) {\n                  inputRef.current.click()\n                }\n              }}\n              size=\"medium\"\n            >\n              {t('upload:selectFile')}\n            </Button>\n            <input\n              accept={acceptMimeTypes}\n              aria-hidden=\"true\"\n              className={`${baseClass}__hidden-input`}\n              hidden\n              multiple\n              onChange={(e) => {\n                if (e.target.files && e.target.files.length > 0) {\n                  onDrop(e.target.files)\n                }\n              }}\n              ref={inputRef}\n              type=\"file\"\n            />\n\n            <p className={`${baseClass}__dragAndDropText`}>\n              {t('general:or')} {t('upload:dragAndDrop')}\n            </p>\n          </Dropzone>\n        </div>\n      </div>\n    </DialogModal>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,YAAY,EAAEC,WAAW,QAAQ;AAC1C,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,SAASC,aAAa;EAAEC,eAAe;EAAEC,SAAA,EAAWA,SAAS;EAAEC;AAAM,CAAS;EACnF,MAAM;IAAEC;EAAC,CAAE,GAAGV,cAAA;EAEd,MAAMW,QAAA,GAAWZ,KAAA,CAAMa,MAAM,CAAmB;EAEhD,oBACEC,KAAA,CAACV,WAAA;IAAYW,SAAA,EAAWT,SAAA;IAAWU,IAAA,EAAK;IAAQC,IAAA,EAAMR,SAAA;4BACpDS,IAAA,CAACf,YAAA;MAAagB,SAAS;MAACC,KAAA,EAAOT,CAAA,CAAE;qBACjCO,IAAA,CAAC;MAAIH,SAAA,EAAW,GAAGT,SAAA,QAAiB;gBAClC,aAAAY,IAAA,CAAC;QAAIH,SAAA,EAAW,GAAGT,SAAA,YAAqB;kBACtC,aAAAQ,KAAA,CAACT,QAAA;UAASgB,aAAa;UAACC,QAAA,EAAUZ,MAAA;kCAChCQ,IAAA,CAAChB,MAAA;YACCqB,WAAA,EAAY;YACZC,YAAA,EAAa;YACbC,OAAA,EAASA,CAAA;cACP,IAAIb,QAAA,CAASc,OAAO,EAAE;gBACpBd,QAAA,CAASc,OAAO,CAACC,KAAK;cACxB;YACF;YACAX,IAAA,EAAK;sBAEJL,CAAA,CAAE;2BAELO,IAAA,CAAC;YACCU,MAAA,EAAQpB,eAAA;YACR,eAAY;YACZO,SAAA,EAAW,GAAGT,SAAA,gBAAyB;YACvCuB,MAAM;YACNC,QAAQ;YACRR,QAAA,EAAWS,CAAA;cACT,IAAIA,CAAA,CAAEC,MAAM,CAACC,KAAK,IAAIF,CAAA,CAAEC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,GAAG;gBAC/CxB,MAAA,CAAOqB,CAAA,CAAEC,MAAM,CAACC,KAAK;cACvB;YACF;YACAE,GAAA,EAAKvB,QAAA;YACLwB,IAAA,EAAK;2BAGPtB,KAAA,CAAC;YAAEC,SAAA,EAAW,GAAGT,SAAA,mBAA4B;uBAC1CK,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;;;;;;AAOnC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","toast","SelectInput","useTranslation","getFilesFromClipboard","DialogHeader","DialogModal","Dropzone","UploadDropzoneContent","useFormsManager","useBulkUpload","useUploadCollectionOptions","baseClass","AddFilesView","t0","$","acceptMimeTypes","modalSlug","onDrop","t","collectionSlug","setCollectionSlug","changeCollectionSlug","forms","isInitializing","collectionOptions","t1","files","error","t2","handlePasteFromClipboard","_jsxs","className","size","slug","children","_jsx","showClose","title","length","isClearable","label","name","onChange","option","value","options","path","readOnly","required","multipleFiles","multiple","onFilesSelected","onPasteFromClipboard","pasteButtonClassName","pasteTooltip"],"sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { getFilesFromClipboard } from '../../../utilities/getFilesFromClipboard.js'\nimport { DialogHeader, DialogModal } from '../../Dialog/index.js'\nimport { Dropzone } from '../../Dropzone/index.js'\nimport { UploadDropzoneContent } from '../../UploadDropzoneContent/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { useBulkUpload } from '../index.js'\nimport { useUploadCollectionOptions } from '../useUploadCollectionOptions.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--add-files'\n\ntype Props = {\n  readonly acceptMimeTypes?: string\n  readonly modalSlug: string\n  readonly onDrop: (acceptedFiles: FileList) => void\n}\nexport function AddFilesView({ acceptMimeTypes, modalSlug: modalSlug, onDrop }: Props) {\n  const { t } = useTranslation()\n  const { collectionSlug, setCollectionSlug } = useBulkUpload()\n  const { changeCollectionSlug, forms, isInitializing } = useFormsManager()\n  const collectionOptions = useUploadCollectionOptions()\n\n  const handlePasteFromClipboard = React.useCallback(async () => {\n    try {\n      const files = await getFilesFromClipboard()\n      if (!files) {\n        toast.error(t('error:noFileFoundInClipboard'))\n        return\n      }\n      onDrop(files)\n    } catch (_err) {\n      toast.error(t('error:unableToReadClipboard'))\n    }\n  }, [onDrop, t])\n\n  return (\n    <DialogModal className={baseClass} size=\"large\" slug={modalSlug}>\n      <DialogHeader showClose title={t('upload:addFiles')} />\n      {collectionOptions.length > 1 && (\n        <SelectInput\n          className={`${baseClass}__collectionSelect`}\n          isClearable={false}\n          label={t('general:collection')}\n          name=\"collection\"\n          onChange={(option) => {\n            if (option && typeof option === 'object' && 'value' in option) {\n              if (typeof option.value === 'string') {\n                if (forms.length) {\n                  changeCollectionSlug(option.value)\n                } else {\n                  setCollectionSlug(option.value)\n                }\n              }\n            }\n          }}\n          options={collectionOptions}\n          path=\"uploadCollection\"\n          readOnly={isInitializing}\n          required\n          value={collectionSlug}\n        />\n      )}\n      <div className={`${baseClass}__body`}>\n        <div className={`${baseClass}__dropArea`}>\n          <Dropzone multipleFiles onChange={onDrop}>\n            <UploadDropzoneContent\n              acceptMimeTypes={acceptMimeTypes}\n              className={`${baseClass}__dropzoneContent`}\n              multiple\n              onFilesSelected={onDrop}\n              onPasteFromClipboard={handlePasteFromClipboard}\n              pasteButtonClassName={`${baseClass}__pasteFromClipboard`}\n              pasteTooltip={t('upload:pasteFromClipboard')}\n            />\n          </Dropzone>\n        </div>\n      </div>\n    </DialogModal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -26,10 +26,6 @@
     overflow: hidden;
   }
 
-  .bulk-upload--file-manager > .dialog__footer {
-    border-block-start: var(--stroke-width-small) solid var(--color-border);
-  }
-
   .bulk-upload--file-manager__editView {
     display: flex;
     flex-direction: column;
@@ -115,6 +111,7 @@
 
   /* Stack on mobile — the modal is full-screen and there is no room for two columns. The whole
      edit view scrolls as one column (no divider, no internal field scroll). */
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .bulk-upload--file-manager__body {
       flex-direction: column-reverse;
@@ -169,6 +166,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .bulk-upload--file-manager .document-fields__edit {
       padding-top: var(--spacer-3);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoBzB,OAAO,aAAa,CAAA;AAMpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,qBA2GnD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoBzB,OAAO,aAAa,CAAA;AAMpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,qBAkHnD"}

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/EditMany/DrawerContent.js

@@ -119,8 +119,8 @@ export const EditManyBulkUploadsDrawerContent = props => {
       skipValidation: true
     });
     dispatchFields({
-      type: 'UPDATE_MANY',
-      formState: state_0
+      type: 'MERGE_SERVER_STATE',
+      serverState: state_0
     });
     setIsInitializing(false);
   }, [getFormState, collection, collectionPermissions]);

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["useModal","getTranslation","unflatten","React","useCallback","useEffect","useMemo","useState","Button","Form","FieldPathContext","RenderField","ChevronIcon","useAuth","DocumentInfoProvider","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","FieldSelect","useFormsManager","baseClass","EditManyBulkUploadsDrawerContent","props","collection","fields","labels","plural","singular","drawerSlug","forms","isInitializing","setIsInitializing","permissions","user","i18n","t","closeModal","bulkUpdateForm","getFormState","abortFormStateRef","useRef","selectedFields","setSelectedFields","collectionPermissions","collections","slug","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","skipValidation","current","abortFormState","handleSubmit","pairedData","onFieldSelect","dispatchFields","selected","type","title","count","length","label","_jsx","currentEditor","hasPublishedDoc","id","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","_jsxs","className","onSubmit","buttonStyle","icon","direction","size","onClick","disabled","undefined","map","i","field","fieldPermissions","clientFieldConfig","indexPath","parentPath","parentSchemaPath"],"sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, SelectType } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { unflatten } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../../FieldSelect/index.js'\nimport type { FieldOption } from '../../FieldSelect/reduceFieldOptions.js'\nimport type { State } from '../FormsManager/reducer.js'\nimport type { EditManyBulkUploadsProps } from './index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Form } from '../../../forms/Form/index.js'\nimport { FieldPathContext } from '../../../forms/RenderFields/context.js'\nimport { RenderField } from '../../../forms/RenderFields/RenderField.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js'\nimport { FieldSelect } from '../../FieldSelect/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { baseClass } from './index.js'\nimport './index.css'\nimport '../../../forms/RenderFields/index.css'\n\nexport const EditManyBulkUploadsDrawerContent: React.FC<\n  {\n    collection: ClientCollectionConfig\n    drawerSlug: string\n    forms: State['forms']\n  } & EditManyBulkUploadsProps\n> = (props) => {\n  const {\n    collection: { fields, labels: { plural, singular } } = {},\n    collection,\n    drawerSlug,\n    forms,\n  } = props\n\n  const [isInitializing, setIsInitializing] = useState(false)\n  const { permissions, user } = useAuth()\n  const { i18n, t } = useTranslation()\n  const { closeModal } = useModal()\n  const { bulkUpdateForm } = useFormsManager()\n  const { getFormState } = useServerFunctions()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const select = useMemo<SelectType>(() => {\n    return unflatten(\n      selectedFields.reduce((acc, option) => {\n        acc[option.value.path] = true\n        return acc\n      }, {} as SelectType),\n    )\n  }, [selectedFields])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortFormStateRef)\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortFormStateRef.current = null\n\n      return state\n    },\n    [getFormState, collection, collectionPermissions, select],\n  )\n\n  useEffect(() => {\n    const abortFormState = abortFormStateRef.current\n\n    return () => {\n      abortAndIgnore(abortFormState)\n    }\n  }, [])\n\n  const handleSubmit: FormProps['onSubmit'] = useCallback(\n    (formState) => {\n      const pairedData = selectedFields.reduce((acc, option) => {\n        if (formState[option.value.path]) {\n          acc[option.value.path] = formState[option.value.path].value\n        }\n        return acc\n      }, {})\n\n      void bulkUpdateForm(pairedData, () => closeModal(drawerSlug))\n    },\n    [closeModal, drawerSlug, bulkUpdateForm, selectedFields],\n  )\n\n  const onFieldSelect = useCallback<OnFieldSelect>(\n    async ({ dispatchFields, formState, selected }) => {\n      setIsInitializing(true)\n\n      setSelectedFields(selected || [])\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select: unflatten(\n          selected.reduce((acc, option) => {\n            acc[option.value.path] = true\n            return acc\n          }, {} as SelectType),\n        ),\n        skipValidation: true,\n      })\n\n      dispatchFields({\n        type: 'UPDATE_MANY',\n        formState: state,\n      })\n\n      setIsInitializing(false)\n    },\n    [getFormState, collection, collectionPermissions],\n  )\n\n  const title = t('general:editingLabel', {\n    count: forms.length,\n    label: getTranslation(forms.length > 1 ? plural : singular, i18n),\n  })\n\n  return (\n    <DocumentInfoProvider\n      collectionSlug={collection.slug}\n      currentEditor={user}\n      hasPublishedDoc={false}\n      id={null}\n      initialData={{}}\n      isLocked={false}\n      lastUpdateTime={0}\n      mostRecentVersionIsAutosaved={false}\n      unpublishedVersionCount={0}\n      versionCount={0}\n    >\n      <Form\n        className={`${baseClass}__form`}\n        isInitializing={isInitializing}\n        onChange={[onChange]}\n        onSubmit={handleSubmit}\n      >\n        <div className={`${baseClass}__header`}>\n          <Button\n            aria-label={t('general:close')}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__header__close`}\n            icon={<ChevronIcon direction=\"left\" size={24} />}\n            id={`close-drawer__${drawerSlug}`}\n            onClick={() => closeModal(drawerSlug)}\n          />\n          <h2 className={`${baseClass}__header__title`} title={title}>\n            {title}\n          </h2>\n          <div className={`${baseClass}__header__actions`}>\n            <Button disabled={selectedFields.length === 0} size=\"medium\" type=\"submit\">\n              {t('general:applyChanges')}\n            </Button>\n          </div>\n        </div>\n        <div className={`${baseClass}__body`}>\n          <div className={`${baseClass}__select-fields`}>\n            <FieldSelect\n              fields={fields}\n              onChange={onFieldSelect}\n              permissions={collectionPermissions.fields}\n            />\n          </div>\n          {selectedFields.length === 0 ? null : (\n            <div className={`${baseClass}__edit`}>\n              <div className=\"render-fields\">\n                <FieldPathContext value={undefined}>\n                  {selectedFields.map((option, i) => {\n                    const {\n                      value: { field, fieldPermissions, path },\n                    } = option\n\n                    return (\n                      <RenderField\n                        clientFieldConfig={field}\n                        indexPath=\"\"\n                        key={`${path}-${i}`}\n                        parentPath=\"\"\n                        parentSchemaPath=\"\"\n                        path={path}\n                        permissions={fieldPermissions}\n                      />\n                    )\n                  })}\n                </FieldPathContext>\n              </div>\n            </div>\n          )}\n        </div>\n      </Form>\n    </DocumentInfoProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["useModal","getTranslation","unflatten","React","useCallback","useEffect","useMemo","useState","Button","Form","FieldPathContext","RenderField","ChevronIcon","useAuth","DocumentInfoProvider","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","FieldSelect","useFormsManager","baseClass","EditManyBulkUploadsDrawerContent","props","collection","fields","labels","plural","singular","drawerSlug","forms","isInitializing","setIsInitializing","permissions","user","i18n","t","closeModal","bulkUpdateForm","getFormState","abortFormStateRef","useRef","selectedFields","setSelectedFields","collectionPermissions","collections","slug","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","skipValidation","current","abortFormState","handleSubmit","pairedData","onFieldSelect","dispatchFields","selected","type","serverState","title","count","length","label","_jsx","currentEditor","hasPublishedDoc","id","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","_jsxs","className","onSubmit","buttonStyle","icon","direction","size","onClick","disabled","undefined","map","i","field","fieldPermissions","clientFieldConfig","indexPath","parentPath","parentSchemaPath"],"sources":["../../../../src/elements/BulkUpload/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, SelectType } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { unflatten } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../../FieldSelect/index.js'\nimport type { FieldOption } from '../../FieldSelect/reduceFieldOptions.js'\nimport type { State } from '../FormsManager/reducer.js'\nimport type { EditManyBulkUploadsProps } from './index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Form } from '../../../forms/Form/index.js'\nimport { FieldPathContext } from '../../../forms/RenderFields/context.js'\nimport { RenderField } from '../../../forms/RenderFields/RenderField.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js'\nimport { FieldSelect } from '../../FieldSelect/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { baseClass } from './index.js'\nimport './index.css'\nimport '../../../forms/RenderFields/index.css'\n\nexport const EditManyBulkUploadsDrawerContent: React.FC<\n  {\n    collection: ClientCollectionConfig\n    drawerSlug: string\n    forms: State['forms']\n  } & EditManyBulkUploadsProps\n> = (props) => {\n  const {\n    collection: { fields, labels: { plural, singular } } = {},\n    collection,\n    drawerSlug,\n    forms,\n  } = props\n\n  const [isInitializing, setIsInitializing] = useState(false)\n  const { permissions, user } = useAuth()\n  const { i18n, t } = useTranslation()\n  const { closeModal } = useModal()\n  const { bulkUpdateForm } = useFormsManager()\n  const { getFormState } = useServerFunctions()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const select = useMemo<SelectType>(() => {\n    return unflatten(\n      selectedFields.reduce((acc, option) => {\n        acc[option.value.path] = true\n        return acc\n      }, {} as SelectType),\n    )\n  }, [selectedFields])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortFormStateRef)\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortFormStateRef.current = null\n\n      return state\n    },\n    [getFormState, collection, collectionPermissions, select],\n  )\n\n  useEffect(() => {\n    const abortFormState = abortFormStateRef.current\n\n    return () => {\n      abortAndIgnore(abortFormState)\n    }\n  }, [])\n\n  const handleSubmit: FormProps['onSubmit'] = useCallback(\n    (formState) => {\n      const pairedData = selectedFields.reduce((acc, option) => {\n        if (formState[option.value.path]) {\n          acc[option.value.path] = formState[option.value.path].value\n        }\n        return acc\n      }, {})\n\n      void bulkUpdateForm(pairedData, () => closeModal(drawerSlug))\n    },\n    [closeModal, drawerSlug, bulkUpdateForm, selectedFields],\n  )\n\n  const onFieldSelect = useCallback<OnFieldSelect>(\n    async ({ dispatchFields, formState, selected }) => {\n      setIsInitializing(true)\n\n      setSelectedFields(selected || [])\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select: unflatten(\n          selected.reduce((acc, option) => {\n            acc[option.value.path] = true\n            return acc\n          }, {} as SelectType),\n        ),\n        skipValidation: true,\n      })\n\n      dispatchFields({\n        type: 'MERGE_SERVER_STATE',\n        serverState: state,\n      })\n\n      setIsInitializing(false)\n    },\n    [getFormState, collection, collectionPermissions],\n  )\n\n  const title = t('general:editingLabel', {\n    count: forms.length,\n    label: getTranslation(forms.length > 1 ? plural : singular, i18n),\n  })\n\n  return (\n    <DocumentInfoProvider\n      collectionSlug={collection.slug}\n      currentEditor={user}\n      hasPublishedDoc={false}\n      id={null}\n      initialData={{}}\n      isLocked={false}\n      lastUpdateTime={0}\n      mostRecentVersionIsAutosaved={false}\n      unpublishedVersionCount={0}\n      versionCount={0}\n    >\n      <Form\n        className={`${baseClass}__form`}\n        isInitializing={isInitializing}\n        onChange={[onChange]}\n        onSubmit={handleSubmit}\n      >\n        <div className={`${baseClass}__header`}>\n          <Button\n            aria-label={t('general:close')}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__header__close`}\n            icon={<ChevronIcon direction=\"left\" size={24} />}\n            id={`close-drawer__${drawerSlug}`}\n            onClick={() => closeModal(drawerSlug)}\n          />\n          <h2 className={`${baseClass}__header__title`} title={title}>\n            {title}\n          </h2>\n          <div className={`${baseClass}__header__actions`}>\n            <Button disabled={selectedFields.length === 0} size=\"medium\" type=\"submit\">\n              {t('general:applyChanges')}\n            </Button>\n          </div>\n        </div>\n        <div className={`${baseClass}__body`}>\n          <div className={`${baseClass}__select-fields`}>\n            <FieldSelect\n              fields={fields}\n              onChange={onFieldSelect}\n              permissions={collectionPermissions.fields}\n            />\n          </div>\n          {selectedFields.length === 0 ? null : (\n            <div className={`${baseClass}__edit`}>\n              <div className=\"render-fields\">\n                <FieldPathContext value={undefined}>\n                  {selectedFields.map((option, i) => {\n                    const {\n                      value: { field, fieldPermissions, path },\n                    } = option\n\n                    return (\n                      <RenderField\n                        clientFieldConfig={field}\n                        indexPath=\"\"\n                        key={`${path}-${i}`}\n                        parentPath=\"\"\n                        parentSchemaPath=\"\"\n                        path={path}\n                        permissions={fieldPermissions}\n                      />\n                    )\n                  })}\n                </FieldPathContext>\n              </div>\n            </div>\n          )}\n        </div>\n      </Form>\n    </DocumentInfoProvider>\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/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);
@@ -179,6 +178,7 @@
     overflow: auto;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .file-selections {
       --file-gutter-h: var(--gutter-h);
@@ -258,6 +258,10 @@
       padding-inline: var(--file-gutter-h);
     }
 
+    .file-selections__collectionSelect {
+      border-bottom: none;
+    }
+
     .file-selections__header__error {
       padding-inline: 0;
     }

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/createFormData.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionSlug, FormState } from 'payload';
+import type { FormState } from 'payload';
 import type { UploadHandlersContext } from '../../../providers/UploadHandlers/index.js';
-export declare function createFormData(formState: FormState, overrides: Record<string, any>, collectionSlug: CollectionSlug, uploadHandler: ReturnType<UploadHandlersContext['getUploadHandler']>): Promise<FormData>;
+export declare function createFormData(formState: FormState, overrides: Record<string, any>, uploadHandler: ReturnType<UploadHandlersContext['getUploadHandler']>, allowRestrictedFileTypes?: boolean): Promise<FormData>;
 //# sourceMappingURL=createFormData.d.ts.map

package/dist/elements/BulkUpload/FormsManager/createFormData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createFormData.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/createFormData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAKxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAA;AAEvF,wBAAsB,cAAc,CAClC,SAAS,EAAE,SAAc,EACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EACnC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,UAAU,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,qBAwCrE"}
+{"version":3,"file":"createFormData.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/createFormData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAKxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAA;AAEvF,wBAAsB,cAAc,CAClC,SAAS,EAAE,SAAc,EACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EACnC,aAAa,EAAE,UAAU,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,EACpE,wBAAwB,CAAC,EAAE,OAAO,qBAqCnC"}