@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0-canary.ff8c8fd

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

@@ -0,0 +1,186 @@
+'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';
+import { Button } from '../../Button/index.js';
+import { useFormsManager } from '../FormsManager/index.js';
+import './index.scss';
+const baseClass = 'bulk-upload--actions-bar';
+export function ActionsBar() {
+  const $ = _c(14);
+  const {
+    activeIndex,
+    forms,
+    setActiveIndex
+  } = useFormsManager();
+  const {
+    t
+  } = useTranslation();
+  const t0 = activeIndex + 1;
+  let t1;
+  if ($[0] !== t0 || $[1] !== forms.length || $[2] !== t || $[3] !== activeIndex || $[4] !== setActiveIndex) {
+    let t2;
+    if ($[6] !== activeIndex || $[7] !== setActiveIndex || $[8] !== forms.length) {
+      t2 = () => {
+        const nextIndex = activeIndex - 1;
+        if (nextIndex < 0) {
+          setActiveIndex(forms.length - 1);
+        } else {
+          setActiveIndex(nextIndex);
+        }
+      };
+      $[6] = activeIndex;
+      $[7] = setActiveIndex;
+      $[8] = forms.length;
+      $[9] = t2;
+    } else {
+      t2 = $[9];
+    }
+    let t3;
+    if ($[10] !== activeIndex || $[11] !== forms.length || $[12] !== setActiveIndex) {
+      t3 = () => {
+        const nextIndex_0 = activeIndex + 1;
+        if (nextIndex_0 === forms.length) {
+          setActiveIndex(0);
+        } else {
+          setActiveIndex(nextIndex_0);
+        }
+      };
+      $[10] = activeIndex;
+      $[11] = forms.length;
+      $[12] = setActiveIndex;
+      $[13] = t3;
+    } else {
+      t3 = $[13];
+    }
+    t1 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsxs("div", {
+        className: `${baseClass}__navigation`,
+        children: [_jsxs("p", {
+          className: `${baseClass}__locationText`,
+          children: [_jsx("strong", {
+            children: t0
+          }), " of ", _jsx("strong", {
+            children: forms.length
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [_jsx(Button, {
+            "aria-label": t("general:previous"),
+            buttonStyle: "none",
+            onClick: t2,
+            type: "button",
+            children: _jsx(ChevronIcon, {
+              direction: "left"
+            })
+          }), _jsx(Button, {
+            "aria-label": t("general:next"),
+            buttonStyle: "none",
+            onClick: t3,
+            type: "button",
+            children: _jsx(ChevronIcon, {
+              direction: "right"
+            })
+          })]
+        })]
+      }), _jsx(Actions, {
+        className: `${baseClass}__saveButtons`
+      })]
+    });
+    $[0] = t0;
+    $[1] = forms.length;
+    $[2] = t;
+    $[3] = activeIndex;
+    $[4] = setActiveIndex;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+}
+export function Actions(t0) {
+  const $ = _c(14);
+  const {
+    className
+  } = t0;
+  const {
+    config
+  } = useConfig();
+  const {
+    t
+  } = useTranslation();
+  const {
+    collectionSlug,
+    hasPublishPermission,
+    hasSavePermission,
+    saveAllDocs
+  } = useFormsManager();
+  let t1;
+  if ($[0] !== collectionSlug || $[1] !== config.collections) {
+    let t2;
+    if ($[3] !== collectionSlug) {
+      t2 = c => c.slug === collectionSlug;
+      $[3] = collectionSlug;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = config.collections.find(t2);
+    $[0] = collectionSlug;
+    $[1] = config.collections;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const collectionConfig = t1;
+  let t2;
+  if ($[5] !== className) {
+    t2 = [`${baseClass}__buttons`, className].filter(Boolean);
+    $[5] = className;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const t3 = t2.join(" ");
+  let t4;
+  if ($[7] !== collectionConfig || $[8] !== hasSavePermission || $[9] !== saveAllDocs || $[10] !== t || $[11] !== hasPublishPermission || $[12] !== 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]
+    });
+    $[7] = collectionConfig;
+    $[8] = hasSavePermission;
+    $[9] = saveAllDocs;
+    $[10] = t;
+    $[11] = hasPublishPermission;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useConfig","useTranslation","Button","useFormsManager","baseClass","ActionsBar","$","activeIndex","forms","setActiveIndex","t","t0","t1","length","t2","nextIndex","t3","nextIndex_0","_jsxs","className","children","_jsx","buttonStyle","onClick","type","direction","Actions","config","collectionSlug","hasPublishPermission","hasSavePermission","saveAllDocs","collections","slug","find","collectionConfig","filter","Boolean","join","t4","versions","drafts","overrides","_status"],"sources":["../../../../src/elements/BulkUpload/ActionsBar/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--actions-bar'\n\nexport function ActionsBar() {\n  const { activeIndex, forms, setActiveIndex } = useFormsManager()\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__navigation`}>\n        <p className={`${baseClass}__locationText`}>\n          <strong>{activeIndex + 1}</strong>\n          {' 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) setActiveIndex(forms.length - 1)\n              else setActiveIndex(nextIndex)\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) setActiveIndex(0)\n              else setActiveIndex(nextIndex)\n            }}\n            type=\"button\"\n          >\n            <ChevronIcon direction=\"right\" />\n          </Button>\n        </div>\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 { config } = useConfig()\n  const { t } = useTranslation()\n  const { collectionSlug, hasPublishPermission, hasSavePermission, saveAllDocs } = useFormsManager()\n\n  const collectionConfig = config.collections.find((c) => c.slug === 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/ActionsBar/index.scss

