@payloadcms/ui 3.0.0-canary.23fcb9e → 3.0.0-canary.28c161d

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

@@ -17,21 +17,21 @@
     align-items: center;
     width: 100%;
   }
-  
+
   &__locationText {
     font-variant-numeric: tabular-nums;
     margin: 0;
   }
-  
+
   &__controls {
     display: flex;
     gap: calc(var(--base) / 2);
-    
+
     .btn {
       background-color: var(--theme-elevation-100);
       width: calc(var(--base) * 1.2);
       height: calc(var(--base) * 1.2);
-  
+
       &:hover {
         background-color: var(--theme-elevation-200);
       }

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;AAKzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,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,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,qBAWvD"}
+{"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,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAK,IAAI,CAAA;CACnD,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,qBA2CvD"}

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

@@ -1,44 +1,59 @@
 '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 { 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';
 const baseClass = 'bulk-upload--add-files';
-export function AddFilesView(t0) {
-  const $ = _c(4);
-  const {
-    onCancel,
-    onDrop
-  } = t0;
+export function AddFilesView({
+  onCancel,
+  onDrop
+}) {
   const {
     t
   } = useTranslation();
-  let t1;
-  if ($[0] !== t || $[1] !== onCancel || $[2] !== onDrop) {
-    t1 = _jsxs("div", {
-      className: baseClass,
-      children: [_jsx(DrawerHeader, {
-        onClose: onCancel,
-        title: t("upload:addFiles")
-      }), _jsx("div", {
-        className: `${baseClass}__dropArea`,
-        children: _jsx(Dropzone, {
-          multipleFiles: true,
-          onChange: onDrop
-        })
-      })]
-    });
-    $[0] = t;
-    $[1] = onCancel;
-    $[2] = onDrop;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
+  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: "pill",
+          iconPosition: "left",
+          onClick: () => {
+            if (inputRef.current) {
+              inputRef.current.click();
+            }
+          },
+          size: "small",
+          children: t('upload:selectFile')
+        }), /*#__PURE__*/_jsx("input", {
+          "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,"file":"index.js","names":["c","_c","React","useTranslation","Dropzone","DrawerHeader","baseClass","AddFilesView","t0","$","onCancel","onDrop","t","t1","_jsxs","className","children","_jsx","onClose","title","multipleFiles","onChange"],"sources":["../../../../src/elements/BulkUpload/AddFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/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 onCancel: () => void\n  readonly onDrop: (acceptedFiles: FileList) => void\n}\nexport function AddFilesView({ onCancel, onDrop }: Props) {\n  const { t } = useTranslation()\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      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAAAC,aAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAsB;IAAAS,QAAA;IAAAC;EAAA,IAAAH,EAA2B;EACtD;IAAAI;EAAA,IAAcT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAJ,CAAA,QAAAG,CAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,MAAA;IAGZE,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAT,SAAA;MAAAU,QAAA,GACCC,IAAA,CAAAZ,YAAA;QAAAa,OAAA,EAAuBR,QAAA;QAAAS,KAAA,EAAiBP,CAAA,CAAE;MAAA,C,GAC1CK,IAAA,CAAC;QAAAF,SAAA,EAAe,GAAAT,SAAA,YAAwB;QAAAU,QAAA,EACtCC,IAAA,CAAAb,QAAA;UAAAgB,aAAA;UAAAC,QAAA,EAAkCV;QAAA,C;;;;;;;;;;SAHtCE,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useTranslation","Button","Dropzone","DrawerHeader","baseClass","AddFilesView","onCancel","onDrop","t","inputRef","useRef","_jsxs","className","_jsx","onClose","title","multipleFiles","onChange","buttonStyle","iconPosition","onClick","current","click","size","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 onCancel: () => void\n  readonly onDrop: (acceptedFiles: FileList) => void\n}\nexport function AddFilesView({ 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=\"small\"\n          >\n            {t('upload:selectFile')}\n          </Button>\n          <input\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;AAMlB,OAAO,SAASC,aAAa;EAAEC,QAAQ;EAAEC;AAAM,CAAS;EACtD,MAAM;IAAEC;EAAC,CAAE,GAAGR,cAAA;EAEd,MAAMS,QAAA,GAAWV,KAAA,CAAMW,MAAM,CAAC;EAE9B,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWR,SAAA;4BACdS,IAAA,CAACV,YAAA;MAAaW,OAAA,EAASR,QAAA;MAAUS,KAAA,EAAOP,CAAA,CAAE;qBAC1CK,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGR,SAAA,YAAqB;gBACtC,aAAAO,KAAA,CAACT,QAAA;QAASc,aAAa;QAACC,QAAA,EAAUV,MAAA;gCAChCM,IAAA,CAACZ,MAAA;UACCiB,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;UACC,eAAY;UACZD,SAAA,EAAW,GAAGR,SAAA,gBAAyB;UACvCoB,MAAM;UACNC,QAAQ;UACRR,QAAA,EAAWS,CAAA;YACT,IAAIA,CAAA,CAAEC,MAAM,CAACC,KAAK,IAAIF,CAAA,CAAEC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,GAAG;cAC/CtB,MAAA,CAAOmB,CAAA,CAAEC,MAAM,CAACC,KAAK;YACvB;UACF;UACAE,GAAA,EAAKrB,QAAA;UACLsB,IAAA,EAAK;yBAGPpB,KAAA,CAAC;UAAEC,SAAA,EAAW,GAAGR,SAAA,mBAA4B;qBAC1CI,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;;;;;AAMjC","ignoreList":[]}

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

@@ -11,5 +11,18 @@
   .dropzone {
     flex-direction: column;
     justify-content: center;
+    display: flex;
+    gap: var(--base);
+    background-color: var(--theme-elevation-50);
+
+    p {
+      margin: 0;
+    }
+  }
+
+  &__dragAndDropText {
+    margin: 0;
+    text-transform: lowercase;
+    align-self: center;
   }
 }

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

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

@@ -10,7 +10,7 @@ import { useConfig } from '../../../providers/Config/index.js';
 import { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { ActionsBar } from '../ActionsBar/index.js';
-import { discardBulkUploadModalSlug } from '../DiscardWithoutSaving/index.js';
+import { discardBulkUploadModalSlug, DiscardWithoutSaving } from '../DiscardWithoutSaving/index.js';
 import { EditForm } from '../EditForm/index.js';
 import { FileSidebar } from '../FileSidebar/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
@@ -39,7 +39,7 @@ export function AddingFilesView() {
     openModal
   } = useModal();
   let t0;
-  if ($[0] !== collectionSlug || $[1] !== config.collections || $[2] !== openModal || $[3] !== i18n || $[4] !== activeForm.formState || $[5] !== hasSubmitted || $[6] !== docPermissions || $[7] !== hasPublishPermission || $[8] !== hasSavePermission || $[9] !== activeIndex || $[10] !== forms.length) {
+  if ($[0] !== collectionSlug || $[1] !== config.collections || $[2] !== openModal || $[3] !== i18n || $[4] !== activeForm || $[5] !== hasSubmitted || $[6] !== docPermissions || $[7] !== hasPublishPermission || $[8] !== hasSavePermission || $[9] !== activeIndex || $[10] !== forms) {
     let t1;
     if ($[12] !== collectionSlug) {
       t1 = c => c.slug === collectionSlug;
@@ -64,7 +64,7 @@ export function AddingFilesView() {
         children: [_jsx(DrawerHeader, {
           onClose: t2,
           title: getTranslation(collection.labels.singular, i18n)
-        }), _jsxs(DocumentInfoProvider, {
+        }), activeForm ? _jsxs(DocumentInfoProvider, {
           collectionSlug,
           docPermissions,
           hasPublishPermission,
@@ -75,20 +75,20 @@ export function AddingFilesView() {
           children: [_jsx(ActionsBar, {}), _jsx(EditForm, {
             submitted: hasSubmitted
           })]
-        }, `${activeIndex}-${forms.length}`)]
-      })]
+        }, `${activeIndex}-${forms.length}`) : null]
+      }), _jsx(DiscardWithoutSaving, {})]
     });
     $[0] = collectionSlug;
     $[1] = config.collections;
     $[2] = openModal;
     $[3] = i18n;
