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

package/dist/css/radius.css

@@ -2,11 +2,9 @@
   :root {
     --radius-none: 0;
     --radius-small: 0.125rem;
+    --radius-chip: 0.1875rem;
     --radius-medium: 0.3125rem;
     --radius-large: 0.8125rem;
     --radius-full: 9999px;
-
-    --stroke-width-small: 1px;
-    --stroke-width-medium: 2px;
   }
 }

package/dist/css/theme.css

@@ -24,5 +24,9 @@
     /* Popup menus */
     --popup-radius: var(--radius-large);
     --popup-item-radius: var(--button-radius);
+
+    /* Stroke widths */
+    --stroke-width-small: 1px;
+    --stroke-width-medium: 2px;
   }
 }

package/dist/css/utilities.css

@@ -18,6 +18,11 @@
     border-width: 0;
   }
 
+  .scrollbar-thin {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-border) transparent;
+  }
+
   /* Global focus ring */
   :focus-visible {
     outline: var(--accessibility-outline);

package/dist/elements/APIKeyInput/index.css

@@ -0,0 +1,92 @@
+@layer payload-default {
+  .api-key-input {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-1);
+    width: 100%;
+  }
+
+  .api-key-input__control {
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+    gap: var(--spacer-2);
+    min-width: 0;
+    min-height: var(--spacer-5);
+    padding: 0 var(--spacer-2);
+    background: var(--color-bg-secondary);
+    border: var(--stroke-width-small) solid transparent;
+    border-radius: var(--radius-medium);
+  }
+
+  .api-key-input__icon {
+    flex-shrink: 0;
+    width: var(--spacer-4);
+    height: var(--spacer-4);
+    color: var(--color-icon-secondary);
+  }
+
+  .api-key-input__field {
+    flex-grow: 1;
+    min-width: 0;
+    padding: 0;
+    border: none;
+    background: transparent;
+    outline: none;
+    color: var(--color-text);
+    font-family: var(--font-family-mono);
+    font-size: var(--text-body-large-font-size);
+    line-height: var(--text-body-large-line-height);
+  }
+
+  .api-key-input__field:focus,
+  .api-key-input__field:focus-visible {
+    outline: none;
+    box-shadow: none;
+  }
+
+  .api-key-input__field[type='password'] {
+    font-family: var(--font-family-sans);
+    font-size: var(--text-body-large-font-size);
+    font-weight: var(--text-body-large-strong-font-weight);
+    letter-spacing: 0.025rem;
+  }
+
+  .api-key-input__toggle {
+    flex-shrink: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    appearance: none;
+    width: var(--spacer-4);
+    height: var(--spacer-4);
+    padding: 0;
+    background: none;
+    border: none;
+    cursor: pointer;
+    color: var(--color-icon-secondary);
+  }
+
+  .api-key-input__toggle:hover {
+    color: var(--color-icon);
+  }
+
+  .api-key-input .copy-to-clipboard {
+    flex-shrink: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacer-5);
+    min-height: var(--spacer-5);
+    padding: 0;
+    color: var(--color-icon-secondary);
+    background: var(--color-bg-secondary);
+    border: var(--stroke-width-small) solid transparent;
+    border-radius: var(--radius-medium);
+  }
+
+  .api-key-input .copy-to-clipboard:hover {
+    color: var(--color-icon);
+    background: var(--color-bg-hover);
+  }
+}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.css';
+export type APIKeyInputProps = {
+    readonly 'aria-label'?: string;
+    readonly highlighted?: boolean;
+    readonly id?: string;
+    readonly value: null | string | undefined;
+};
+/**
+ * Read-only masked API key field: key icon, value, show/hide toggle, and copy
+ * control. Shared by the core auth API-key field and the MCP API-keys collection.
+ */
+export declare const APIKeyInput: React.FC<APIKeyInputProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/APIKeyInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;CAC1C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmClD,CAAA"}

package/dist/elements/APIKeyInput/index.js

