@payloadcms/ui 4.0.0-canary.1 → 4.0.0-canary.3

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

@@ -1,25 +1,24 @@
 @layer payload-default {
   .file-selections {
-    --file-gutter-h: calc(var(--gutter-h) / 4);
-    border-right: 1px solid var(--theme-border-color);
+    --file-gutter-h: var(--spacer-2);
+    border-right: 1px solid var(--color-border);
     padding: 0;
     display: flex;
     flex-direction: column;
-    width: 300px;
+    width: 250px;
     overflow: visible;
-    max-height: 100%;
+    max-height: 100dvh;
   }
 
   .file-selections__header {
     position: sticky;
     top: 0;
-    margin-top: var(--spacer-4);
     z-index: 1;
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
-    background: var(--theme-bg);
+    background: var(--color-bg);
     flex-wrap: wrap;
 
     p {
@@ -27,6 +26,10 @@
     }
   }
 
+  .file-selections__header--hasErrors {
+    padding-top: var(--spacer-2);
+  }
+
   .file-selections__collectionSelect {
     width: 100%;
 
@@ -43,24 +46,26 @@
 
   .file-selections__headerTopRow {
     display: flex;
-    align-items: flex-end;
+    align-items: center;
     justify-content: space-between;
     gap: var(--spacer-4);
     width: 100%;
-    padding-block: var(--spacer-4);
+    padding-block: var(--spacer-2-5);
     padding-inline: var(--file-gutter-h);
   }
 
-  .file-selections__header__text {
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacer-2);
+  .file-selections__header__error {
+    padding-inline: var(--file-gutter-h);
 
     .error-pill {
       align-self: flex-start;
     }
   }
 
+  .file-selections__selectedCount {
+    margin: 0;
+  }
+
   .file-selections__filesContainer {
     display: flex;
     flex-direction: column;
@@ -94,7 +99,7 @@
     width: 100%;
 
     &:hover {
-      background-color: var(--theme-elevation-100);
+      background-color: var(--color-bg-hover);
     }
 
     .file-selections__thumbnail,
@@ -111,6 +116,11 @@
     }
   }
 
+  .file-selections__fileRowContainer:has(.file-selections__remove--overlay:hover)
+    .file-selections__fileRow {
+    background-color: var(--color-bg-hover);
+  }
+
   .file-selections__fileDetails {
     display: flex;
     flex-direction: column;
@@ -119,7 +129,7 @@
 
   .file-selections__fileRowContainer--active {
     .file-selections__fileRow {
-      background-color: var(--theme-elevation-100);
+      background-color: var(--color-bg-hover);
     }
 
     .file-selections__remove {
@@ -129,25 +139,6 @@
     }
   }
 
-  .file-selections__fileRowContainer--error {
-    .file-selections__fileRow {
-      background-color: var(--theme-error-100);
-    }
-
-    &.file-selections__fileRowContainer--active .file-selections__fileRow,
-    .file-selections__fileRow:hover {
-      background-color: var(--theme-error-200);
-    }
-
-    .file-selections__remove--overlay:hover {
-      background-color: var(--theme-error-50);
-
-      .icon--x {
-        opacity: 1;
-      }
-    }
-  }
-
   .file-selections__errorCount {
     margin-left: auto;
     position: absolute;
@@ -167,7 +158,7 @@
     font-size: var(--text-body-small-font-size);
     font-weight: var(--text-body-small-font-weight);
     line-height: var(--text-body-small-line-height);
-    color: var(--theme-elevation-400);
+    color: var(--color-text-tertiary);
     flex-shrink: 0;
   }
 
@@ -196,14 +187,18 @@
     cursor: pointer;
 
     &:hover {
-      background-color: var(--theme-elevation-200);
+      background-color: var(--color-bg-tertiary);
+
+      .icon--x {
+        opacity: 1;
+      }
     }
   }
 
   .file-selections__header__actions {
     display: flex;
     align-items: center;
-    gap: var(--spacer-4);
+    gap: var(--spacer-2);
   }
 
   .file-selections__toggler {
@@ -212,10 +207,6 @@
     padding-block: 0;
   }
 
-  .file-selections__toggler__text {
-    display: none;
-  }
-
   .file-selections__header__mobileDocActions {
     display: none;
   }
@@ -241,7 +232,7 @@
     }
 
     &::before {
-      background: var(--theme-bg);
+      background: var(--color-bg);
       opacity: 0.75;
     }
 
