@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.5d5a2b2

package/dist/elements/Banner/index.css

@@ -0,0 +1,70 @@
+@layer payload-default {
+  .banner {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-1);
+    font-family: var(--text-body-medium-strong-font-family);
+    font-size: var(--text-body-medium-strong-font-size);
+    font-weight: var(--text-body-medium-strong-font-weight);
+    line-height: var(--text-body-medium-strong-line-height);
+    letter-spacing: var(--text-letter-spacing);
+    border-radius: var(--radius-medium);
+    padding: var(--spacer-2);
+    color: var(--color-text);
+    background: var(--color-bg-secondary);
+  }
+
+  .banner--has-action {
+    cursor: pointer;
+    text-decoration: none;
+
+    &:hover {
+      background: var(--color-bg-hover);
+    }
+
+    &:active {
+      background: var(--color-bg-pressed);
+    }
+  }
+
+  .banner__icon {
+    display: flex;
+    flex-shrink: 0;
+  }
+
+  .banner--type-danger {
+    background: var(--color-bg-danger-tertiary);
+
+    &.banner--has-action:hover {
+      background: var(--color-bg-danger-tertiary-hover);
+    }
+
+    &.banner--has-action:active {
+      background: var(--color-bg-danger-tertiary-pressed);
+    }
+  }
+
+  .banner--type-brand {
+    background: var(--color-bg-brand-tertiary);
+
+    &.banner--has-action:hover {
+      background: var(--color-bg-brand-tertiary-hover);
+    }
+  }
+
+  .banner--type-success {
+    background: var(--color-bg-success-tertiary);
+
+    &.banner--has-action:hover {
+      background: var(--color-bg-success-tertiary-hover);
+    }
+  }
+
+  .banner--type-warning {
+    background: var(--color-bg-warning-tertiary);
+
+    &.banner--has-action:hover {
+      background: var(--color-bg-warning-tertiary-hover);
+    }
+  }
+}

package/dist/elements/Banner/index.d.ts

@@ -1,6 +1,6 @@
 import type { MouseEvent } from 'react';
 import React from 'react';
