@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.91

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DuplicateDocument/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'duplicate'\n\nexport type Props = {\n  id: string\n  singularLabel: SanitizedCollectionConfig['labels']['singular']\n  slug: string\n}\n\nexport const DuplicateDocument: React.FC<Props> = ({ id, slug, singularLabel }) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const router = useRouter()\n  const modified = useFormModified()\n  const { toggleModal } = useModal()\n  const locale = useLocale()\n  const { setModified } = useForm()\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const {\n    routes: { admin },\n  } = useConfig()\n  const [hasClicked, setHasClicked] = useState<boolean>(false)\n  const { i18n, t } = useTranslation()\n\n  const modalSlug = `duplicate-${id}`\n\n  const handleClick = useCallback(\n    async (override = false) => {\n      setHasClicked(true)\n\n      if (modified && !override) {\n        toggleModal(modalSlug)\n        return\n      }\n      await requests\n        .post(`${serverURL}${api}/${slug}/${id}/duplicate?locale=${locale.code}`, {\n          body: JSON.stringify({}),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n            credentials: 'include',\n          },\n        })\n        .then(async (res) => {\n          const { doc, errors, message } = await res.json()\n          if (res.status < 400) {\n            toast.success(\n              message ||\n                t('general:successfullyDuplicated', { label: getTranslation(singularLabel, i18n) }),\n              {\n                autoClose: 3000,\n              },\n            )\n            setModified(false)\n            router.push(`${admin}/collections/${slug}/${doc.id}?locale=${locale.code}`)\n          } else {\n            toast.error(\n              errors?.[0].message ||\n                message ||\n                t('error:unspecific', { label: getTranslation(singularLabel, i18n) }),\n              { autoClose: 5000 },\n            )\n          }\n        })\n    },\n    [\n      locale,\n      modified,\n      serverURL,\n      api,\n      slug,\n      id,\n      i18n,\n      toggleModal,\n      modalSlug,\n      t,\n      singularLabel,\n      setModified,\n      router,\n      admin,\n    ],\n  )\n\n  const confirm = useCallback(async () => {\n    setHasClicked(false)\n    await handleClick(true)\n  }, [handleClick])\n\n  return (\n    <React.Fragment>\n      <PopupList.Button id=\"action-duplicate\" onClick={() => handleClick(false)}>\n        {t('general:duplicate')}\n      </PopupList.Button>\n      {modified && hasClicked && (\n        <Modal className={`${baseClass}__modal`} slug={modalSlug}>\n          <MinimalTemplate className={`${baseClass}__modal-template`}>\n            <h1>{t('general:confirmDuplication')}</h1>\n            <p>{t('general:unsavedChangesDuplicate')}</p>\n            <Button\n              buttonStyle=\"secondary\"\n              id=\"confirm-cancel\"\n              onClick={() => toggleModal(modalSlug)}\n              type=\"button\"\n            >\n              {t('general:cancel')}\n            </Button>\n            <Button id=\"confirm-duplicate\" onClick={confirm}>\n              {t('general:duplicateWithoutSaving')}\n            </Button>\n          </MinimalTemplate>\n        </Modal>\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useFormModified","useConfig","useLocale","useTranslation","MinimalTemplate","requests","Button","PopupList","baseClass","DuplicateDocument","id","slug","singularLabel","Modal","useModal","router","modified","toggleModal","locale","setModified","routes","api","serverURL","admin","hasClicked","setHasClicked","i18n","t","modalSlug","handleClick","override","post","code","body","JSON","stringify","headers","language","credentials","then","res","doc","errors","message","json","status","success","label","autoClose","push","error","confirm","Fragment","onClick","className","h1","p","buttonStyle","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useFormModified","useConfig","useLocale","useTranslation","requests","formatAdminURL","Button","PopupList","baseClass","DuplicateDocument","t0","$","id","slug","singularLabel","router","modified","toggleModal","locale","setModified","config","t1","routes","t2","serverURL","admin","adminRoute","api","apiRoute","hasClicked","setHasClicked","i18n","t","modalSlug","t3","t4","override","undefined","post","code","body","JSON","stringify","headers","language","credentials","then","res","doc","errors","message","json","status","success","label","push","path","error","handleClick","confirm","t5","t6","t7","_jsx","className","children","_jsxs","buttonStyle","onClick","type","Fragment"],"sources":["../../../src/elements/DuplicateDocument/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { Button } from '../Button/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'duplicate'\n\nexport type Props = {\n  id: string\n  singularLabel: SanitizedCollectionConfig['labels']['singular']\n  slug: string\n}\n\nexport const DuplicateDocument: React.FC<Props> = ({ id, slug, singularLabel }) => {\n  const router = useRouter()\n  const modified = useFormModified()\n  const { toggleModal } = useModal()\n  const locale = useLocale()\n  const { setModified } = useForm()\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const [hasClicked, setHasClicked] = useState<boolean>(false)\n  const { i18n, t } = useTranslation()\n\n  const modalSlug = `duplicate-${id}`\n\n  const handleClick = useCallback(\n    async (override = false) => {\n      setHasClicked(true)\n\n      if (modified && !override) {\n        toggleModal(modalSlug)\n        return\n      }\n      await requests\n        .post(\n          `${serverURL}${apiRoute}/${slug}/${id}/duplicate${locale?.code ? `?locale=${locale.code}` : ''}`,\n          {\n            body: JSON.stringify({}),\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n              credentials: 'include',\n            },\n          },\n        )\n        .then(async (res) => {\n          const { doc, errors, message } = await res.json()\n          if (res.status < 400) {\n            toast.success(\n              message ||\n                t('general:successfullyDuplicated', { label: getTranslation(singularLabel, i18n) }),\n            )\n            setModified(false)\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${slug}/${doc.id}${locale?.code ? `?locale=${locale.code}` : ''}`,\n              }),\n            )\n          } else {\n            toast.error(\n              errors?.[0].message ||\n                message ||\n                t('error:unspecific', { label: getTranslation(singularLabel, i18n) }),\n            )\n          }\n        })\n    },\n    [\n      locale,\n      modified,\n      serverURL,\n      apiRoute,\n      slug,\n      id,\n      i18n,\n      toggleModal,\n      modalSlug,\n      t,\n      singularLabel,\n      setModified,\n      router,\n      adminRoute,\n    ],\n  )\n\n  const confirm = useCallback(async () => {\n    setHasClicked(false)\n    await handleClick(true)\n  }, [handleClick])\n\n  return (\n    <React.Fragment>\n      <PopupList.Button id=\"action-duplicate\" onClick={() => void handleClick(false)}>\n        {t('general:duplicate')}\n      </PopupList.Button>\n      {modified && hasClicked && (\n        <Modal className={`${baseClass}__modal`} slug={modalSlug}>\n          <div className={`${baseClass}__modal-template`}>\n            <h1>{t('general:confirmDuplication')}</h1>\n            <p>{t('general:unsavedChangesDuplicate')}</p>\n            <Button\n              buttonStyle=\"secondary\"\n              id=\"confirm-cancel\"\n              onClick={() => toggleModal(modalSlug)}\n              type=\"button\"\n            >\n              {t('general:cancel')}\n            </Button>\n            <Button id=\"confirm-duplicate\" onClick={() => void confirm()}>\n              {t('general:duplicateWithoutSaving')}\n            </Button>\n          </div>\n        </Modal>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DuplicateDocument/index.scss

@@ -6,6 +6,7 @@
     display: flex;
     align-items: center;
     height: 100%;
+    padding: base(2);
 
     .btn {
       margin-right: $baseline;

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

@@ -1,10 +1,9 @@
+import type { ClientCollectionConfig, ClientField } from 'payload';
 import React from 'react';
 import './index.scss';
-import type { ClientCollectionConfig } from 'payload/types';
-import type { FieldMap } from '../../utilities/buildComponentMap.js';
 export type EditManyProps = {
-    collection: ClientCollectionConfig;
-    fieldMap: FieldMap;
+    readonly collection: ClientCollectionConfig;
+    readonly fields: ClientField[];
 };
 export declare const EditMany: React.FC<EditManyProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAoBpD,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAA;AAEpE,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,sBAAsB,CAAA;IAClC,QAAQ,EAAE,QAAQ,CAAA;CACnB,CAAA;AA8DD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoJ5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAa,MAAM,SAAS,CAAA;AAK7E,OAAO,KAAgC,MAAM,OAAO,CAAA;AAoBpD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;IAC3C,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAC/B,CAAA;AAmED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoJ5C,CAAA"}

package/dist/elements/EditMany/index.js

@@ -1,5 +1,8 @@
 'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
+
+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 { useRouter } from 'next/navigation.js';
 import React, { useCallback, useState } from 'react';
@@ -7,7 +10,7 @@ import { useForm } from '../../forms/Form/context.js';
 import { Form } from '../../forms/Form/index.js';
 import { RenderFields } from '../../forms/RenderFields/index.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
-import { X } from '../../icons/X/index.js';
+import { XIcon } from '../../icons/X/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js';
@@ -19,202 +22,317 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { getFormState } from '../../utilities/getFormState.js';
 import { Drawer, DrawerToggler } from '../Drawer/index.js';
 import { FieldSelect } from '../FieldSelect/index.js';
+import './index.scss';
 const baseClass = 'edit-many';
-const Submit = ({ action, disabled })=>{
-    const { submit } = useForm();
-    const { t } = useTranslation();
-    const save = useCallback(()=>{
-        void submit({
-            action,
-            method: 'PATCH',
-            skipValidation: true
-        });
-    }, [
+const Submit = t0 => {
+  const $ = _c(7);
+  const {
+    action,
+    disabled
+  } = t0;
+  const {
+    submit
+  } = useForm();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== submit || $[1] !== action) {
+    t1 = () => {
+      submit({
         action,
-        submit
-    ]);
-    return /*#__PURE__*/ React.createElement(FormSubmit, {
-        className: `${baseClass}__save`,
-        disabled: disabled,
-        onClick: save
-    }, t('general:save'));
+        method: "PATCH",
+        skipValidation: true
+      });
+    };
+    $[0] = submit;
+    $[1] = action;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const save = t1;
+  let t2;
+  if ($[3] !== t || $[4] !== disabled || $[5] !== save) {
+    t2 = _jsx(FormSubmit, {
+      className: `${baseClass}__save`,
+      disabled,
+      onClick: save,
+      children: t("general:save")
+    });
+    $[3] = t;
+    $[4] = disabled;
+    $[5] = save;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 };
-const Publish = ({ action, disabled })=>{
-    const { submit } = useForm();
-    const { t } = useTranslation();
-    const save = useCallback(()=>{
-        void submit({
-            action,
-            method: 'PATCH',
-            overrides: {
-                _status: 'published'
-            },
-            skipValidation: true
-        });
-    }, [
+const PublishButton = t0 => {
+  const $ = _c(7);
+  const {
+    action,
+    disabled
+  } = t0;
+  const {
+    submit
+  } = useForm();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== submit || $[1] !== action) {
+    t1 = () => {
+      submit({
         action,
-        submit
-    ]);
-    return /*#__PURE__*/ React.createElement(FormSubmit, {
-        className: `${baseClass}__publish`,
-        disabled: disabled,
-        onClick: save
-    }, t('version:publishChanges'));
+        method: "PATCH",
+        overrides: {
+          _status: "published"
+        },
+        skipValidation: true
+      });
+    };
+    $[0] = submit;
+    $[1] = action;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const save = t1;
+  let t2;
+  if ($[3] !== t || $[4] !== disabled || $[5] !== save) {
+    t2 = _jsx(FormSubmit, {
+      className: `${baseClass}__publish`,
+      disabled,
+      onClick: save,
+      children: t("version:publishChanges")
+    });
+    $[3] = t;
+    $[4] = disabled;
+    $[5] = save;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 };
-const SaveDraft = ({ action, disabled })=>{
-    const { submit } = useForm();
-    const { t } = useTranslation();
-    const save = useCallback(()=>{
-        void submit({
-            action,
-            method: 'PATCH',
-            overrides: {
-                _status: 'draft'
-            },
-            skipValidation: true
-        });
-    }, [
+const SaveDraftButton = t0 => {
+  const $ = _c(7);
+  const {
+    action,
+    disabled
+  } = t0;
+  const {
+    submit
+  } = useForm();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== submit || $[1] !== action) {
+    t1 = () => {
+      submit({
         action,
-        submit
-    ]);
-    return /*#__PURE__*/ React.createElement(FormSubmit, {
-        className: `${baseClass}__draft`,
-        disabled: disabled,
-        onClick: save
-    }, t('version:saveDraft'));
+        method: "PATCH",
+        overrides: {
+          _status: "draft"
+        },
+        skipValidation: true
+      });
+    };
+    $[0] = submit;
+    $[1] = action;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const save = t1;
+  let t2;
+  if ($[3] !== t || $[4] !== disabled || $[5] !== save) {
+    t2 = _jsx(FormSubmit, {
+      className: `${baseClass}__draft`,
+      disabled,
+      onClick: save,
+      children: t("version:saveDraft")
+    });
+    $[3] = t;
+    $[4] = disabled;
+    $[5] = save;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 };
-export const EditMany = (props)=>{
-    const { useModal } = facelessUIImport;
-    const { collection: { slug, labels: { plural } } = {}, collection, fieldMap } = props;
-    const { permissions } = useAuth();
-    const { closeModal } = useModal();
-    const { routes: { api: apiRoute }, serverURL } = useConfig();
-    const { count, getQueryParams, selectAll } = useSelection();
-    const { i18n, t } = useTranslation();
-    const [selected, setSelected] = useState([]);
-    const { stringifyParams } = useSearchParams();
-    const router = useRouter();
-    const [initialState, setInitialState] = useState();
-    const hasInitializedState = React.useRef(false);
-    const { clearRouteCache } = useRouteCache();
-    const collectionPermissions = permissions?.collections?.[slug];
-    const hasUpdatePermission = collectionPermissions?.update?.permission;
-    const drawerSlug = `edit-${slug}`;
-    React.useEffect(()=>{
-        if (!hasInitializedState.current) {
-            const getInitialState = async ()=>{
-                const result = await getFormState({
-                    apiRoute,
-                    body: {
-                        collectionSlug: slug,
-                        data: {},
-                        operation: 'update',
-                        schemaPath: slug
-                    },
-                    serverURL
-                });
-                setInitialState(result);
-                hasInitializedState.current = true;
-            };
-            void getInitialState();
-        }
-    }, [
-        apiRoute,
-        hasInitializedState,
-        serverURL,
-        slug
-    ]);
-    const onChange = useCallback(({ formState: prevFormState })=>getFormState({
-            apiRoute,
-            body: {
-                collectionSlug: slug,
-                formState: prevFormState,
-                operation: 'update',
-                schemaPath: slug
-            },
-            serverURL
-        }), [
-        serverURL,
-        apiRoute,
-        slug
-    ]);
-    if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {
-        return null;
+export const EditMany = props => {
+  const {
+    collection: {
+      slug,
+      labels: {
+        plural
+      }
+    } = {},
+    collection,
+    fields
+  } = props;
+  const {
+    permissions
+  } = useAuth();
+  const {
+    closeModal
+  } = useModal();
+  const {
+    config: {
+      routes: {
+        api: apiRoute
+      },
+      serverURL
     }
-    const onSuccess = ()=>{
-        router.replace(stringifyParams({
-            params: {
-                page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined
-            }
-        }));
-        clearRouteCache();
-        closeModal(drawerSlug);
-    };
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement(DrawerToggler, {
-        "aria-label": t('general:edit'),
-        className: `${baseClass}__toggle`,
-        onClick: ()=>{
-            setSelected([]);
-        },
-        slug: drawerSlug
-    }, t('general:edit')), /*#__PURE__*/ React.createElement(Drawer, {
-        Header: null,
-        slug: drawerSlug
-    }, /*#__PURE__*/ React.createElement(DocumentInfoProvider, {
+  } = useConfig();
+  const {
+    count,
+    getQueryParams,
+    selectAll
+  } = useSelection();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [selected, setSelected] = useState([]);
+  const {
+    stringifyParams
+  } = useSearchParams();
+  const router = useRouter();
+  const [initialState, setInitialState] = useState();
+  const hasInitializedState = React.useRef(false);
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const collectionPermissions = permissions?.collections?.[slug];
+  const hasUpdatePermission = collectionPermissions?.update?.permission;
+  const drawerSlug = `edit-${slug}`;
+  React.useEffect(() => {
+    if (!hasInitializedState.current) {
+      const getInitialState = async () => {
+        const result = await getFormState({
+          apiRoute,
+          body: {
+            collectionSlug: slug,
+            data: {},
+            operation: 'update',
+            schemaPath: slug
+          },
+          serverURL
+        });
+        setInitialState(result);
+        hasInitializedState.current = true;
+      };
+      void getInitialState();
+    }
+  }, [apiRoute, hasInitializedState, serverURL, slug]);
+  const onChange = useCallback(({
+    formState: prevFormState
+  }) => getFormState({
+    apiRoute,
+    body: {
+      collectionSlug: slug,
+      formState: prevFormState,
+      operation: 'update',
+      schemaPath: slug
+    },
+    serverURL
+  }), [serverURL, apiRoute, slug]);
+  if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {
+    return null;
+  }
+  const onSuccess = () => {
+    router.replace(stringifyParams({
+      params: {
+        page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined
+      }
+    }));
+    clearRouteCache();
+    closeModal(drawerSlug);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx(DrawerToggler, {
+      "aria-label": t('general:edit'),
+      className: `${baseClass}__toggle`,
+      onClick: () => {
+        setSelected([]);
+      },
+      slug: drawerSlug,
+      children: t('general:edit')
+    }), /*#__PURE__*/_jsx(Drawer, {
+      Header: null,
+      slug: drawerSlug,
+      children: /*#__PURE__*/_jsx(DocumentInfoProvider, {
         collectionSlug: slug,
-        id: null
-    }, /*#__PURE__*/ React.createElement(OperationContext.Provider, {
-        value: "update"
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__main`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__header`
-    }, /*#__PURE__*/ React.createElement("h2", {
-        className: `${baseClass}__header__title`
-    }, t('general:editingLabel', {
-        count,
-        label: getTranslation(plural, i18n)
-    })), /*#__PURE__*/ React.createElement("button", {
-        "aria-label": t('general:close'),
-        className: `${baseClass}__header__close`,
-        id: `close-drawer__${drawerSlug}`,
-        onClick: ()=>closeModal(drawerSlug),
-        type: "button"
-    }, /*#__PURE__*/ React.createElement(X, null))), /*#__PURE__*/ React.createElement(Form, {
-        className: `${baseClass}__form`,
-        initialState: initialState,
-        onChange: [
-            onChange
-        ],
-        onSuccess: onSuccess
-    }, /*#__PURE__*/ React.createElement(FieldSelect, {
-        fieldMap: fieldMap,
-        setSelected: setSelected
-    }), selected.length === 0 ? null : /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap: selected,
-        path: "",
-        readOnly: false,
-        schemaPath: slug
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__sidebar-wrap`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__sidebar`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__sidebar-sticky-wrap`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__document-actions`
-    }, collection?.versions?.drafts ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Publish, {
-        action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
-        disabled: selected.length === 0
-    }), /*#__PURE__*/ React.createElement(SaveDraft, {
-        action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
-        disabled: selected.length === 0
-    })) : /*#__PURE__*/ React.createElement(Submit, {
-        action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
-        disabled: selected.length === 0
-    })))))))))));
+        id: null,
+        children: /*#__PURE__*/_jsx(OperationContext.Provider, {
+          value: "update",
+          children: /*#__PURE__*/_jsxs("div", {
+            className: `${baseClass}__main`,
+            children: [/*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__header`,
+              children: [/*#__PURE__*/_jsx("h2", {
+                className: `${baseClass}__header__title`,
+                children: t('general:editingLabel', {
+                  count,
+                  label: getTranslation(plural, i18n)
+                })
+              }), /*#__PURE__*/_jsx("button", {
+                "aria-label": t('general:close'),
+                className: `${baseClass}__header__close`,
+                id: `close-drawer__${drawerSlug}`,
+                onClick: () => closeModal(drawerSlug),
+                type: "button",
+                children: /*#__PURE__*/_jsx(XIcon, {})
+              })]
+            }), /*#__PURE__*/_jsxs(Form, {
+              className: `${baseClass}__form`,
+              initialState: initialState,
+              onChange: [onChange],
+              onSuccess: onSuccess,
+              children: [/*#__PURE__*/_jsx(FieldSelect, {
+                fields: fields,
+                setSelected: setSelected
+              }), selected.length === 0 ? null : /*#__PURE__*/_jsx(RenderFields, {
+                fields: selected,
+                path: "",
+                readOnly: false,
+                schemaPath: slug
+              }), /*#__PURE__*/_jsx("div", {
+                className: `${baseClass}__sidebar-wrap`,
+                children: /*#__PURE__*/_jsx("div", {
+                  className: `${baseClass}__sidebar`,
+                  children: /*#__PURE__*/_jsx("div", {
+                    className: `${baseClass}__sidebar-sticky-wrap`,
+                    children: /*#__PURE__*/_jsx("div", {
+                      className: `${baseClass}__document-actions`,
+                      children: collection?.versions?.drafts ? /*#__PURE__*/_jsxs(React.Fragment, {
+                        children: [/*#__PURE__*/_jsx(PublishButton, {
+                          action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
+                          disabled: selected.length === 0
+                        }), /*#__PURE__*/_jsx(SaveDraftButton, {
+                          action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
+                          disabled: selected.length === 0
+                        })]
+                      }) : /*#__PURE__*/_jsx(Submit, {
+                        action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
+                        disabled: selected.length === 0
+                      })
+                    })
+                  })
+                })
+              })]
+            })]
+          })
+        })
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map