@payloadcms/ui 4.0.0-internal.b8e7c89 → 4.0.0-internal.bf4bcce

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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,OAAO,QAAQ;AACxB,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,OAAO;AACP,SAASC,eAAe,QAAQ;AAChC,SAASC,aAAa,QAAQ;AAE9B,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,YAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EACL;IAAAgB,WAAA;IAAAC,KAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC;EAAA,IAA2ET,eAAA;EAC3E;IAAAU,YAAA;IAAAC;EAAA,IAAuCV,aAAA;EACvC;IAAAW,IAAA;IAAAC;EAAA,IAAoBlB,cAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAV,CAAA,QAAAI,UAAA;IAGlBM,EAAA,GAAAC,aAAA;MACEP,UAAA,CAAWO,aAAA;IAAA;IACbX,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAHF,MAAAY,gBAAA,GAAyBF,EAIX;EAGd,MAAAG,WAAA,GAAAC,KAAA;EASA;IAAAC,cAAA,EAAAC,wBAAA;IAAAC,qBAAA;IAAAC;EAAA,IAIIrB,aAAA;EAEJ;IAAAsB;EAAA,IAA4B7B,SAAA;EAAA,IAAA8B,EAAA;EAAA,IAAApB,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAgB,wBAAA,IAAAhB,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAmB,eAAA,IAAAnB,CAAA,QAAAY,gBAAA,IAAAZ,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAM,YAAA,IAAAN,CAAA,QAAAO,YAAA,IAAAP,CAAA,SAAAG,cAAA,IAAAH,CAAA,SAAAiB,qBAAA,IAAAjB,CAAA,SAAAK,cAAA,IAAAL,CAAA,SAAAkB,iBAAA,IAAAlB,CAAA,SAAAS,CAAA;IAAA,IAAAY,EAAA;IAAA,IAAArB,CAAA,SAAAC,WAAA,IAAAD,CAAA,SAAAY,gBAAA,IAAAZ,CAAA,SAAAQ,IAAA,IAAAR,CAAA,SAAAK,cAAA,IAAAL,CAAA,SAAAS,CAAA;MA2CTY,EAAA,GAAAA,CAAAC,EAAA,EAAAC,OAAA;QAAC;UAAAC,UAAA;UAAAC,MAAA;UAAAC;QAAA,IAAAJ,EAAiC;QAC3C,MAAAK,WAAA,GAAoBD,SAAC,EAAAE,IAAA,EAAAC,KAAA,MAAqC;QAAA,OAGxDC,KAAA,CAAC;UAAAC,SAAA,EACY,CACT,GAAAjC,SAAA,oBAAgC,EAChCkC,OAAA,KAAU/B,WAAA,IAAe,GAAAH,SAAA,4BAAwC,EACjE0B,UAAA,IAAcA,UAAA,IAAa,IAAK,GAAA1B,SAAA,2BAAuC,EAAAmC,MAAA,CAAAC,OAE/D,EAAAC,IAAA,CACF;UAAAC,QAAA,GAGRN,KAAA,CAAC;YAAAC,SAAA,EACY,GAAAjC,SAAA,WAAuB;YAAAuC,OAAA,EAAAA,CAAA,KACnBhC,cAAA,CAAe2B,OAAA;YAAAM,IAAA,EACzB;YAAAF,QAAA,GAELG,IAAA,CAAAC,gBAAA;cAAAZ,IAAA,EAAwBD,WAAA;cAAAF;YAAA,C,GACxBc,IAAA,CAAC;cAAAR,SAAA,EAAe,GAAAjC,SAAA,eAA2B;cAAAsC,QAAA,EACzCG,IAAA,CAAC;gBAAAR,SAAA,EAAa,GAAAjC,SAAA,YAAwB;gBAAA2C,KAAA,EAASd,WAAA,CAAAe,IAAA;gBAAAN,QAAA,EAC5CT,WAAA,CAAAe,IAAA,IAAoBjC,CAAA,CAAE;cAAA,C;gBAG1BkB,WAAA,YAAAgB,IAAuB,GACtBJ,IAAA,CAAC;cAAAR,SAAA,EAAa,GAAAjC,SAAA,YAAwB;cAAAsC,QAAA,EAAGvB,WAAA,CAAYc,WAAA;YAAA,C,QACnD,EACJY,IAAA,CAAC;cAAAR,SAAA,EAAe,GAAAjC,SAAA,YAAAA,SAAA,oBAAqD;cAAAsC,QAAA,EACnEG,IAAA,CAAAlD,KAAA,IAAC;YAAA,C,GAGFmC,UAAA,GACCe,IAAA,CAAA/C,SAAA;cAAAuC,SAAA,EACa,GAAAjC,SAAA,cAA0B;cAAA8C,KAAA,EAC9BpB,UAAA;cAAAhB;YAAA,C,QAGP;UAAA,C,GAGN+B,IAAA,CAAC;YAAA,cACa9B,CAAA,CAAE;YAAAsB,SAAA,EACH,GAAAjC,SAAA,YAAAA,SAAA,mBAAoD;YAAAuC,OAAA,EAAAA,CAAA,KAChDzB,gBAAA,CAAiBoB,OAAA;YAAAM,IAAA,EAC3B;YAAAF,QAAA,EAELG,IAAA,CAAAlD,KAAA,IAAC;UAAA,C;WAnCEoC,MAAA;MAAA;MAuCXzB,CAAA,OAAAC,WAAA;MAAAD,CAAA,OAAAY,gBAAA;MAAAZ,CAAA,OAAAQ,IAAA;MAAAR,CAAA,OAAAK,cAAA;MAAAL,CAAA,OAAAS,CAAA;MAAAT,CAAA,OAAAqB,EAAA;IAAA;MAAAA,EAAA,GAAArB,CAAA;IAAA;IA3FNoB,EAAA,GAAAU,KAAA,CAAC;MAAAC,SAAA,EAAAjC,SAAA;MAAAsC,QAAA,GACEnB,qBAAA,EAAA4B,MAAA,IAAgC,IAC/BN,IAAA,CAAC;QAAAR,SAAA,EAAe,GAAAjC,SAAA,UAAsB;QAAAsC,QAAA,EACpCG,IAAA,CAAAnD,WAAA;UAAA2C,SAAA,EACa,GAAAjC,SAAA,oBAAgC;UAAAgD,WAAA;UAAAJ,IAAA,EAEtC;UAAAK,QAAA,EAAAC,CAAA;YAEH,MAAAC,GAAA,GACE,OAAOD,CAAA,KAAM,YAAY,WAAWA,CAAA,GAC/BA,CAAA,EAAAnB,KAAA,GACAmB,CAAA;YACP9B,iBAAA,CAAkB+B,GAAA;UAAA;UAAAC,OAAA,EAGlBjC,qBAAA,EAAAkC,GAAA,CAAAC,IAAA;YACE,MAAAC,MAAA,GAAelC,eAAA;cAAAJ,cAAA,EAAkCqC;YAAA,CAAK;YAAA;cAAAE,KAAA,EACtCD,MAAA,CAAAE,MAAA,CAAAC,QAAA;cAAA3B,KAAA,EAA+BwB,MAAA,CAAAI;YAAA;UAAA,QACzC;UAAAC,IAAA,EAEL;UAAAC,QAAA;UAAA9B,KAAA,EAEEb;QAAA,C;UAKbuB,IAAA,CAAC;QAAAR,SAAA,EAAe,GAAAjC,SAAA,iCAA6C;QAAAsC,QAAA,EAC3DN,KAAA,CAAC;UAAAC,SAAA,EAAe,GAAAjC,SAAA,kBAA8B;UAAAsC,QAAA,GAC3CjC,cAAA,IACDD,KAAA,CAAA2C,MAAA,MAAiB,KAChBvC,YAAA,EAAAuC,MAAA,IAAuB,IAAKtC,YAAA,EAAAsC,MAAA,IAAuB,IAChD,CAACvC,YAAA,GAAesD,KAAA,CAAAC,IAAA,CAAWvD,YAAA,IAAgBC,YAAW,EAAA4C,GAAA,CAAAW,MAI7C,QAGT,EACH5D,KAAA,CAAAiD,GAAA,CAAU9B,EAmDX;QAAA,C;;;;;;;;;;;;;;;;;;;;SA3FND,E;;AA9BG,SAAA0C,OAAAC,MAAA,EAAA/B,KAAA;EAAA,OA+DSO,IAAA,CAAA9C,aAAA;IAAAuE,cAAA,EACkB,QAAQhC,KAAA,aAAkB;IAAAiC,MAAA,EACnC;EAAA,GACFjC,KAAA;AAAA;AAlEhB,SAAAlB,MAAAc,IAAA;EAaH,MAAAsC,IAAA,GAAatC,IAAA,CAAAsC,IAAA;EACb,MAAAC,CAAA,GAAUD,IAAA,MAAS,OAAQE,IAAA,CAAAC,KAAA,CAAWD,IAAA,CAAAE,GAAA,CAASJ,IAAA,IAAQE,IAAA,CAAAE,GAAA,KAAS;EAChE,MAAAC,QAAA,GAAiBJ,CAAA,IAAI,QAAQ;EAC7B,MAAAK,aAAA,GACE,CAACN,IAAA,GAAOE,IAAA,CAAAK,GAAA,OAAeN,CAAA,CAAC,EAAAO,OAAA,CAAWH,QAAA,IAAY,OAAO,KAAK,MAAM,MAAM,MAAM,MAAMJ,CAAA,CAAE;EAAA,OAChFK,aAAA;AAAA;AA8GX,SAAShC,iBAAiB;EAAEZ,IAAI;EAAEH;AAAM,CAAkC;EACxE,MAAM,CAACkD,YAAA,EAAcC,eAAA,CAAgB,GAAGzF,KAAA,CAAM0F,QAAQ,CAAgB;EACtE,MAAM,CAACC,SAAA,EAAWC,YAAA,CAAa,GAAG5F,KAAA,CAAM0F,QAAQ,CAAC;EAEjD1F,KAAA,CAAM6F,SAAS,CAAC;IACd,IAAIC,WAAA,GAAc;IAElB,eAAeC,kBAAA;MACbH,YAAA,CAAa;MACbH,eAAA,CAAgB;MAEhB,IAAI;QACF,IAAI1F,OAAA,CAAQ0C,IAAA,CAAKU,IAAI,GAAG;UACtB,MAAM6C,GAAA,GAAM,MAAMzF,eAAA,CAAgBkC,IAAA;UAClC,IAAI,CAACqD,WAAA,EAAa;YAChBL,eAAA,CAAgBO,GAAA;UAClB;QACF,OAAO;UACLP,eAAA,CAAgB;QAClB;MACF,EAAE,OAAOQ,CAAA,EAAG;QACV,IAAI,CAACH,WAAA,EAAa;UAChBL,eAAA,CAAgB;QAClB;MACF,UAAU;QACR,IAAI,CAACK,WAAA,EAAa;UAChBF,YAAA,CAAa;QACf;MACF;IACF;IAEA,KAAKG,iBAAA;IAEL,OAAO;MACLD,WAAA,GAAc;IAChB;EACF,GAAG,CAACrD,IAAA,CAAK;EAET,IAAIkD,SAAA,EAAW;IACb,oBAAOvC,IAAA,CAAC9C,aAAA;MAAcsC,SAAA,EAAW,GAAGjC,SAAA,qBAA8B;MAAEuF,mBAAmB;;EACzF;EAEA,oBACE9C,IAAA,CAAC5C,SAAA;IACCoC,SAAA,EAAW,GAAGjC,SAAA,aAAsB;IACpCwF,OAAA,EAASX;KACJ,GAAGlD,MAAA,IAAUkD,YAAA,IAAgB,eAAe;AAGvD","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,qBAgpBnE;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"}

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