-    $[4] = activeForm.formState;
+    $[4] = activeForm;
     $[5] = hasSubmitted;
     $[6] = docPermissions;
     $[7] = hasPublishPermission;
     $[8] = hasSavePermission;
     $[9] = activeIndex;
-    $[10] = forms.length;
+    $[10] = forms;
     $[11] = t0;
   } else {
     t0 = $[11];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","reduceFieldsToValues","React","useConfig","DocumentInfoProvider","useTranslation","ActionsBar","discardBulkUploadModalSlug","EditForm","FileSidebar","useFormsManager","DrawerHeader","baseClass","AddingFilesView","$","activeIndex","collectionSlug","docPermissions","forms","hasPublishPermission","hasSavePermission","hasSubmitted","activeForm","config","i18n","openModal","t0","collections","formState","length","t1","slug","collection","find","t2","_jsxs","className","children","_jsx","onClose","title","labels","singular","id","initialData","initialState","submitted"],"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 { 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 } 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    forms,\n    hasPublishPermission,\n    hasSavePermission,\n    hasSubmitted,\n  } = useFormsManager()\n  const activeForm = forms[activeIndex]\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n  const { openModal } = useModal()\n\n  const collection = config.collections.find((c) => c.slug === 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(collection.labels.singular, i18n)}\n        />\n        <DocumentInfoProvider\n          collectionSlug={collectionSlug}\n          docPermissions={docPermissions}\n          hasPublishPermission={hasPublishPermission}\n          hasSavePermission={hasSavePermission}\n          id={null}\n          initialData={reduceFieldsToValues(activeForm.formState, true)}\n          initialState={activeForm.formState}\n          key={`${activeIndex}-${forms.length}`}\n        >\n          <ActionsBar />\n          <EditForm submitted={hasSubmitted} />\n        </DocumentInfoProvider>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ;AACrC,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,gBAAA;EAAA,MAAAC,CAAA,GAAAhB,EAAA;EACL;IAAAiB,WAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,KAAA;IAAAC,oBAAA;IAAAC,iBAAA;IAAAC;EAAA,IAQIX,eAAA;EACJ,MAAAY,UAAA,GAAmBJ,KAAK,CAACH,WAAA;EACzB;IAAAQ;EAAA,IAAmBpB,SAAA;EACnB;IAAAqB;EAAA,IAAiBnB,cAAA;EACjB;IAAAoB;EAAA,IAAsB1B,QAAA;EAAA,IAAA2B,EAAA;EAAA,IAAAZ,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAS,MAAA,CAAAI,WAAA,IAAAb,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAU,IAAA,IAAAV,CAAA,QAAAQ,UAAA,CAAAM,SAAA,IAAAd,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAK,oBAAA,IAAAL,CAAA,QAAAM,iBAAA,IAAAN,CAAA,QAAAC,WAAA,IAAAD,CAAA,SAAAI,KAAA,CAAAW,MAAA;IAAA,IAAAC,EAAA;IAAA,IAAAhB,CAAA,SAAAE,cAAA;MAEqBc,EAAA,GAAAjC,CAAA,IAAOA,CAAA,CAAAkC,IAAA,KAAWf,cAAA;MAAAF,CAAA,OAAAE,cAAA;MAAAF,CAAA,OAAAgB,EAAA;IAAA;MAAAA,EAAA,GAAAhB,CAAA;IAAA;IAA7D,MAAAkB,UAAA,GAAmBT,MAAA,CAAAI,WAAA,CAAAM,IAAA,CAAwBH,EAAkB;IAAA,IAAAI,EAAA;IAAA,IAAApB,CAAA,SAAAW,SAAA;MAQ5CS,EAAA,GAAAA,CAAA,KAAMT,SAAA,CAAAlB,0BAAU;MAAAO,CAAA,OAAAW,SAAA;MAAAX,CAAA,OAAAoB,EAAA;IAAA;MAAAA,EAAA,GAAApB,CAAA;IAAA;IAL/BY,EAAA,GAAAS,KAAA,CAAC;MAAAC,SAAA,EAAAxB,SAAA;MAAAyB,QAAA,GACCC,IAAA,CAAA7B,WAAA,IAAC,GAED0B,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAAxB,SAAA,YAAwB;QAAAyB,QAAA,GACtCC,IAAA,CAAA3B,YAAA;UAAA4B,OAAA,EACWL,EAAgB;UAAAM,KAAA,EAClBxC,cAAA,CAAegC,UAAA,CAAAS,MAAA,CAAAC,QAAA,EAA4BlB,IAAA;QAAA,C,GAEpDW,KAAA,CAAA/B,oBAAA;UAAAY,cAAA;UAAAC,cAAA;UAAAE,oBAAA;UAAAC,iBAAA;UAAAuB,EAAA;UAAAC,WAAA,EAMe3C,oBAAA,CAAqBqB,UAAA,CAAAM,SAAA,MAAsB;UAAAiB,YAAA,EAC1CvB,UAAA,CAAAM,SAAA;UAAAS,QAAA,GAGdC,IAAA,CAAAhC,UAAA,IAAC,GACDgC,IAAA,CAAA9B,QAAA;YAAAsC,SAAA,EAAqBzB;UAAA,C;WAHhB,GAAGN,WAAA,IAAeG,KAAA,CAAAW,MAAA,EAAc;MAAA,C;;;;;;;;;;;;;;;;;SAhB3CH,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","reduceFieldsToValues","React","useConfig","DocumentInfoProvider","useTranslation","ActionsBar","discardBulkUploadModalSlug","DiscardWithoutSaving","EditForm","FileSidebar","useFormsManager","DrawerHeader","baseClass","AddingFilesView","$","activeIndex","collectionSlug","docPermissions","forms","hasPublishPermission","hasSavePermission","hasSubmitted","activeForm","config","i18n","openModal","t0","collections","t1","slug","collection","find","t2","_jsxs","className","children","_jsx","onClose","title","labels","singular","id","initialData","formState","initialState","submitted","length"],"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 { 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    forms,\n    hasPublishPermission,\n    hasSavePermission,\n    hasSubmitted,\n  } = useFormsManager()\n  const activeForm = forms[activeIndex]\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n  const { openModal } = useModal()\n\n  const collection = config.collections.find((c) => c.slug === 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(collection.labels.singular, i18n)}\n        />\n        {activeForm ? (\n          <DocumentInfoProvider\n            collectionSlug={collectionSlug}\n            docPermissions={docPermissions}\n            hasPublishPermission={hasPublishPermission}\n            hasSavePermission={hasSavePermission}\n            id={null}\n            initialData={reduceFieldsToValues(activeForm.formState, true)}\n            initialState={activeForm.formState}\n            key={`${activeIndex}-${forms.length}`}\n          >\n            <ActionsBar />\n            <EditForm submitted={hasSubmitted} />\n          </DocumentInfoProvider>\n        ) : null}\n      </div>\n\n      <DiscardWithoutSaving />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/DiscardWithoutSaving/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,0BAA0B,wCAAwC,CAAA;AAG/E,wBAAgB,oBAAoB,sBAsCnC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/DiscardWithoutSaving/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,0BAA0B,wCAAwC,CAAA;AAG/E,wBAAgB,oBAAoB,sBAgCnC"}

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