@@ -0,0 +1,59 @@
+@import '../../../scss/styles.scss';
+
+.bulk-upload--actions-bar {
+  display: flex;
+  padding-inline: var(--gutter-h);
+  align-items: center;
+  border-bottom: 1px solid var(--theme-border-color);
+  position: sticky;
+  z-index: 1;
+  top: 0;
+  background-color: var(--theme-bg);
+  height: var(--doc-controls-height);
+
+  &__navigation {
+    display: flex;
+    gap: var(--base);
+    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);
+      }
+
+      &__label {
+        display: flex;
+      }
+    }
+  }
+
+  &__buttons {
+    display: flex;
+    gap: var(--base);
+    margin-left: auto;
+  }
+
+  @include mid-break {
+    &__navigation {
+      justify-content: space-between;
+    }
+    &__saveButtons {
+      display: none;
+    }
+  }
+}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,44 @@
+'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 { 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;
+  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;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,15 @@
+.bulk-upload--add-files {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  &__dropArea {
+    height: 100%;
+    padding: calc(var(--base) * 2) var(--gutter-h);
+  }
+
+  .dropzone {
+    flex-direction: column;
+    justify-content: center;
+  }
+}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,98 @@
+'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 { 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 { EditForm } from '../EditForm/index.js';
+import { FileSidebar } from '../FileSidebar/index.js';
+import { useFormsManager } from '../FormsManager/index.js';
+import { DrawerHeader } from '../Header/index.js';
+import './index.scss';
+const baseClass = 'bulk-upload--file-manager';
+export function AddingFilesView() {
+  const $ = _c(16);
+  const {
+    activeIndex,
+    collectionSlug,
+    docPermissions,
+    forms,
+    hasPublishPermission,
+    hasSavePermission,
+    hasSubmitted
+  } = useFormsManager();
+  const activeForm = forms[activeIndex];
+  const {
+    config
+  } = useConfig();
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    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) {
+    let t1;
+    if ($[12] !== collectionSlug) {
+      t1 = c => c.slug === collectionSlug;
+      $[12] = collectionSlug;
+      $[13] = t1;
+    } else {
+      t1 = $[13];
+    }
+    const collection = config.collections.find(t1);
+    let t2;
+    if ($[14] !== openModal) {
+      t2 = () => openModal(discardBulkUploadModalSlug);
+      $[14] = openModal;
+      $[15] = t2;
+    } else {
+      t2 = $[15];
+    }
+    t0 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx(FileSidebar, {}), _jsxs("div", {
+        className: `${baseClass}__editView`,
+        children: [_jsx(DrawerHeader, {
+          onClose: t2,
+          title: getTranslation(collection.labels.singular, i18n)
+        }), _jsxs(DocumentInfoProvider, {
+          collectionSlug,
+          docPermissions,
+          hasPublishPermission,
+          hasSavePermission,
+          id: null,
+          initialData: reduceFieldsToValues(activeForm.formState, true),
+          initialState: activeForm.formState,
+          children: [_jsx(ActionsBar, {}), _jsx(EditForm, {
+            submitted: hasSubmitted
+          })]
+        }, `${activeIndex}-${forms.length}`)]
+      })]
+    });
+    $[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;
+    $[11] = t0;
+  } else {
+    t0 = $[11];
+  }
+  return t0;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,23 @@
+@import '../../../scss/styles.scss';
+
+.bulk-upload--file-manager {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+
+  &__editView {
+    flex-grow: 1;
+    height: 100%;
+    max-height: 100%;
+    overflow: auto;
+  }
+
+  @include mid-break {
+    flex-direction: column-reverse;
+
+    &__editView {
+      flex-grow: 1;
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const discardBulkUploadModalSlug = "bulk-upload--discard-without-saving";
+export declare function DiscardWithoutSaving(): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,89 @@
+'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 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';
+export const discardBulkUploadModalSlug = 'bulk-upload--discard-without-saving';
+const baseClass = 'leave-without-saving';
+export function DiscardWithoutSaving() {
+  const $ = _c(9);
+  const {
+    t
+  } = useTranslation();
+  const editDepth = useEditDepth();
+  const {
+    closeModal
+  } = useModal();
+  let t0;
+  if ($[0] !== closeModal) {
+    t0 = () => {
+      closeModal(discardBulkUploadModalSlug);
+    };
+    $[0] = closeModal;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const onCancel = t0;
+  let t1;
+  if ($[2] !== closeModal) {
+    t1 = () => {
+      closeModal(drawerSlug);
+      closeModal(discardBulkUploadModalSlug);
+    };
+    $[2] = closeModal;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const onConfirm = t1;
+  const t2 = `calc(100 + ${editDepth || 0} + 1)`;
+  let t3;
+  if ($[4] !== t2 || $[5] !== t || $[6] !== onCancel || $[7] !== onConfirm) {
+    t3 = _jsx(FullscreenModal, {
+      className: baseClass,
+      slug: discardBulkUploadModalSlug,
+      style: {
+        zIndex: t2
+      },
+      children: _jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [_jsx("h1", {
+            children: t("general:leaveWithoutSaving")
+          }), _jsx("p", {
+            children: t("general:changesNotSaved")
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [_jsx(Button, {
+            buttonStyle: "secondary",
+            onClick: onCancel,
+            size: "large",
+            children: t("general:stayOnThisPage")
+          }), _jsx(Button, {
+            onClick: onConfirm,
+            size: "large",
+            children: t("general:leaveAnyway")
+          })]
+        })]
+      })
+    });
+    $[4] = t2;
+    $[5] = t;
+    $[6] = onCancel;
+    $[7] = onConfirm;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,9 @@
+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 {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,38 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { XIcon } from '../../../icons/X/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import './index.scss';
+const baseClass = 'drawer-close-button';
+export function DrawerCloseButton(t0) {
+  const $ = _c(4);
+  const {
+    slug,
+    onClick
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== t || $[1] !== slug || $[2] !== 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;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}