@payloadcms/ui 4.0.0-internal.f11981a → 4.0.0-internal.f2a04f7

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 { FormState } from 'payload';
 import type { UploadHandlersContext } from '../../../providers/UploadHandlers/index.js';
-export declare function createFormData(formState: FormState, overrides: Record<string, any>, 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,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,qBA6BrE"}
+{"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"}

package/dist/elements/BulkUpload/FormsManager/createFormData.js

@@ -1,12 +1,16 @@
 import { serialize } from 'object-to-formdata';
-import { reduceFieldsToValues } from 'payload/shared';
-export async function createFormData(formState = {}, overrides = {}, uploadHandler) {
+import { reduceFieldsToValues, uploadRequiresServerValidation } from 'payload/shared';
+export async function createFormData(formState = {}, overrides = {}, uploadHandler, allowRestrictedFileTypes) {
   const data = reduceFieldsToValues(formState, true);
   let file = data?.file;
   if (file) {
     delete data.file;
   }
-  if (file && typeof uploadHandler === 'function') {
+  if (file && typeof uploadHandler === 'function' && !uploadRequiresServerValidation({
+    allowRestrictedFileTypes,
+    filename: file.name,
+    mimeType: file.type
+  })) {
     file = JSON.stringify(await uploadHandler({
       docPrefix: typeof data?.prefix === 'string' ? data.prefix : undefined,
       file

package/dist/elements/BulkUpload/FormsManager/createFormData.js.map

@@ -1 +1 @@
-{"version":3,"file":"createFormData.js","names":["serialize","reduceFieldsToValues","createFormData","formState","overrides","uploadHandler","data","file","JSON","stringify","docPrefix","prefix","undefined","dataWithOverrides","dataToSerialize","_payload","indices","nullsAsUndefineds"],"sources":["../../../../src/elements/BulkUpload/FormsManager/createFormData.ts"],"sourcesContent":["import type { FormState } from 'payload'\n\nimport { serialize } from 'object-to-formdata'\nimport { reduceFieldsToValues } from 'payload/shared'\n\nimport type { UploadHandlersContext } from '../../../providers/UploadHandlers/index.js'\n\nexport async function createFormData(\n  formState: FormState = {},\n  overrides: Record<string, any> = {},\n  uploadHandler: ReturnType<UploadHandlersContext['getUploadHandler']>,\n) {\n  const data = reduceFieldsToValues(formState, true)\n  let file = data?.file\n\n  if (file) {\n    delete data.file\n  }\n\n  if (file && typeof uploadHandler === 'function') {\n    file = JSON.stringify(\n      await uploadHandler({\n        docPrefix: typeof data?.prefix === 'string' ? data.prefix : undefined,\n        file,\n      }),\n    )\n  }\n\n  const dataWithOverrides = {\n    ...data,\n    ...overrides,\n  }\n\n  const dataToSerialize = {\n    _payload: JSON.stringify(dataWithOverrides),\n    file,\n  }\n\n  return serialize(dataToSerialize, { indices: true, nullsAsUndefineds: false })\n}\n"],"mappings":"AAEA,SAASA,SAAS,QAAQ;AAC1B,SAASC,oBAAoB,QAAQ;AAIrC,OAAO,eAAeC,eACpBC,SAAA,GAAuB,CAAC,CAAC,EACzBC,SAAA,GAAiC,CAAC,CAAC,EACnCC,aAAoE;EAEpE,MAAMC,IAAA,GAAOL,oBAAA,CAAqBE,SAAA,EAAW;EAC7C,IAAII,IAAA,GAAOD,IAAA,EAAMC,IAAA;EAEjB,IAAIA,IAAA,EAAM;IACR,OAAOD,IAAA,CAAKC,IAAI;EAClB;EAEA,IAAIA,IAAA,IAAQ,OAAOF,aAAA,KAAkB,YAAY;IAC/CE,IAAA,GAAOC,IAAA,CAAKC,SAAS,CACnB,MAAMJ,aAAA,CAAc;MAClBK,SAAA,EAAW,OAAOJ,IAAA,EAAMK,MAAA,KAAW,WAAWL,IAAA,CAAKK,MAAM,GAAGC,SAAA;MAC5DL;IACF;EAEJ;EAEA,MAAMM,iBAAA,GAAoB;IACxB,GAAGP,IAAI;IACP,GAAGF;EACL;EAEA,MAAMU,eAAA,GAAkB;IACtBC,QAAA,EAAUP,IAAA,CAAKC,SAAS,CAACI,iBAAA;IACzBN;EACF;EAEA,OAAOP,SAAA,CAAUc,eAAA,EAAiB;IAAEE,OAAA,EAAS;IAAMC,iBAAA,EAAmB;EAAM;AAC9E","ignoreList":[]}
+{"version":3,"file":"createFormData.js","names":["serialize","reduceFieldsToValues","uploadRequiresServerValidation","createFormData","formState","overrides","uploadHandler","allowRestrictedFileTypes","data","file","filename","name","mimeType","type","JSON","stringify","docPrefix","prefix","undefined","dataWithOverrides","dataToSerialize","_payload","indices","nullsAsUndefineds"],"sources":["../../../../src/elements/BulkUpload/FormsManager/createFormData.ts"],"sourcesContent":["import type { FormState } from 'payload'\n\nimport { serialize } from 'object-to-formdata'\nimport { reduceFieldsToValues, uploadRequiresServerValidation } from 'payload/shared'\n\nimport type { UploadHandlersContext } from '../../../providers/UploadHandlers/index.js'\n\nexport async function createFormData(\n  formState: FormState = {},\n  overrides: Record<string, any> = {},\n  uploadHandler: ReturnType<UploadHandlersContext['getUploadHandler']>,\n  allowRestrictedFileTypes?: boolean,\n) {\n  const data = reduceFieldsToValues(formState, true)\n  let file = data?.file\n\n  if (file) {\n    delete data.file\n  }\n\n  if (\n    file &&\n    typeof uploadHandler === 'function' &&\n    !uploadRequiresServerValidation({\n      allowRestrictedFileTypes,\n      filename: file.name,\n      mimeType: file.type,\n    })\n  ) {\n    file = JSON.stringify(\n      await uploadHandler({\n        docPrefix: typeof data?.prefix === 'string' ? data.prefix : undefined,\n        file,\n      }),\n    )\n  }\n\n  const dataWithOverrides = {\n    ...data,\n    ...overrides,\n  }\n\n  const dataToSerialize = {\n    _payload: JSON.stringify(dataWithOverrides),\n    file,\n  }\n\n  return serialize(dataToSerialize, { indices: true, nullsAsUndefineds: false })\n}\n"],"mappings":"AAEA,SAASA,SAAS,QAAQ;AAC1B,SAASC,oBAAoB,EAAEC,8BAA8B,QAAQ;AAIrE,OAAO,eAAeC,eACpBC,SAAA,GAAuB,CAAC,CAAC,EACzBC,SAAA,GAAiC,CAAC,CAAC,EACnCC,aAAoE,EACpEC,wBAAkC;EAElC,MAAMC,IAAA,GAAOP,oBAAA,CAAqBG,SAAA,EAAW;EAC7C,IAAIK,IAAA,GAAOD,IAAA,EAAMC,IAAA;EAEjB,IAAIA,IAAA,EAAM;IACR,OAAOD,IAAA,CAAKC,IAAI;EAClB;EAEA,IACEA,IAAA,IACA,OAAOH,aAAA,KAAkB,cACzB,CAACJ,8BAAA,CAA+B;IAC9BK,wBAAA;IACAG,QAAA,EAAUD,IAAA,CAAKE,IAAI;IACnBC,QAAA,EAAUH,IAAA,CAAKI;EACjB,IACA;IACAJ,IAAA,GAAOK,IAAA,CAAKC,SAAS,CACnB,MAAMT,aAAA,CAAc;MAClBU,SAAA,EAAW,OAAOR,IAAA,EAAMS,MAAA,KAAW,WAAWT,IAAA,CAAKS,MAAM,GAAGC,SAAA;MAC5DT;IACF;EAEJ;EAEA,MAAMU,iBAAA,GAAoB;IACxB,GAAGX,IAAI;IACP,GAAGH;EACL;EAEA,MAAMe,eAAA,GAAkB;IACtBC,QAAA,EAAUP,IAAA,CAAKC,SAAS,CAACI,iBAAA;IACzBV;EACF;EAEA,OAAOT,SAAA,CAAUoB,eAAA,EAAiB;IAAEE,OAAA,EAAS;IAAMC,iBAAA,EAAmB;EAAM;AAC9E","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;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,IAAI,EACJ,aAAa,EACb,SAAS,EAET,4BAA4B,EAC5B,WAAW,EACZ,MAAM,SAAS,CAAA;AAKhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAiBzC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,QAAQ,CAAC,cAAc,EAAE,CACvB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,gBAAgB,CAAC,EAAE,MAAM,IAAI,KAC1B,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,4BAA4B,CAAA;IACtD,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC9B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,oBAAoB,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,QAAQ,CAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChG,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,sBAAsB,EAAE,CAAC,EAChC,UAAU,EACV,KAAK,GACN,EAAE;QACD,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CACxD,CAAA;AA6BD,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC;IAC/B,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAChC,CAAC,CAAA;AAEF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,qBA+oBnE;AAED,wBAAgB,eAAe,wBAE9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,IAAI,EACJ,aAAa,EACb,SAAS,EAET,4BAA4B,EAC5B,WAAW,EACZ,MAAM,SAAS,CAAA;AAKhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAiBzC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IAC3D,QAAQ,CAAC,cAAc,EAAE,CACvB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,gBAAgB,CAAC,EAAE,MAAM,IAAI,KAC1B,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,4BAA4B,CAAA;IACtD,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC9B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,oBAAoB,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,QAAQ,CAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChG,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,sBAAsB,EAAE,CAAC,EAChC,UAAU,EACV,KAAK,GACN,EAAE;QACD,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CACxD,CAAA;AA8BD,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC;IAC/B,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAChC,CAAC,CAAA;AAEF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,qBA6xBnE;AAED,wBAAgB,eAAe,wBAE9B"}