@payloadcms/ui 4.0.0-internal.293e026 → 4.0.0-internal.2f0d313

package/dist/elements/ArrayAction/index.js

@@ -4,18 +4,19 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { ArrowIcon } from '../../icons/Arrow/index.js';
-import { ClipboardIcon } from '../../icons/Clipboard/index.js';
 import { CopyIcon } from '../../icons/Copy/index.js';
 import { DuplicateIcon } from '../../icons/Duplicate/index.js';
 import { MoreIcon } from '../../icons/More/index.js';
 import { PlusIcon } from '../../icons/Plus/index.js';
+import { SwapIcon } from '../../icons/Swap/index.js';
 import { XIcon } from '../../icons/X/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { useCanPasteClipboard } from '../ClipboardAction/useCanPasteClipboard.js';
 import { Popup, PopupList } from '../Popup/index.js';
 import './index.css';
 const baseClass = 'array-actions';
 export const ArrayAction = t0 => {
-  const $ = _c(12);
+  const $ = _c(31);
   const {
     addRow,
     copyRow,
@@ -24,25 +25,39 @@ export const ArrayAction = t0 => {
     index,
     isSortable,
     moveRow,
+    pasteData,
     pasteRow,
+    pasteRowBelow,
     removeRow,
     rowCount
   } = t0;
   const {
     t
   } = useTranslation();
+  const {
+    canPaste,
+    refresh
+  } = useCanPasteClipboard(pasteData);
   let t1;
-  if ($[0] !== addRow || $[1] !== copyRow || $[2] !== duplicateRow || $[3] !== hasMaxRows || $[4] !== index || $[5] !== isSortable || $[6] !== moveRow || $[7] !== pasteRow || $[8] !== removeRow || $[9] !== rowCount || $[10] !== t) {
-    t1 = _jsx(Popup, {
-      button: _jsx(MoreIcon, {}),
-      buttonClassName: `${baseClass}__button`,
-      caret: false,
-      className: baseClass,
-      horizontalAlign: "right",
-      render: t2 => {
+  if ($[0] !== addRow || $[1] !== canPaste || $[2] !== copyRow || $[3] !== duplicateRow || $[4] !== hasMaxRows || $[5] !== index || $[6] !== isSortable || $[7] !== moveRow || $[8] !== pasteRow || $[9] !== pasteRowBelow || $[10] !== refresh || $[11] !== removeRow || $[12] !== rowCount || $[13] !== t) {
+    let t2;
+    if ($[15] !== refresh) {
+      t2 = active => {
+        if (active) {
+          refresh();
+        }
+      };
+      $[15] = refresh;
+      $[16] = t2;
+    } else {
+      t2 = $[16];
+    }
+    let t3;
+    if ($[17] !== addRow || $[18] !== canPaste || $[19] !== copyRow || $[20] !== duplicateRow || $[21] !== hasMaxRows || $[22] !== index || $[23] !== isSortable || $[24] !== moveRow || $[25] !== pasteRow || $[26] !== pasteRowBelow || $[27] !== removeRow || $[28] !== rowCount || $[29] !== t) {
+      t3 = t4 => {
         const {
           close
-        } = t2;
+        } = t4;
         return _jsxs(PopupList.MenuItem, {
           children: [isSortable && index !== 0 && _jsx(PopupList.Button, {
             className: `${baseClass}__action ${baseClass}__move-up`,
@@ -98,16 +113,27 @@ export const ArrayAction = t0 => {
               close();
             },
             children: t("general:copyRow")
-          }), _jsx(PopupList.Button, {
-            className: `${baseClass}__action ${baseClass}__paste`,
-            icon: _jsx(ClipboardIcon, {
+          }), !hasMaxRows && _jsx(PopupList.Button, {
+            className: `${baseClass}__action ${baseClass}__paste-below`,
+            disabled: !canPaste,
+            icon: _jsx(ArrowIcon, {
+              direction: "down",
               size: 24
             }),
+            onClick: () => {
+              pasteRowBelow(index);
+              close();
+            },
+            children: t("general:pasteBelow")
+          }), _jsx(PopupList.Button, {
+            className: `${baseClass}__action ${baseClass}__paste`,
+            disabled: !canPaste,
+            icon: _jsx(SwapIcon, {}),
             onClick: () => {
               pasteRow(index);
               close();
             },
-            children: t("general:pasteRow")
+            children: t("general:replaceRow")
           }), _jsx(PopupList.Button, {
             className: `${baseClass}__action ${baseClass}__remove`,
             icon: _jsx(XIcon, {
@@ -120,23 +146,51 @@ export const ArrayAction = t0 => {
             children: t("general:remove")
           })]
         });
-      },
-      size: "medium"
+      };
+      $[17] = addRow;
+      $[18] = canPaste;
+      $[19] = copyRow;
+      $[20] = duplicateRow;
+      $[21] = hasMaxRows;
+      $[22] = index;
+      $[23] = isSortable;
+      $[24] = moveRow;
+      $[25] = pasteRow;
+      $[26] = pasteRowBelow;
+      $[27] = removeRow;
+      $[28] = rowCount;
+      $[29] = t;
+      $[30] = t3;
+    } else {
+      t3 = $[30];
+    }
+    t1 = _jsx(Popup, {
+      button: _jsx(MoreIcon, {}),
+      buttonAriaLabel: t("general:moreOptions"),
+      buttonClassName: `${baseClass}__button`,
+      caret: false,
+      className: baseClass,
+      horizontalAlign: "right",
+      onToggleOpen: t2,
+      render: t3
     });
     $[0] = addRow;
-    $[1] = copyRow;
-    $[2] = duplicateRow;
-    $[3] = hasMaxRows;
-    $[4] = index;
-    $[5] = isSortable;
-    $[6] = moveRow;
-    $[7] = pasteRow;
-    $[8] = removeRow;
-    $[9] = rowCount;
-    $[10] = t;
-    $[11] = t1;
+    $[1] = canPaste;
+    $[2] = copyRow;
+    $[3] = duplicateRow;
+    $[4] = hasMaxRows;
+    $[5] = index;
+    $[6] = isSortable;
+    $[7] = moveRow;
+    $[8] = pasteRow;
+    $[9] = pasteRowBelow;
+    $[10] = refresh;
+    $[11] = removeRow;
+    $[12] = rowCount;
+    $[13] = t;
+    $[14] = t1;
   } else {
-    t1 = $[11];
+    t1 = $[14];
   }
   return t1;
 };

package/dist/elements/ArrayAction/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ArrowIcon","ClipboardIcon","CopyIcon","DuplicateIcon","MoreIcon","PlusIcon","XIcon","useTranslation","Popup","PopupList","baseClass","ArrayAction","t0","$","addRow","copyRow","duplicateRow","hasMaxRows","index","isSortable","moveRow","pasteRow","removeRow","rowCount","t","t1","_jsx","button","buttonClassName","caret","className","horizontalAlign","render","t2","close","_jsxs","MenuItem","children","Button","icon","direction","size","Fragment"],"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ArrowIcon } from '../../icons/Arrow/index.js'\nimport { ClipboardIcon } from '../../icons/Clipboard/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { DuplicateIcon } from '../../icons/Duplicate/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n  addRow: (current: number, blockType?: string) => Promise<void> | void\n  copyRow: (index: number) => void\n  duplicateRow: (current: number) => void\n  hasMaxRows: boolean\n  index: number\n  isSortable?: boolean\n  moveRow: (from: number, to: number) => void\n  pasteRow: (index: number) => void\n  removeRow: (index: number) => void\n  rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  copyRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  isSortable,\n  moveRow,\n  pasteRow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonClassName={`${baseClass}__button`}\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      render={({ close }) => {\n        return (\n          <PopupList.MenuItem>\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                icon={<ArrowIcon direction=\"up\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                icon={<ArrowIcon direction=\"down\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  icon={<PlusIcon size={24} />}\n                  onClick={() => {\n                    void addRow(index + 1)\n                    close()\n                  }}\n                >\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  icon={<DuplicateIcon size={24} />}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__copy`}\n              icon={<CopyIcon size={24} />}\n              onClick={() => {\n                copyRow(index)\n                close()\n              }}\n            >\n              {t('general:copyRow')}\n            </PopupList.Button>\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__paste`}\n              icon={<ClipboardIcon size={24} />}\n              onClick={() => {\n                pasteRow(index)\n                close()\n              }}\n            >\n              {t('general:pasteRow')}\n            </PopupList.Button>\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              icon={<XIcon size={24} />}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.MenuItem>\n        )\n      }}\n      size=\"medium\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ArrowIcon","CopyIcon","DuplicateIcon","MoreIcon","PlusIcon","SwapIcon","XIcon","useTranslation","useCanPasteClipboard","Popup","PopupList","baseClass","ArrayAction","t0","$","addRow","copyRow","duplicateRow","hasMaxRows","index","isSortable","moveRow","pasteData","pasteRow","pasteRowBelow","removeRow","rowCount","t","canPaste","refresh","t1","t2","active","t3","t4","close","_jsxs","MenuItem","children","_jsx","Button","className","icon","direction","size","Fragment","disabled","onClick","button","buttonAriaLabel","buttonClassName","caret","horizontalAlign","onToggleOpen","render"],"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { ClipboardPasteEligibilityArgs } from '../ClipboardAction/types.js'\n\nimport { ArrowIcon } from '../../icons/Arrow/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { DuplicateIcon } from '../../icons/Duplicate/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useCanPasteClipboard } from '../ClipboardAction/useCanPasteClipboard.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n  addRow: (current: number, blockType?: string) => Promise<void> | void\n  copyRow: (index: number) => void\n  duplicateRow: (current: number) => void\n  hasMaxRows: boolean\n  index: number\n  isSortable?: boolean\n  moveRow: (from: number, to: number) => void\n  pasteData: ClipboardPasteEligibilityArgs\n  pasteRow: (index: number) => void\n  pasteRowBelow: (index: number) => void\n  removeRow: (index: number) => void\n  rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  copyRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  isSortable,\n  moveRow,\n  pasteData,\n  pasteRow,\n  pasteRowBelow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  const { canPaste, refresh } = useCanPasteClipboard(pasteData)\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonAriaLabel={t('general:moreOptions')}\n      buttonClassName={`${baseClass}__button`}\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      onToggleOpen={(active) => {\n        if (active) {\n          refresh()\n        }\n      }}\n      render={({ close }) => {\n        return (\n          <PopupList.MenuItem>\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                icon={<ArrowIcon direction=\"up\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                icon={<ArrowIcon direction=\"down\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  icon={<PlusIcon size={24} />}\n                  onClick={() => {\n                    void addRow(index + 1)\n                    close()\n                  }}\n                >\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  icon={<DuplicateIcon size={24} />}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__copy`}\n              icon={<CopyIcon size={24} />}\n              onClick={() => {\n                copyRow(index)\n                close()\n              }}\n            >\n              {t('general:copyRow')}\n            </PopupList.Button>\n            {!hasMaxRows && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__paste-below`}\n                disabled={!canPaste}\n                icon={<ArrowIcon direction=\"down\" size={24} />}\n                onClick={() => {\n                  pasteRowBelow(index)\n                  close()\n                }}\n              >\n                {t('general:pasteBelow')}\n              </PopupList.Button>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__paste`}\n              disabled={!canPaste}\n              icon={<SwapIcon />}\n              onClick={() => {\n                pasteRow(index)\n                close()\n              }}\n            >\n              {t('general:replaceRow')}\n            </PopupList.Button>\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              icon={<XIcon size={24} />}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.MenuItem>\n        )\n      }}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,19 +1,25 @@
 @layer payload-default {
   .bulk-upload--actions-bar {
     display: flex;
+    flex-shrink: 0;
     padding-inline: var(--gutter-h);
+    padding-block: var(--spacer-2);
     align-items: center;
-    border-bottom: 1px solid var(--theme-border-color);
-    position: sticky;
+    border-top: var(--stroke-width-small) solid var(--color-border);
     z-index: 1;
-    top: 0;
-    background-color: var(--theme-bg);
-    height: var(--doc-controls-height);
+    background-color: var(--color-bg);
+    gap: var(--spacer-2-5);
+  }
+
+  .bulk-upload--actions-bar__multipleFiles {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2-5);
   }
 
   .bulk-upload--actions-bar__navigation {
     display: flex;
-    gap: var(--spacer-4);
+    gap: var(--spacer-2);
     align-items: center;
     width: 100%;
   }
@@ -25,7 +31,7 @@
 
   .bulk-upload--actions-bar__controls {
     display: flex;
-    gap: var(--spacer-2-5);
+    gap: var(--spacer-2);
 
     .btn {
       padding: 0;
@@ -43,9 +49,5 @@
     .bulk-upload--actions-bar__navigation {
       justify-content: space-between;
     }
-
-    .bulk-upload--actions-bar__saveButtons {
-      display: none;
-    }
   }
 }

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

@@ -1,10 +1,6 @@
-import type { ClientCollectionConfig } from 'payload';
 import React from 'react';
 import './index.css';
-type Props = {
-    readonly collectionConfig: ClientCollectionConfig;
-};
-export declare function ActionsBar({ collectionConfig }: Props): React.JSX.Element;
+export declare function ActionsBar(): React.JSX.Element;
 type ActionsProps = {
     readonly className?: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/ActionsBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;CAClD,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,gBAAgB,EAAE,EAAE,KAAK,qBAmDrD;AAED,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AACD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,YAAY,qBA4BlD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/ActionsBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,aAAa,CAAA;AAIpB,wBAAgB,UAAU,sBAoDzB;AAED,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AACD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,YAAY,qBA4BlD"}

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

@@ -7,15 +7,12 @@ import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { Button } from '../../Button/index.js';
-import { EditManyBulkUploads } from '../EditMany/index.js';
+import { DialogFooter } from '../../Dialog/DialogFooter/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
 import './index.css';
 const baseClass = 'bulk-upload--actions-bar';
-export function ActionsBar(t0) {
-  const $ = _c(6);
-  const {
-    collectionConfig
-  } = t0;
+export function ActionsBar() {
+  const $ = _c(5);
   const {
     activeIndex,
     forms,
@@ -24,69 +21,68 @@ export function ActionsBar(t0) {
   const {
     t
   } = useTranslation();
-  let t1;
-  if ($[0] !== activeIndex || $[1] !== collectionConfig || $[2] !== forms.length || $[3] !== setActiveIndex || $[4] !== t) {
-    t1 = _jsxs("div", {
-      className: baseClass,
-      children: [forms.length > 1 && _jsxs("div", {
-        className: `${baseClass}__navigation`,
-        children: [_jsxs("p", {
-          className: `${baseClass}__locationText`,
-          children: [_jsx("strong", {
-            children: activeIndex + 1
-          }), ` ${t("general:of")} `, _jsx("strong", {
-            children: forms.length
-          })]
-        }), _jsxs("div", {
-          className: `${baseClass}__controls`,
-          children: [_jsx(Button, {
-            "aria-label": t("general:previous"),
-            buttonStyle: "secondary",
-            icon: _jsx(ChevronIcon, {
-              direction: "left"
-            }),
-            onClick: () => {
-              const nextIndex = activeIndex - 1;
-              if (nextIndex < 0) {
-                setActiveIndex(forms.length - 1);
-              } else {
-                setActiveIndex(nextIndex);
-              }
-            },
-            type: "button"
-          }), _jsx(Button, {
-            "aria-label": t("general:next"),
-            buttonStyle: "secondary",
-            icon: _jsx(ChevronIcon, {
-              direction: "right"
-            }),
-            onClick: () => {
-              const nextIndex_0 = activeIndex + 1;
-              if (nextIndex_0 === forms.length) {
-                setActiveIndex(0);
-              } else {
-                setActiveIndex(nextIndex_0);
-              }
-            },
-            type: "button"
+  let t0;
+  if ($[0] !== activeIndex || $[1] !== forms.length || $[2] !== setActiveIndex || $[3] !== t) {
+    t0 = _jsxs(DialogFooter, {
+      children: [forms.length > 1 && _jsx("div", {
+        className: `${baseClass}__multipleFiles`,
+        children: _jsxs("div", {
+          className: `${baseClass}__navigation`,
+          children: [_jsxs("p", {
+            className: `${baseClass}__locationText`,
+            children: [_jsx("strong", {
+              children: activeIndex + 1
+            }), ` ${t("general:of")} `, _jsx("strong", {
+              children: forms.length
+            })]
+          }), _jsxs("div", {
+            className: `${baseClass}__controls`,
+            children: [_jsx(Button, {
+              "aria-label": t("general:previous"),
+              buttonStyle: "secondary",
+              icon: _jsx(ChevronIcon, {
+                direction: "left"
+              }),
+              onClick: () => {
+                const nextIndex = activeIndex - 1;
+                if (nextIndex < 0) {
+                  setActiveIndex(forms.length - 1);
+                } else {
+                  setActiveIndex(nextIndex);
+                }
+              },
+              type: "button"
+            }), _jsx(Button, {
+              "aria-label": t("general:next"),
+              buttonStyle: "secondary",
+              icon: _jsx(ChevronIcon, {
+                direction: "right"
+              }),
+              onClick: () => {
+                const nextIndex_0 = activeIndex + 1;
+                if (nextIndex_0 === forms.length) {
+                  setActiveIndex(0);
+                } else {
+                  setActiveIndex(nextIndex_0);
+                }
+              },
+              type: "button"
+            })]
           })]
-        }), _jsx(EditManyBulkUploads, {
-          collection: collectionConfig
-        })]
+        })
       }), _jsx(Actions, {
         className: `${baseClass}__saveButtons`
       })]
     });
     $[0] = activeIndex;
-    $[1] = collectionConfig;
-    $[2] = forms.length;
-    $[3] = setActiveIndex;
-    $[4] = t;
-    $[5] = t1;
+    $[1] = forms.length;
+    $[2] = setActiveIndex;
+    $[3] = t;
+    $[4] = t0;
   } else {
-    t1 = $[5];
+    t0 = $[4];
   }
-  return t1;
+  return t0;
 }
 export function Actions(t0) {
   const $ = _c(12);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useConfig","useTranslation","Button","EditManyBulkUploads","useFormsManager","baseClass","ActionsBar","t0","$","collectionConfig","activeIndex","forms","setActiveIndex","t","t1","length","_jsxs","className","children","_jsx","buttonStyle","icon","direction","nextIndex","type","nextIndex_0","collection","Actions","getEntityConfig","collectionSlug","hasPublishPermission","hasSavePermission","saveAllDocs","t2","filter","Boolean","t3","join","t4","versions","drafts","onClick","overrides","_status"],"sources":["../../../../src/elements/BulkUpload/ActionsBar/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { EditManyBulkUploads } from '../EditMany/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--actions-bar'\n\ntype Props = {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport function ActionsBar({ collectionConfig }: Props) {\n  const { activeIndex, forms, setActiveIndex } = useFormsManager()\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      {forms.length > 1 && (\n        <div className={`${baseClass}__navigation`}>\n          <p className={`${baseClass}__locationText`}>\n            <strong>{activeIndex + 1}</strong>\n            {` ${t('general:of')} `}\n            <strong>{forms.length}</strong>\n          </p>\n\n          <div className={`${baseClass}__controls`}>\n            <Button\n              aria-label={t('general:previous')}\n              buttonStyle=\"secondary\"\n              icon={<ChevronIcon direction=\"left\" />}\n              onClick={() => {\n                const nextIndex = activeIndex - 1\n                if (nextIndex < 0) {\n                  setActiveIndex(forms.length - 1)\n                } else {\n                  setActiveIndex(nextIndex)\n                }\n              }}\n              type=\"button\"\n            />\n            <Button\n              aria-label={t('general:next')}\n              buttonStyle=\"secondary\"\n              icon={<ChevronIcon direction=\"right\" />}\n              onClick={() => {\n                const nextIndex = activeIndex + 1\n                if (nextIndex === forms.length) {\n                  setActiveIndex(0)\n                } else {\n                  setActiveIndex(nextIndex)\n                }\n              }}\n              type=\"button\"\n            />\n          </div>\n          <EditManyBulkUploads collection={collectionConfig} />\n        </div>\n      )}\n\n      <Actions className={`${baseClass}__saveButtons`} />\n    </div>\n  )\n}\n\ntype ActionsProps = {\n  readonly className?: string\n}\nexport function Actions({ className }: ActionsProps) {\n  const { getEntityConfig } = useConfig()\n  const { t } = useTranslation()\n  const { collectionSlug, hasPublishPermission, hasSavePermission, saveAllDocs } = useFormsManager()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  return (\n    <div className={[`${baseClass}__buttons`, className].filter(Boolean).join(' ')}>\n      {collectionConfig?.versions?.drafts && hasSavePermission ? (\n        <Button\n          buttonStyle=\"secondary\"\n          onClick={() => void saveAllDocs({ overrides: { _status: 'draft' } })}\n        >\n          {t('version:saveDraft')}\n        </Button>\n      ) : null}\n      {collectionConfig?.versions?.drafts && hasPublishPermission ? (\n        <Button onClick={() => void saveAllDocs({ overrides: { _status: 'published' } })}>\n          {t('version:publish')}\n        </Button>\n      ) : null}\n\n      {!collectionConfig?.versions?.drafts && hasSavePermission ? (\n        <Button onClick={() => void saveAllDocs()}>{t('general:save')}</Button>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useConfig","useTranslation","Button","DialogFooter","useFormsManager","baseClass","ActionsBar","$","activeIndex","forms","setActiveIndex","t","t0","length","_jsxs","children","_jsx","className","buttonStyle","icon","direction","nextIndex","type","nextIndex_0","Actions","getEntityConfig","collectionSlug","hasPublishPermission","hasSavePermission","saveAllDocs","t1","collectionConfig","t2","filter","Boolean","t3","join","t4","versions","drafts","onClick","overrides","_status"],"sources":["../../../../src/elements/BulkUpload/ActionsBar/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DialogFooter } from '../../Dialog/DialogFooter/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--actions-bar'\n\nexport function ActionsBar() {\n  const { activeIndex, forms, setActiveIndex } = useFormsManager()\n  const { t } = useTranslation()\n\n  return (\n    <DialogFooter>\n      {forms.length > 1 && (\n        <div className={`${baseClass}__multipleFiles`}>\n          <div className={`${baseClass}__navigation`}>\n            <p className={`${baseClass}__locationText`}>\n              <strong>{activeIndex + 1}</strong>\n              {` ${t('general:of')} `}\n              <strong>{forms.length}</strong>\n            </p>\n\n            <div className={`${baseClass}__controls`}>\n              <Button\n                aria-label={t('general:previous')}\n                buttonStyle=\"secondary\"\n                icon={<ChevronIcon direction=\"left\" />}\n                onClick={() => {\n                  const nextIndex = activeIndex - 1\n                  if (nextIndex < 0) {\n                    setActiveIndex(forms.length - 1)\n                  } else {\n                    setActiveIndex(nextIndex)\n                  }\n                }}\n                type=\"button\"\n              />\n              <Button\n                aria-label={t('general:next')}\n                buttonStyle=\"secondary\"\n                icon={<ChevronIcon direction=\"right\" />}\n                onClick={() => {\n                  const nextIndex = activeIndex + 1\n                  if (nextIndex === forms.length) {\n                    setActiveIndex(0)\n                  } else {\n                    setActiveIndex(nextIndex)\n                  }\n                }}\n                type=\"button\"\n              />\n            </div>\n          </div>\n        </div>\n      )}\n\n      <Actions className={`${baseClass}__saveButtons`} />\n    </DialogFooter>\n  )\n}\n\ntype ActionsProps = {\n  readonly className?: string\n}\nexport function Actions({ className }: ActionsProps) {\n  const { getEntityConfig } = useConfig()\n  const { t } = useTranslation()\n  const { collectionSlug, hasPublishPermission, hasSavePermission, saveAllDocs } = useFormsManager()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  return (\n    <div className={[`${baseClass}__buttons`, className].filter(Boolean).join(' ')}>\n      {collectionConfig?.versions?.drafts && hasSavePermission ? (\n        <Button\n          buttonStyle=\"secondary\"\n          onClick={() => void saveAllDocs({ overrides: { _status: 'draft' } })}\n        >\n          {t('version:saveDraft')}\n        </Button>\n      ) : null}\n      {collectionConfig?.versions?.drafts && hasPublishPermission ? (\n        <Button onClick={() => void saveAllDocs({ overrides: { _status: 'published' } })}>\n          {t('version:publish')}\n        </Button>\n      ) : null}\n\n      {!collectionConfig?.versions?.drafts && hasSavePermission ? (\n        <Button onClick={() => void saveAllDocs()}>{t('general:save')}</Button>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,22 +1,28 @@
 @layer payload-default {
-  .bulk-upload--add-files {
-    height: 100%;
+  .bulk-upload--add-files__body {
     display: flex;
-    flex-direction: column;
+    flex: 1 1 auto;
+    min-height: 0;
+    padding: var(--spacer-2-5);
   }
 
   .bulk-upload--add-files__dropArea {
-    height: 100%;
-    padding: var(--spacer-2-5);
+    display: flex;
+    flex: 1 1 auto;
+    min-height: 0;
+    /* Prefer a 1.5 aspect ratio, but never exceed the available height. When the dialog is height
+       constrained the body shrinks (via the flex chain) and `max-height: 100%` caps the drop area so
+       the ratio yields instead of the bottom being clipped by the dialog's `overflow: clip`. */
+    max-height: 100%;
+    aspect-ratio: 1.5;
 
     .dropzone {
-      height: 100%;
+      flex: 1 1 auto;
       align-items: center;
       flex-direction: column;
       justify-content: center;
       display: flex;
-      gap: var(--spacer-4);
-      background-color: var(--color-bg-secondary);
+      gap: var(--spacer-2);
 
       p {
         margin: 0;
@@ -24,9 +30,15 @@
     }
   }
 
-  .bulk-upload--add-files__dragAndDropText {
-    margin: 0;
-    text-transform: lowercase;
-    align-self: center;
+  /* The modal is narrow enough that the drag-and-drop hint only earns its space once the
+     dialog has room to grow past its mobile width. */
+  .bulk-upload--add-files__dropzoneContent .upload-dropzone-content__drag-text {
+    display: none;
+  }
+
+  @media (min-width: 768px) {
+    .bulk-upload--add-files__dropzoneContent .upload-dropzone-content__drag-text {
+      display: block;
+    }
   }
 }

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

@@ -2,9 +2,9 @@ import React from 'react';
 import './index.css';
 type Props = {
     readonly acceptMimeTypes?: string;
-    readonly onCancel: () => void;
+    readonly modalSlug: string;
     readonly onDrop: (acceptedFiles: FileList) => void;
 };
-export declare function AddFilesView({ acceptMimeTypes, onCancel, onDrop }: Props): React.JSX.Element;
+export declare function AddFilesView({ acceptMimeTypes, modalSlug: modalSlug, onDrop }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAK,IAAI,CAAA;CACnD,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,qBA4CxE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,MAAM,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAK,IAAI,CAAA;CACnD,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,KAAK,qBAoCpF"}