@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/elements/Banner/index.js

@@ -1,30 +1,39 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 import { Link } from '../Link/index.js';
 const baseClass = 'banner';
-export const Banner = ({ type = 'default', alignIcon = 'right', children, className, icon, onClick, to })=>{
-    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) {
-        RenderedType = 'button';
-    }
-    if (to) {
-        RenderedType = Link;
-    }
-    return <RenderedType className={classes} href={to || null} onClick={onClick}>
-      {icon && alignIcon === 'left' && <React.Fragment>{icon}</React.Fragment>}
-      <span className={`${baseClass}__content`}>{children}</span>
-      {icon && alignIcon === 'right' && <React.Fragment>{icon}</React.Fragment>}
-    </RenderedType>;
+export const Banner = ({
+  type = 'default',
+  alignIcon = 'right',
+  children,
+  className,
+  icon,
+  onClick,
+  to
+}) => {
+  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) {
+    RenderedType = 'button';
+  }
+  if (to) {
+    RenderedType = Link;
+  }
+  return /*#__PURE__*/_jsxs(RenderedType, {
+    className: classes,
+    href: to || null,
+    onClick: onClick,
+    children: [icon && alignIcon === 'left' && /*#__PURE__*/_jsx(React.Fragment, {
+      children: icon
+    }), /*#__PURE__*/_jsx("span", {
+      className: `${baseClass}__content`,
+      children: children
+    }), icon && alignIcon === 'right' && /*#__PURE__*/_jsx(React.Fragment, {
+      children: icon
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","Link","baseClass","Banner","type","alignIcon","children","className","icon","onClick","to","classes","filter","Boolean","join","RenderedType","href","Fragment","span"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AACrB,SAASC,IAAI,QAAQ,mBAAkB;AAEvC,MAAMC,YAAY;AAqBlB,OAAO,MAAMC,SAA0B,CAAC,EACtCC,OAAO,SAAS,EAChBC,YAAY,OAAO,EACnBC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,OAAO,EACPC,EAAE,EACH;IACC,MAAMC,UAAU;QACdT;QACA,GAAGA,UAAU,OAAO,EAAEE,MAAM;QAC5BG,aAAaA;QACbG,MAAM,GAAGR,UAAU,UAAU,CAAC;QAC7BQ,CAAAA,MAAMD,OAAM,KAAM,GAAGP,UAAU,YAAY,CAAC;QAC7CM,QAAQ,GAAGN,UAAU,UAAU,CAAC;QAChCM,QAAQ,GAAGN,UAAU,aAAa,EAAEG,WAAW;KAChD,CACEO,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,eAA2E;IAE/E,IAAIN,WAAW,CAACC,IAAI;QAClBK,eAAe;IACjB;IACA,IAAIL,IAAI;QACNK,eAAed;IACjB;IAEA,QACGc,aAAaR,WAAWI,SAASK,MAAMN,MAAM,MAAMD,SAASA,SAAS;MACpE,CAACD,QAAQH,cAAc,WAAWL,MAAMiB,UAAUT,OAAOR,MAAMiB,UAAU;MACzE,CAACC,KAAKX,WAAW,GAAGL,UAAU,SAAS,CAAC,GAAGI,WAAWY,KAAK;MAC3D,CAACV,QAAQH,cAAc,YAAYL,MAAMiB,UAAUT,OAAOR,MAAMiB,UAAU;IAC5E,EAAEF;AAEN,EAAC"}
+{"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":[]}

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

@@ -1,4 +1,8 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -7,73 +11,177 @@ import { EditManyBulkUploads } from '../EditMany/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
 import './index.scss';
 const baseClass = 'bulk-upload--actions-bar';
-export function ActionsBar({ collectionConfig }) {
-    const { activeIndex, forms, setActiveIndex } = useFormsManager();
-    const { t } = useTranslation();
-    return <div className={baseClass}>
-      <div className={`${baseClass}__navigation`}>
-        <p className={`${baseClass}__locationText`}>
-          <strong>{activeIndex + 1}</strong>
-          {` ${t('general:of')} `}
-          <strong>{forms.length}</strong>
-        </p>
-
-        <div className={`${baseClass}__controls`}>
-          <Button aria-label={t('general:previous')} buttonStyle="none" onClick={()=>{
+export function ActionsBar(t0) {
+  const $ = _c(15);
+  const {
+    collectionConfig
+  } = t0;
+  const {
+    activeIndex,
+    forms,
+    setActiveIndex
+  } = useFormsManager();
+  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);
+          setActiveIndex(forms.length - 1);
         } else {
-            setActiveIndex(nextIndex);
+          setActiveIndex(nextIndex);
         }
-    }} type="button">
-            <ChevronIcon direction="left"/>
-          </Button>
-          <Button aria-label={t('general:next')} buttonStyle="none" onClick={()=>{
-        const nextIndex = activeIndex + 1;
-        if (nextIndex === forms.length) {
-            setActiveIndex(0);
+      };
+      $[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);
+          setActiveIndex(nextIndex_0);
         }
-    }} type="button">
-            <ChevronIcon direction="right"/>
-          </Button>
-        </div>
-        <EditManyBulkUploads collection={collectionConfig}/>
-      </div>
-
-      <Actions className={`${baseClass}__saveButtons`}/>
-    </div>;
+      };
+      $[11] = activeIndex;
+      $[12] = forms.length;
+      $[13] = setActiveIndex;
+      $[14] = t4;
+    } else {
+      t4 = $[14];
+    }
+    t2 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsxs("div", {
+        className: `${baseClass}__navigation`,
+        children: [_jsxs("p", {
+          className: `${baseClass}__locationText`,
+          children: [_jsx("strong", {
+            children: t1
+          }), ` ${t("general:of")} `, _jsx("strong", {
+            children: forms.length
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [_jsx(Button, {
+            "aria-label": t("general:previous"),
+            buttonStyle: "none",
+            onClick: t3,
+            type: "button",
+            children: _jsx(ChevronIcon, {
+              direction: "left"
+            })
+          }), _jsx(Button, {
+            "aria-label": t("general:next"),
+            buttonStyle: "none",
+            onClick: t4,
+            type: "button",
+            children: _jsx(ChevronIcon, {
+              direction: "right"
+            })
+          })]
+        }), _jsx(EditManyBulkUploads, {
+          collection: collectionConfig
+        })]
+      }), _jsx(Actions, {
+        className: `${baseClass}__saveButtons`
+      })]
+    });
+    $[0] = activeIndex;
+    $[1] = collectionConfig;
+    $[2] = forms.length;
+    $[3] = setActiveIndex;
+    $[4] = t;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 }
-export function Actions({ className }) {
-    const { getEntityConfig } = useConfig();
-    const { t } = useTranslation();
-    const { collectionSlug, hasPublishPermission, hasSavePermission, saveAllDocs } = useFormsManager();
-    const collectionConfig = getEntityConfig({
-        collectionSlug
+export function Actions(t0) {
+  const $ = _c(12);
+  const {
+    className
+  } = t0;
+  const {
+    getEntityConfig
+  } = useConfig();
+  const {
+    t
+  } = useTranslation();
+  const {
+    collectionSlug,
+    hasPublishPermission,
+    hasSavePermission,
+    saveAllDocs
+  } = useFormsManager();
+  let t1;
+  if ($[0] !== collectionSlug || $[1] !== getEntityConfig) {
+    t1 = getEntityConfig({
+      collectionSlug
     });
-    return <div className={[
-        `${baseClass}__buttons`,
-        className
-    ].filter(Boolean).join(' ')}>
-      {collectionConfig?.versions?.drafts && hasSavePermission ? <Button buttonStyle="secondary" onClick={()=>void saveAllDocs({
-            overrides: {
-                _status: 'draft'
-            }
-        })}>
-          {t('version:saveDraft')}
-        </Button> : null}
-      {collectionConfig?.versions?.drafts && hasPublishPermission ? <Button onClick={()=>void saveAllDocs({
-            overrides: {
-                _status: 'published'
-            }
-        })}>
-          {t('version:publish')}
-        </Button> : null}
-
-      {!collectionConfig?.versions?.drafts && hasSavePermission ? <Button onClick={()=>void saveAllDocs()}>{t('general:save')}</Button> : null}
-    </div>;
+    $[0] = collectionSlug;
+    $[1] = getEntityConfig;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const collectionConfig = t1;
+  let t2;
+  if ($[3] !== className) {
+    t2 = [`${baseClass}__buttons`, className].filter(Boolean);
+    $[3] = className;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const t3 = t2.join(" ");
+  let t4;
+  if ($[5] !== collectionConfig?.versions?.drafts || $[6] !== hasPublishPermission || $[7] !== hasSavePermission || $[8] !== saveAllDocs || $[9] !== t || $[10] !== t3) {
+    t4 = _jsxs("div", {
+      className: t3,
+      children: [collectionConfig?.versions?.drafts && hasSavePermission ? _jsx(Button, {
+        buttonStyle: "secondary",
+        onClick: () => void saveAllDocs({
+          overrides: {
+            _status: "draft"
+          }
+        }),
+        children: t("version:saveDraft")
+      }) : null, collectionConfig?.versions?.drafts && hasPublishPermission ? _jsx(Button, {
+        onClick: () => void saveAllDocs({
+          overrides: {
+            _status: "published"
+          }
+        }),
+        children: t("version:publish")
+      }) : null, !collectionConfig?.versions?.drafts && hasSavePermission ? _jsx(Button, {
+        onClick: () => void saveAllDocs(),
+        children: t("general:save")
+      }) : null]
+    });
+    $[5] = collectionConfig?.versions?.drafts;
+    $[6] = hasPublishPermission;
+    $[7] = hasSavePermission;
+    $[8] = saveAllDocs;
+    $[9] = t;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["ChevronIcon","useConfig","useTranslation","Button","EditManyBulkUploads","useFormsManager","baseClass","ActionsBar","collectionConfig","activeIndex","forms","setActiveIndex","t","div","className","p","strong","length","aria-label","buttonStyle","onClick","nextIndex","type","direction","collection","Actions","getEntityConfig","collectionSlug","hasPublishPermission","hasSavePermission","saveAllDocs","filter","Boolean","join","versions","drafts","overrides","_status"],"mappings":"AAAA;AAMA,SAASA,WAAW,QAAQ,kCAAiC;AAC7D,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,mBAAmB,QAAQ,uBAAsB;AAC1D,SAASC,eAAe,QAAQ,2BAA0B;AAC1D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,WAAW,EAAEC,gBAAgB,EAAS;IACpD,MAAM,EAAEC,WAAW,EAAEC,KAAK,EAAEC,cAAc,EAAE,GAAGN;IAC/C,MAAM,EAAEO,CAAC,EAAE,GAAGV;IAEd,QACGW,IAAIC,WAAWR,WAAW;MACzB,CAACO,IAAIC,WAAW,GAAGR,UAAU,YAAY,CAAC,EAAE;QAC1C,CAACS,EAAED,WAAW,GAAGR,UAAU,cAAc,CAAC,EAAE;UAC1C,CAACU,QAAQP,cAAc,IAAIO,OAAO;UAClC,CAAC,CAAC,CAAC,EAAEJ,EAAE,cAAc,CAAC,CAAC,CAAC;UACxB,CAACI,QAAQN,MAAMO,MAAM,GAAGD,OAAO;QACjC,EAAED,EAAE;;QAEJ,CAACF,IAAIC,WAAW,GAAGR,UAAU,UAAU,CAAC,EAAE;UACxC,CAACH,OACCe,YAAYN,EAAE,qBACdO,YAAY,OACZC,SAAS;QACP,MAAMC,YAAYZ,cAAc;QAChC,IAAIY,YAAY,GAAG;YACjBV,eAAeD,MAAMO,MAAM,GAAG;QAChC,OAAO;YACLN,eAAeU;QACjB;IACF,GACAC,KAAK,SACN;YACC,CAACtB,YAAYuB,UAAU,QAAS;UAClC,EAAEpB,OAAO;UACT,CAACA,OACCe,YAAYN,EAAE,iBACdO,YAAY,OACZC,SAAS;QACP,MAAMC,YAAYZ,cAAc;QAChC,IAAIY,cAAcX,MAAMO,MAAM,EAAE;YAC9BN,eAAe;QACjB,OAAO;YACLA,eAAeU;QACjB;IACF,GACAC,KAAK,SACN;YACC,CAACtB,YAAYuB,UAAU,SAAU;UACnC,EAAEpB,OAAO;QACX,EAAEU,IAAI;QACN,CAACT,oBAAoBoB,YAAYhB,mBAAoB;MACvD,EAAEK,IAAI;;MAEN,CAACY,QAAQX,WAAW,GAAGR,UAAU,aAAa,CAAC,GAAI;IACrD,EAAEO;AAEN;AAKA,OAAO,SAASY,QAAQ,EAAEX,SAAS,EAAgB;IACjD,MAAM,EAAEY,eAAe,EAAE,GAAGzB;IAC5B,MAAM,EAAEW,CAAC,EAAE,GAAGV;IACd,MAAM,EAAEyB,cAAc,EAAEC,oBAAoB,EAAEC,iBAAiB,EAAEC,WAAW,EAAE,GAAGzB;IAEjF,MAAMG,mBAAmBkB,gBAAgB;QAAEC;IAAe;IAE1D,QACGd,IAAIC,WAAW;QAAC,GAAGR,UAAU,SAAS,CAAC;QAAEQ;KAAU,CAACiB,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;MAC9E,CAACzB,kBAAkB0B,UAAUC,UAAUN,qBACpC1B,OACCgB,YAAY,YACZC,SAAS,IAAM,KAAKU,YAAY;YAAEM,WAAW;gBAAEC,SAAS;YAAQ;QAAE,IACnE;UACC,CAACzB,EAAE,qBAAqB;QAC1B,EAAET,UACA,KAAK;MACT,CAACK,kBAAkB0B,UAAUC,UAAUP,wBACpCzB,OAAOiB,SAAS,IAAM,KAAKU,YAAY;YAAEM,WAAW;gBAAEC,SAAS;YAAY;QAAE,IAAI;UAChF,CAACzB,EAAE,mBAAmB;QACxB,EAAET,UACA,KAAK;;MAET,CAAC,CAACK,kBAAkB0B,UAAUC,UAAUN,qBACrC1B,OAAOiB,SAAS,IAAM,KAAKU,gBAAgBlB,EAAE,kBAAkBT,UAC9D,KAAK;IACX,EAAEU;AAEN"}
+{"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":[]}

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

@@ -1,4 +1,6 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { Button } from '../../Button/index.js';
@@ -6,32 +8,54 @@ import { Dropzone } from '../../Dropzone/index.js';
 import { DrawerHeader } from '../Header/index.js';
 import './index.scss';
 const baseClass = 'bulk-upload--add-files';
-export function AddFilesView({ acceptMimeTypes, onCancel, onDrop }) {
-    const { t } = useTranslation();
-    const inputRef = React.useRef(null);
-    return <div className={baseClass}>
-      <DrawerHeader onClose={onCancel} title={t('upload:addFiles')}/>
-      <div className={`${baseClass}__dropArea`}>
-        <Dropzone multipleFiles onChange={onDrop}>
-          <Button buttonStyle="subtle" iconPosition="left" onClick={()=>{
-        if (inputRef.current) {
-            inputRef.current.click();
-        }
-    }} size="small">
-            {t('upload:selectFile')}
-          </Button>
-          <input accept={acceptMimeTypes} aria-hidden="true" className={`${baseClass}__hidden-input`} hidden multiple onChange={(e)=>{
-        if (e.target.files && e.target.files.length > 0) {
-            onDrop(e.target.files);
-        }
-    }} ref={inputRef} type="file"/>
-
-          <p className={`${baseClass}__dragAndDropText`}>
-            {t('general:or')} {t('upload:dragAndDrop')}
-          </p>
-        </Dropzone>
-      </div>
-    </div>;
+export function AddFilesView({
+  acceptMimeTypes,
+  onCancel,
+  onDrop
+}) {
+  const {
+    t
+  } = useTranslation();
+  const inputRef = React.useRef(null);
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx(DrawerHeader, {
+      onClose: onCancel,
+      title: t('upload:addFiles')
+    }), /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__dropArea`,
+      children: /*#__PURE__*/_jsxs(Dropzone, {
+        multipleFiles: true,
+        onChange: onDrop,
+        children: [/*#__PURE__*/_jsx(Button, {
+          buttonStyle: "subtle",
+          iconPosition: "left",
+          onClick: () => {
+            if (inputRef.current) {
+              inputRef.current.click();
+            }
+          },
+          size: "small",
+          children: t('upload:selectFile')
+        }), /*#__PURE__*/_jsx("input", {
+          accept: acceptMimeTypes,
+          "aria-hidden": "true",
+          className: `${baseClass}__hidden-input`,
+          hidden: true,
+          multiple: true,
+          onChange: e => {
+            if (e.target.files && e.target.files.length > 0) {
+              onDrop(e.target.files);
+            }
+          },
+          ref: inputRef,
+          type: "file"
+        }), /*#__PURE__*/_jsxs("p", {
+          className: `${baseClass}__dragAndDropText`,
+          children: [t('general:or'), " ", t('upload:dragAndDrop')]
+        })]
+      })
+    })]
+  });
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","useTranslation","Button","Dropzone","DrawerHeader","baseClass","AddFilesView","acceptMimeTypes","onCancel","onDrop","t","inputRef","useRef","div","className","onClose","title","multipleFiles","onChange","buttonStyle","iconPosition","onClick","current","click","size","input","accept","aria-hidden","hidden","multiple","e","target","files","length","ref","type","p"],"mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,QAAQ,QAAQ,0BAAyB;AAClD,SAASC,YAAY,QAAQ,qBAAoB;AACjD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAOlB,OAAO,SAASC,aAAa,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,MAAM,EAAS;IACvE,MAAM,EAAEC,CAAC,EAAE,GAAGT;IAEd,MAAMU,WAAWX,MAAMY,MAAM,CAAC;IAE9B,QACGC,IAAIC,WAAWT,WAAW;MACzB,CAACD,aAAaW,SAASP,UAAUQ,OAAON,EAAE,qBAAsB;MAChE,CAACG,IAAIC,WAAW,GAAGT,UAAU,UAAU,CAAC,EAAE;QACxC,CAACF,SAASc,cAAcC,UAAUT,QAAQ;UACxC,CAACP,OACCiB,YAAY,SACZC,aAAa,OACbC,SAAS;QACP,IAAIV,SAASW,OAAO,EAAE;YACpBX,SAASW,OAAO,CAACC,KAAK;QACxB;IACF,GACAC,KAAK,QACN;YACC,CAACd,EAAE,qBAAqB;UAC1B,EAAER,OAAO;UACT,CAACuB,MACCC,QAAQnB,iBACRoB,YAAY,OACZb,WAAW,GAAGT,UAAU,cAAc,CAAC,EACvCuB,OACAC,SACAX,UAAU,CAACY;QACT,IAAIA,EAAEC,MAAM,CAACC,KAAK,IAAIF,EAAEC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,GAAG;YAC/CxB,OAAOqB,EAAEC,MAAM,CAACC,KAAK;QACvB;IACF,GACAE,KAAKvB,UACLwB,KAAK,QACL;;UAEF,CAACC,EAAEtB,WAAW,GAAGT,UAAU,iBAAiB,CAAC,EAAE;YAC7C,CAACK,EAAE,cAAc,CAAC,CAACA,EAAE,sBAAsB;UAC7C,EAAE0B,EAAE;QACN,EAAEjC,SAAS;MACb,EAAEU,IAAI;IACR,EAAEA;AAEN"}
+{"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":[]}

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

@@ -1,7 +1,11 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { reduceFieldsToValues } from 'payload/shared';
+import React from 'react';
 import { useAuth } from '../../../providers/Auth/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js';
@@ -15,28 +19,98 @@ import { DrawerHeader } from '../Header/index.js';
 import './index.scss';
 const baseClass = 'bulk-upload--file-manager';
 export function AddingFilesView() {
-    const { activeIndex, collectionSlug, docPermissions, documentSlots, forms, hasPublishPermission, hasSavePermission, hasSubmitted, resetUploadEdits, updateUploadEdits } = useFormsManager();
-    const activeForm = forms[activeIndex];
-    const { getEntityConfig } = useConfig();
-    const { i18n } = useTranslation();
-    const { user } = useAuth();
-    const { openModal } = useModal();
+  const $ = _c(18);
+  const {
+    activeIndex,
+    collectionSlug,
+    docPermissions,
+    documentSlots,
+    forms,
+    hasPublishPermission,
+    hasSavePermission,
+    hasSubmitted,
+    resetUploadEdits,
+    updateUploadEdits
+  } = useFormsManager();
+  const activeForm = forms[activeIndex];
+  const {
+    getEntityConfig
+  } = useConfig();
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    user
+  } = useAuth();
+  const {
+    openModal
+  } = useModal();
+  let t0;
+  if ($[0] !== activeForm || $[1] !== activeIndex || $[2] !== collectionSlug || $[3] !== docPermissions || $[4] !== documentSlots || $[5] !== forms.length || $[6] !== getEntityConfig || $[7] !== hasPublishPermission || $[8] !== hasSavePermission || $[9] !== hasSubmitted || $[10] !== i18n || $[11] !== openModal || $[12] !== resetUploadEdits || $[13] !== updateUploadEdits || $[14] !== user) {
     const collectionConfig = getEntityConfig({
-        collectionSlug
+      collectionSlug
     });
-    return <div className={baseClass}>
-      <FileSidebar/>
-
-      <div className={`${baseClass}__editView`}>
-        <DrawerHeader onClose={()=>openModal(discardBulkUploadModalSlug)} title={getTranslation(collectionConfig.labels.singular, i18n)}/>
-        {activeForm ? <DocumentInfoProvider collectionSlug={collectionSlug} currentEditor={user} docPermissions={docPermissions} hasPublishedDoc={false} hasPublishPermission={hasPublishPermission} hasSavePermission={hasSavePermission} id={null} initialData={reduceFieldsToValues(activeForm.formState, true)} initialState={activeForm.formState} isLocked={false} key={`${activeIndex}-${forms.length}`} lastUpdateTime={0} mostRecentVersionIsAutosaved={false} unpublishedVersionCount={0} Upload={documentSlots.Upload} versionCount={0}>
-            <ActionsBar collectionConfig={collectionConfig}/>
-            <EditForm resetUploadEdits={resetUploadEdits} submitted={hasSubmitted} updateUploadEdits={updateUploadEdits} uploadEdits={activeForm?.uploadEdits}/>
-          </DocumentInfoProvider> : null}
-      </div>
-
-      <DiscardWithoutSaving/>
-    </div>;
+    let t1;
+    if ($[16] !== openModal) {
+      t1 = () => openModal(discardBulkUploadModalSlug);
+      $[16] = openModal;
+      $[17] = t1;
+    } else {
+      t1 = $[17];
+    }
+    t0 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx(FileSidebar, {}), _jsxs("div", {
+        className: `${baseClass}__editView`,
+        children: [_jsx(DrawerHeader, {
+          onClose: t1,
+          title: getTranslation(collectionConfig.labels.singular, i18n)
+        }), activeForm ? _jsxs(DocumentInfoProvider, {
+          collectionSlug,
+          currentEditor: user,
+          docPermissions,
+          hasPublishedDoc: false,
+          hasPublishPermission,
+          hasSavePermission,
+          id: null,
+          initialData: reduceFieldsToValues(activeForm.formState, true),
+          initialState: activeForm.formState,
+          isLocked: false,
+          lastUpdateTime: 0,
+          mostRecentVersionIsAutosaved: false,
+          unpublishedVersionCount: 0,
+          Upload: documentSlots.Upload,
+          versionCount: 0,
+          children: [_jsx(ActionsBar, {
+            collectionConfig
+          }), _jsx(EditForm, {
+            resetUploadEdits,
+            submitted: hasSubmitted,
+            updateUploadEdits,
+            uploadEdits: activeForm?.uploadEdits
+          })]
+        }, `${activeIndex}-${forms.length}`) : null]
+      }), _jsx(DiscardWithoutSaving, {})]
+    });
+    $[0] = activeForm;
+    $[1] = activeIndex;
+    $[2] = collectionSlug;
+    $[3] = docPermissions;
+    $[4] = documentSlots;
+    $[5] = forms.length;
+    $[6] = getEntityConfig;
+    $[7] = hasPublishPermission;
+    $[8] = hasSavePermission;
+    $[9] = hasSubmitted;
+    $[10] = i18n;
+    $[11] = openModal;
+    $[12] = resetUploadEdits;
+    $[13] = updateUploadEdits;
+    $[14] = user;
+    $[15] = t0;
+  } else {
+    t0 = $[15];
+  }
+  return t0;
 }
-
 //# sourceMappingURL=index.js.map