-import './index.scss';
+import './index.css';
 type onClick = (event: MouseEvent) => void;
 export type Props = Readonly<{
     alignIcon?: 'left' | 'right';
@@ -9,7 +9,7 @@ export type Props = Readonly<{
     icon?: React.ReactNode;
     onClick?: onClick;
     to?: string;
-    type?: 'default' | 'error' | 'info' | 'success';
+    type?: 'brand' | 'danger' | 'default' | 'success' | 'warning';
 }>;
 export type RenderedTypeProps = {
     children?: React.ReactNode;

package/dist/elements/Banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Banner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAKrB,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CAChD,CAAC,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqClC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Banner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAIpB,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;CAC9D,CAAC,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuClC,CAAA"}

package/dist/elements/Banner/index.js

@@ -2,18 +2,20 @@
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
+import { InfoIcon } from '../../icons/Info/index.js';
 import { Link } from '../Link/index.js';
+import './index.css';
 const baseClass = 'banner';
 export const Banner = ({
   type = 'default',
-  alignIcon = 'right',
+  alignIcon = 'left',
   children,
   className,
-  icon,
+  icon: iconFromProps,
   onClick,
   to
 }) => {
+  const icon = iconFromProps === undefined ? /*#__PURE__*/_jsx(InfoIcon, {}) : iconFromProps;
   const classes = [baseClass, `${baseClass}--type-${type}`, className && className, to && `${baseClass}--has-link`, (to || onClick) && `${baseClass}--has-action`, icon && `${baseClass}--has-icon`, icon && `${baseClass}--align-icon-${alignIcon}`].filter(Boolean).join(' ');
   let RenderedType = 'div';
   if (onClick && !to) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Link","baseClass","Banner","type","alignIcon","children","className","icon","onClick","to","classes","filter","Boolean","join","RenderedType","_jsxs","href","_jsx","Fragment"],"sources":["../../../src/elements/Banner/index.tsx"],"sourcesContent":["'use client'\nimport type { MouseEvent } from 'react'\n\nimport React from 'react'\n\nimport './index.scss'\nimport { Link } from '../Link/index.js'\n\nconst baseClass = 'banner'\n\ntype onClick = (event: MouseEvent) => void\n\nexport type Props = Readonly<{\n  alignIcon?: 'left' | 'right'\n  children?: React.ReactNode\n  className?: string\n  icon?: React.ReactNode\n  onClick?: onClick\n  to?: string\n  type?: 'default' | 'error' | 'info' | 'success'\n}>\n\nexport type RenderedTypeProps = {\n  children?: React.ReactNode\n  className?: string\n  onClick?: onClick\n  to: string\n}\n\nexport const Banner: React.FC<Props> = ({\n  type = 'default',\n  alignIcon = 'right',\n  children,\n  className,\n  icon,\n  onClick,\n  to,\n}) => {\n  const classes = [\n    baseClass,\n    `${baseClass}--type-${type}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let RenderedType: React.ComponentType<RenderedTypeProps> | React.ElementType = 'div'\n\n  if (onClick && !to) {\n    RenderedType = 'button'\n  }\n  if (to) {\n    RenderedType = Link\n  }\n\n  return (\n    <RenderedType className={classes} href={to || null} onClick={onClick}>\n      {icon && alignIcon === 'left' && <React.Fragment>{icon}</React.Fragment>}\n      <span className={`${baseClass}__content`}>{children}</span>\n      {icon && alignIcon === 'right' && <React.Fragment>{icon}</React.Fragment>}\n    </RenderedType>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,OAAO;AACP,SAASC,IAAI,QAAQ;AAErB,MAAMC,SAAA,GAAY;AAqBlB,OAAO,MAAMC,MAAA,GAA0BA,CAAC;EACtCC,IAAA,GAAO,SAAS;EAChBC,SAAA,GAAY,OAAO;EACnBC,QAAQ;EACRC,SAAS;EACTC,IAAI;EACJC,OAAO;EACPC;AAAE,CACH;EACC,MAAMC,OAAA,GAAU,CACdT,SAAA,EACA,GAAGA,SAAA,UAAmBE,IAAA,EAAM,EAC5BG,SAAA,IAAaA,SAAA,EACbG,EAAA,IAAM,GAAGR,SAAA,YAAqB,EAC7B,CAAAQ,EAAA,IAAMD,OAAM,KAAM,GAAGP,SAAA,cAAuB,EAC7CM,IAAA,IAAQ,GAAGN,SAAA,YAAqB,EAChCM,IAAA,IAAQ,GAAGN,SAAA,gBAAyBG,SAAA,EAAW,CAChD,CACEO,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,IAAIC,YAAA,GAA2E;EAE/E,IAAIN,OAAA,IAAW,CAACC,EAAA,EAAI;IAClBK,YAAA,GAAe;EACjB;EACA,IAAIL,EAAA,EAAI;IACNK,YAAA,GAAed,IAAA;EACjB;EAEA,oBACEe,KAAA,CAACD,YAAA;IAAaR,SAAA,EAAWI,OAAA;IAASM,IAAA,EAAMP,EAAA,IAAM;IAAMD,OAAA,EAASA,OAAA;eAC1DD,IAAA,IAAQH,SAAA,KAAc,uBAAUa,IAAA,CAAClB,KAAA,CAAMmB,QAAQ;gBAAEX;qBAClDU,IAAA,CAAC;MAAKX,SAAA,EAAW,GAAGL,SAAA,WAAoB;gBAAGI;QAC1CE,IAAA,IAAQH,SAAA,KAAc,wBAAWa,IAAA,CAAClB,KAAA,CAAMmB,QAAQ;gBAAEX;;;AAGzD","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","InfoIcon","Link","baseClass","Banner","type","alignIcon","children","className","icon","iconFromProps","onClick","to","undefined","_jsx","classes","filter","Boolean","join","RenderedType","_jsxs","href","Fragment"],"sources":["../../../src/elements/Banner/index.tsx"],"sourcesContent":["'use client'\nimport type { MouseEvent } from 'react'\n\nimport React from 'react'\n\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { Link } from '../Link/index.js'\nimport './index.css'\n\nconst baseClass = 'banner'\n\ntype onClick = (event: MouseEvent) => void\n\nexport type Props = Readonly<{\n  alignIcon?: 'left' | 'right'\n  children?: React.ReactNode\n  className?: string\n  icon?: React.ReactNode\n  onClick?: onClick\n  to?: string\n  type?: 'brand' | 'danger' | 'default' | 'success' | 'warning'\n}>\n\nexport type RenderedTypeProps = {\n  children?: React.ReactNode\n  className?: string\n  onClick?: onClick\n  to: string\n}\n\nexport const Banner: React.FC<Props> = ({\n  type = 'default',\n  alignIcon = 'left',\n  children,\n  className,\n  icon: iconFromProps,\n  onClick,\n  to,\n}) => {\n  const icon = iconFromProps === undefined ? <InfoIcon /> : iconFromProps\n\n  const classes = [\n    baseClass,\n    `${baseClass}--type-${type}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let RenderedType: React.ComponentType<RenderedTypeProps> | React.ElementType = 'div'\n\n  if (onClick && !to) {\n    RenderedType = 'button'\n  }\n  if (to) {\n    RenderedType = Link\n  }\n\n  return (\n    <RenderedType className={classes} href={to || null} onClick={onClick}>\n      {icon && alignIcon === 'left' && <React.Fragment>{icon}</React.Fragment>}\n      <span className={`${baseClass}__content`}>{children}</span>\n      {icon && alignIcon === 'right' && <React.Fragment>{icon}</React.Fragment>}\n    </RenderedType>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAqBlB,OAAO,MAAMC,MAAA,GAA0BA,CAAC;EACtCC,IAAA,GAAO,SAAS;EAChBC,SAAA,GAAY,MAAM;EAClBC,QAAQ;EACRC,SAAS;EACTC,IAAA,EAAMC,aAAa;EACnBC,OAAO;EACPC;AAAE,CACH;EACC,MAAMH,IAAA,GAAOC,aAAA,KAAkBG,SAAA,gBAAYC,IAAA,CAACb,QAAA,QAAcS,aAAA;EAE1D,MAAMK,OAAA,GAAU,CACdZ,SAAA,EACA,GAAGA,SAAA,UAAmBE,IAAA,EAAM,EAC5BG,SAAA,IAAaA,SAAA,EACbI,EAAA,IAAM,GAAGT,SAAA,YAAqB,EAC7B,CAAAS,EAAA,IAAMD,OAAM,KAAM,GAAGR,SAAA,cAAuB,EAC7CM,IAAA,IAAQ,GAAGN,SAAA,YAAqB,EAChCM,IAAA,IAAQ,GAAGN,SAAA,gBAAyBG,SAAA,EAAW,CAChD,CACEU,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,IAAIC,YAAA,GAA2E;EAE/E,IAAIR,OAAA,IAAW,CAACC,EAAA,EAAI;IAClBO,YAAA,GAAe;EACjB;EACA,IAAIP,EAAA,EAAI;IACNO,YAAA,GAAejB,IAAA;EACjB;EAEA,oBACEkB,KAAA,CAACD,YAAA;IAAaX,SAAA,EAAWO,OAAA;IAASM,IAAA,EAAMT,EAAA,IAAM;IAAMD,OAAA,EAASA,OAAA;eAC1DF,IAAA,IAAQH,SAAA,KAAc,uBAAUQ,IAAA,CAACd,KAAA,CAAMsB,QAAQ;gBAAEb;qBAClDK,IAAA,CAAC;MAAKN,SAAA,EAAW,GAAGL,SAAA,WAAoB;gBAAGI;QAC1CE,IAAA,IAAQH,SAAA,KAAc,wBAAWQ,IAAA,CAACd,KAAA,CAAMsB,QAAQ;gBAAEb;;;AAGzD","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+@layer payload-default {
+  .bulk-upload--actions-bar {
+    display: flex;
+    padding-inline: var(--gutter-h);
+    align-items: center;
+    border-bottom: 1px solid var(--theme-border-color);
+    position: sticky;
+    z-index: 1;
+    top: 0;
+    background-color: var(--theme-bg);
+    height: var(--doc-controls-height);
+  }
+
+  .bulk-upload--actions-bar__navigation {
+    display: flex;
+    gap: var(--spacer-4);
+    align-items: center;
+    width: 100%;
+  }
+
+  .bulk-upload--actions-bar__locationText {
+    font-variant-numeric: tabular-nums;
+    margin: 0;
+  }
+
+  .bulk-upload--actions-bar__controls {
+    display: flex;
+    gap: var(--spacer-2-5);
+
+    .btn {
+      padding: 0;
+    }
+  }
+
+  .bulk-upload--actions-bar__buttons {
+    display: flex;
+    gap: var(--spacer-4);
+    margin-left: auto;
+    white-space: nowrap;
+  }
+
+  @media (max-width: 1024px) {
+    .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,6 +1,6 @@
 import type { ClientCollectionConfig } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 type Props = {
     readonly collectionConfig: ClientCollectionConfig;
 };

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,cAAc,CAAA;AAIrB,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,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"}

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

@@ -9,10 +9,10 @@ import { useTranslation } from '../../../providers/Translation/index.js';
 import { Button } from '../../Button/index.js';
 import { EditManyBulkUploads } from '../EditMany/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'bulk-upload--actions-bar';
 export function ActionsBar(t0) {
-  const $ = _c(15);
+  const $ = _c(6);
   const {
     collectionConfig
   } = t0;
@@ -24,51 +24,16 @@ export function ActionsBar(t0) {
   const {
     t
   } = useTranslation();
-  const t1 = activeIndex + 1;
-  let t2;
-  if ($[0] !== activeIndex || $[1] !== collectionConfig || $[2] !== forms.length || $[3] !== setActiveIndex || $[4] !== t || $[5] !== t1) {
-    let t3;
-    if ($[7] !== activeIndex || $[8] !== forms.length || $[9] !== setActiveIndex) {
-      t3 = () => {
-        const nextIndex = activeIndex - 1;
-        if (nextIndex < 0) {
-          setActiveIndex(forms.length - 1);
-        } else {
-          setActiveIndex(nextIndex);
-        }
-      };
-      $[7] = activeIndex;
-      $[8] = forms.length;
-      $[9] = setActiveIndex;
-      $[10] = t3;
-    } else {
-      t3 = $[10];
-    }
-    let t4;
-    if ($[11] !== activeIndex || $[12] !== forms.length || $[13] !== setActiveIndex) {
-      t4 = () => {
-        const nextIndex_0 = activeIndex + 1;
-        if (nextIndex_0 === forms.length) {
-          setActiveIndex(0);
-        } else {
-          setActiveIndex(nextIndex_0);
-        }
-      };
-      $[11] = activeIndex;
-      $[12] = forms.length;
-      $[13] = setActiveIndex;
-      $[14] = t4;
-    } else {
-      t4 = $[14];
-    }
-    t2 = _jsxs("div", {
+  let t1;
+  if ($[0] !== activeIndex || $[1] !== collectionConfig || $[2] !== forms.length || $[3] !== setActiveIndex || $[4] !== t) {
+    t1 = _jsxs("div", {
       className: baseClass,
-      children: [_jsxs("div", {
+      children: [forms.length > 1 && _jsxs("div", {
         className: `${baseClass}__navigation`,
         children: [_jsxs("p", {
           className: `${baseClass}__locationText`,
           children: [_jsx("strong", {
-            children: t1
+            children: activeIndex + 1
           }), ` ${t("general:of")} `, _jsx("strong", {
             children: forms.length
           })]
@@ -76,20 +41,34 @@ export function ActionsBar(t0) {
           className: `${baseClass}__controls`,
           children: [_jsx(Button, {
             "aria-label": t("general:previous"),
-            buttonStyle: "none",
-            onClick: t3,
-            type: "button",
-            children: _jsx(ChevronIcon, {
+            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: "none",
-            onClick: t4,
-            type: "button",
-            children: _jsx(ChevronIcon, {
+            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
@@ -104,11 +83,10 @@ export function ActionsBar(t0) {
     $[3] = setActiveIndex;
     $[4] = t;
     $[5] = t1;
-    $[6] = t2;
   } else {
-    t2 = $[6];
+    t1 = $[5];
   }
-  return t2;
+  return t1;
 }
 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","t2","length","t3","nextIndex","t4","nextIndex_0","_jsxs","className","children","_jsx","buttonStyle","onClick","type","direction","collection","Actions","getEntityConfig","collectionSlug","hasPublishPermission","hasSavePermission","saveAllDocs","filter","Boolean","join","versions","drafts","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.scss'\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      <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=\"none\"\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            <ChevronIcon direction=\"left\" />\n          </Button>\n          <Button\n            aria-label={t('general:next')}\n            buttonStyle=\"none\"\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            <ChevronIcon direction=\"right\" />\n          </Button>\n        </div>\n        <EditManyBulkUploads collection={collectionConfig} />\n      </div>\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","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":[]}

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

@@ -0,0 +1,32 @@
+@layer payload-default {
+  .bulk-upload--add-files {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .bulk-upload--add-files__dropArea {
+    height: 100%;
+    padding: var(--spacer-2-5);
+
+    .dropzone {
+      height: 100%;
+      align-items: center;
+      flex-direction: column;
+      justify-content: center;
+      display: flex;
+      gap: var(--spacer-4);
+      background-color: var(--color-bg-secondary);
+
+      p {
+        margin: 0;
+      }
+    }
+  }
+
+  .bulk-upload--add-files__dragAndDropText {
+    margin: 0;
+    text-transform: lowercase;
+    align-self: center;
+  }
+}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import './index.scss';
+import './index.css';
 type Props = {
     readonly acceptMimeTypes?: string;
     readonly onCancel: () => void;

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,cAAc,CAAA;AAIrB,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;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"}

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

@@ -6,7 +6,7 @@ import { useTranslation } from '../../../providers/Translation/index.js';
 import { Button } from '../../Button/index.js';
 import { Dropzone } from '../../Dropzone/index.js';
 import { DrawerHeader } from '../Header/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'bulk-upload--add-files';
 export function AddFilesView({
   acceptMimeTypes,
@@ -28,14 +28,14 @@ export function AddFilesView({
         multipleFiles: true,
         onChange: onDrop,
         children: [/*#__PURE__*/_jsx(Button, {
-          buttonStyle: "subtle",
+          buttonStyle: "pill",
           iconPosition: "left",
           onClick: () => {
             if (inputRef.current) {
               inputRef.current.click();
             }
           },
-          size: "small",
+          size: "medium",
           children: t('upload:selectFile')
         }), /*#__PURE__*/_jsx("input", {
           accept: acceptMimeTypes,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useTranslation","Button","Dropzone","DrawerHeader","baseClass","AddFilesView","acceptMimeTypes","onCancel","onDrop","t","inputRef","useRef","_jsxs","className","_jsx","onClose","title","multipleFiles","onChange","buttonStyle","iconPosition","onClick","current","click","size","accept","hidden","multiple","e","target","files","length","ref","type"],"sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Dropzone } from '../../Dropzone/index.js'\nimport { DrawerHeader } from '../Header/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--add-files'\n\ntype Props = {\n  readonly acceptMimeTypes?: string\n  readonly onCancel: () => void\n  readonly onDrop: (acceptedFiles: FileList) => void\n}\nexport function AddFilesView({ acceptMimeTypes, onCancel, onDrop }: Props) {\n  const { t } = useTranslation()\n\n  const inputRef = React.useRef(null)\n\n  return (\n    <div className={baseClass}>\n      <DrawerHeader onClose={onCancel} title={t('upload:addFiles')} />\n      <div className={`${baseClass}__dropArea`}>\n        <Dropzone multipleFiles onChange={onDrop}>\n          <Button\n            buttonStyle=\"subtle\"\n            iconPosition=\"left\"\n            onClick={() => {\n              if (inputRef.current) {\n                inputRef.current.click()\n              }\n            }}\n            size=\"small\"\n          >\n            {t('upload:selectFile')}\n          </Button>\n          <input\n            accept={acceptMimeTypes}\n            aria-hidden=\"true\"\n            className={`${baseClass}__hidden-input`}\n            hidden\n            multiple\n            onChange={(e) => {\n              if (e.target.files && e.target.files.length > 0) {\n                onDrop(e.target.files)\n              }\n            }}\n            ref={inputRef}\n            type=\"file\"\n          />\n\n          <p className={`${baseClass}__dragAndDropText`}>\n            {t('general:or')} {t('upload:dragAndDrop')}\n          </p>\n        </Dropzone>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,SAASC,aAAa;EAAEC,eAAe;EAAEC,QAAQ;EAAEC;AAAM,CAAS;EACvE,MAAM;IAAEC;EAAC,CAAE,GAAGT,cAAA;EAEd,MAAMU,QAAA,GAAWX,KAAA,CAAMY,MAAM,CAAC;EAE9B,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWT,SAAA;4BACdU,IAAA,CAACX,YAAA;MAAaY,OAAA,EAASR,QAAA;MAAUS,KAAA,EAAOP,CAAA,CAAE;qBAC1CK,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGT,SAAA,YAAqB;gBACtC,aAAAQ,KAAA,CAACV,QAAA;QAASe,aAAa;QAACC,QAAA,EAAUV,MAAA;gCAChCM,IAAA,CAACb,MAAA;UACCkB,WAAA,EAAY;UACZC,YAAA,EAAa;UACbC,OAAA,EAASA,CAAA;YACP,IAAIX,QAAA,CAASY,OAAO,EAAE;cACpBZ,QAAA,CAASY,OAAO,CAACC,KAAK;YACxB;UACF;UACAC,IAAA,EAAK;oBAEJf,CAAA,CAAE;yBAELK,IAAA,CAAC;UACCW,MAAA,EAAQnB,eAAA;UACR,eAAY;UACZO,SAAA,EAAW,GAAGT,SAAA,gBAAyB;UACvCsB,MAAM;UACNC,QAAQ;UACRT,QAAA,EAAWU,CAAA;YACT,IAAIA,CAAA,CAAEC,MAAM,CAACC,KAAK,IAAIF,CAAA,CAAEC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,GAAG;cAC/CvB,MAAA,CAAOoB,CAAA,CAAEC,MAAM,CAACC,KAAK;YACvB;UACF;UACAE,GAAA,EAAKtB,QAAA;UACLuB,IAAA,EAAK;yBAGPrB,KAAA,CAAC;UAAEC,SAAA,EAAW,GAAGT,SAAA,mBAA4B;qBAC1CK,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;;;;;AAMjC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useTranslation","Button","Dropzone","DrawerHeader","baseClass","AddFilesView","acceptMimeTypes","onCancel","onDrop","t","inputRef","useRef","_jsxs","className","_jsx","onClose","title","multipleFiles","onChange","buttonStyle","iconPosition","onClick","current","click","size","accept","hidden","multiple","e","target","files","length","ref","type"],"sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Dropzone } from '../../Dropzone/index.js'\nimport { DrawerHeader } from '../Header/index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--add-files'\n\ntype Props = {\n  readonly acceptMimeTypes?: string\n  readonly onCancel: () => void\n  readonly onDrop: (acceptedFiles: FileList) => void\n}\nexport function AddFilesView({ acceptMimeTypes, onCancel, onDrop }: Props) {\n  const { t } = useTranslation()\n\n  const inputRef = React.useRef(null)\n\n  return (\n    <div className={baseClass}>\n      <DrawerHeader onClose={onCancel} title={t('upload:addFiles')} />\n      <div className={`${baseClass}__dropArea`}>\n        <Dropzone multipleFiles onChange={onDrop}>\n          <Button\n            buttonStyle=\"pill\"\n            iconPosition=\"left\"\n            onClick={() => {\n              if (inputRef.current) {\n                inputRef.current.click()\n              }\n            }}\n            size=\"medium\"\n          >\n            {t('upload:selectFile')}\n          </Button>\n          <input\n            accept={acceptMimeTypes}\n            aria-hidden=\"true\"\n            className={`${baseClass}__hidden-input`}\n            hidden\n            multiple\n            onChange={(e) => {\n              if (e.target.files && e.target.files.length > 0) {\n                onDrop(e.target.files)\n              }\n            }}\n            ref={inputRef}\n            type=\"file\"\n          />\n\n          <p className={`${baseClass}__dragAndDropText`}>\n            {t('general:or')} {t('upload:dragAndDrop')}\n          </p>\n        </Dropzone>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,SAASC,aAAa;EAAEC,eAAe;EAAEC,QAAQ;EAAEC;AAAM,CAAS;EACvE,MAAM;IAAEC;EAAC,CAAE,GAAGT,cAAA;EAEd,MAAMU,QAAA,GAAWX,KAAA,CAAMY,MAAM,CAAC;EAE9B,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWT,SAAA;4BACdU,IAAA,CAACX,YAAA;MAAaY,OAAA,EAASR,QAAA;MAAUS,KAAA,EAAOP,CAAA,CAAE;qBAC1CK,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGT,SAAA,YAAqB;gBACtC,aAAAQ,KAAA,CAACV,QAAA;QAASe,aAAa;QAACC,QAAA,EAAUV,MAAA;gCAChCM,IAAA,CAACb,MAAA;UACCkB,WAAA,EAAY;UACZC,YAAA,EAAa;UACbC,OAAA,EAASA,CAAA;YACP,IAAIX,QAAA,CAASY,OAAO,EAAE;cACpBZ,QAAA,CAASY,OAAO,CAACC,KAAK;YACxB;UACF;UACAC,IAAA,EAAK;oBAEJf,CAAA,CAAE;yBAELK,IAAA,CAAC;UACCW,MAAA,EAAQnB,eAAA;UACR,eAAY;UACZO,SAAA,EAAW,GAAGT,SAAA,gBAAyB;UACvCsB,MAAM;UACNC,QAAQ;UACRT,QAAA,EAAWU,CAAA;YACT,IAAIA,CAAA,CAAEC,MAAM,CAACC,KAAK,IAAIF,CAAA,CAAEC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,GAAG;cAC/CvB,MAAA,CAAOoB,CAAA,CAAEC,MAAM,CAACC,KAAK;YACvB;UACF;UACAE,GAAA,EAAKtB,QAAA;UACLuB,IAAA,EAAK;yBAGPrB,KAAA,CAAC;UAAEC,SAAA,EAAW,GAAGT,SAAA,mBAA4B;qBAC1CK,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;;;;;AAMjC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,cAAc,CAAA;AAIrB,wBAAgB,eAAe,sBA+D9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,cAAc,CAAA;AAIrB,wBAAgB,eAAe,sBAgE9B"}

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

@@ -84,6 +84,7 @@ export function AddingFilesView() {
           children: [_jsx(ActionsBar, {
             collectionConfig
           }), _jsx(EditForm, {
+            BeforeDocumentMeta: documentSlots.BeforeDocumentMeta,
             resetUploadEdits,
             submitted: hasSubmitted,
             updateUploadEdits,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","reduceFieldsToValues","React","useAuth","useConfig","DocumentInfoProvider","useTranslation","ActionsBar","discardBulkUploadModalSlug","DiscardWithoutSaving","EditForm","FileSidebar","useFormsManager","DrawerHeader","baseClass","AddingFilesView","$","activeIndex","collectionSlug","docPermissions","documentSlots","forms","hasPublishPermission","hasSavePermission","hasSubmitted","resetUploadEdits","updateUploadEdits","activeForm","getEntityConfig","i18n","user","openModal","t0","length","collectionConfig","t1","_jsxs","className","children","_jsx","onClose","title","labels","singular","currentEditor","hasPublishedDoc","id","initialData","formState","initialState","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","Upload","versionCount","submitted","uploadEdits"],"sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ActionsBar } from '../ActionsBar/index.js'\nimport { discardBulkUploadModalSlug, DiscardWithoutSaving } from '../DiscardWithoutSaving/index.js'\nimport { EditForm } from '../EditForm/index.js'\nimport { FileSidebar } from '../FileSidebar/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { DrawerHeader } from '../Header/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--file-manager'\n\nexport function AddingFilesView() {\n  const {\n    activeIndex,\n    collectionSlug,\n    docPermissions,\n    documentSlots,\n    forms,\n    hasPublishPermission,\n    hasSavePermission,\n    hasSubmitted,\n    resetUploadEdits,\n    updateUploadEdits,\n  } = useFormsManager()\n  const activeForm = forms[activeIndex]\n  const { getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const { user } = useAuth()\n  const { openModal } = useModal()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  return (\n    <div className={baseClass}>\n      <FileSidebar />\n\n      <div className={`${baseClass}__editView`}>\n        <DrawerHeader\n          onClose={() => openModal(discardBulkUploadModalSlug)}\n          title={getTranslation(collectionConfig.labels.singular, i18n)}\n        />\n        {activeForm ? (\n          <DocumentInfoProvider\n            collectionSlug={collectionSlug}\n            currentEditor={user}\n            docPermissions={docPermissions}\n            hasPublishedDoc={false}\n            hasPublishPermission={hasPublishPermission}\n            hasSavePermission={hasSavePermission}\n            id={null}\n            initialData={reduceFieldsToValues(activeForm.formState, true)}\n            initialState={activeForm.formState}\n            isLocked={false}\n            key={`${activeIndex}-${forms.length}`}\n            lastUpdateTime={0}\n            mostRecentVersionIsAutosaved={false}\n            unpublishedVersionCount={0}\n            Upload={documentSlots.Upload}\n            versionCount={0}\n          >\n            <ActionsBar collectionConfig={collectionConfig} />\n            <EditForm\n              resetUploadEdits={resetUploadEdits}\n              submitted={hasSubmitted}\n              updateUploadEdits={updateUploadEdits}\n              uploadEdits={activeForm?.uploadEdits}\n            />\n          </DocumentInfoProvider>\n        ) : null}\n      </div>\n\n      <DiscardWithoutSaving />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","reduceFieldsToValues","React","useAuth","useConfig","DocumentInfoProvider","useTranslation","ActionsBar","discardBulkUploadModalSlug","DiscardWithoutSaving","EditForm","FileSidebar","useFormsManager","DrawerHeader","baseClass","AddingFilesView","$","activeIndex","collectionSlug","docPermissions","documentSlots","forms","hasPublishPermission","hasSavePermission","hasSubmitted","resetUploadEdits","updateUploadEdits","activeForm","getEntityConfig","i18n","user","openModal","t0","length","collectionConfig","t1","_jsxs","className","children","_jsx","onClose","title","labels","singular","currentEditor","hasPublishedDoc","id","initialData","formState","initialState","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","Upload","versionCount","BeforeDocumentMeta","submitted","uploadEdits"],"sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ActionsBar } from '../ActionsBar/index.js'\nimport { discardBulkUploadModalSlug, DiscardWithoutSaving } from '../DiscardWithoutSaving/index.js'\nimport { EditForm } from '../EditForm/index.js'\nimport { FileSidebar } from '../FileSidebar/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { DrawerHeader } from '../Header/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--file-manager'\n\nexport function AddingFilesView() {\n  const {\n    activeIndex,\n    collectionSlug,\n    docPermissions,\n    documentSlots,\n    forms,\n    hasPublishPermission,\n    hasSavePermission,\n    hasSubmitted,\n    resetUploadEdits,\n    updateUploadEdits,\n  } = useFormsManager()\n  const activeForm = forms[activeIndex]\n  const { getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const { user } = useAuth()\n  const { openModal } = useModal()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  return (\n    <div className={baseClass}>\n      <FileSidebar />\n\n      <div className={`${baseClass}__editView`}>\n        <DrawerHeader\n          onClose={() => openModal(discardBulkUploadModalSlug)}\n          title={getTranslation(collectionConfig.labels.singular, i18n)}\n        />\n        {activeForm ? (\n          <DocumentInfoProvider\n            collectionSlug={collectionSlug}\n            currentEditor={user}\n            docPermissions={docPermissions}\n            hasPublishedDoc={false}\n            hasPublishPermission={hasPublishPermission}\n            hasSavePermission={hasSavePermission}\n            id={null}\n            initialData={reduceFieldsToValues(activeForm.formState, true)}\n            initialState={activeForm.formState}\n            isLocked={false}\n            key={`${activeIndex}-${forms.length}`}\n            lastUpdateTime={0}\n            mostRecentVersionIsAutosaved={false}\n            unpublishedVersionCount={0}\n            Upload={documentSlots.Upload}\n            versionCount={0}\n          >\n            <ActionsBar collectionConfig={collectionConfig} />\n            <EditForm\n              BeforeDocumentMeta={documentSlots.BeforeDocumentMeta}\n              resetUploadEdits={resetUploadEdits}\n              submitted={hasSubmitted}\n              updateUploadEdits={updateUploadEdits}\n              uploadEdits={activeForm?.uploadEdits}\n            />\n          </DocumentInfoProvider>\n        ) : null}\n      </div>\n\n      <DiscardWithoutSaving />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { EditFormProps } from './types.js';
 import './index.scss';
-export declare function EditForm({ resetUploadEdits, submitted, updateUploadEdits, uploadEdits, }: EditFormProps): React.JSX.Element;
+export declare function EditForm({ BeforeDocumentMeta, resetUploadEdits, submitted, updateUploadEdits, uploadEdits, }: EditFormProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAgB/C,OAAO,cAAc,CAAA;AAQrB,wBAAgB,QAAQ,CAAC,EACvB,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,WAAW,GACZ,EAAE,aAAa,qBAqIf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAe/C,OAAO,cAAc,CAAA;AAQrB,wBAAgB,QAAQ,CAAC,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,WAAW,GACZ,EAAE,aAAa,qBAsHf"}

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

@@ -13,7 +13,6 @@ import { useServerFunctions } from '../../../providers/ServerFunctions/index.js'
 import { abortAndIgnore, handleAbortRef } from '../../../utilities/abortAndIgnore.js';
 import { useDocumentDrawerContext } from '../../DocumentDrawer/Provider.js';
 import { DocumentFields } from '../../DocumentFields/index.js';
-import { MoveDocToFolder } from '../../FolderView/MoveDocToFolder/index.js';
 import { Upload_v4 } from '../../Upload/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
 import './index.scss';
@@ -22,6 +21,7 @@ const baseClass = 'collection-edit';
 // When rendered within a drawer, props are empty
 // This is solely to support custom edit views which get server-rendered
 export function EditForm({
+  BeforeDocumentMeta,
   resetUploadEdits,
   submitted,
   updateUploadEdits,
@@ -45,9 +45,6 @@ export function EditForm({
     getFormState
   } = useServerFunctions();
   const {
-    config: {
-      folders
-    },
     getEntityConfig
   } = useConfig();
   const abortOnChangeRef = React.useRef(null);
@@ -118,14 +115,7 @@ export function EditForm({
         BeforeFields: /*#__PURE__*/_jsx(React.Fragment, {
           children: CustomUpload || /*#__PURE__*/_jsx(Upload_v4, {
             collectionSlug: collectionConfig.slug,
-            customActions: [folders && collectionConfig.folders && /*#__PURE__*/_jsx(MoveDocToFolder, {
-              buttonProps: {
-                buttonStyle: 'pill',
-                size: 'small'
-              },
-              folderCollectionSlug: folders.slug,
-              folderFieldName: folders.fieldName
-            }, "move-doc-to-folder")].filter(Boolean),
+            customActions: [BeforeDocumentMeta].filter(Boolean),
             initialState: initialState,
             resetUploadEdits: resetUploadEdits,
             updateUploadEdits: updateUploadEdits,