@@ -279,7 +270,7 @@
       }
 
       &::before {
-        background: var(--theme-bg);
+        background: var(--color-bg);
         opacity: 0.75;
       }
 
@@ -294,73 +285,61 @@
 
     .file-selections__header {
       margin-top: 0;
+      border-top: 1px solid var(--color-border);
+      gap: var(--spacer-2-5);
+      padding-block: var(--spacer-2-5);
+      padding-inline: var(--file-gutter-h);
+    }
+
+    .file-selections__header__error {
+      padding-inline: 0;
     }
 
     .file-selections__headerTopRow {
-      border-top: 1px solid var(--theme-border-color);
-      padding-block: 0 var(--spacer-3) 0;
+      padding-block: 0;
+      padding-inline: 0;
+      flex: 1;
+      width: auto;
     }
 
-    .file-selections__header__text {
+    .file-selections__selectedCount {
       display: none;
     }
 
     .file-selections__header__actions {
-      flex-grow: 2;
       display: flex;
       justify-content: flex-end;
+      padding-block: 0;
     }
 
     .file-selections__header__mobileDocActions {
       position: relative;
       display: flex;
-      width: 100%;
-      padding-block: var(--spacer-3);
-      padding-inline: var(--file-gutter-h);
-      border-top: 1px solid var(--theme-border-color);
+      justify-content: flex-end;
+      margin-inline-start: auto;
+      padding-block: 0;
 
       > div {
         display: flex;
         justify-content: flex-end;
-        width: 100%;
 
         button {
-          flex: 0.5;
+          flex: 0 0 auto;
         }
       }
     }
 
     .file-selections__toggler {
-      padding-right: 0;
-      padding-left: 0;
-      padding-top: var(--spacer-3);
-      padding-bottom: var(--spacer-3);
+      margin: 0;
+      padding-inline-end: 0;
       display: flex;
       justify-content: flex-end;
       flex-grow: 1;
 
-      .btn__label {
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-      }
-
-      svg {
-        max-width: 1.5rem;
-      }
-
       .btn__content {
         width: 100%;
+        justify-content: space-between;
       }
     }
-
-    .file-selections__toggler__text {
-      display: flex;
-    }
-
-    .file-selections .btn {
-      margin: 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":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,OAAO,aAAa,CAAA;AAQpB,wBAAgB,WAAW,sBA8M1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,OAAO,aAAa,CAAA;AAQpB,wBAAgB,WAAW,sBAsN1B"}

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

@@ -26,7 +26,7 @@ import { useBulkUpload } from '../index.js';
 const addMoreFilesDrawerSlug = 'bulk-upload-drawer--add-more-files';
 const baseClass = 'file-selections';
 export function FileSidebar() {
-  const $ = _c(39);
+  const $ = _c(41);
   const {
     activeIndex,
     addFiles,
@@ -99,29 +99,38 @@ export function FileSidebar() {
   const t4 = t3.join(" ");
   let t5;
   if ($[7] !== activeIndex || $[8] !== breakpoints.m || $[9] !== bulkUploadCollectionSlug || $[10] !== closeModal || $[11] !== forms || $[12] !== getEntityConfig || $[13] !== handleAddFiles || $[14] !== handleRemoveFile || $[15] !== i18n || $[16] !== initialFiles || $[17] !== initialForms || $[18] !== isInitializing || $[19] !== maxFiles || $[20] !== openModal || $[21] !== selectableCollections || $[22] !== setActiveIndex || $[23] !== setCollectionSlug || $[24] !== showFiles || $[25] !== t || $[26] !== t4 || $[27] !== totalErrorCount || $[28] !== totalFileCount) {
-    let t6;
-    if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-      t6 = () => setShowFiles(_temp2);
+    const t6 = totalErrorCount > 0 && `${baseClass}__header--hasErrors`;
+    let t7;
+    if ($[30] !== t6) {
+      t7 = [`${baseClass}__header`, t6].filter(Boolean);
       $[30] = t6;
+      $[31] = t7;
     } else {
-      t6 = $[30];
+      t7 = $[31];
     }
-    let t7;
-    if ($[31] !== closeModal) {
-      t7 = () => closeModal(addMoreFilesDrawerSlug);
-      $[31] = closeModal;
-      $[32] = t7;
+    let t8;
+    if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+      t8 = () => setShowFiles(_temp2);
+      $[32] = t8;
     } else {
-      t7 = $[32];
+      t8 = $[32];
     }
-    let t8;
-    if ($[33] !== activeIndex || $[34] !== handleRemoveFile || $[35] !== i18n || $[36] !== setActiveIndex || $[37] !== t) {
-      t8 = (t9, index_0) => {
+    let t9;
+    if ($[33] !== closeModal) {
+      t9 = () => closeModal(addMoreFilesDrawerSlug);
+      $[33] = closeModal;
+      $[34] = t9;
+    } else {
+      t9 = $[34];
+    }
+    let t10;
+    if ($[35] !== activeIndex || $[36] !== handleRemoveFile || $[37] !== i18n || $[38] !== setActiveIndex || $[39] !== t) {
+      t10 = (t11, index_0) => {
         const {
           errorCount,
           formID,
           formState
-        } = t9;
+        } = t11;
         const currentFile = formState?.file?.value || {};
         return _jsxs("div", {
           className: [`${baseClass}__fileRowContainer`, index_0 === activeIndex && `${baseClass}__fileRowContainer--active`, errorCount && errorCount > 0 && `${baseClass}__fileRowContainer--error`].filter(Boolean).join(" "),
@@ -159,21 +168,21 @@ export function FileSidebar() {
           })]
         }, formID);
       };
-      $[33] = activeIndex;
-      $[34] = handleRemoveFile;
-      $[35] = i18n;
-      $[36] = setActiveIndex;
-      $[37] = t;
-      $[38] = t8;
+      $[35] = activeIndex;
+      $[36] = handleRemoveFile;
+      $[37] = i18n;
+      $[38] = setActiveIndex;
+      $[39] = t;
+      $[40] = t10;
     } else {
-      t8 = $[38];
+      t10 = $[40];
     }
     t5 = _jsxs("div", {
       className: t4,
       children: [breakpoints.m && showFiles ? _jsx("div", {
         className: `${baseClass}__mobileBlur`
       }) : null, _jsxs("div", {
-        className: `${baseClass}__header`,
+        className: t7.join(" "),
         children: [selectableCollections?.length > 1 && _jsx(SelectInput, {
           className: `${baseClass}__collectionSelect`,
           isClearable: false,
@@ -194,20 +203,21 @@ export function FileSidebar() {
           path: "groupBy",
           required: true,
           value: bulkUploadCollectionSlug
-        }), _jsxs("div", {
+        }), totalErrorCount > 0 ? _jsx("div", {
+          className: `${baseClass}__header__error`,
+          children: _jsx(ErrorPill, {
+            count: totalErrorCount,
+            i18n,
+            withMessage: true
+          })
+        }) : null, _jsxs("div", {
           className: `${baseClass}__headerTopRow`,
-          children: [_jsxs("div", {
-            className: `${baseClass}__header__text`,
-            children: [_jsx(ErrorPill, {
-              count: totalErrorCount,
-              i18n,
-              withMessage: true
-            }), _jsx("p", {
-              children: _jsxs("strong", {
-                title: `${totalFileCount} ${t(totalFileCount > 1 ? "upload:filesToUpload" : "upload:fileToUpload")}`,
-                children: [totalFileCount, " ", t(totalFileCount > 1 ? "upload:filesToUpload" : "upload:fileToUpload")]
-              })
-            })]
+          children: [_jsx("p", {
+            className: `${baseClass}__selectedCount`,
+            children: _jsxs("strong", {
+              title: `${totalFileCount} ${t(totalFileCount > 1 ? "upload:filesToUpload" : "upload:fileToUpload")}`,
+              children: [totalFileCount, " ", t(totalFileCount > 1 ? "upload:filesToUpload" : "upload:fileToUpload")]
+            })
           }), _jsxs("div", {
             className: `${baseClass}__header__actions`,
             children: [(typeof maxFiles === "number" ? totalFileCount < maxFiles : true) ? _jsx(Button, {
@@ -216,24 +226,24 @@ export function FileSidebar() {
               onClick: () => openModal(addMoreFilesDrawerSlug),
               size: "medium",
               children: t("upload:addFile")
-            }) : null, _jsxs(Button, {
+            }) : null, _jsx(Button, {
               buttonStyle: "secondary",
               className: `${baseClass}__toggler`,
-              onClick: t6,
-              children: [_jsx("span", {
-                className: `${baseClass}__toggler__label`,
-                children: _jsxs("strong", {
-                  title: `${totalFileCount} ${t(totalFileCount > 1 ? "upload:filesToUpload" : "upload:fileToUpload")}`,
-                  children: [totalFileCount, " ", t(totalFileCount > 1 ? "upload:filesToUpload" : "upload:fileToUpload")]
-                })
-              }), _jsx(ChevronIcon, {
-                direction: showFiles ? "down" : "up"
-              })]
+              icon: _jsx(ChevronIcon, {
+                direction: showFiles ? "down" : "up",
+                size: 16
+              }),
+              onClick: t8,
+              selected: showFiles,
+              children: _jsxs("strong", {
+                title: `${totalFileCount} ${t(totalFileCount > 1 ? "upload:filesToUpload" : "upload:fileToUpload")}`,
+                children: [totalFileCount, " ", t(totalFileCount > 1 ? "upload:filesToUpload" : "upload:fileToUpload")]
+              })
             }), _jsx(Drawer, {
               Header: null,
               slug: addMoreFilesDrawerSlug,
               children: _jsx(AddFilesView, {
-                onCancel: t7,
+                onCancel: t9,
                 onDrop: handleAddFiles
               })
             })]
@@ -243,12 +253,12 @@ export function FileSidebar() {
           children: _jsx(Actions, {})
         })]
       }), _jsx("div", {
-        className: `${baseClass}__animateWrapper`,
+        className: `${baseClass}__animateWrapper scrollbar-thin`,
         children: _jsx(AnimateHeight, {
           height: !breakpoints.m || showFiles ? "auto" : 0,
           children: _jsxs("div", {
             className: `${baseClass}__filesContainer`,
-            children: [isInitializing && forms.length === 0 && (initialFiles?.length > 0 || initialForms?.length > 0) ? (initialFiles ? Array.from(initialFiles) : initialForms).map(_temp3) : null, forms.map(t8)]
+            children: [isInitializing && forms.length === 0 && (initialFiles?.length > 0 || initialForms?.length > 0) ? (initialFiles ? Array.from(initialFiles) : initialForms).map(_temp3) : null, forms.map(t10)]
           })
         })
       })]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","useWindowInfo","isImage","React","SelectInput","ChevronIcon","XIcon","useConfig","useTranslation","AnimateHeight","Button","Drawer","ErrorPill","ShimmerEffect","createThumbnail","Thumbnail","Actions","AddFilesView","useFormsManager","useBulkUpload","addMoreFilesDrawerSlug","baseClass","FileSidebar","$","activeIndex","addFiles","forms","isInitializing","removeFile","setActiveIndex","totalErrorCount","initialFiles","initialForms","maxFiles","i18n","t","closeModal","openModal","showFiles","setShowFiles","useState","breakpoints","t0","indexToRemove","handleRemoveFile","t1","filelist","handleAddFiles","getFileSize","_temp","totalFileCount","length","collectionSlug","bulkUploadCollectionSlug","selectableCollections","setCollectionSlug","getEntityConfig","t2","t3","filter","Boolean","t4","join","t5","m","t6","Symbol","for","_temp2","t7","t8","t9","index_0","errorCount","formID","formState","currentFile","file","value","_jsxs","className","index","children","onClick","type","_jsx","SidebarThumbnail","title","name","File","count","isClearable","onChange","e","val","options","map","coll","config","label","labels","singular","slug","path","required","withMessage","buttonStyle","size","direction","Header","onCancel","onDrop","height","Array","from","_temp3","file_0","animationDelay","prev","i","Math","floor","log","decimals","formattedSize","pow","toFixed","thumbnailURL","setThumbnailURL","isLoading","setIsLoading","useEffect","isCancelled","generateThumbnail","url","_","disableInlineStyles","fileSrc"],"sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { isImage } from 'payload/shared'\nimport React from 'react'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { AnimateHeight } from '../../AnimateHeight/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/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 { Actions } from '../ActionsBar/index.js'\nimport { AddFilesView } from '../AddFilesView/index.js'\nimport './index.css'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { useBulkUpload } from '../index.js'\n\nconst addMoreFilesDrawerSlug = 'bulk-upload-drawer--add-more-files'\n\nconst baseClass = 'file-selections'\n\nexport function FileSidebar() {\n  const {\n    activeIndex,\n    addFiles,\n    forms,\n    isInitializing,\n    removeFile,\n    setActiveIndex,\n    totalErrorCount,\n  } = useFormsManager()\n  const { initialFiles, initialForms, maxFiles } = useBulkUpload()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const [showFiles, setShowFiles] = React.useState(false)\n  const { breakpoints } = useWindowInfo()\n\n  const handleRemoveFile = React.useCallback(\n    (indexToRemove: number) => {\n      removeFile(indexToRemove)\n    },\n    [removeFile],\n  )\n\n  const handleAddFiles = React.useCallback(\n    (filelist: FileList) => {\n      void addFiles(filelist)\n      closeModal(addMoreFilesDrawerSlug)\n    },\n    [addFiles, closeModal],\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 totalFileCount = isInitializing\n    ? (initialFiles?.length ?? initialForms?.length)\n    : forms.length\n\n  const {\n    collectionSlug: bulkUploadCollectionSlug,\n    selectableCollections,\n    setCollectionSlug,\n  } = useBulkUpload()\n\n  const { getEntityConfig } = useConfig()\n\n  return (\n    <div\n      className={[baseClass, showFiles && `${baseClass}__showingFiles`].filter(Boolean).join(' ')}\n    >\n      {breakpoints.m && showFiles ? <div className={`${baseClass}__mobileBlur`} /> : null}\n      <div className={`${baseClass}__header`}>\n        {selectableCollections?.length > 1 && (\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        )}\n        <div className={`${baseClass}__headerTopRow`}>\n          <div className={`${baseClass}__header__text`}>\n            <ErrorPill count={totalErrorCount} i18n={i18n} withMessage />\n            <p>\n              <strong\n                title={`${totalFileCount} ${t(totalFileCount > 1 ? 'upload:filesToUpload' : 'upload:fileToUpload')}`}\n              >\n                {totalFileCount}{' '}\n                {t(totalFileCount > 1 ? 'upload:filesToUpload' : 'upload:fileToUpload')}\n              </strong>\n            </p>\n          </div>\n\n          <div className={`${baseClass}__header__actions`}>\n            {(typeof maxFiles === 'number' ? totalFileCount < maxFiles : true) ? (\n              <Button\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__header__addFile`}\n                onClick={() => openModal(addMoreFilesDrawerSlug)}\n                size=\"medium\"\n              >\n                {t('upload:addFile')}\n              </Button>\n            ) : null}\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__toggler`}\n              onClick={() => setShowFiles((prev) => !prev)}\n            >\n              <span className={`${baseClass}__toggler__label`}>\n                <strong\n                  title={`${totalFileCount} ${t(totalFileCount > 1 ? 'upload:filesToUpload' : 'upload:fileToUpload')}`}\n                >\n                  {totalFileCount}{' '}\n                  {t(totalFileCount > 1 ? 'upload:filesToUpload' : 'upload:fileToUpload')}\n                </strong>\n              </span>\n              <ChevronIcon direction={showFiles ? 'down' : 'up'} />\n            </Button>\n\n            <Drawer Header={null} slug={addMoreFilesDrawerSlug}>\n              <AddFilesView\n                onCancel={() => closeModal(addMoreFilesDrawerSlug)}\n                onDrop={handleAddFiles}\n              />\n            </Drawer>\n          </div>\n        </div>\n\n        <div className={`${baseClass}__header__mobileDocActions`}>\n          <Actions />\n        </div>\n      </div>\n\n      <div className={`${baseClass}__animateWrapper`}>\n        <AnimateHeight height={!breakpoints.m || showFiles ? 'auto' : 0}>\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        </AnimateHeight>\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","useModal","useWindowInfo","isImage","React","SelectInput","ChevronIcon","XIcon","useConfig","useTranslation","AnimateHeight","Button","Drawer","ErrorPill","ShimmerEffect","createThumbnail","Thumbnail","Actions","AddFilesView","useFormsManager","useBulkUpload","addMoreFilesDrawerSlug","baseClass","FileSidebar","$","activeIndex","addFiles","forms","isInitializing","removeFile","setActiveIndex","totalErrorCount","initialFiles","initialForms","maxFiles","i18n","t","closeModal","openModal","showFiles","setShowFiles","useState","breakpoints","t0","indexToRemove","handleRemoveFile","t1","filelist","handleAddFiles","getFileSize","_temp","totalFileCount","length","collectionSlug","bulkUploadCollectionSlug","selectableCollections","setCollectionSlug","getEntityConfig","t2","t3","filter","Boolean","t4","join","t5","m","t6","t7","t8","Symbol","for","_temp2","t9","t10","t11","index_0","errorCount","formID","formState","currentFile","file","value","_jsxs","className","index","children","onClick","type","_jsx","SidebarThumbnail","title","name","File","count","isClearable","onChange","e","val","options","map","coll","config","label","labels","singular","slug","path","required","withMessage","buttonStyle","size","icon","direction","selected","Header","onCancel","onDrop","height","Array","from","_temp3","file_0","animationDelay","prev","i","Math","floor","log","decimals","formattedSize","pow","toFixed","thumbnailURL","setThumbnailURL","isLoading","setIsLoading","useEffect","isCancelled","generateThumbnail","url","_","disableInlineStyles","fileSrc"],"sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { isImage } from 'payload/shared'\nimport React from 'react'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { AnimateHeight } from '../../AnimateHeight/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/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 { Actions } from '../ActionsBar/index.js'\nimport { AddFilesView } from '../AddFilesView/index.js'\nimport './index.css'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { useBulkUpload } from '../index.js'\n\nconst addMoreFilesDrawerSlug = 'bulk-upload-drawer--add-more-files'\n\nconst baseClass = 'file-selections'\n\nexport function FileSidebar() {\n  const {\n    activeIndex,\n    addFiles,\n    forms,\n    isInitializing,\n    removeFile,\n    setActiveIndex,\n    totalErrorCount,\n  } = useFormsManager()\n  const { initialFiles, initialForms, maxFiles } = useBulkUpload()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const [showFiles, setShowFiles] = React.useState(false)\n  const { breakpoints } = useWindowInfo()\n\n  const handleRemoveFile = React.useCallback(\n    (indexToRemove: number) => {\n      removeFile(indexToRemove)\n    },\n    [removeFile],\n  )\n\n  const handleAddFiles = React.useCallback(\n    (filelist: FileList) => {\n      void addFiles(filelist)\n      closeModal(addMoreFilesDrawerSlug)\n    },\n    [addFiles, closeModal],\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 totalFileCount = isInitializing\n    ? (initialFiles?.length ?? initialForms?.length)\n    : forms.length\n\n  const {\n    collectionSlug: bulkUploadCollectionSlug,\n    selectableCollections,\n    setCollectionSlug,\n  } = useBulkUpload()\n\n  const { getEntityConfig } = useConfig()\n\n  return (\n    <div\n      className={[baseClass, showFiles && `${baseClass}__showingFiles`].filter(Boolean).join(' ')}\n    >\n      {breakpoints.m && showFiles ? <div className={`${baseClass}__mobileBlur`} /> : null}\n      <div\n        className={[\n          `${baseClass}__header`,\n          totalErrorCount > 0 && `${baseClass}__header--hasErrors`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {selectableCollections?.length > 1 && (\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        )}\n        {totalErrorCount > 0 ? (\n          <div className={`${baseClass}__header__error`}>\n            <ErrorPill count={totalErrorCount} i18n={i18n} withMessage />\n          </div>\n        ) : null}\n        <div className={`${baseClass}__headerTopRow`}>\n          <p className={`${baseClass}__selectedCount`}>\n            <strong\n              title={`${totalFileCount} ${t(totalFileCount > 1 ? 'upload:filesToUpload' : 'upload:fileToUpload')}`}\n            >\n              {totalFileCount}{' '}\n              {t(totalFileCount > 1 ? 'upload:filesToUpload' : 'upload:fileToUpload')}\n            </strong>\n          </p>\n\n          <div className={`${baseClass}__header__actions`}>\n            {(typeof maxFiles === 'number' ? totalFileCount < maxFiles : true) ? (\n              <Button\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__header__addFile`}\n                onClick={() => openModal(addMoreFilesDrawerSlug)}\n                size=\"medium\"\n              >\n                {t('upload:addFile')}\n              </Button>\n            ) : null}\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__toggler`}\n              icon={<ChevronIcon direction={showFiles ? 'down' : 'up'} size={16} />}\n              onClick={() => setShowFiles((prev) => !prev)}\n              selected={showFiles}\n            >\n              <strong\n                title={`${totalFileCount} ${t(totalFileCount > 1 ? 'upload:filesToUpload' : 'upload:fileToUpload')}`}\n              >\n                {totalFileCount}{' '}\n                {t(totalFileCount > 1 ? 'upload:filesToUpload' : 'upload:fileToUpload')}\n              </strong>\n            </Button>\n\n            <Drawer Header={null} slug={addMoreFilesDrawerSlug}>\n              <AddFilesView\n                onCancel={() => closeModal(addMoreFilesDrawerSlug)}\n                onDrop={handleAddFiles}\n              />\n            </Drawer>\n          </div>\n        </div>\n\n        <div className={`${baseClass}__header__mobileDocActions`}>\n          <Actions />\n        </div>\n      </div>\n\n      <div className={`${baseClass}__animateWrapper scrollbar-thin`}>\n        <AnimateHeight height={!breakpoints.m || showFiles ? 'auto' : 0}>\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        </AnimateHeight>\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/ColumnSelector/index.js

@@ -184,7 +184,7 @@ export const ColumnSelector = ({
         active,
         field
       } = col_0;
-      const label = 'labelWithPrefix' in field && field.labelWithPrefix !== undefined ? field.labelWithPrefix : 'label' in field && field.label !== undefined ? field.label : 'name' in field && field.name !== undefined ? field.name : accessor;
+      const label = 'labelWithPrefix' in field && field.labelWithPrefix !== undefined ? field.labelWithPrefix : 'label' in field && field.label !== undefined && field.label !== false ? field.label : 'name' in field && field.name !== undefined ? field.name : accessor;
       const labelText = typeof label === 'string' ? label : getTranslation(label, i18n);
       return {
         id: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,