@payloadcms/ui 3.0.0-beta.127 → 3.0.0-beta.129

package/dist/elements/DocumentDrawer/DrawerContent.js

@@ -1,261 +1,128 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useEffect, useState } from 'react';
 import { toast } from 'sonner';
-import { XIcon } from '../../icons/X/index.js';
+import { LoadingOverlay } from '../../elements/Loading/index.js';
 import { useConfig } from '../../providers/Config/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
-import { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js';
-import { useLocale } from '../../providers/Locale/index.js';
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js';
-import { Gutter } from '../Gutter/index.js';
-import { IDLabel } from '../IDLabel/index.js';
-import { RenderTitle } from '../RenderTitle/index.js';
-import { baseClass } from './index.js';
-export const DocumentDrawerContent = t0 => {
-  const $ = _c(46);
+import { abortAndIgnore } from '../../utilities/abortAndIgnore.js';
+import { DocumentDrawerContextProvider } from './Provider.js';
+export const DocumentDrawerContent = ({
+  id: existingDocID,
+  AfterFields,
+  collectionSlug,
+  disableActions,
+  drawerSlug,
+  Header,
+  initialData,
+  initialState,
+  onDelete: onDeleteFromProps,
+  onDuplicate: onDuplicateFromProps,
+  onSave: onSaveFromProps,
+  redirectAfterDelete,
+  redirectAfterDuplicate
+}) => {
   const {
-    id: existingDocID,
-    AfterFields,
-    collectionSlug,
-    disableActions,
-    drawerSlug,
-    Header,
-    initialData,
-    initialState,
-    onDelete: onDeleteFromProps,
-    onDuplicate: onDuplicateFromProps,
-    onSave: onSaveFromProps,
-    redirectAfterDelete,
-    redirectAfterDuplicate
-  } = t0;
-  const {
-    config
+    config: {
+      collections
+    }
   } = useConfig();
+  const [collectionConfig] = useState(() => collections.find(collection => collection.slug === collectionSlug));
+  const documentViewAbortControllerRef = React.useRef(null);
   const {
-    routes: t1,
-    serverURL
-  } = config;
-  const {
-    api: apiRoute
-  } = t1;
-  const {
-    closeModal,
-    modalState,
-    toggleModal
+    closeModal
   } = useModal();
-  const locale = useLocale();
   const {
     t
   } = useTranslation();
-  const [docID, setDocID] = useState(existingDocID);
-  const [isOpen, setIsOpen] = useState(false);
-  const [collectionConfig] = useRelatedCollections(collectionSlug);
-  const Edit = collectionConfig.admin.components.views.edit.default.Component;
-  const isEditing = Boolean(docID);
-  const apiURL = docID ? `${serverURL}${apiRoute}/${collectionSlug}/${docID}${locale?.code ? `?locale=${locale.code}` : ""}` : null;
-  let t2;
-  let t3;
-  if ($[0] !== modalState || $[1] !== drawerSlug) {
-    t2 = () => {
-      setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
-    };
-    t3 = [modalState, drawerSlug];
-    $[0] = modalState;
-    $[1] = drawerSlug;
-    $[2] = t2;
-    $[3] = t3;
-  } else {
-    t2 = $[2];
-    t3 = $[3];
-  }
-  useEffect(t2, t3);
-  let t4;
-  if ($[4] !== isOpen || $[5] !== closeModal || $[6] !== drawerSlug || $[7] !== t) {
-    t4 = data => {
-      if (isOpen) {
-        closeModal(drawerSlug);
-        toast.error(data.errors?.[0].message || t("error:unspecific"));
-      }
-    };
-    $[4] = isOpen;
-    $[5] = closeModal;
-    $[6] = drawerSlug;
-    $[7] = t;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  const onLoadError = t4;
-  let t5;
-  if ($[9] !== onSaveFromProps || $[10] !== collectionConfig) {
-    t5 = args => {
-      setDocID(args.doc.id);
-      if (typeof onSaveFromProps === "function") {
-        onSaveFromProps({
-          ...args,
-          collectionConfig
-        });
-      }
-    };
-    $[9] = onSaveFromProps;
-    $[10] = collectionConfig;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  const onSave = t5;
-  let t6;
-  if ($[12] !== onDuplicateFromProps || $[13] !== collectionConfig) {
-    t6 = args_0 => {
-      setDocID(args_0.doc.id);
-      if (typeof onDuplicateFromProps === "function") {
-        onDuplicateFromProps({
-          ...args_0,
-          collectionConfig
-        });
-      }
-    };
-    $[12] = onDuplicateFromProps;
-    $[13] = collectionConfig;
-    $[14] = t6;
-  } else {
-    t6 = $[14];
-  }
-  const onDuplicate = t6;
-  let t7;
-  if ($[15] !== onDeleteFromProps || $[16] !== collectionConfig || $[17] !== closeModal || $[18] !== drawerSlug) {
-    t7 = args_1 => {
-      if (typeof onDeleteFromProps === "function") {
-        onDeleteFromProps({
-          ...args_1,
-          collectionConfig
+  const {
+    renderDocument
+  } = useServerFunctions();
+  const [DocumentView, setDocumentView] = useState(undefined);
+  const [isLoading, setIsLoading] = useState(true);
+  const getDocumentView = useCallback(docID => {
+    abortAndIgnore(documentViewAbortControllerRef.current);
+    const controller = new AbortController();
+    documentViewAbortControllerRef.current = controller;
+    const fetchDocumentView = async () => {
+      setIsLoading(true);
+      try {
+        const result = await renderDocument({
+          collectionSlug,
+          disableActions,
+          docID,
+          drawerSlug,
+          initialData,
+          redirectAfterDelete: redirectAfterDelete !== undefined ? redirectAfterDelete : false,
+          redirectAfterDuplicate: redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false,
+          signal: controller.signal
         });
+        if (result?.Document) {
+          setDocumentView(result.Document);
+          setIsLoading(false);
+        }
+      } catch (error) {
+        toast.error(error?.message || t('error:unspecific'));
+        closeModal(drawerSlug);
+        // toast.error(data?.errors?.[0].message || t('error:unspecific'))
       }
-      closeModal(drawerSlug);
     };
-    $[15] = onDeleteFromProps;
-    $[16] = collectionConfig;
-    $[17] = closeModal;
-    $[18] = drawerSlug;
-    $[19] = t7;
-  } else {
-    t7 = $[19];
-  }
-  const onDelete = t7;
-  let t8;
-  if ($[20] !== Header) {
-    t8 = Header || _jsx(RenderTitle, {
-      element: "span"
-    });
-    $[20] = Header;
-    $[21] = t8;
-  } else {
-    t8 = $[21];
-  }
-  let t9;
-  if ($[22] !== t8 || $[23] !== t || $[24] !== toggleModal || $[25] !== drawerSlug || $[26] !== redirectAfterDelete || $[27] !== redirectAfterDuplicate || $[28] !== Edit || $[29] !== AfterFields || $[30] !== apiURL || $[31] !== collectionConfig.slug || $[32] !== disableActions || $[33] !== docID || $[34] !== initialData || $[35] !== initialState || $[36] !== isEditing || $[37] !== onDelete || $[38] !== onDuplicate || $[39] !== onLoadError || $[40] !== onSave) {
-    let t10;
-    if ($[42] !== toggleModal || $[43] !== drawerSlug) {
-      t10 = () => toggleModal(drawerSlug);
-      $[42] = toggleModal;
-      $[43] = drawerSlug;
-      $[44] = t10;
-    } else {
-      t10 = $[44];
+    void fetchDocumentView();
+  }, [collectionSlug, disableActions, drawerSlug, initialData, redirectAfterDelete, redirectAfterDuplicate, renderDocument, closeModal, t]);
+  const onSave = useCallback(args => {
+    getDocumentView(args.doc.id);
+    if (typeof onSaveFromProps === 'function') {
+      void onSaveFromProps({
+        ...args,
+        collectionConfig
+      });
     }
-    let t11;
-    if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
-      t11 = () => {
-        setDocID(null);
-      };
-      $[45] = t11;
-    } else {
-      t11 = $[45];
+  }, [onSaveFromProps, collectionConfig, getDocumentView]);
+  const onDuplicate = useCallback(args_0 => {
+    getDocumentView(args_0.doc.id);
+    if (typeof onDuplicateFromProps === 'function') {
+      void onDuplicateFromProps({
+        ...args_0,
+        collectionConfig
+      });
     }
-    t9 = _jsx(DocumentInfoProvider, {
-      AfterFields,
-      apiURL,
-      BeforeDocument: _jsxs(Gutter, {
-        className: `${baseClass}__header`,
-        children: [_jsxs("div", {
-          className: `${baseClass}__header-content`,
-          children: [_jsx("h2", {
-            className: `${baseClass}__header-text`,
-            children: t8
-          }), _jsx("button", {
-            "aria-label": t("general:close"),
-            className: `${baseClass}__header-close`,
-            onClick: t10,
-            type: "button",
-            children: _jsx(XIcon, {})
-          })]
-        }), _jsx(DocumentTitle, {})]
-      }),
-      collectionSlug: collectionConfig.slug,
-      disableActions,
-      disableLeaveWithoutSaving: true,
-      id: docID,
-      initialData,
-      initialState,
-      isEditing,
-      onDelete,
-      onDrawerCreate: t11,
-      onDuplicate,
-      onLoadError,
-      onSave,
-      redirectAfterDelete: redirectAfterDelete !== undefined ? redirectAfterDelete : false,
-      redirectAfterDuplicate: redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false,
-      children: _jsx(RenderComponent, {
-        mappedComponent: Edit
-      })
-    });
-    $[22] = t8;
-    $[23] = t;
-    $[24] = toggleModal;
-    $[25] = drawerSlug;
-    $[26] = redirectAfterDelete;
-    $[27] = redirectAfterDuplicate;
-    $[28] = Edit;
-    $[29] = AfterFields;
-    $[30] = apiURL;
-    $[31] = collectionConfig.slug;
-    $[32] = disableActions;
-    $[33] = docID;
-    $[34] = initialData;
-    $[35] = initialState;
-    $[36] = isEditing;
-    $[37] = onDelete;
-    $[38] = onDuplicate;
-    $[39] = onLoadError;
-    $[40] = onSave;
-    $[41] = t9;
-  } else {
-    t9 = $[41];
-  }
-  return t9;
-};
-const DocumentTitle = () => {
-  const $ = _c(3);
-  const {
-    id,
-    title
-  } = useDocumentInfo();
-  let t0;
-  if ($[0] !== id || $[1] !== title) {
-    t0 = id && id !== title ? _jsx(IDLabel, {
-      id: id.toString()
-    }) : null;
-    $[0] = id;
-    $[1] = title;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
+  }, [onDuplicateFromProps, collectionConfig, getDocumentView]);
+  const onDelete = useCallback(args_1 => {
+    if (typeof onDeleteFromProps === 'function') {
+      void onDeleteFromProps({
+        ...args_1,
+        collectionConfig
+      });
+    }
+    closeModal(drawerSlug);
+  }, [onDeleteFromProps, closeModal, drawerSlug, collectionConfig]);
+  const clearDoc = useCallback(() => {
+    getDocumentView();
+  }, [getDocumentView]);
+  useEffect(() => {
+    if (!DocumentView) {
+      getDocumentView(existingDocID);
+    }
+  }, [DocumentView, getDocumentView, existingDocID]);
+  // Cleanup any pending requests when the component unmounts
+  useEffect(() => {
+    return () => {
+      abortAndIgnore(documentViewAbortControllerRef.current);
+    };
+  }, []);
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(LoadingOverlay, {});
   }
-  return t0;
+  return /*#__PURE__*/_jsx(DocumentDrawerContextProvider, {
+    clearDoc: clearDoc,
+    drawerSlug: drawerSlug,
+    onDelete: onDelete,
+    onDuplicate: onDuplicate,
+    onSave: onSave,
+    children: DocumentView
+  });
 };
 //# sourceMappingURL=DrawerContent.js.map

package/dist/elements/DocumentDrawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","React","useCallback","useEffect","useState","toast","XIcon","useConfig","RenderComponent","DocumentInfoProvider","useDocumentInfo","useLocale","useTranslation","useRelatedCollections","Gutter","IDLabel","RenderTitle","baseClass","DocumentDrawerContent","t0","$","id","existingDocID","AfterFields","collectionSlug","disableActions","drawerSlug","Header","initialData","initialState","onDelete","onDeleteFromProps","onDuplicate","onDuplicateFromProps","onSave","onSaveFromProps","redirectAfterDelete","redirectAfterDuplicate","config","routes","t1","serverURL","api","apiRoute","closeModal","modalState","toggleModal","locale","t","docID","setDocID","isOpen","setIsOpen","collectionConfig","Edit","admin","components","views","edit","default","Component","isEditing","Boolean","apiURL","code","t2","t3","t4","data","error","errors","message","onLoadError","t5","args","doc","t6","args_0","t7","args_1","t8","_jsx","element","t10","t11","Symbol","for","t9","BeforeDocument","_jsxs","className","children","onClick","type","DocumentTitle","slug","disableLeaveWithoutSaving","onDrawerCreate","undefined","mappedComponent","title","toString"],"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: existingDocID,\n  AfterFields,\n  collectionSlug,\n  disableActions,\n  drawerSlug,\n  Header,\n  initialData,\n  initialState,\n  onDelete: onDeleteFromProps,\n  onDuplicate: onDuplicateFromProps,\n  onSave: onSaveFromProps,\n  redirectAfterDelete,\n  redirectAfterDuplicate,\n}) => {\n  const { config } = useConfig()\n\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const { closeModal, modalState, toggleModal } = useModal()\n  const locale = useLocale()\n  const { t } = useTranslation()\n  const [docID, setDocID] = useState(existingDocID)\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  const Edit = collectionConfig.admin.components.views.edit.default.Component\n\n  const isEditing = Boolean(docID)\n  const apiURL = docID\n    ? `${serverURL}${apiRoute}/${collectionSlug}/${docID}${locale?.code ? `?locale=${locale.code}` : ''}`\n    : null\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const onLoadError = React.useCallback(\n    (data) => {\n      if (isOpen) {\n        closeModal(drawerSlug)\n        toast.error(data.errors?.[0].message || t('error:unspecific'))\n      }\n    },\n    [closeModal, drawerSlug, isOpen, t],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setDocID(args.doc.id)\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setDocID(args.doc.id)\n\n      if (typeof onDuplicateFromProps === 'function') {\n        void onDuplicateFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onDuplicateFromProps, collectionConfig],\n  )\n\n  const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      if (typeof onDeleteFromProps === 'function') {\n        void onDeleteFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n\n      closeModal(drawerSlug)\n    },\n    [onDeleteFromProps, collectionConfig, closeModal, drawerSlug],\n  )\n\n  return (\n    <DocumentInfoProvider\n      AfterFields={AfterFields}\n      apiURL={apiURL}\n      BeforeDocument={\n        <Gutter className={`${baseClass}__header`}>\n          <div className={`${baseClass}__header-content`}>\n            <h2 className={`${baseClass}__header-text`}>\n              {Header || <RenderTitle element=\"span\" />}\n            </h2>\n            {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n            i.e. changing to a `div` element will fix the animation issue but will break accessibility\n          */}\n            <button\n              aria-label={t('general:close')}\n              className={`${baseClass}__header-close`}\n              onClick={() => toggleModal(drawerSlug)}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          <DocumentTitle />\n        </Gutter>\n      }\n      collectionSlug={collectionConfig.slug}\n      disableActions={disableActions}\n      disableLeaveWithoutSaving\n      id={docID}\n      initialData={initialData}\n      initialState={initialState}\n      isEditing={isEditing}\n      onDelete={onDelete}\n      onDrawerCreate={() => {\n        setDocID(null)\n      }}\n      onDuplicate={onDuplicate}\n      onLoadError={onLoadError}\n      onSave={onSave}\n      redirectAfterDelete={redirectAfterDelete !== undefined ? redirectAfterDelete : false}\n      redirectAfterDuplicate={redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false}\n    >\n      <RenderComponent mappedComponent={Edit} />\n    </DocumentInfoProvider>\n  )\n}\n\nconst DocumentTitle: React.FC = () => {\n  const { id, title } = useDocumentInfo()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["useModal","React","useCallback","useEffect","useState","toast","LoadingOverlay","useConfig","useServerFunctions","useTranslation","abortAndIgnore","DocumentDrawerContextProvider","DocumentDrawerContent","id","existingDocID","AfterFields","collectionSlug","disableActions","drawerSlug","Header","initialData","initialState","onDelete","onDeleteFromProps","onDuplicate","onDuplicateFromProps","onSave","onSaveFromProps","redirectAfterDelete","redirectAfterDuplicate","config","collections","collectionConfig","find","collection","slug","documentViewAbortControllerRef","useRef","closeModal","t","renderDocument","DocumentView","setDocumentView","undefined","isLoading","setIsLoading","getDocumentView","docID","current","controller","AbortController","fetchDocumentView","result","signal","Document","error","message","args","doc","clearDoc","_jsx"],"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore } from '../../utilities/abortAndIgnore.js'\nimport { DocumentDrawerContextProvider } from './Provider.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: existingDocID,\n  AfterFields,\n  collectionSlug,\n  disableActions,\n  drawerSlug,\n  Header,\n  initialData,\n  initialState,\n  onDelete: onDeleteFromProps,\n  onDuplicate: onDuplicateFromProps,\n  onSave: onSaveFromProps,\n  redirectAfterDelete,\n  redirectAfterDuplicate,\n}) => {\n  const {\n    config: { collections },\n  } = useConfig()\n\n  const [collectionConfig] = useState(() =>\n    collections.find((collection) => collection.slug === collectionSlug),\n  )\n\n  const documentViewAbortControllerRef = React.useRef<AbortController>(null)\n\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const { renderDocument } = useServerFunctions()\n\n  const [DocumentView, setDocumentView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n\n  const getDocumentView = useCallback(\n    (docID?: number | string) => {\n      abortAndIgnore(documentViewAbortControllerRef.current)\n\n      const controller = new AbortController()\n      documentViewAbortControllerRef.current = controller\n\n      const fetchDocumentView = async () => {\n        setIsLoading(true)\n\n        try {\n          const result = await renderDocument({\n            collectionSlug,\n            disableActions,\n            docID,\n            drawerSlug,\n            initialData,\n            redirectAfterDelete: redirectAfterDelete !== undefined ? redirectAfterDelete : false,\n            redirectAfterDuplicate:\n              redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false,\n            signal: controller.signal,\n          })\n\n          if (result?.Document) {\n            setDocumentView(result.Document)\n            setIsLoading(false)\n          }\n        } catch (error) {\n          toast.error(error?.message || t('error:unspecific'))\n          closeModal(drawerSlug)\n          // toast.error(data?.errors?.[0].message || t('error:unspecific'))\n        }\n      }\n\n      void fetchDocumentView()\n    },\n    [\n      collectionSlug,\n      disableActions,\n      drawerSlug,\n      initialData,\n      redirectAfterDelete,\n      redirectAfterDuplicate,\n      renderDocument,\n      closeModal,\n      t,\n    ],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      getDocumentView(args.doc.id)\n\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig, getDocumentView],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onDuplicate']>(\n    (args) => {\n      getDocumentView(args.doc.id)\n\n      if (typeof onDuplicateFromProps === 'function') {\n        void onDuplicateFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onDuplicateFromProps, collectionConfig, getDocumentView],\n  )\n\n  const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      if (typeof onDeleteFromProps === 'function') {\n        void onDeleteFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n\n      closeModal(drawerSlug)\n    },\n    [onDeleteFromProps, closeModal, drawerSlug, collectionConfig],\n  )\n\n  const clearDoc = useCallback(() => {\n    getDocumentView()\n  }, [getDocumentView])\n\n  useEffect(() => {\n    if (!DocumentView) {\n      getDocumentView(existingDocID)\n    }\n  }, [DocumentView, getDocumentView, existingDocID])\n\n  // Cleanup any pending requests when the component unmounts\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(documentViewAbortControllerRef.current)\n    }\n  }, [])\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <DocumentDrawerContextProvider\n      clearDoc={clearDoc}\n      drawerSlug={drawerSlug}\n      onDelete={onDelete}\n      onDuplicate={onDuplicate}\n      onSave={onSave}\n    >\n      {DocumentView}\n    </DocumentDrawerContextProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentDrawer/DrawerHeader/index.d.ts

@@ -0,0 +1,5 @@
+import './index.scss';
+export declare const DocumentDrawerHeader: React.FC<{
+    drawerSlug: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentDrawer/DrawerHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"names":[],"mappings":"AAUA,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAA;CACnB,CAoBA,CAAA"}

package/dist/elements/DocumentDrawer/DrawerHeader/index.js

@@ -0,0 +1,82 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Gutter } from '../../../elements/Gutter/index.js';
+import { useModal } from '../../../elements/Modal/index.js';
+import { RenderTitle } from '../../../elements/RenderTitle/index.js';
+import { XIcon } from '../../../icons/X/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { IDLabel } from '../../IDLabel/index.js';
+import { baseClass as docDrawerBaseClass } from '../index.js';
+import './index.scss';
+export const DocumentDrawerHeader = t0 => {
+  const $ = _c(7);
+  const {
+    drawerSlug
+  } = t0;
+  const {
+    closeModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== t || $[1] !== closeModal || $[2] !== drawerSlug) {
+    let t2;
+    if ($[4] !== closeModal || $[5] !== drawerSlug) {
+      t2 = () => closeModal(drawerSlug);
+      $[4] = closeModal;
+      $[5] = drawerSlug;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    t1 = _jsxs(Gutter, {
+      className: `${docDrawerBaseClass}__header`,
+      children: [_jsxs("div", {
+        className: `${docDrawerBaseClass}__header-content`,
+        children: [_jsx("h2", {
+          className: `${docDrawerBaseClass}__header-text`,
+          children: _jsx(RenderTitle, {
+            element: "span"
+          })
+        }), _jsx("button", {
+          "aria-label": t("general:close"),
+          className: `${docDrawerBaseClass}__header-close`,
+          onClick: t2,
+          type: "button",
+          children: _jsx(XIcon, {})
+        })]
+      }), _jsx(DocumentTitle, {})]
+    });
+    $[0] = t;
+    $[1] = closeModal;
+    $[2] = drawerSlug;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+};
+const DocumentTitle = () => {
+  const $ = _c(3);
+  const {
+    id,
+    title
+  } = useDocumentInfo();
+  let t0;
+  if ($[0] !== id || $[1] !== title) {
+    t0 = id && id !== title ? _jsx(IDLabel, {
+      id: id.toString()
+    }) : null;
+    $[0] = id;
+    $[1] = title;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/DocumentDrawer/DrawerHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","Gutter","useModal","RenderTitle","XIcon","useDocumentInfo","useTranslation","IDLabel","baseClass","docDrawerBaseClass","DocumentDrawerHeader","t0","$","drawerSlug","closeModal","t","t1","t2","_jsxs","className","children","_jsx","element","onClick","type","DocumentTitle","id","title","toString"],"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { IDLabel } from '../../IDLabel/index.js'\nimport { baseClass as docDrawerBaseClass } from '../index.js'\nimport './index.scss'\n\nexport const DocumentDrawerHeader: React.FC<{\n  drawerSlug: string\n}> = ({ drawerSlug }) => {\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <Gutter className={`${docDrawerBaseClass}__header`}>\n      <div className={`${docDrawerBaseClass}__header-content`}>\n        <h2 className={`${docDrawerBaseClass}__header-text`}>{<RenderTitle element=\"span\" />}</h2>\n        <button\n          aria-label={t('general:close')}\n          className={`${docDrawerBaseClass}__header-close`}\n          onClick={() => closeModal(drawerSlug)}\n          type=\"button\"\n        >\n          <XIcon />\n        </button>\n      </div>\n      <DocumentTitle />\n    </Gutter>\n  )\n}\n\nconst DocumentTitle: React.FC = () => {\n  const { id, title } = useDocumentInfo()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAA,IAAaC,kBAAkB,QAAQ;AAChD,OAAO;AAEP,OAAO,MAAMC,oBAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa;EAAA,IAAAF,EAAc;EAClB;IAAAG;EAAA,IAAuBZ,QAAA;EACvB;IAAAa;EAAA,IAAcT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAJ,CAAA,QAAAG,CAAA,IAAAH,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAC,UAAA;IAAA,IAAAI,EAAA;IAAA,IAAAL,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAC,UAAA;MASGI,EAAA,GAAAA,CAAA,KAAMH,UAAA,CAAWD,UAAA;MAAAD,CAAA,MAAAE,UAAA;MAAAF,CAAA,MAAAC,UAAA;MAAAD,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IANhCI,EAAA,GAAAE,KAAA,CAAAjB,MAAA;MAAAkB,SAAA,EAAmB,GAAAV,kBAAA,UAA+B;MAAAW,QAAA,GAChDF,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAAV,kBAAA,kBAAuC;QAAAW,QAAA,GACrDC,IAAA,CAAC;UAAAF,SAAA,EAAc,GAAAV,kBAAA,eAAoC;UAAAW,QAAA,EAAGC,IAAA,CAAAlB,WAAA;YAAAmB,OAAA,EAAqB;UAAA,C;YAC3ED,IAAA,CAAC;UAAA,cACaN,CAAA,CAAE;UAAAI,SAAA,EACH,GAAAV,kBAAA,gBAAqC;UAAAc,OAAA,EACvCN,EAAiB;UAAAO,IAAA,EACrB;UAAAJ,QAAA,EAELC,IAAA,CAAAjB,KAAA,IAAC;QAAA,C;UAGLiB,IAAA,CAAAI,aAAA,IAAC;IAAA,C;;;;;;;;SAZHT,E;CAeJ;AAEA,MAAMS,aAAA,GAA0BA,CAAA;EAAA,MAAAb,CAAA,GAAAZ,EAAA;EAC9B;IAAA0B,EAAA;IAAAC;EAAA,IAAsBtB,eAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,CAAA,QAAAc,EAAA,IAAAd,CAAA,QAAAe,KAAA;IACfhB,EAAA,GAAAe,EAAA,IAAMA,EAAA,KAAOC,KAAA,GAAQN,IAAA,CAAAd,OAAA;MAAAmB,EAAA,EAAaA,EAAA,CAAAE,QAAA,CAAW;IAAA,C,QAAS;IAAAhB,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,KAAA;IAAAf,CAAA,MAAAD,EAAA;EAAA;IAAAA,EAAA,GAAAC,CAAA;EAAA;EAAA,OAAtDD,EAAsD;AAAA,CAC/D","ignoreList":[]}

package/dist/elements/DocumentDrawer/DrawerHeader/index.scss

@@ -0,0 +1,73 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .doc-drawer {
+    &__header {
+      width: 100%;
+      margin-top: base(2.5);
+      display: flex;
+      flex-direction: column;
+      gap: base(0.5);
+      align-items: flex-start;
+    }
+
+    &__header-content {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      width: 100%;
+    }
+
+    &__header-text {
+      margin: 0;
+    }
+
+    &__header-toggler {
+      background: transparent;
+      border: 0;
+      margin: 0;
+      padding: 0;
+      cursor: pointer;
+      color: inherit;
+
+      &:focus,
+      &:focus-within {
+        outline: none;
+      }
+
+      &:disabled {
+        pointer-events: none;
+      }
+    }
+
+    &__header-close {
+      border: 0;
+      background-color: transparent;
+      padding: 0;
+      cursor: pointer;
+      overflow: hidden;
+      width: base(2);
+      height: base(2);
+
+      svg {
+        width: base(2);
+        height: base(2);
+        position: relative;
+
+        .stroke {
+          stroke-width: 2px;
+          vector-effect: non-scaling-stroke;
+        }
+      }
+    }
+
+    @include mid-break {
+      .doc-drawer__header {
+        margin-top: base(1.5);
+        margin-bottom: base(0.5);
+        padding-left: var(--gutter-h);
+        padding-right: var(--gutter-h);
+      }
+    }
+  }
+}

package/dist/elements/DocumentDrawer/Provider.d.ts

@@ -0,0 +1,26 @@
+import type { ClientCollectionConfig, Data, TypeWithID } from 'payload';
+export type DocumentDrawerContextProps = {
+    readonly clearDoc?: () => void;
+    readonly drawerSlug: string;
+    readonly onDelete?: (args: {
+        collectionConfig?: ClientCollectionConfig;
+        id: string;
+    }) => Promise<void> | void;
+    readonly onDuplicate?: (args: {
+        collectionConfig?: ClientCollectionConfig;
+        doc: TypeWithID;
+    }) => Promise<void> | void;
+    readonly onSave?: (args: {
+        collectionConfig?: ClientCollectionConfig;
+        doc: TypeWithID;
+        operation: 'create' | 'update';
+        result: Data;
+    }) => Promise<void> | void;
+};
+export type DocumentDrawerContextType = DocumentDrawerContextProps;
+export declare const DocumentDrawerCallbacksContext: import("react").Context<DocumentDrawerContextProps>;
+export declare const DocumentDrawerContextProvider: React.FC<{
+    children: React.ReactNode;
+} & DocumentDrawerContextProps>;
+export declare const useDocumentDrawerContext: () => DocumentDrawerContextType;
+//# sourceMappingURL=Provider.d.ts.map

package/dist/elements/DocumentDrawer/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIvE,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QACzB,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;QACzC,EAAE,EAAE,MAAM,CAAA;KACX,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAE1B,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAC5B,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;QACzC,GAAG,EAAE,UAAU,CAAA;KAChB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QACvB,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;QACzC,GAAG,EAAE,UAAU,CAAA;QACf,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;QAC9B,MAAM,EAAE,IAAI,CAAA;KACb,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,0BAA0B,CAAA;AAElE,eAAO,MAAM,8BAA8B,qDAAiD,CAAA;AAE5F,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAClD;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,0BAA0B,CAO/B,CAAA;AAED,eAAO,MAAM,wBAAwB,QAAO,yBAQ3C,CAAA"}

package/dist/elements/DocumentDrawer/Provider.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+export const DocumentDrawerCallbacksContext = /*#__PURE__*/createContext({});
+export const DocumentDrawerContextProvider = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(DocumentDrawerCallbacksContext.Provider, {
+    value: rest,
+    children: children
+  });
+};
+export const useDocumentDrawerContext = () => {
+  const context = useContext(DocumentDrawerCallbacksContext);
+  if (!context) {
+    throw new Error('useDocumentDrawerContext must be used within a DocumentDrawerProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=Provider.js.map

package/dist/elements/DocumentDrawer/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","names":["createContext","useContext","DocumentDrawerCallbacksContext","DocumentDrawerContextProvider","children","rest","_jsx","Provider","value","useDocumentDrawerContext","context","Error"],"sources":["../../../src/elements/DocumentDrawer/Provider.tsx"],"sourcesContent":["import type { ClientCollectionConfig, Data, TypeWithID } from 'payload'\n\nimport { createContext, useContext } from 'react'\n\nexport type DocumentDrawerContextProps = {\n  readonly clearDoc?: () => void\n  readonly drawerSlug: string\n  readonly onDelete?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    id: string\n  }) => Promise<void> | void\n  /* only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    doc: TypeWithID\n  }) => Promise<void> | void\n  readonly onSave?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    doc: TypeWithID\n    operation: 'create' | 'update'\n    result: Data\n  }) => Promise<void> | void\n}\n\nexport type DocumentDrawerContextType = DocumentDrawerContextProps\n\nexport const DocumentDrawerCallbacksContext = createContext({} as DocumentDrawerContextType)\n\nexport const DocumentDrawerContextProvider: React.FC<\n  {\n    children: React.ReactNode\n  } & DocumentDrawerContextProps\n> = ({ children, ...rest }) => {\n  return (\n    <DocumentDrawerCallbacksContext.Provider value={rest}>\n      {children}\n    </DocumentDrawerCallbacksContext.Provider>\n  )\n}\n\nexport const useDocumentDrawerContext = (): DocumentDrawerContextType => {\n  const context = useContext(DocumentDrawerCallbacksContext)\n\n  if (!context) {\n    throw new Error('useDocumentDrawerContext must be used within a DocumentDrawerProvider')\n  }\n\n  return context\n}\n"],"mappings":";AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ;AAwB1C,OAAO,MAAMC,8BAAA,gBAAiCF,aAAA,CAAc,CAAC;AAE7D,OAAO,MAAMG,6BAAA,GAITA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAA,CAAM;EACxB,oBACEC,IAAA,CAACJ,8BAAA,CAA+BK,QAAQ;IAACC,KAAA,EAAOH,IAAA;cAC7CD;;AAGP;AAEA,OAAO,MAAMK,wBAAA,GAA2BA,CAAA;EACtC,MAAMC,OAAA,GAAUT,UAAA,CAAWC,8BAAA;EAE3B,IAAI,CAACQ,OAAA,EAAS;IACZ,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,OAAOD,OAAA;AACT","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAO9F,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,eAAe,CAAA;AAcrC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2BhE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQxD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAiE/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAO9F,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,eAAe,CAAA;AAcrC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2BhE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQxD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,iBAiE/B,CAAA"}