@@ -2,7 +2,7 @@
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
-import { formatAdminURL } from 'payload/shared';
+import { formatAdminURL, validateMimeType } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React from 'react';
 import { toast } from 'sonner';
@@ -22,8 +22,9 @@ import { createFormData } from './createFormData.js';
 import { formsManagementReducer } from './reducer.js';
 const Context = /*#__PURE__*/React.createContext({
   activeIndex: 0,
-  addFiles: () => Promise.resolve(),
+  addFiles: () => Promise.resolve(false),
   bulkUpdateForm: () => null,
+  changeCollectionSlug: () => null,
   collectionSlug: '',
   docPermissions: undefined,
   documentSlots: {},
@@ -101,6 +102,8 @@ export function FormsManagerProvider({
     modalSlug: drawerSlug,
     onSuccess,
     parentID,
+    selectableCollections,
+    setCollectionSlug,
     setInitialFiles,
     setInitialForms,
     setSuccessfullyUploaded
@@ -113,18 +116,59 @@ export function FormsManagerProvider({
   const [loadingText, setLoadingText] = React.useState('');
   const hasInitializedWithFiles = React.useRef(false);
   const initialStateRef = React.useRef(null);
+  const initializedStateCollectionSlugRef = React.useRef(undefined);
+  const initializedPermissionsCollectionSlugRef = React.useRef(undefined);
+  const currentCollectionSlugRef = React.useRef(collectionSlug);
+  currentCollectionSlugRef.current = collectionSlug;
   const getFormDataRef = React.useRef(() => ({}));
-  const baseAPIPath = formatAdminURL({
+  const pendingCollectionChangeRef = React.useRef(null);
+  const collectionFormsCacheRef = React.useRef({});
+  const changeCollectionSlug = React.useCallback(slug => {
+    if (slug === collectionSlug || isInitializing || !selectableCollections?.includes(slug)) {
+      return;
+    }
+    const mimeTypes = getEntityConfig({
+      collectionSlug: slug
+    })?.upload?.mimeTypes;
+    if (mimeTypes?.length && forms.some(({
+      formState
+    }) => {
+      const file = formState?.file?.value;
+      return file instanceof File && !validateMimeType(file.type, mimeTypes);
+    })) {
+      toast.error(t('error:invalidFileType'));
+      return;
+    }
+    const activeFormState = getFormDataRef.current();
+    const currentForms = forms.map((form, index) => index === activeIndex ? {
+      ...form,
+      formState: activeFormState
+    } : form);
+    collectionFormsCacheRef.current[collectionSlug] = currentForms;
+    pendingCollectionChangeRef.current = {
+      slug,
+      forms: currentForms
+    };
+    setIsInitializing(true);
+    setHasInitializedState(false);
+    setHasInitializedDocPermissions(false);
+    setHasSavePermission(false);
+    setHasPublishPermission(false);
+    setCollectionSlug(slug);
+  }, [activeIndex, collectionSlug, forms, getEntityConfig, isInitializing, selectableCollections, setCollectionSlug, t]);
+  const actionURL = formatAdminURL({
     apiRoute: api,
-    path: ''
+    path: `/${collectionSlug}`
   });
-  const actionURL = `${baseAPIPath}/${collectionSlug}`;
   const initializeSharedDocPermissions = React.useCallback(async () => {
     const params = {
       locale: code || undefined
     };
-    const docAccessURL = `/${collectionSlug}/access`;
-    const res = await fetch(`${baseAPIPath}${docAccessURL}?${qs.stringify(params)}`, {
+    const docAccessPath = `/${collectionSlug}/access?${qs.stringify(params)}`;
+    const res = await fetch(formatAdminURL({
+      apiRoute: api,
+      path: docAccessPath
+    }), {
       credentials: 'include',
       headers: {
         'Accept-Language': i18n.language,
@@ -133,7 +177,10 @@ export function FormsManagerProvider({
       method: 'POST'
     });
     const json = await res.json();
-    const publishedAccessJSON = await fetch(`${baseAPIPath}${docAccessURL}?${qs.stringify(params)}`, {
+    const publishedAccessJSON = await fetch(formatAdminURL({
+      apiRoute: api,
+      path: docAccessPath
+    }), {
       body: JSON.stringify({
         _status: 'published'
       }),
@@ -144,6 +191,9 @@ export function FormsManagerProvider({
       },
       method: 'POST'
     }).then(res_0 => res_0.json());
+    if (currentCollectionSlugRef.current !== collectionSlug) {
+      return;
+    }
     setDocPermissions(json);
     setHasSavePermission(getHasSavePermission({
       collectionSlug,
@@ -151,8 +201,9 @@ export function FormsManagerProvider({
       isEditing: false
     }));
     setHasPublishPermission(publishedAccessJSON?.update);
+    initializedPermissionsCollectionSlugRef.current = collectionSlug;
     setHasInitializedDocPermissions(true);
-  }, [baseAPIPath, code, collectionSlug, i18n.language]);
+  }, [api, code, collectionSlug, i18n.language]);
   const initializeSharedFormState = React.useCallback(async abortController => {
     if (abortController?.signal) {
       abortController.abort('aborting previous fetch for initial form state without files');
@@ -161,13 +212,12 @@ export function FormsManagerProvider({
     const documentSlots_0 = await getDocumentSlots({
       collectionSlug
     });
-    setDocumentSlots(documentSlots_0);
     try {
       const {
         state: formStateWithoutFiles
       } = await getFormState({
         collectionSlug,
-        docPermissions,
+        docPermissions: initializedPermissionsCollectionSlugRef.current === collectionSlug ? docPermissions : undefined,
         docPreferences: {
           fields: {}
         },
@@ -186,28 +236,35 @@ export function FormsManagerProvider({
           }
         };
       }
+      if (currentCollectionSlugRef.current !== collectionSlug) {
+        return null;
+      }
+      setDocumentSlots(documentSlots_0);
       initialStateRef.current = formStateWithoutFiles;
+      initializedStateCollectionSlugRef.current = collectionSlug;
       setHasInitializedState(true);
+      return formStateWithoutFiles;
     } catch (_err) {
       // swallow error
+      return null;
     }
   }, [getDocumentSlots, collectionSlug, getFormState, docPermissions, code, folderFieldName]);
-  const setActiveIndex = React.useCallback(index => {
+  const setActiveIndex = React.useCallback(index_0 => {
     const currentFormsData = getFormDataRef.current();
     dispatch({
       type: 'REPLACE',
       state: {
-        activeIndex: index,
-        forms: forms.map((form, i) => {
+        activeIndex: index_0,
+        forms: forms.map((form_0, i) => {
           if (i === activeIndex) {
             return {
-              errorCount: form.errorCount,
-              formID: form.formID,
+              errorCount: form_0.errorCount,
+              formID: form_0.formID,
               formState: currentFormsData,
-              uploadEdits: form.uploadEdits
+              uploadEdits: form_0.uploadEdits
             };
           }
-          return form;
+          return form_0;
         })
       }
     });
@@ -226,6 +283,16 @@ export function FormsManagerProvider({
     return baseState;
   }, [parentID, folderFieldName]);
   const addFiles = React.useCallback(async files => {
+    const mimeTypes_0 = getEntityConfig({
+      collectionSlug
+    })?.upload?.mimeTypes;
+    const acceptedFiles = Array.from(files).filter(file_0 => !mimeTypes_0?.length || validateMimeType(file_0.type, mimeTypes_0));
+    if (acceptedFiles.length !== files.length) {
+      toast.error(t('error:invalidFileType'));
+    }
+    if (!acceptedFiles.length) {
+      return false;
+    }
     if (forms.length) {
       // save the state of the current form before adding new files
       dispatch({
@@ -239,35 +306,52 @@ export function FormsManagerProvider({
       isLoading: true,
       key: 'addingDocs'
     });
-    if (!hasInitializedState) {
-      await initializeSharedFormState();
+    let initialFormState = initialStateRef.current;
+    if (initializedStateCollectionSlugRef.current !== collectionSlug) {
+      initialFormState = await initializeSharedFormState();
+    }
+    if (currentCollectionSlugRef.current !== collectionSlug || !initialFormState) {
+      toggleLoadingOverlay({
+        isLoading: false,
+        key: 'addingDocs'
+      });
+      return false;
     }
     dispatch({
       type: 'ADD_FORMS',
-      forms: Array.from(files).map(file => ({
-        file,
-        initialState: applyFolderToState(initialStateRef.current)
+      forms: acceptedFiles.map(file_1 => ({
+        file: file_1,
+        initialState: applyFolderToState(initialFormState)
       }))
     });
     toggleLoadingOverlay({
       isLoading: false,
       key: 'addingDocs'
     });
-  }, [initializeSharedFormState, hasInitializedState, toggleLoadingOverlay, activeIndex, forms, applyFolderToState]);
+    return true;
+  }, [initializeSharedFormState, collectionSlug, toggleLoadingOverlay, activeIndex, forms, applyFolderToState, getEntityConfig, t]);
   const addFilesEffectEvent = useEffectEvent(addFiles);
   const addInitialForms = useEffectEvent(async initialForms_0 => {
     toggleLoadingOverlay({
       isLoading: true,
       key: 'addingDocs'
     });
-    if (!hasInitializedState) {
-      await initializeSharedFormState();
+    let initialFormState_0 = initialStateRef.current;
+    if (initializedStateCollectionSlugRef.current !== collectionSlug) {
+      initialFormState_0 = await initializeSharedFormState();
+    }
+    if (currentCollectionSlugRef.current !== collectionSlug || !initialFormState_0) {
+      toggleLoadingOverlay({
+        isLoading: false,
+        key: 'addingDocs'
+      });
+      return;
     }
     dispatch({
       type: 'ADD_FORMS',
-      forms: initialForms_0.map(form_0 => ({
-        ...form_0,
-        initialState: applyFolderToState(form_0?.initialState || initialStateRef.current)
+      forms: initialForms_0.map(form_1 => ({
+        ...form_1,
+        initialState: applyFolderToState(form_1?.initialState || initialFormState_0)
       }))
     });
     toggleLoadingOverlay({
@@ -275,54 +359,56 @@ export function FormsManagerProvider({
       key: 'addingDocs'
     });
   });
-  const removeFile = React.useCallback(index_0 => {
+  const removeFile = React.useCallback(index_1 => {
     dispatch({
       type: 'REMOVE_FORM',
-      index: index_0
+      index: index_1
     });
   }, []);
   const setFormTotalErrorCount = React.useCallback(({
     errorCount,
-    index: index_1
+    index: index_2
   }) => {
     dispatch({
       type: 'UPDATE_ERROR_COUNT',
       count: errorCount,
-      index: index_1
+      index: index_2
     });
   }, []);
   const saveAllDocs = React.useCallback(async ({
     overrides
   } = {}) => {
     const currentFormsData_0 = getFormDataRef.current();
-    const currentForms = [...forms];
-    currentForms[activeIndex] = {
-      errorCount: currentForms[activeIndex].errorCount,
-      formID: currentForms[activeIndex].formID,
+    const currentForms_0 = [...forms];
+    currentForms_0[activeIndex] = {
+      errorCount: currentForms_0[activeIndex].errorCount,
+      formID: currentForms_0[activeIndex].formID,
       formState: currentFormsData_0,
-      uploadEdits: currentForms[activeIndex].uploadEdits
+      uploadEdits: currentForms_0[activeIndex].uploadEdits
     };
-    const activeFormID = currentForms[activeIndex]?.formID;
+    const activeFormID = currentForms_0[activeIndex]?.formID;
     const newDocs = [];
     setIsUploading(true);
-    for (let i_0 = 0; i_0 < currentForms.length; i_0++) {
+    for (let i_0 = 0; i_0 < currentForms_0.length; i_0++) {
       try {
-        const form_1 = currentForms[i_0];
-        const fileValue = form_1.formState?.file?.value;
+        const form_2 = currentForms_0[i_0];
+        const fileValue = form_2.formState?.file?.value;
         setLoadingText(t('general:uploadingBulk', {
           current: i_0 + 1,
-          total: currentForms.length
+          total: currentForms_0.length
         }));
         const actionURLWithParams = `${actionURL}${qs.stringify({
           locale: code,
-          uploadEdits: form_1?.uploadEdits || undefined
+          uploadEdits: form_2?.uploadEdits || undefined
         }, {
           addQueryPrefix: true
         })}`;
         const req = await fetch(actionURLWithParams, {
-          body: await createFormData(form_1.formState, overrides, getUploadHandler({
+          body: await createFormData(form_2.formState, overrides, getUploadHandler({
             collectionSlug
-          })),
+          }), config.collections.find(({
+            slug: slug_0
+          }) => slug_0 === collectionSlug)?.upload?.allowRestrictedFileTypes),
           credentials: 'include',
           method: 'POST'
         });
@@ -332,7 +418,7 @@ export function FormsManagerProvider({
           newDocs.push({
             collectionSlug,
             doc: json_0.doc,
-            formID: form_1.formID
+            formID: form_2.formID
           });
         }
         // should expose some sort of helper for this
@@ -357,12 +443,12 @@ export function FormsManagerProvider({
         const exceedsLimit = fileValue && req.status === 413;
         const missingFilename = fileValue && typeof fileValue === 'object' && 'name' in fileValue && (!fileValue.name || fileValue.name === '');
         if (missingFile || exceedsLimit || missingFilename) {
-          currentForms[i_0].formState.file.valid = false;
+          currentForms_0[i_0].formState.file.valid = false;
           // File/Blob objects cannot be serialized via the RSC flight protocol,
           // so replace with a plain object before calling the server function.
-          const originalFileValue = currentForms[i_0].formState.file?.value;
+          const originalFileValue = currentForms_0[i_0].formState.file?.value;
           const formStateForServer = {
-            ...currentForms[i_0].formState
+            ...currentForms_0[i_0].formState
           };
           if (originalFileValue instanceof File) {
             formStateForServer.file = {
@@ -391,9 +477,9 @@ export function FormsManagerProvider({
                 value: originalFileValue
               };
             }
-            currentForms[i_0] = {
+            currentForms_0[i_0] = {
               errorCount: Object.values(newState).reduce((acc, value) => value?.valid === false ? acc + 1 : acc, 0),
-              formID: currentForms[i_0].formID,
+              formID: currentForms_0[i_0].formID,
               formState: newState
             };
           }
@@ -405,10 +491,10 @@ export function FormsManagerProvider({
           if (!wasSuccessful && errorCount_0 === 0) {
             errorCount_0 = nonFieldErrors.length || 1;
           }
-          currentForms[i_0] = {
+          currentForms_0[i_0] = {
             errorCount: errorCount_0,
-            formID: currentForms[i_0].formID,
-            formState: fieldReducer(currentForms[i_0].formState, {
+            formID: currentForms_0[i_0].formID,
+            formState: fieldReducer(currentForms_0[i_0].formState, {
               type: 'ADD_SERVER_ERRORS',
               errors: fieldErrors
             })
@@ -430,15 +516,15 @@ export function FormsManagerProvider({
     setLoadingText('');
     setIsUploading(false);
     const remainingForms = [];
-    currentForms.forEach(({
+    currentForms_0.forEach(({
       errorCount: errorCount_1
     }, i_1) => {
       if (errorCount_1) {
-        remainingForms.push(currentForms[i_1]);
+        remainingForms.push(currentForms_0[i_1]);
       }
     });
-    const successCount = Math.max(0, currentForms.length - remainingForms.length);
-    const errorCount_2 = currentForms.length - successCount;
+    const successCount = Math.max(0, currentForms_0.length - remainingForms.length);
+    const errorCount_2 = currentForms_0.length - successCount;
     if (successCount) {
       toast.success(`Successfully saved ${successCount} files`);
       setSuccessfullyUploaded(true);
@@ -472,7 +558,7 @@ export function FormsManagerProvider({
       setInitialFiles(undefined);
       setInitialForms(undefined);
     }
-  }, [forms, activeIndex, t, actionURL, code, collectionSlug, getUploadHandler, getFormState, docPermissions, setSuccessfullyUploaded, onSuccess, closeModal, drawerSlug, setInitialFiles, setInitialForms]);
+  }, [forms, activeIndex, t, actionURL, code, collectionSlug, config.collections, getUploadHandler, getFormState, docPermissions, setSuccessfullyUploaded, onSuccess, closeModal, drawerSlug, setInitialFiles, setInitialForms]);
   const bulkUpdateForm = React.useCallback(async (updatedFields, afterStateUpdate) => {
     for (let i_3 = 0; i_3 < forms.length; i_3++) {
       Object.entries(updatedFields).forEach(([path, value_0]) => {
@@ -536,8 +622,8 @@ export function FormsManagerProvider({
     dispatch({
       type: 'REPLACE',
       state: {
-        forms: forms.map(form_2 => ({
-          ...form_2,
+        forms: forms.map(form_3 => ({
+          ...form_3,
           uploadEdits: {}
         }))
       }
@@ -547,20 +633,55 @@ export function FormsManagerProvider({
     if (!collectionSlug) {
       return;
     }
-    if (!hasInitializedState) {
+    if (initializedStateCollectionSlugRef.current !== collectionSlug) {
       void initializeSharedFormState();
     }
-    if (!hasInitializedDocPermissions) {
+    if (initializedPermissionsCollectionSlugRef.current !== collectionSlug) {
       void initializeSharedDocPermissions();
     }
     if (initialFiles || initialForms) {
-      if (!hasInitializedState || !hasInitializedDocPermissions) {
+      if (initializedStateCollectionSlugRef.current !== collectionSlug || initializedPermissionsCollectionSlugRef.current !== collectionSlug) {
         setIsInitializing(true);
       } else {
         setIsInitializing(false);
       }
     }
-    if (hasInitializedState && (initialForms?.length || initialFiles?.length) && !hasInitializedWithFiles.current) {
+    if (hasInitializedState && hasInitializedDocPermissions && initializedStateCollectionSlugRef.current === collectionSlug && initializedPermissionsCollectionSlugRef.current === collectionSlug && pendingCollectionChangeRef.current?.slug === collectionSlug) {
+      const previousForms = pendingCollectionChangeRef.current.forms;
+      const nextTemplate = applyFolderToState(initialStateRef.current);
+      const cachedForms = collectionFormsCacheRef.current[collectionSlug];
+      dispatch({
+        type: 'REPLACE',
+        state: {
+          forms: previousForms.map(form_4 => {
+            const formState_0 = {};
+            const cachedForm = cachedForms?.find(({
+              formID: formID_0
+            }) => formID_0 === form_4.formID);
+            for (const [path_0, field] of Object.entries(nextTemplate)) {
+              const previousField = path_0 === folderFieldName && parentID ? undefined : cachedForm?.formState[path_0] ?? form_4.formState[path_0];
+              formState_0[path_0] = previousField ? {
+                ...field,
+                initialValue: previousField.value,
+                value: previousField.value
+              } : field;
+            }
+            formState_0.file = form_4.formState.file;
+            return {
+              ...form_4,
+              errorCount: 0,
+              formState: formState_0,
+              uploadEdits: {}
+            };
+          }),
+          totalErrorCount: 0
+        }
+      });
+      pendingCollectionChangeRef.current = null;
+      setHasSubmitted(false);
+      setIsInitializing(false);
+    }
+    if (hasInitializedState && hasInitializedDocPermissions && initializedStateCollectionSlugRef.current === collectionSlug && initializedPermissionsCollectionSlugRef.current === collectionSlug && (initialForms?.length || initialFiles?.length) && !hasInitializedWithFiles.current) {
       if (initialForms?.length) {
         void addInitialForms(initialForms);
       }
@@ -570,12 +691,13 @@ export function FormsManagerProvider({
       hasInitializedWithFiles.current = true;
     }
     return;
-  }, [initialFiles, initializeSharedFormState, initializeSharedDocPermissions, collectionSlug, hasInitializedState, hasInitializedDocPermissions, initialForms]);
+  }, [initialFiles, initializeSharedFormState, initializeSharedDocPermissions, collectionSlug, hasInitializedState, hasInitializedDocPermissions, initialForms, applyFolderToState]);
   return /*#__PURE__*/_jsxs(Context, {
     value: {
       activeIndex: state.activeIndex,
       addFiles,
       bulkUpdateForm,
+      changeCollectionSlug,
       collectionSlug,
       docPermissions,
       documentSlots,