@@ -0,0 +1,86 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { EyeIcon } from '../../icons/Eye/index.js';
+import { KeyIcon } from '../../icons/Key/index.js';
+import { CopyToClipboard } from '../CopyToClipboard/index.js';
+import './index.css';
+const baseClass = 'api-key-input';
+/**
+ * Read-only masked API key field: key icon, value, show/hide toggle, and copy
+ * control. Shared by the core auth API-key field and the MCP API-keys collection.
+ */
+export const APIKeyInput = t0 => {
+  const $ = _c(9);
+  const {
+    id,
+    "aria-label": t1,
+    highlighted,
+    value
+  } = t0;
+  const ariaLabel = t1 === undefined ? "API Key" : t1;
+  const [showKey, setShowKey] = useState(false);
+  const keyValue = value ?? "";
+  const t2 = highlighted && "highlight";
+  let t3;
+  if ($[0] !== t2) {
+    t3 = [`${baseClass}__control`, t2].filter(Boolean);
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const t4 = t3.join(" ");
+  let t5;
+  if ($[2] !== ariaLabel || $[3] !== id || $[4] !== keyValue || $[5] !== showKey || $[6] !== t4) {
+    let t6;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+      t6 = () => setShowKey(_temp);
+      $[8] = t6;
+    } else {
+      t6 = $[8];
+    }
+    t5 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsxs("div", {
+        className: t4,
+        children: [_jsx(KeyIcon, {
+          className: `${baseClass}__icon`
+        }), _jsx("input", {
+          "aria-label": ariaLabel,
+          className: `${baseClass}__field`,
+          id,
+          readOnly: true,
+          type: showKey ? "text" : "password",
+          value: keyValue
+        }), _jsx("button", {
+          "aria-label": showKey ? "Hide API key" : "Show API key",
+          className: `${baseClass}__toggle`,
+          onClick: t6,
+          type: "button",
+          children: _jsx(EyeIcon, {
+            active: showKey,
+            size: 24
+          })
+        })]
+      }), _jsx(CopyToClipboard, {
+        value: keyValue
+      })]
+    });
+    $[2] = ariaLabel;
+    $[3] = id;
+    $[4] = keyValue;
+    $[5] = showKey;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return t5;
+};
+function _temp(prev) {
+  return !prev;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useState","EyeIcon","KeyIcon","CopyToClipboard","baseClass","APIKeyInput","t0","$","id","t1","highlighted","value","ariaLabel","undefined","showKey","setShowKey","keyValue","t2","t3","filter","Boolean","t4","join","t5","t6","Symbol","for","_temp","_jsxs","className","children","_jsx","readOnly","type","onClick","active","size","prev"],"sources":["../../../src/elements/APIKeyInput/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport { EyeIcon } from '../../icons/Eye/index.js'\nimport { KeyIcon } from '../../icons/Key/index.js'\nimport { CopyToClipboard } from '../CopyToClipboard/index.js'\nimport './index.css'\n\nconst baseClass = 'api-key-input'\n\nexport type APIKeyInputProps = {\n  readonly 'aria-label'?: string\n  readonly highlighted?: boolean\n  readonly id?: string\n  readonly value: null | string | undefined\n}\n\n/**\n * Read-only masked API key field: key icon, value, show/hide toggle, and copy\n * control. Shared by the core auth API-key field and the MCP API-keys collection.\n */\nexport const APIKeyInput: React.FC<APIKeyInputProps> = ({\n  id,\n  'aria-label': ariaLabel = 'API Key',\n  highlighted,\n  value,\n}) => {\n  const [showKey, setShowKey] = useState(false)\n  const keyValue = value ?? ''\n\n  return (\n    <div className={baseClass}>\n      <div\n        className={[`${baseClass}__control`, highlighted && 'highlight'].filter(Boolean).join(' ')}\n      >\n        <KeyIcon className={`${baseClass}__icon`} />\n        <input\n          aria-label={ariaLabel}\n          className={`${baseClass}__field`}\n          id={id}\n          readOnly\n          type={showKey ? 'text' : 'password'}\n          value={keyValue}\n        />\n        <button\n          aria-label={showKey ? 'Hide API key' : 'Show API key'}\n          className={`${baseClass}__toggle`}\n          onClick={() => setShowKey((prev) => !prev)}\n          type=\"button\"\n        >\n          <EyeIcon active={showKey} size={24} />\n        </button>\n      </div>\n      <CopyToClipboard value={keyValue} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,OAAO,QAAQ;AACxB,SAASC,OAAO,QAAQ;AACxB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB;;;;AAIA,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,EAAA;IAAA,cAAAC,EAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAL,EAKvD;EAHe,MAAAM,SAAA,GAAAH,EAAqB,KAAAI,SAAA,GAAT,SAAS,GAArBJ,EAAqB;EAInC,OAAAK,OAAA,EAAAC,UAAA,IAA8Bf,QAAA,MAAS;EACvC,MAAAgB,QAAA,GAAiBL,KAAA,IAAS;EAKiB,MAAAM,EAAA,GAAAP,WAAA,IAAe;EAAA,IAAAQ,EAAA;EAAA,IAAAX,CAAA,QAAAU,EAAA;IAAzCC,EAAA,IAAC,GAAAd,SAAA,WAAuB,EAAEa,EAAe,EAAAE,MAAA,CAAAC,OAAoB;IAAAb,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAA7D,MAAAc,EAAA,GAAAH,EAA6D,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAS,QAAA,IAAAT,CAAA,QAAAO,OAAA,IAAAP,CAAA,QAAAc,EAAA;IAAA,IAAAG,EAAA;IAAA,IAAAjB,CAAA,QAAAkB,MAAA,CAAAC,GAAA;MAc3EF,EAAA,GAAAA,CAAA,KAAMT,UAAA,CAAAY,KAAsB;MAAApB,CAAA,MAAAiB,EAAA;IAAA;MAAAA,EAAA,GAAAjB,CAAA;IAAA;IAhB3CgB,EAAA,GAAAK,KAAA,CAAC;MAAAC,SAAA,EAAAzB,SAAA;MAAA0B,QAAA,GACCF,KAAA,CAAC;QAAAC,SAAA,EACYR,EAA2E;QAAAS,QAAA,GAEtFC,IAAA,CAAA7B,OAAA;UAAA2B,SAAA,EAAoB,GAAAzB,SAAA;QAAoB,C,GACxC2B,IAAA,CAAC;UAAA,cACanB,SAAA;UAAAiB,SAAA,EACD,GAAAzB,SAAA,SAAqB;UAAAI,EAAA;UAAAwB,QAAA;UAAAC,IAAA,EAG1BnB,OAAA,GAAU,SAAS;UAAAH,KAAA,EAClBK;QAAA,C,GAETe,IAAA,CAAC;UAAA,cACajB,OAAA,GAAU,iBAAiB;UAAAe,SAAA,EAC5B,GAAAzB,SAAA,UAAsB;UAAA8B,OAAA,EACxBV,EAA4B;UAAAS,IAAA,EAChC;UAAAH,QAAA,EAELC,IAAA,CAAA9B,OAAA;YAAAkC,MAAA,EAAiBrB,OAAA;YAAAsB,IAAA;UAAA,C;;UAGrBL,IAAA,CAAA5B,eAAA;QAAAQ,KAAA,EAAwBK;MAAA,C;;;;;;;;;;;SAtB1BO,E;CAyBJ;AAnCuD,SAAAI,MAAAU,IAAA;EAAA,QA0BRA,IAAA;AAAA","ignoreList":[]}

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

@@ -3,17 +3,23 @@
     display: flex;
     padding-inline: var(--gutter-h);
     align-items: center;
-    border-bottom: 1px solid var(--theme-border-color);
+    border-bottom: 1px solid var(--color-border);
     position: sticky;
     z-index: 1;
     top: 0;
-    background-color: var(--theme-bg);
+    background-color: var(--color-bg);
     height: var(--doc-controls-height);
+    gap: var(--spacer-2-5);
+  }
+
+  .bulk-upload--actions-bar__multipleFiles {
+    display: flex;
+    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;

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,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,qBAqDrD;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

@@ -29,46 +29,49 @@ export function ActionsBar(t0) {
     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"
+        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

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","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}__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          <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.js

@@ -28,7 +28,7 @@ export function AddFilesView({
         multipleFiles: true,
         onChange: onDrop,
         children: [/*#__PURE__*/_jsx(Button, {
-          buttonStyle: "pill",
+          buttonStyle: "primary",
           iconPosition: "left",
           onClick: () => {
             if (inputRef.current) {

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.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":[]}
+{"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=\"primary\"\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.css

@@ -0,0 +1,25 @@
+@layer payload-default {
+  .bulk-upload--file-manager {
+    display: flex;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+  }
+
+  .bulk-upload--file-manager__editView {
+    flex-grow: 1;
+    height: 100%;
+    max-height: 100%;
+    overflow: auto;
+  }
+
+  @media (max-width: 1024px) {
+    .bulk-upload--file-manager {
+      flex-direction: column-reverse;
+    }
+
+    .bulk-upload--file-manager__editView {
+      flex-grow: 1;
+    }
+  }
+}

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare function AddingFilesView(): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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,sBAgE9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,aAAa,CAAA;AAIpB,wBAAgB,eAAe,sBAgE9B"}

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

@@ -16,7 +16,7 @@ import { EditForm } from '../EditForm/index.js';
 import { FileSidebar } from '../FileSidebar/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
 import { DrawerHeader } from '../Header/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'bulk-upload--file-manager';
 export function AddingFilesView() {
   const $ = _c(18);

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","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":[]}
+{"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.css'\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.css

@@ -0,0 +1,9 @@
+@layer payload-default {
+  .collection-edit {
+    width: 100%;
+  }
+
+  .collection-edit__form {
+    height: auto;
+  }
+}

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';
+import './index.css';
 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;AAe/C,OAAO,cAAc,CAAA;AAQrB,wBAAgB,QAAQ,CAAC,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,WAAW,GACZ,EAAE,aAAa,qBAsHf"}
+{"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,aAAa,CAAA;AAQpB,wBAAgB,QAAQ,CAAC,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,WAAW,GACZ,EAAE,aAAa,qBAsHf"}

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

@@ -15,7 +15,7 @@ import { useDocumentDrawerContext } from '../../DocumentDrawer/Provider.js';
 import { DocumentFields } from '../../DocumentFields/index.js';
 import { Upload_v4 } from '../../Upload/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'collection-edit';
 // This component receives props only on _pages_
 // When rendered within a drawer, props are empty