@@ -4,11 +4,10 @@ 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 React from 'react';
-import { useEditDepth } from '../../../providers/EditDepth/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { Button } from '../../Button/index.js';
 import { FullscreenModal } from '../../FullscreenModal/index.js';
-import { drawerSlug } from '../index.js';
+import { useBulkUpload } from '../index.js';
 export const discardBulkUploadModalSlug = 'bulk-upload--discard-without-saving';
 const baseClass = 'leave-without-saving';
 export function DiscardWithoutSaving() {
@@ -16,10 +15,12 @@ export function DiscardWithoutSaving() {
   const {
     t
   } = useTranslation();
-  const editDepth = useEditDepth();
   const {
     closeModal
   } = useModal();
+  const {
+    drawerSlug
+  } = useBulkUpload();
   let t0;
   if ($[0] !== closeModal) {
     t0 = () => {
@@ -32,26 +33,23 @@ export function DiscardWithoutSaving() {
   }
   const onCancel = t0;
   let t1;
-  if ($[2] !== closeModal) {
+  if ($[2] !== closeModal || $[3] !== drawerSlug) {
     t1 = () => {
       closeModal(drawerSlug);
       closeModal(discardBulkUploadModalSlug);
     };
     $[2] = closeModal;
-    $[3] = t1;
+    $[3] = drawerSlug;
+    $[4] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[4];
   }
   const onConfirm = t1;
-  const t2 = `calc(100 + ${editDepth || 0} + 1)`;
-  let t3;
-  if ($[4] !== t2 || $[5] !== t || $[6] !== onCancel || $[7] !== onConfirm) {
-    t3 = _jsx(FullscreenModal, {
+  let t2;
+  if ($[5] !== t || $[6] !== onCancel || $[7] !== onConfirm) {
+    t2 = _jsx(FullscreenModal, {
       className: baseClass,
       slug: discardBulkUploadModalSlug,
-      style: {
-        zIndex: t2
-      },
       children: _jsxs("div", {
         className: `${baseClass}__wrapper`,
         children: [_jsxs("div", {
@@ -76,14 +74,13 @@ export function DiscardWithoutSaving() {
         })]
       })
     });
-    $[4] = t2;
     $[5] = t;
     $[6] = onCancel;
     $[7] = onConfirm;
-    $[8] = t3;
+    $[8] = t2;
   } else {
-    t3 = $[8];
+    t2 = $[8];
   }
-  return t3;
+  return t2;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","useEditDepth","useTranslation","Button","FullscreenModal","drawerSlug","discardBulkUploadModalSlug","baseClass","DiscardWithoutSaving","$","t","editDepth","closeModal","t0","onCancel","t1","onConfirm","t2","t3","_jsx","className","slug","style","zIndex","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../../src/elements/BulkUpload/DiscardWithoutSaving/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { FullscreenModal } from '../../FullscreenModal/index.js'\nimport { drawerSlug } from '../index.js'\n\nexport const discardBulkUploadModalSlug = 'bulk-upload--discard-without-saving'\nconst baseClass = 'leave-without-saving'\n\nexport function DiscardWithoutSaving() {\n  const { t } = useTranslation()\n  const editDepth = useEditDepth()\n  const { closeModal } = useModal()\n\n  const onCancel = React.useCallback(() => {\n    closeModal(discardBulkUploadModalSlug)\n  }, [closeModal])\n\n  const onConfirm = React.useCallback(() => {\n    closeModal(drawerSlug)\n    closeModal(discardBulkUploadModalSlug)\n  }, [closeModal])\n\n  return (\n    <FullscreenModal\n      className={baseClass}\n      slug={discardBulkUploadModalSlug}\n      style={{\n        zIndex: `calc(100 + ${editDepth || 0} + 1)`,\n      }}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:leaveWithoutSaving')}</h1>\n          <p>{t('general:changesNotSaved')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button buttonStyle=\"secondary\" onClick={onCancel} size=\"large\">\n            {t('general:stayOnThisPage')}\n          </Button>\n          <Button onClick={onConfirm} size=\"large\">\n            {t('general:leaveAnyway')}\n          </Button>\n        </div>\n      </div>\n    </FullscreenModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,0BAAA,GAA6B;AAC1C,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,qBAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACL;IAAAY;EAAA,IAAcR,cAAA;EACd,MAAAS,SAAA,GAAkBV,YAAA;EAClB;IAAAW;EAAA,IAAuBb,QAAA;EAAA,IAAAc,EAAA;EAAA,IAAAJ,CAAA,QAAAG,UAAA;IAEYC,EAAA,GAAAA,CAAA;MACjCD,UAAA,CAAAN,0BAAW;IAAA;IACbG,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAFA,MAAAK,QAAA,GAAiBD,EAEF;EAAA,IAAAE,EAAA;EAAA,IAAAN,CAAA,QAAAG,UAAA;IAEqBG,EAAA,GAAAA,CAAA;MAClCH,UAAA,CAAAP,UAAW;MACXO,UAAA,CAAAN,0BAAW;IAAA;IACbG,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAHA,MAAAO,SAAA,GAAkBD,EAGH;EAOD,MAAAE,EAAA,iBAAcN,SAAA,KAAa,OAAQ;EAAA,IAAAO,EAAA;EAAA,IAAAT,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAC,CAAA,IAAAD,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAO,SAAA;IAJ/CE,EAAA,GAAAC,IAAA,CAAAf,eAAA;MAAAgB,SAAA,EAAAb,SAAA;MAAAc,IAAA,EAAAf,0BAAA;MAAAgB,KAAA;QAAAC,MAAA,EAIYN;MAAmC;MAAAO,QAAA,EAG7CC,KAAA,CAAC;QAAAL,SAAA,EAAe,GAAAb,SAAA,WAAuB;QAAAiB,QAAA,GACrCC,KAAA,CAAC;UAAAL,SAAA,EAAe,GAAAb,SAAA,WAAuB;UAAAiB,QAAA,GACrCL,IAAA,CAAC;YAAAK,QAAA,EAAId,CAAA,CAAE;UAAA,C,GACPS,IAAA,CAAC;YAAAK,QAAA,EAAGd,CAAA,CAAE;UAAA,C;YAERe,KAAA,CAAC;UAAAL,SAAA,EAAe,GAAAb,SAAA,YAAwB;UAAAiB,QAAA,GACtCL,IAAA,CAAAhB,MAAA;YAAAuB,WAAA,EAAoB;YAAAC,OAAA,EAAqBb,QAAA;YAAAc,IAAA,EAAe;YAAAJ,QAAA,EACrDd,CAAA,CAAE;UAAA,C,GAELS,IAAA,CAAAhB,MAAA;YAAAwB,OAAA,EAAiBX,SAAA;YAAAY,IAAA,EAAgB;YAAAJ,QAAA,EAC9Bd,CAAA,CAAE;UAAA,C;;;;;;;;;;;;SAjBXQ,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useTranslation","Button","FullscreenModal","useBulkUpload","discardBulkUploadModalSlug","baseClass","DiscardWithoutSaving","$","t","closeModal","drawerSlug","t0","onCancel","t1","onConfirm","t2","_jsx","className","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../../src/elements/BulkUpload/DiscardWithoutSaving/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { FullscreenModal } from '../../FullscreenModal/index.js'\nimport { useBulkUpload } from '../index.js'\n\nexport const discardBulkUploadModalSlug = 'bulk-upload--discard-without-saving'\nconst baseClass = 'leave-without-saving'\n\nexport function DiscardWithoutSaving() {\n  const { t } = useTranslation()\n  const { closeModal } = useModal()\n  const { drawerSlug } = useBulkUpload()\n\n  const onCancel = React.useCallback(() => {\n    closeModal(discardBulkUploadModalSlug)\n  }, [closeModal])\n\n  const onConfirm = React.useCallback(() => {\n    closeModal(drawerSlug)\n    closeModal(discardBulkUploadModalSlug)\n  }, [closeModal, drawerSlug])\n\n  return (\n    <FullscreenModal className={baseClass} slug={discardBulkUploadModalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:leaveWithoutSaving')}</h1>\n          <p>{t('general:changesNotSaved')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button buttonStyle=\"secondary\" onClick={onCancel} size=\"large\">\n            {t('general:stayOnThisPage')}\n          </Button>\n          <Button onClick={onConfirm} size=\"large\">\n            {t('general:leaveAnyway')}\n          </Button>\n        </div>\n      </div>\n    </FullscreenModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,eAAe,QAAQ;AAChC,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,0BAAA,GAA6B;AAC1C,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,qBAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACL;IAAAW;EAAA,IAAcR,cAAA;EACd;IAAAS;EAAA,IAAuBX,QAAA;EACvB;IAAAY;EAAA,IAAuBP,aAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAE,UAAA;IAEYE,EAAA,GAAAA,CAAA;MACjCF,UAAA,CAAAL,0BAAW;IAAA;IACbG,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAFA,MAAAK,QAAA,GAAiBD,EAEF;EAAA,IAAAE,EAAA;EAAA,IAAAN,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,UAAA;IAEqBG,EAAA,GAAAA,CAAA;MAClCJ,UAAA,CAAWC,UAAA;MACXD,UAAA,CAAAL,0BAAW;IAAA;IACbG,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAHA,MAAAO,SAAA,GAAkBD,EAGS;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAC,CAAA,IAAAD,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAO,SAAA;IAGzBC,EAAA,GAAAC,IAAA,CAAAd,eAAA;MAAAe,SAAA,EAAAZ,SAAA;MAAAa,IAAA,EAAAd,0BAAA;MAAAe,QAAA,EACEC,KAAA,CAAC;QAAAH,SAAA,EAAe,GAAAZ,SAAA,WAAuB;QAAAc,QAAA,GACrCC,KAAA,CAAC;UAAAH,SAAA,EAAe,GAAAZ,SAAA,WAAuB;UAAAc,QAAA,GACrCH,IAAA,CAAC;YAAAG,QAAA,EAAIX,CAAA,CAAE;UAAA,C,GACPQ,IAAA,CAAC;YAAAG,QAAA,EAAGX,CAAA,CAAE;UAAA,C;YAERY,KAAA,CAAC;UAAAH,SAAA,EAAe,GAAAZ,SAAA,YAAwB;UAAAc,QAAA,GACtCH,IAAA,CAAAf,MAAA;YAAAoB,WAAA,EAAoB;YAAAC,OAAA,EAAqBV,QAAA;YAAAW,IAAA,EAAe;YAAAJ,QAAA,EACrDX,CAAA,CAAE;UAAA,C,GAELQ,IAAA,CAAAf,MAAA;YAAAqB,OAAA,EAAiBR,SAAA;YAAAS,IAAA,EAAgB;YAAAJ,QAAA,EAC9BX,CAAA,CAAE;UAAA,C;;;;;;;;;;;SAXXO,E","ignoreList":[]}

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

@@ -2,8 +2,7 @@ import React from 'react';
 import './index.scss';
 type Props = {
     readonly onClick: () => void;
-    readonly slug: string;
 };
-export declare function DrawerCloseButton({ slug, onClick }: Props): React.JSX.Element;
+export declare function DrawerCloseButton({ onClick }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/DrawerCloseButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,KAAK,qBAczD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/DrawerCloseButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAC7B,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,qBAQnD"}

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

@@ -8,30 +8,27 @@ import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'drawer-close-button';
 export function DrawerCloseButton(t0) {
-  const $ = _c(4);
+  const $ = _c(3);
   const {
-    slug,
     onClick
   } = t0;
   const {
     t
   } = useTranslation();
   let t1;
-  if ($[0] !== t || $[1] !== slug || $[2] !== onClick) {
+  if ($[0] !== t || $[1] !== onClick) {
     t1 = _jsx("button", {
       "aria-label": t("general:close"),
       className: baseClass,
-      id: `close-drawer__${slug}`,
       onClick,
       type: "button",
       children: _jsx(XIcon, {})
     });
     $[0] = t;
-    $[1] = slug;
-    $[2] = onClick;
-    $[3] = t1;
+    $[1] = onClick;
+    $[2] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[2];
   }
   return t1;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","XIcon","useTranslation","baseClass","DrawerCloseButton","t0","$","slug","onClick","t","t1","_jsx","className","id","type","children"],"sources":["../../../../src/elements/BulkUpload/DrawerCloseButton/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer-close-button'\n\ntype Props = {\n  readonly onClick: () => void\n  readonly slug: string\n}\nexport function DrawerCloseButton({ slug, onClick }: Props) {\n  const { t } = useTranslation()\n\n  return (\n    <button\n      aria-label={t('general:close')}\n      className={baseClass}\n      id={`close-drawer__${slug}`}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <XIcon />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAAAC,kBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAA2B;IAAAQ,IAAA;IAAAC;EAAA,IAAAH,EAAwB;EACxD;IAAAI;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAG,CAAA,IAAAH,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAE,OAAA;IAGZE,EAAA,GAAAC,IAAA,CAAC;MAAA,cACaF,CAAA,CAAE;MAAAG,SAAA,EAAAT,SAAA;MAAAU,EAAA,EAEV,iBAAiBN,IAAA,EAAM;MAAAC,OAAA;MAAAM,IAAA,EAEtB;MAAAC,QAAA,EAELJ,IAAA,CAAAV,KAAA,IAAC;IAAA,C;;;;;;;;SAPHS,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","XIcon","useTranslation","baseClass","DrawerCloseButton","t0","$","onClick","t","t1","_jsx","className","type","children"],"sources":["../../../../src/elements/BulkUpload/DrawerCloseButton/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer-close-button'\n\ntype Props = {\n  readonly onClick: () => void\n}\nexport function DrawerCloseButton({ onClick }: Props) {\n  const { t } = useTranslation()\n\n  return (\n    <button aria-label={t('general:close')} className={baseClass} onClick={onClick} type=\"button\">\n      <XIcon />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAKlB,OAAO,SAAAC,kBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAA2B;IAAAQ;EAAA,IAAAF,EAAkB;EAClD;IAAAG;EAAA,IAAcN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAH,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAC,OAAA;IAGZE,EAAA,GAAAC,IAAA,CAAC;MAAA,cAAmBF,CAAA,CAAE;MAAAG,SAAA,EAAAR,SAAA;MAAAI,OAAA;MAAAK,IAAA,EAA+D;MAAAC,QAAA,EACnFH,IAAA,CAAAT,KAAA,IAAC;IAAA,C;;;;;;;SADHQ,E","ignoreList":[]}

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":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAiB/C,OAAO,cAAc,CAAA;AAQrB,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,qBAgJpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAkB/C,OAAO,cAAc,CAAA;AAQrB,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,qBAkJpD"}

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

@@ -5,8 +5,8 @@ import { useRouter, useSearchParams } from 'next/navigation.js';
 import React, { useCallback } from 'react';
 import { Form, useForm } from '../../../forms/Form/index.js';
 import { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js';
-import { RenderComponent } from '../../../providers/Config/RenderComponent.js';
 import { useConfig } from '../../../providers/Config/index.js';
+import { RenderComponent } from '../../../providers/Config/RenderComponent.js';
 import { useDocumentEvents } from '../../../providers/DocumentEvents/index.js';
 import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
 import { useEditDepth } from '../../../providers/EditDepth/index.js';
@@ -17,6 +17,7 @@ import { getFormState } from '../../../utilities/getFormState.js';
 import { DocumentFields } from '../../DocumentFields/index.js';
 import { Upload } from '../../Upload/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
+import { BulkUploadProvider } from '../index.js';
 import './index.scss';
 const baseClass = 'collection-edit';
 // This component receives props only on _pages_
@@ -26,11 +27,11 @@ export function EditForm({
   submitted
 }) {
   const {
+    action,
     AfterDocument,
     AfterFields,
     BeforeDocument,
     BeforeFields,
-    action,
     collectionSlug: docSlug,
     docPermissions,
     getDocPreferences,
@@ -93,7 +94,9 @@ export function EditForm({
     formState: prevFormState
   }) => {
     const docPreferences = await getDocPreferences();
-    const newFormState = await getFormState({
+    const {
+      state: newFormState
+    } = await getFormState({
       apiRoute,
       body: {
         collectionSlug,
@@ -106,35 +109,37 @@ export function EditForm({
     });
     return newFormState;
   }, [apiRoute, collectionSlug, schemaPath, getDocPreferences, serverURL]);
-  return /*#__PURE__*/_jsxs(OperationProvider, {
+  return /*#__PURE__*/_jsx(OperationProvider, {
     operation: "create",
-    children: [BeforeDocument, /*#__PURE__*/_jsxs(Form, {
-      action: action,
-      className: `${baseClass}__form`,
-      disabled: isInitializing || !hasSavePermission,
-      initialState: isInitializing ? undefined : initialState,
-      isInitializing: isInitializing,
-      method: "POST",
-      onChange: [onChange],
-      onSuccess: onSave,
-      submitted: submitted,
-      children: [/*#__PURE__*/_jsx(DocumentFields, {
-        AfterFields: AfterFields,
-        BeforeFields: BeforeFields || /*#__PURE__*/_jsx(React.Fragment, {
-          children: collectionConfig?.admin?.components?.edit?.Upload ? /*#__PURE__*/_jsx(RenderComponent, {
-            mappedComponent: collectionConfig.admin.components.edit.Upload
-          }) : /*#__PURE__*/_jsx(Upload, {
-            collectionSlug: collectionConfig.slug,
-            initialState: initialState,
-            uploadConfig: collectionConfig.upload
-          })
-        }),
-        docPermissions: docPermissions || {},
-        fields: collectionConfig.fields,
-        readOnly: !hasSavePermission,
-        schemaPath: schemaPath
-      }), /*#__PURE__*/_jsx(ReportAllErrors, {}), /*#__PURE__*/_jsx(GetFieldProxy, {})]
-    }), AfterDocument]
+    children: /*#__PURE__*/_jsxs(BulkUploadProvider, {
+      children: [BeforeDocument, /*#__PURE__*/_jsxs(Form, {
+        action: action,
+        className: `${baseClass}__form`,
+        disabled: isInitializing || !hasSavePermission,
+        initialState: isInitializing ? undefined : initialState,
+        isInitializing: isInitializing,
+        method: "POST",
+        onChange: [onChange],
+        onSuccess: onSave,
+        submitted: submitted,
+        children: [/*#__PURE__*/_jsx(DocumentFields, {
+          AfterFields: AfterFields,
+          BeforeFields: BeforeFields || /*#__PURE__*/_jsx(React.Fragment, {
+            children: collectionConfig?.admin?.components?.edit?.Upload ? /*#__PURE__*/_jsx(RenderComponent, {
+              mappedComponent: collectionConfig.admin.components.edit.Upload
+            }) : /*#__PURE__*/_jsx(Upload, {
+              collectionSlug: collectionConfig.slug,
+              initialState: initialState,
+              uploadConfig: collectionConfig.upload
+            })
+          }),
+          docPermissions: docPermissions || {},
+          fields: collectionConfig.fields,
+          readOnly: !hasSavePermission,
+          schemaPath: schemaPath
+        }), /*#__PURE__*/_jsx(ReportAllErrors, {}), /*#__PURE__*/_jsx(GetFieldProxy, {})]
+      }), AfterDocument]
+    })
   });
 }
 function GetFieldProxy() {
@@ -159,14 +164,18 @@ function ReportAllErrors() {
   } = useFormsManager();
   const errorCountRef = React.useRef(0);
   const reportFormErrorCount = React.useCallback(errorCount => {
-    if (errorCount === errorCountRef.current) return;
+    if (errorCount === errorCountRef.current) {
+      return;
+    }
     setFormTotalErrorCount({
       errorCount,
       index: activeIndex
     });
     errorCountRef.current = errorCount;
   }, [activeIndex, setFormTotalErrorCount]);
-  if (!docConfig) return null;
+  if (!docConfig) {
+    return null;
+  }
   return /*#__PURE__*/_jsx(WatchChildErrors, {
     fields: docConfig.fields,
     path: "",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useRouter","useSearchParams","React","useCallback","Form","useForm","WatchChildErrors","RenderComponent","useConfig","useDocumentEvents","useDocumentInfo","useEditDepth","OperationProvider","useUploadEdits","formatAdminURL","getFormState","DocumentFields","Upload","useFormsManager","baseClass","EditForm","submitted","AfterDocument","AfterFields","BeforeDocument","BeforeFields","action","collectionSlug","docSlug","docPermissions","getDocPreferences","getVersions","hasSavePermission","initialState","isEditing","isInitializing","onSave","onSaveFromContext","config","routes","admin","adminRoute","api","apiRoute","serverURL","getEntityConfig","router","depth","params","reportUpdate","resetUploadEdits","locale","get","collectionConfig","slug","schemaPath","useState","json","entitySlug","updatedAt","result","Date","toISOString","operation","redirectRoute","path","doc","id","push","onChange","formState","prevFormState","docPreferences","newFormState","body","_jsxs","className","disabled","undefined","method","onSuccess","_jsx","Fragment","components","edit","mappedComponent","uploadConfig","upload","fields","readOnly","ReportAllErrors","GetFieldProxy","getFields","getFormDataRef","useEffect","current","docConfig","activeIndex","setFormTotalErrorCount","errorCountRef","useRef","reportFormErrorCount","errorCount","index","setErrorCount"],"sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, DocumentPermissions } from 'payload'\n\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { useCallback } from 'react'\n\nimport type { EditFormProps } from './types.js'\n\nimport { Form, useForm } from '../../../forms/Form/index.js'\nimport { type FormProps } from '../../../forms/Form/types.js'\nimport { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js'\nimport { RenderComponent } from '../../../providers/Config/RenderComponent.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { OperationProvider } from '../../../providers/Operation/index.js'\nimport { useUploadEdits } from '../../../providers/UploadEdits/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { getFormState } from '../../../utilities/getFormState.js'\nimport { DocumentFields } from '../../DocumentFields/index.js'\nimport { Upload } from '../../Upload/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\n\nexport function EditForm({ submitted }: EditFormProps) {\n  const {\n    AfterDocument,\n    AfterFields,\n    BeforeDocument,\n    BeforeFields,\n    action,\n    collectionSlug: docSlug,\n    docPermissions,\n    getDocPreferences,\n    getVersions,\n    hasSavePermission,\n    initialState,\n    isEditing,\n    isInitializing,\n    onSave: onSaveFromContext,\n  } = useDocumentInfo()\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const router = useRouter()\n  const depth = useEditDepth()\n  const params = useSearchParams()\n  const { reportUpdate } = useDocumentEvents()\n  const { resetUploadEdits } = useUploadEdits()\n\n  const locale = params.get('locale')\n\n  const collectionConfig = getEntityConfig({ collectionSlug: docSlug }) as ClientCollectionConfig\n  const collectionSlug = collectionConfig.slug\n\n  const [schemaPath] = React.useState(collectionSlug)\n\n  const onSave = useCallback(\n    (json) => {\n      reportUpdate({\n        entitySlug: collectionSlug,\n        updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      })\n\n      void getVersions()\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: 'create',\n        })\n      }\n\n      if (!isEditing && depth < 2) {\n        // Redirect to the same locale if it's been set\n        const redirectRoute = formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`,\n        })\n        router.push(redirectRoute)\n      } else {\n        resetUploadEdits()\n      }\n    },\n    [\n      adminRoute,\n      collectionSlug,\n      depth,\n      getVersions,\n      isEditing,\n      locale,\n      onSaveFromContext,\n      reportUpdate,\n      resetUploadEdits,\n      router,\n    ],\n  )\n\n  const onChange: NonNullable<FormProps['onChange']>[0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const docPreferences = await getDocPreferences()\n      const newFormState = await getFormState({\n        apiRoute,\n        body: {\n          collectionSlug,\n          docPreferences,\n          formState: prevFormState,\n          operation: 'create',\n          schemaPath,\n        },\n        serverURL,\n      })\n\n      return newFormState\n    },\n    [apiRoute, collectionSlug, schemaPath, getDocPreferences, serverURL],\n  )\n\n  return (\n    <OperationProvider operation=\"create\">\n      {BeforeDocument}\n      <Form\n        action={action}\n        className={`${baseClass}__form`}\n        disabled={isInitializing || !hasSavePermission}\n        initialState={isInitializing ? undefined : initialState}\n        isInitializing={isInitializing}\n        method=\"POST\"\n        onChange={[onChange]}\n        onSuccess={onSave}\n        submitted={submitted}\n      >\n        <DocumentFields\n          AfterFields={AfterFields}\n          BeforeFields={\n            BeforeFields || (\n              <React.Fragment>\n                {collectionConfig?.admin?.components?.edit?.Upload ? (\n                  <RenderComponent\n                    mappedComponent={collectionConfig.admin.components.edit.Upload}\n                  />\n                ) : (\n                  <Upload\n                    collectionSlug={collectionConfig.slug}\n                    initialState={initialState}\n                    uploadConfig={collectionConfig.upload}\n                  />\n                )}\n              </React.Fragment>\n            )\n          }\n          docPermissions={docPermissions || ({} as DocumentPermissions)}\n          fields={collectionConfig.fields}\n          readOnly={!hasSavePermission}\n          schemaPath={schemaPath}\n        />\n        <ReportAllErrors />\n        <GetFieldProxy />\n      </Form>\n      {AfterDocument}\n    </OperationProvider>\n  )\n}\n\nfunction GetFieldProxy() {\n  const { getFields } = useForm()\n  const { getFormDataRef } = useFormsManager()\n\n  React.useEffect(() => {\n    getFormDataRef.current = getFields\n  }, [getFields, getFormDataRef])\n\n  return null\n}\n\nfunction ReportAllErrors() {\n  const { docConfig } = useDocumentInfo()\n  const { activeIndex, setFormTotalErrorCount } = useFormsManager()\n  const errorCountRef = React.useRef(0)\n\n  const reportFormErrorCount = React.useCallback(\n    (errorCount) => {\n      if (errorCount === errorCountRef.current) return\n      setFormTotalErrorCount({ errorCount, index: activeIndex })\n      errorCountRef.current = errorCount\n    },\n    [activeIndex, setFormTotalErrorCount],\n  )\n\n  if (!docConfig) return null\n\n  return <WatchChildErrors fields={docConfig.fields} path=\"\" setErrorCount={reportFormErrorCount} />\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useRouter","useSearchParams","React","useCallback","Form","useForm","WatchChildErrors","useConfig","RenderComponent","useDocumentEvents","useDocumentInfo","useEditDepth","OperationProvider","useUploadEdits","formatAdminURL","getFormState","DocumentFields","Upload","useFormsManager","BulkUploadProvider","baseClass","EditForm","submitted","action","AfterDocument","AfterFields","BeforeDocument","BeforeFields","collectionSlug","docSlug","docPermissions","getDocPreferences","getVersions","hasSavePermission","initialState","isEditing","isInitializing","onSave","onSaveFromContext","config","routes","admin","adminRoute","api","apiRoute","serverURL","getEntityConfig","router","depth","params","reportUpdate","resetUploadEdits","locale","get","collectionConfig","slug","schemaPath","useState","json","entitySlug","updatedAt","result","Date","toISOString","operation","redirectRoute","path","doc","id","push","onChange","formState","prevFormState","docPreferences","state","newFormState","body","_jsx","_jsxs","className","disabled","undefined","method","onSuccess","Fragment","components","edit","mappedComponent","uploadConfig","upload","fields","readOnly","ReportAllErrors","GetFieldProxy","getFields","getFormDataRef","useEffect","current","docConfig","activeIndex","setFormTotalErrorCount","errorCountRef","useRef","reportFormErrorCount","errorCount","index","setErrorCount"],"sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, DocumentPermissions } from 'payload'\n\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { useCallback } from 'react'\n\nimport type { EditFormProps } from './types.js'\n\nimport { Form, useForm } from '../../../forms/Form/index.js'\nimport { type FormProps } from '../../../forms/Form/types.js'\nimport { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { RenderComponent } from '../../../providers/Config/RenderComponent.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { OperationProvider } from '../../../providers/Operation/index.js'\nimport { useUploadEdits } from '../../../providers/UploadEdits/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { getFormState } from '../../../utilities/getFormState.js'\nimport { DocumentFields } from '../../DocumentFields/index.js'\nimport { Upload } from '../../Upload/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { BulkUploadProvider } from '../index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\n\nexport function EditForm({ submitted }: EditFormProps) {\n  const {\n    action,\n    AfterDocument,\n    AfterFields,\n    BeforeDocument,\n    BeforeFields,\n    collectionSlug: docSlug,\n    docPermissions,\n    getDocPreferences,\n    getVersions,\n    hasSavePermission,\n    initialState,\n    isEditing,\n    isInitializing,\n    onSave: onSaveFromContext,\n  } = useDocumentInfo()\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const router = useRouter()\n  const depth = useEditDepth()\n  const params = useSearchParams()\n  const { reportUpdate } = useDocumentEvents()\n  const { resetUploadEdits } = useUploadEdits()\n\n  const locale = params.get('locale')\n\n  const collectionConfig = getEntityConfig({ collectionSlug: docSlug }) as ClientCollectionConfig\n  const collectionSlug = collectionConfig.slug\n\n  const [schemaPath] = React.useState(collectionSlug)\n\n  const onSave = useCallback(\n    (json) => {\n      reportUpdate({\n        entitySlug: collectionSlug,\n        updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      })\n\n      void getVersions()\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: 'create',\n        })\n      }\n\n      if (!isEditing && depth < 2) {\n        // Redirect to the same locale if it's been set\n        const redirectRoute = formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`,\n        })\n        router.push(redirectRoute)\n      } else {\n        resetUploadEdits()\n      }\n    },\n    [\n      adminRoute,\n      collectionSlug,\n      depth,\n      getVersions,\n      isEditing,\n      locale,\n      onSaveFromContext,\n      reportUpdate,\n      resetUploadEdits,\n      router,\n    ],\n  )\n\n  const onChange: NonNullable<FormProps['onChange']>[0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const docPreferences = await getDocPreferences()\n      const { state: newFormState } = await getFormState({\n        apiRoute,\n        body: {\n          collectionSlug,\n          docPreferences,\n          formState: prevFormState,\n          operation: 'create',\n          schemaPath,\n        },\n        serverURL,\n      })\n\n      return newFormState\n    },\n    [apiRoute, collectionSlug, schemaPath, getDocPreferences, serverURL],\n  )\n\n  return (\n    <OperationProvider operation=\"create\">\n      <BulkUploadProvider>\n        {BeforeDocument}\n        <Form\n          action={action}\n          className={`${baseClass}__form`}\n          disabled={isInitializing || !hasSavePermission}\n          initialState={isInitializing ? undefined : initialState}\n          isInitializing={isInitializing}\n          method=\"POST\"\n          onChange={[onChange]}\n          onSuccess={onSave}\n          submitted={submitted}\n        >\n          <DocumentFields\n            AfterFields={AfterFields}\n            BeforeFields={\n              BeforeFields || (\n                <React.Fragment>\n                  {collectionConfig?.admin?.components?.edit?.Upload ? (\n                    <RenderComponent\n                      mappedComponent={collectionConfig.admin.components.edit.Upload}\n                    />\n                  ) : (\n                    <Upload\n                      collectionSlug={collectionConfig.slug}\n                      initialState={initialState}\n                      uploadConfig={collectionConfig.upload}\n                    />\n                  )}\n                </React.Fragment>\n              )\n            }\n            docPermissions={docPermissions || ({} as DocumentPermissions)}\n            fields={collectionConfig.fields}\n            readOnly={!hasSavePermission}\n            schemaPath={schemaPath}\n          />\n          <ReportAllErrors />\n          <GetFieldProxy />\n        </Form>\n        {AfterDocument}\n      </BulkUploadProvider>\n    </OperationProvider>\n  )\n}\n\nfunction GetFieldProxy() {\n  const { getFields } = useForm()\n  const { getFormDataRef } = useFormsManager()\n\n  React.useEffect(() => {\n    getFormDataRef.current = getFields\n  }, [getFields, getFormDataRef])\n\n  return null\n}\n\nfunction ReportAllErrors() {\n  const { docConfig } = useDocumentInfo()\n  const { activeIndex, setFormTotalErrorCount } = useFormsManager()\n  const errorCountRef = React.useRef(0)\n\n  const reportFormErrorCount = React.useCallback(\n    (errorCount) => {\n      if (errorCount === errorCountRef.current) {\n        return\n      }\n      setFormTotalErrorCount({ errorCount, index: activeIndex })\n      errorCountRef.current = errorCount\n    },\n    [activeIndex, setFormTotalErrorCount],\n  )\n\n  if (!docConfig) {\n    return null\n  }\n\n  return <WatchChildErrors fields={docConfig.fields} path=\"\" setErrorCount={reportFormErrorCount} />\n}\n"],"mappings":"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","ignoreList":[]}