@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0

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

@@ -0,0 +1,25 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .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;AAOzB,eAAO,MAAM,0BAA0B,wCAAwC,CAAA;AAG/E,wBAAgB,oBAAoB,sBAgCnC"}

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

@@ -0,0 +1,86 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import React from 'react';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { FullscreenModal } from '../../FullscreenModal/index.js';
+import { useBulkUpload } 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 {
+    closeModal
+  } = useModal();
+  const {
+    drawerSlug
+  } = useBulkUpload();
+  let t0;
+  if ($[0] !== closeModal) {
+    t0 = () => {
+      closeModal(discardBulkUploadModalSlug);
+    };
+    $[0] = closeModal;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const onCancel = t0;
+  let t1;
+  if ($[2] !== closeModal || $[3] !== drawerSlug) {
+    t1 = () => {
+      closeModal(drawerSlug);
+      closeModal(discardBulkUploadModalSlug);
+    };
+    $[2] = closeModal;
+    $[3] = drawerSlug;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const onConfirm = t1;
+  let t2;
+  if ($[5] !== t || $[6] !== onCancel || $[7] !== onConfirm) {
+    t2 = _jsx(FullscreenModal, {
+      className: baseClass,
+      slug: discardBulkUploadModalSlug,
+      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")
+          })]
+        })]
+      })
+    });
+    $[5] = t;
+    $[6] = onCancel;
+    $[7] = onConfirm;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+}
+//# 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","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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+type Props = {
+    readonly onClick: () => void;
+};
+export declare function DrawerCloseButton({ 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;CAC7B,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,qBAQnD"}

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

@@ -0,0 +1,35 @@
+'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(3);
+  const {
+    onClick
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== t || $[1] !== onClick) {
+    t1 = _jsx("button", {
+      "aria-label": t("general:close"),
+      className: baseClass,
+      onClick,
+      type: "button",
+      children: _jsx(XIcon, {})
+    });
+    $[0] = t;
+    $[1] = onClick;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  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","$","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/DrawerCloseButton/index.scss

@@ -0,0 +1,29 @@
+@layer payload-default {
+  .drawer-close-button {
+    --size: calc(var(--base) * 1.2);
+    border: 0;
+    background-color: transparent;
+    padding: 0;
+    cursor: pointer;
+    overflow: hidden;
+    direction: ltr;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--size);
+    height: var(--size);
+
+    svg {
+      margin: calc(-1 * var(--size));
+      width: calc(var(--size) * 2);
+      height: calc(var(--size) * 2);
+
+      position: relative;
+
+      .stroke {
+        stroke-width: 1px;
+        vector-effect: non-scaling-stroke;
+      }
+    }
+  }
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAmB/C,OAAO,cAAc,CAAA;AAQrB,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,qBA8IpD"}

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

@@ -0,0 +1,187 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from 'next/navigation.js';
+import React, { useCallback, useEffect } from 'react';
+import { Form, useForm } from '../../../forms/Form/index.js';
+import { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentEvents } from '../../../providers/DocumentEvents/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useEditDepth } from '../../../providers/EditDepth/index.js';
+import { OperationProvider } from '../../../providers/Operation/index.js';
+import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
+import { useUploadEdits } from '../../../providers/UploadEdits/index.js';
+import { abortAndIgnore } from '../../../utilities/abortAndIgnore.js';
+import { formatAdminURL } from '../../../utilities/formatAdminURL.js';
+import { useDocumentDrawerContext } from '../../DocumentDrawer/Provider.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_
+// When rendered within a drawer, props are empty
+// This is solely to support custom edit views which get server-rendered
+export function EditForm({
+  submitted
+}) {
+  const {
+    action,
+    collectionSlug: docSlug,
+    docPermissions,
+    getDocPreferences,
+    hasSavePermission,
+    initialState,
+    isEditing,
+    isInitializing,
+    Upload: CustomUpload
+  } = useDocumentInfo();
+  const {
+    onSave: onSaveFromContext
+  } = useDocumentDrawerContext();
+  const {
+    getFormState
+  } = useServerFunctions();
+  const {
+    config: {
+      routes: {
+        admin: adminRoute
+      }
+    },
+    getEntityConfig
+  } = useConfig();
+  const formStateAbortControllerRef = React.useRef(null);
+  const collectionConfig = getEntityConfig({
+    collectionSlug: docSlug
+  });
+  const router = useRouter();
+  const depth = useEditDepth();
+  const params = useSearchParams();
+  const {
+    reportUpdate
+  } = useDocumentEvents();
+  const {
+    resetUploadEdits
+  } = useUploadEdits();
+  const locale = params.get('locale');
+  const collectionSlug = collectionConfig.slug;
+  const [schemaPath] = React.useState(collectionSlug);
+  const onSave = useCallback(json => {
+    reportUpdate({
+      entitySlug: collectionSlug,
+      updatedAt: json?.result?.updatedAt || new Date().toISOString()
+    });
+    if (typeof onSaveFromContext === 'function') {
+      void onSaveFromContext({
+        ...json,
+        operation: 'create'
+      });
+    }
+    if (!isEditing && depth < 2) {
+      // Redirect to the same locale if it's been set
+      const redirectRoute = formatAdminURL({
+        adminRoute,
+        path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`
+      });
+      router.push(redirectRoute);
+    } else {
+      resetUploadEdits();
+    }
+  }, [adminRoute, collectionSlug, depth, isEditing, locale, onSaveFromContext, reportUpdate, resetUploadEdits, router]);
+  const onChange = useCallback(async ({
+    formState: prevFormState
+  }) => {
+    abortAndIgnore(formStateAbortControllerRef.current);
+    const controller = new AbortController();
+    formStateAbortControllerRef.current = controller;
+    const docPreferences = await getDocPreferences();
+    const {
+      state: newFormState
+    } = await getFormState({
+      collectionSlug,
+      docPermissions,
+      docPreferences,
+      formState: prevFormState,
+      operation: 'create',
+      schemaPath,
+      signal: controller.signal
+    });
+    return newFormState;
+  }, [collectionSlug, schemaPath, getDocPreferences, getFormState, docPermissions]);
+  useEffect(() => {
+    return () => {
+      abortAndIgnore(formStateAbortControllerRef.current);
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(OperationProvider, {
+    operation: "create",
+    children: /*#__PURE__*/_jsx(BulkUploadProvider, {
+      children: /*#__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, {
+          BeforeFields: /*#__PURE__*/_jsx(React.Fragment, {
+            children: CustomUpload || /*#__PURE__*/_jsx(Upload, {
+              collectionSlug: collectionConfig.slug,
+              initialState: initialState,
+              uploadConfig: collectionConfig.upload
+            })
+          }),
+          docPermissions: docPermissions,
+          fields: collectionConfig.fields,
+          schemaPathSegments: [collectionConfig.slug]
+        }), /*#__PURE__*/_jsx(ReportAllErrors, {}), /*#__PURE__*/_jsx(GetFieldProxy, {})]
+      })
+    })
+  });
+}
+function GetFieldProxy() {
+  const {
+    getFields
+  } = useForm();
+  const {
+    getFormDataRef
+  } = useFormsManager();
+  React.useEffect(() => {
+    getFormDataRef.current = getFields;
+  }, [getFields, getFormDataRef]);
+  return null;
+}
+function ReportAllErrors() {
+  const {
+    docConfig
+  } = useDocumentInfo();
+  const {
+    activeIndex,
+    setFormTotalErrorCount
+  } = useFormsManager();
+  const errorCountRef = React.useRef(0);
+  const reportFormErrorCount = React.useCallback(errorCount => {
+    if (errorCount === errorCountRef.current) {
+      return;
+    }
+    setFormTotalErrorCount({
+      errorCount,
+      index: activeIndex
+    });
+    errorCountRef.current = errorCount;
+  }, [activeIndex, setFormTotalErrorCount]);
+  if (!docConfig) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(WatchChildErrors, {
+    fields: docConfig.fields,
+    path: [],
+    setErrorCount: reportFormErrorCount
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useRouter","useSearchParams","React","useCallback","useEffect","Form","useForm","WatchChildErrors","useConfig","useDocumentEvents","useDocumentInfo","useEditDepth","OperationProvider","useServerFunctions","useUploadEdits","abortAndIgnore","formatAdminURL","useDocumentDrawerContext","DocumentFields","Upload","useFormsManager","BulkUploadProvider","baseClass","EditForm","submitted","action","collectionSlug","docSlug","docPermissions","getDocPreferences","hasSavePermission","initialState","isEditing","isInitializing","CustomUpload","onSave","onSaveFromContext","getFormState","config","routes","admin","adminRoute","getEntityConfig","formStateAbortControllerRef","useRef","collectionConfig","router","depth","params","reportUpdate","resetUploadEdits","locale","get","slug","schemaPath","useState","json","entitySlug","updatedAt","result","Date","toISOString","operation","redirectRoute","path","doc","id","push","onChange","formState","prevFormState","current","controller","AbortController","docPreferences","state","newFormState","signal","_jsx","_jsxs","className","disabled","undefined","method","onSuccess","BeforeFields","Fragment","uploadConfig","upload","fields","schemaPathSegments","ReportAllErrors","GetFieldProxy","getFields","getFormDataRef","docConfig","activeIndex","setFormTotalErrorCount","errorCountRef","reportFormErrorCount","errorCount","index","setErrorCount"],"sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { useCallback, useEffect } 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 { 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 { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useUploadEdits } from '../../../providers/UploadEdits/index.js'\nimport { abortAndIgnore } from '../../../utilities/abortAndIgnore.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { useDocumentDrawerContext } from '../../DocumentDrawer/Provider.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    collectionSlug: docSlug,\n    docPermissions,\n    getDocPreferences,\n    hasSavePermission,\n    initialState,\n    isEditing,\n    isInitializing,\n    Upload: CustomUpload,\n  } = useDocumentInfo()\n\n  const { onSave: onSaveFromContext } = useDocumentDrawerContext()\n\n  const { getFormState } = useServerFunctions()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const formStateAbortControllerRef = React.useRef<AbortController>(null)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: docSlug }) as ClientCollectionConfig\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 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      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      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      abortAndIgnore(formStateAbortControllerRef.current)\n\n      const controller = new AbortController()\n      formStateAbortControllerRef.current = controller\n\n      const docPreferences = await getDocPreferences()\n      const { state: newFormState } = await getFormState({\n        collectionSlug,\n        docPermissions,\n        docPreferences,\n        formState: prevFormState,\n        operation: 'create',\n        schemaPath,\n        signal: controller.signal,\n      })\n\n      return newFormState\n    },\n    [collectionSlug, schemaPath, getDocPreferences, getFormState, docPermissions],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(formStateAbortControllerRef.current)\n    }\n  }, [])\n\n  return (\n    <OperationProvider operation=\"create\">\n      <BulkUploadProvider>\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            BeforeFields={\n              <React.Fragment>\n                {CustomUpload || (\n                  <Upload\n                    collectionSlug={collectionConfig.slug}\n                    initialState={initialState}\n                    uploadConfig={collectionConfig.upload}\n                  />\n                )}\n              </React.Fragment>\n            }\n            docPermissions={docPermissions}\n            fields={collectionConfig.fields}\n            schemaPathSegments={[collectionConfig.slug]}\n          />\n          <ReportAllErrors />\n          <GetFieldProxy />\n        </Form>\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 (\n    <WatchChildErrors fields={docConfig.fields} path={[]} setErrorCount={reportFormErrorCount} />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .collection-edit {
+    width: 100%;
+
+    &__form {
+      height: auto;
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+export type EditFormProps = {
+    readonly submitted?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditForm/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/BulkUpload/EditForm/types.ts"],"sourcesContent":["export type EditFormProps = {\n  readonly submitted?: boolean\n}\n"],"mappings":"AAAA","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,OAAO,cAAc,CAAA;AASrB,wBAAgB,WAAW,sBAsK1B"}