@payloadcms/ui 3.0.0-canary.d6053cd → 3.0.0-canary.dc8b1fe

package/dist/elements/DocumentDrawer/index.js

@@ -1,126 +1,274 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { useModal } from '@faceless-ui/modal';
-import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
-import { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js';
 import { Drawer, DrawerToggler } from '../Drawer/index.js';
 import { DocumentDrawerContent } from './DrawerContent.js';
 import './index.scss';
 export const baseClass = 'doc-drawer';
-const formatDocumentDrawerSlug = ({ id, collectionSlug, depth, uuid })=>`doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`;
-export const DocumentDrawerToggler = ({ id, children, className, collectionSlug, disabled, drawerSlug, ...rest })=>{
-    const { i18n, t } = useTranslation();
-    const [collectionConfig] = useRelatedCollections(collectionSlug);
-    return /*#__PURE__*/ _jsx(DrawerToggler, {
-        "aria-label": t(!id ? 'fields:addNewLabel' : 'general:editLabel', {
-            label: getTranslation(collectionConfig.labels.singular, i18n)
-        }),
-        className: [
-            className,
-            `${baseClass}__toggler`
-        ].filter(Boolean).join(' '),
-        disabled: disabled,
-        slug: drawerSlug,
-        ...rest,
-        children: children
+const formatDocumentDrawerSlug = ({
+  id,
+  collectionSlug,
+  depth,
+  uuid
+}) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`;
+export const DocumentDrawerToggler = t0 => {
+  const $ = _c(21);
+  let collectionSlug;
+  let id;
+  let className;
+  let disabled;
+  let onClick;
+  let drawerSlug;
+  let rest;
+  let children;
+  if ($[0] !== t0) {
+    ({
+      id,
+      children,
+      className,
+      collectionSlug,
+      disabled,
+      drawerSlug,
+      onClick,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = collectionSlug;
+    $[2] = id;
+    $[3] = className;
+    $[4] = disabled;
+    $[5] = onClick;
+    $[6] = drawerSlug;
+    $[7] = rest;
+    $[8] = children;
+  } else {
+    collectionSlug = $[1];
+    id = $[2];
+    className = $[3];
+    disabled = $[4];
+    onClick = $[5];
+    drawerSlug = $[6];
+    rest = $[7];
+    children = $[8];
+  }
+  const {
+    t
+  } = useTranslation();
+  const [collectionConfig] = useRelatedCollections(collectionSlug);
+  const t1 = !id ? "fields:addNewLabel" : "general:editLabel";
+  const t2 = collectionConfig?.labels.singular;
+  let t3;
+  if ($[9] !== t2 || $[10] !== t || $[11] !== t1 || $[12] !== className || $[13] !== disabled || $[14] !== onClick || $[15] !== drawerSlug || $[16] !== rest || $[17] !== children) {
+    const t4 = t(t1, {
+      label: t2
     });
-};
-export const DocumentDrawer = (props)=>{
-    const { drawerSlug } = props;
-    return /*#__PURE__*/ _jsx(Drawer, {
-        Header: null,
-        className: baseClass,
-        gutter: false,
-        slug: drawerSlug,
-        children: /*#__PURE__*/ _jsx(DocumentDrawerContent, {
-            ...props
-        })
+    let t5;
+    if ($[19] !== className) {
+      t5 = [className, `${baseClass}__toggler`].filter(Boolean);
+      $[19] = className;
+      $[20] = t5;
+    } else {
+      t5 = $[20];
+    }
+    t3 = _jsx(DrawerToggler, {
+      "aria-label": t4,
+      className: t5.join(" "),
+      disabled,
+      onClick,
+      slug: drawerSlug,
+      ...rest,
+      children
     });
+    $[9] = t2;
+    $[10] = t;
+    $[11] = t1;
+    $[12] = className;
+    $[13] = disabled;
+    $[14] = onClick;
+    $[15] = drawerSlug;
+    $[16] = rest;
+    $[17] = children;
+    $[18] = t3;
+  } else {
+    t3 = $[18];
+  }
+  return t3;
+};
+export const DocumentDrawer = props => {
+  const {
+    drawerSlug
+  } = props;
+  return /*#__PURE__*/_jsx(Drawer, {
+    className: baseClass,
+    gutter: false,
+    Header: null,
+    slug: drawerSlug,
+    children: /*#__PURE__*/_jsx(DocumentDrawerContent, {
+      ...props
+    })
+  });
 };
-export const useDocumentDrawer = ({ id, collectionSlug })=>{
-    const drawerDepth = useEditDepth();
-    const uuid = useId();
-    const { closeModal, modalState, openModal, toggleModal } = useModal();
-    const [isOpen, setIsOpen] = useState(false);
-    const drawerSlug = formatDocumentDrawerSlug({
-        id,
-        collectionSlug,
-        depth: drawerDepth,
-        uuid
+export const useDocumentDrawer = t0 => {
+  const $ = _c(37);
+  const {
+    id,
+    collectionSlug
+  } = t0;
+  const editDepth = useEditDepth();
+  const uuid = useId();
+  const {
+    closeModal,
+    modalState,
+    openModal,
+    toggleModal
+  } = useModal();
+  const [isOpen, setIsOpen] = useState(false);
+  let t1;
+  if ($[0] !== id || $[1] !== collectionSlug || $[2] !== editDepth || $[3] !== uuid) {
+    t1 = formatDocumentDrawerSlug({
+      id,
+      collectionSlug,
+      depth: editDepth,
+      uuid
     });
-    useEffect(()=>{
-        setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
-    }, [
-        modalState,
-        drawerSlug
-    ]);
-    const toggleDrawer = useCallback(()=>{
-        toggleModal(drawerSlug);
-    }, [
-        toggleModal,
-        drawerSlug
-    ]);
-    const closeDrawer = useCallback(()=>{
-        closeModal(drawerSlug);
-    }, [
-        closeModal,
-        drawerSlug
-    ]);
-    const openDrawer = useCallback(()=>{
-        openModal(drawerSlug);
-    }, [
-        openModal,
-        drawerSlug
-    ]);
-    const MemoizedDrawer = useMemo(()=>{
-        return (props)=>/*#__PURE__*/ _createElement(DocumentDrawer, {
-                ...props,
-                collectionSlug: collectionSlug,
-                drawerSlug: drawerSlug,
-                id: id,
-                key: drawerSlug
-            });
-    }, [
-        id,
-        drawerSlug,
-        collectionSlug
-    ]);
-    const MemoizedDrawerToggler = useMemo(()=>{
-        return (props)=>/*#__PURE__*/ _jsx(DocumentDrawerToggler, {
-                ...props,
-                collectionSlug: collectionSlug,
-                drawerSlug: drawerSlug,
-                id: id
-            });
-    }, [
-        id,
-        drawerSlug,
-        collectionSlug
-    ]);
-    const MemoizedDrawerState = useMemo(()=>({
-            closeDrawer,
-            drawerDepth,
-            drawerSlug,
-            isDrawerOpen: isOpen,
-            openDrawer,
-            toggleDrawer
-        }), [
-        drawerDepth,
-        drawerSlug,
-        isOpen,
-        toggleDrawer,
-        closeDrawer,
-        openDrawer
-    ]);
-    return [
-        MemoizedDrawer,
-        MemoizedDrawerToggler,
-        MemoizedDrawerState
-    ];
+    $[0] = id;
+    $[1] = collectionSlug;
+    $[2] = editDepth;
+    $[3] = uuid;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const drawerSlug = t1;
+  let t2;
+  let t3;
+  if ($[5] !== modalState || $[6] !== drawerSlug) {
+    t2 = () => {
+      setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
+    };
+    t3 = [modalState, drawerSlug];
+    $[5] = modalState;
+    $[6] = drawerSlug;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t2 = $[7];
+    t3 = $[8];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[9] !== toggleModal || $[10] !== drawerSlug) {
+    t4 = () => {
+      toggleModal(drawerSlug);
+    };
+    $[9] = toggleModal;
+    $[10] = drawerSlug;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  const toggleDrawer = t4;
+  let t5;
+  if ($[12] !== closeModal || $[13] !== drawerSlug) {
+    t5 = () => {
+      closeModal(drawerSlug);
+    };
+    $[12] = closeModal;
+    $[13] = drawerSlug;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  const closeDrawer = t5;
+  let t6;
+  if ($[15] !== openModal || $[16] !== drawerSlug) {
+    t6 = () => {
+      openModal(drawerSlug);
+    };
+    $[15] = openModal;
+    $[16] = drawerSlug;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  const openDrawer = t6;
+  let t7;
+  let t8;
+  if ($[18] !== collectionSlug || $[19] !== drawerSlug || $[20] !== id) {
+    t8 = props => _createElement(DocumentDrawer, {
+      ...props,
+      collectionSlug,
+      drawerSlug,
+      id,
+      key: drawerSlug
+    });
+    $[18] = collectionSlug;
+    $[19] = drawerSlug;
+    $[20] = id;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  t7 = t8;
+  const MemoizedDrawer = t7;
+  let t9;
+  let t10;
+  if ($[22] !== collectionSlug || $[23] !== drawerSlug || $[24] !== id) {
+    t10 = props_0 => _jsx(DocumentDrawerToggler, {
+      ...props_0,
+      collectionSlug,
+      drawerSlug,
+      id
+    });
+    $[22] = collectionSlug;
+    $[23] = drawerSlug;
+    $[24] = id;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  t9 = t10;
+  const MemoizedDrawerToggler = t9;
+  let t11;
+  let t12;
+  if ($[26] !== closeDrawer || $[27] !== editDepth || $[28] !== drawerSlug || $[29] !== isOpen || $[30] !== openDrawer || $[31] !== toggleDrawer) {
+    t12 = {
+      closeDrawer,
+      drawerDepth: editDepth,
+      drawerSlug,
+      isDrawerOpen: isOpen,
+      openDrawer,
+      toggleDrawer
+    };
+    $[26] = closeDrawer;
+    $[27] = editDepth;
+    $[28] = drawerSlug;
+    $[29] = isOpen;
+    $[30] = openDrawer;
+    $[31] = toggleDrawer;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  t11 = t12;
+  const MemoizedDrawerState = t11;
+  let t13;
+  if ($[33] !== MemoizedDrawer || $[34] !== MemoizedDrawerToggler || $[35] !== MemoizedDrawerState) {
+    t13 = [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState];
+    $[33] = MemoizedDrawer;
+    $[34] = MemoizedDrawerToggler;
+    $[35] = MemoizedDrawerState;
+    $[36] = t13;
+  } else {
+    t13 = $[36];
+  }
+  return t13;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentDrawer/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\n\nimport type { DocumentDrawerProps, DocumentTogglerProps, UseDocumentDrawer } from './types.js'\n\nimport { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { DocumentDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-drawer'\n\nconst formatDocumentDrawerSlug = ({\n  id,\n  collectionSlug,\n  depth,\n  uuid,\n}: {\n  collectionSlug: string\n  depth: number\n  id: number | string\n  uuid: string // supply when creating a new document and no id is available\n}) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`\n\nexport const DocumentDrawerToggler: React.FC<DocumentTogglerProps> = ({\n  id,\n  children,\n  className,\n  collectionSlug,\n  disabled,\n  drawerSlug,\n  ...rest\n}) => {\n  const { i18n, t } = useTranslation()\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  return (\n    <DrawerToggler\n      aria-label={t(!id ? 'fields:addNewLabel' : 'general:editLabel', {\n        label: getTranslation(collectionConfig.labels.singular, i18n),\n      })}\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\nexport const DocumentDrawer: React.FC<DocumentDrawerProps> = (props) => {\n  const { drawerSlug } = props\n\n  return (\n    <Drawer Header={null} className={baseClass} gutter={false} slug={drawerSlug}>\n      <DocumentDrawerContent {...props} />\n    </Drawer>\n  )\n}\n\nexport const useDocumentDrawer: UseDocumentDrawer = ({ id, collectionSlug }) => {\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatDocumentDrawerSlug({\n    id,\n    collectionSlug,\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [closeModal, drawerSlug])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [openModal, drawerSlug])\n\n  const MemoizedDrawer = useMemo(() => {\n    return (props) => (\n      <DocumentDrawer\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n        key={drawerSlug}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerToggler = useMemo(() => {\n    return (props) => (\n      <DocumentDrawerToggler\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerState = useMemo(\n    () => ({\n      closeDrawer,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"names":["useModal","getTranslation","React","useCallback","useEffect","useId","useMemo","useState","useRelatedCollections","useEditDepth","useTranslation","Drawer","DrawerToggler","DocumentDrawerContent","baseClass","formatDocumentDrawerSlug","id","collectionSlug","depth","uuid","DocumentDrawerToggler","children","className","disabled","drawerSlug","rest","i18n","t","collectionConfig","aria-label","label","labels","singular","filter","Boolean","join","slug","DocumentDrawer","props","Header","gutter","useDocumentDrawer","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","key","MemoizedDrawerToggler","MemoizedDrawerState","isDrawerOpen"],"mappings":"AAAA;;;AACA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAI/E,SAASC,qBAAqB,QAAQ,4DAA2D;AACjG,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,EAAEC,aAAa,QAAQ,qBAAoB;AAC1D,SAASC,qBAAqB,QAAQ,qBAAoB;AAC1D,OAAO,eAAc;AAErB,OAAO,MAAMC,YAAY,aAAY;AAErC,MAAMC,2BAA2B,CAAC,EAChCC,EAAE,EACFC,cAAc,EACdC,KAAK,EACLC,IAAI,EAML,GAAK,CAAC,WAAW,EAAEF,eAAe,CAAC,EAAEC,MAAM,EAAEF,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,CAAC,EAAEG,KAAK,CAAC;AAE1E,OAAO,MAAMC,wBAAwD,CAAC,EACpEJ,EAAE,EACFK,QAAQ,EACRC,SAAS,EACTL,cAAc,EACdM,QAAQ,EACRC,UAAU,EACV,GAAGC,MACJ;IACC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGjB;IACpB,MAAM,CAACkB,iBAAiB,GAAGpB,sBAAsBS;IAEjD,qBACE,KAACL;QACCiB,cAAYF,EAAE,CAACX,KAAK,uBAAuB,qBAAqB;YAC9Dc,OAAO7B,eAAe2B,iBAAiBG,MAAM,CAACC,QAAQ,EAAEN;QAC1D;QACAJ,WAAW;YAACA;YAAW,CAAC,EAAER,UAAU,SAAS,CAAC;SAAC,CAACmB,MAAM,CAACC,SAASC,IAAI,CAAC;QACrEZ,UAAUA;QACVa,MAAMZ;QACL,GAAGC,IAAI;kBAEPJ;;AAGP,EAAC;AAED,OAAO,MAAMgB,iBAAgD,CAACC;IAC5D,MAAM,EAAEd,UAAU,EAAE,GAAGc;IAEvB,qBACE,KAAC3B;QAAO4B,QAAQ;QAAMjB,WAAWR;QAAW0B,QAAQ;QAAOJ,MAAMZ;kBAC/D,cAAA,KAACX;YAAuB,GAAGyB,KAAK;;;AAGtC,EAAC;AAED,OAAO,MAAMG,oBAAuC,CAAC,EAAEzB,EAAE,EAAEC,cAAc,EAAE;IACzE,MAAMyB,cAAcjC;IACpB,MAAMU,OAAOd;IACb,MAAM,EAAEsC,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAG9C;IAC3D,MAAM,CAAC+C,QAAQC,UAAU,GAAGzC,SAAS;IAErC,MAAMiB,aAAaT,yBAAyB;QAC1CC;QACAC;QACAC,OAAOwB;QACPvB;IACF;IAEAf,UAAU;QACR4C,UAAUd,QAAQU,UAAU,CAACpB,WAAW,EAAEuB;IAC5C,GAAG;QAACH;QAAYpB;KAAW;IAE3B,MAAMyB,eAAe9C,YAAY;QAC/B2C,YAAYtB;IACd,GAAG;QAACsB;QAAatB;KAAW;IAE5B,MAAM0B,cAAc/C,YAAY;QAC9BwC,WAAWnB;IACb,GAAG;QAACmB;QAAYnB;KAAW;IAE3B,MAAM2B,aAAahD,YAAY;QAC7B0C,UAAUrB;IACZ,GAAG;QAACqB;QAAWrB;KAAW;IAE1B,MAAM4B,iBAAiB9C,QAAQ;QAC7B,OAAO,CAACgC,sBACN,eAACD;gBACE,GAAGC,KAAK;gBACTrB,gBAAgBA;gBAChBO,YAAYA;gBACZR,IAAIA;gBACJqC,KAAK7B;;IAGX,GAAG;QAACR;QAAIQ;QAAYP;KAAe;IAEnC,MAAMqC,wBAAwBhD,QAAQ;QACpC,OAAO,CAACgC,sBACN,KAAClB;gBACE,GAAGkB,KAAK;gBACTrB,gBAAgBA;gBAChBO,YAAYA;gBACZR,IAAIA;;IAGV,GAAG;QAACA;QAAIQ;QAAYP;KAAe;IAEnC,MAAMsC,sBAAsBjD,QAC1B,IAAO,CAAA;YACL4C;YACAR;YACAlB;YACAgC,cAAcT;YACdI;YACAF;QACF,CAAA,GACA;QAACP;QAAalB;QAAYuB;QAAQE;QAAcC;QAAaC;KAAW;IAG1E,OAAO;QAACC;QAAgBE;QAAuBC;KAAoB;AACrE,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useCallback","useEffect","useId","useMemo","useState","useEditDepth","useTranslation","useRelatedCollections","Drawer","DrawerToggler","DocumentDrawerContent","baseClass","formatDocumentDrawerSlug","id","collectionSlug","depth","uuid","DocumentDrawerToggler","t0","$","className","disabled","onClick","drawerSlug","rest","children","t","collectionConfig","t1","t2","labels","singular","t3","t4","label","t5","filter","Boolean","_jsx","join","slug","DocumentDrawer","props","gutter","Header","useDocumentDrawer","editDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","closeDrawer","t6","openDrawer","t7","t8","_createElement","key","MemoizedDrawer","t9","t10","props_0","MemoizedDrawerToggler","t11","t12","drawerDepth","isDrawerOpen","MemoizedDrawerState","t13"],"sources":["../../../src/elements/DocumentDrawer/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\n\nimport type { DocumentDrawerProps, DocumentTogglerProps, UseDocumentDrawer } from './types.js'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { DocumentDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-drawer'\n\nconst formatDocumentDrawerSlug = ({\n  id,\n  collectionSlug,\n  depth,\n  uuid,\n}: {\n  collectionSlug: string\n  depth: number\n  id: number | string\n  uuid: string // supply when creating a new document and no id is available\n}) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`\n\nexport const DocumentDrawerToggler: React.FC<DocumentTogglerProps> = ({\n  id,\n  children,\n  className,\n  collectionSlug,\n  disabled,\n  drawerSlug,\n  onClick,\n  ...rest\n}) => {\n  const { t } = useTranslation()\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  return (\n    <DrawerToggler\n      aria-label={t(!id ? 'fields:addNewLabel' : 'general:editLabel', {\n        label: collectionConfig?.labels.singular,\n      })}\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      onClick={onClick}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\nexport const DocumentDrawer: React.FC<DocumentDrawerProps> = (props) => {\n  const { drawerSlug } = props\n\n  return (\n    <Drawer className={baseClass} gutter={false} Header={null} slug={drawerSlug}>\n      <DocumentDrawerContent {...props} />\n    </Drawer>\n  )\n}\n\nexport const useDocumentDrawer: UseDocumentDrawer = ({ id, collectionSlug }) => {\n  const editDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatDocumentDrawerSlug({\n    id,\n    collectionSlug,\n    depth: editDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [closeModal, drawerSlug])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [openModal, drawerSlug])\n\n  const MemoizedDrawer = useMemo(() => {\n    return (props) => (\n      <DocumentDrawer\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n        key={drawerSlug}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerToggler = useMemo(() => {\n    return (props) => (\n      <DocumentDrawerToggler\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerState = useMemo(\n    () => ({\n      closeDrawer,\n      drawerDepth: editDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [editDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentDrawer/index.scss

@@ -1,73 +1,23 @@
 @import '../../scss/styles.scss';
 
-.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;
-  }
-
-  &__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(1);
-    height: base(1);
-
-    svg {
-      width: base(2.75);
-      height: base(2.75);
-      position: relative;
-      left: base(-0.825);
-      top: base(-0.825);
-
-      .stroke {
-        stroke-width: 2px;
-        vector-effect: non-scaling-stroke;
+@layer payload-default {
+  .doc-drawer {
+    &__toggler {
+      background: transparent;
+      border: 0;
+      margin: 0;
+      padding: 0;
+      cursor: pointer;
+      color: inherit;
+
+      &:focus,
+      &:focus-within {
+        outline: none;
       }
-    }
-  }
 
-  @include mid-break {
-    &__header {
-      margin-top: base(1.5);
-      margin-bottom: base(0.5);
-      padding-left: var(--gutter-h);
-      padding-right: var(--gutter-h);
+      &:disabled {
+        pointer-events: none;
+      }
     }
   }
 }

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

@@ -1,21 +1,28 @@
+import type { Data, FormState } from 'payload';
 import type React from 'react';
 import type { HTMLAttributes } from 'react';
-import type { DocumentInfoContext } from '../../providers/DocumentInfo/types.js';
 import type { Props as DrawerProps } from '../Drawer/types.js';
+import type { DocumentDrawerContextProps } from './Provider.js';
 export type DocumentDrawerProps = {
-    collectionSlug: string;
-    drawerSlug?: string;
-    id?: null | number | string;
-    onSave?: DocumentInfoContext['onSave'];
-} & Pick<DrawerProps, 'Header'>;
+    readonly AfterFields?: React.ReactNode;
+    readonly collectionSlug: string;
+    readonly disableActions?: boolean;
+    readonly drawerSlug?: string;
+    readonly id?: null | number | string;
+    readonly initialData?: Data;
+    readonly initialState?: FormState;
+    readonly redirectAfterDelete?: boolean;
+    readonly redirectAfterDuplicate?: boolean;
+} & Pick<DocumentDrawerContextProps, 'onDelete' | 'onDuplicate' | 'onSave'> & Pick<DrawerProps, 'Header'>;
 export type DocumentTogglerProps = {
-    children?: React.ReactNode;
-    className?: string;
-    collectionSlug: string;
-    disabled?: boolean;
-    drawerSlug?: string;
-    id?: string;
-} & HTMLAttributes<HTMLButtonElement>;
+    readonly children?: React.ReactNode;
+    readonly className?: string;
+    readonly collectionSlug: string;
+    readonly disabled?: boolean;
+    readonly drawerSlug?: string;
+    readonly id?: string;
+    readonly onClick?: () => void;
+} & Readonly<HTMLAttributes<HTMLButtonElement>>;
 export type UseDocumentDrawer = (args: {
     collectionSlug: string;
     id?: number | string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAChF,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE9D,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;CACvC,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAE/B,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA;AAErC,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,KAAK;IAC1F,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7D;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAA;AAE/D,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,IAAI,CAAA;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;IACjC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,OAAO,CAAA;CAC1C,GAAG,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,aAAa,GAAG,QAAQ,CAAC,GACzE,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAE7B,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,GAAG,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAA;AAE/C,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,KAAK;IAC1F,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7D;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}

package/dist/elements/DocumentDrawer/types.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { DocumentInfoContext } from '../../providers/DocumentInfo/types.js'\nimport type { Props as DrawerProps } from '../Drawer/types.js'\n\nexport type DocumentDrawerProps = {\n  collectionSlug: string\n  drawerSlug?: string\n  id?: null | number | string\n  onSave?: DocumentInfoContext['onSave']\n} & Pick<DrawerProps, 'Header'>\n\nexport type DocumentTogglerProps = {\n  children?: React.ReactNode\n  className?: string\n  collectionSlug: string\n  disabled?: boolean\n  drawerSlug?: string\n  id?: string\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type UseDocumentDrawer = (args: { collectionSlug: string; id?: number | string }) => [\n  React.FC<Omit<DocumentDrawerProps, 'collectionSlug' | 'id'>>, // drawer\n  React.FC<Omit<DocumentTogglerProps, 'collectionSlug' | 'id'>>, // toggler\n  {\n    closeDrawer: () => void\n    drawerDepth: number\n    drawerSlug: string\n    isDrawerOpen: boolean\n    openDrawer: () => void\n    toggleDrawer: () => void\n  },\n]\n"],"names":[],"mappings":"AAsBA,WAWC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import type { Data, FormState } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { Props as DrawerProps } from '../Drawer/types.js'\nimport type { DocumentDrawerContextProps } from './Provider.js'\n\nexport type DocumentDrawerProps = {\n  readonly AfterFields?: React.ReactNode\n  readonly collectionSlug: string\n  readonly disableActions?: boolean\n  readonly drawerSlug?: string\n  readonly id?: null | number | string\n  readonly initialData?: Data\n  readonly initialState?: FormState\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n} & Pick<DocumentDrawerContextProps, 'onDelete' | 'onDuplicate' | 'onSave'> &\n  Pick<DrawerProps, 'Header'>\n\nexport type DocumentTogglerProps = {\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly disabled?: boolean\n  readonly drawerSlug?: string\n  readonly id?: string\n  readonly onClick?: () => void\n} & Readonly<HTMLAttributes<HTMLButtonElement>>\n\nexport type UseDocumentDrawer = (args: { collectionSlug: string; id?: number | string }) => [\n  React.FC<Omit<DocumentDrawerProps, 'collectionSlug' | 'id'>>, // drawer\n  React.FC<Omit<DocumentTogglerProps, 'collectionSlug' | 'id'>>, // toggler\n  {\n    closeDrawer: () => void\n    drawerDepth: number\n    drawerSlug: string\n    isDrawerOpen: boolean\n    openDrawer: () => void\n    toggleDrawer: () => void\n  },\n]\n"],"mappings":"AA8BA","ignoreList":[]}

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

@@ -1,16 +1,15 @@
-import type { Description, DocumentPermissions } from 'payload';
+import type { ClientField, DocumentPermissions } from 'payload';
 import React from 'react';
-import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
 import './index.scss';
 type Args = {
-    AfterFields?: React.ReactNode;
-    BeforeFields?: React.ReactNode;
-    description?: Description;
-    docPermissions: DocumentPermissions;
-    fieldMap: FieldMap;
-    forceSidebarWrap?: boolean;
-    readOnly: boolean;
-    schemaPath: string;
+    readonly AfterFields?: React.ReactNode;
+    readonly BeforeFields?: React.ReactNode;
+    readonly Description?: React.ReactNode;
+    readonly docPermissions: DocumentPermissions;
+    readonly fields: ClientField[];
+    readonly forceSidebarWrap?: boolean;
+    readonly readOnly?: boolean;
+    readonly schemaPathSegments: string[];
 };
 export declare const DocumentFields: React.FC<Args>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAIvF,OAAO,cAAc,CAAA;AAIrB,KAAK,IAAI,GAAG;IACV,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,cAAc,EAAE,mBAAmB,CAAA;IACnC,QAAQ,EAAE,QAAQ,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAoEzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,KAAK,IAAI,GAAG;IACV,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,cAAc,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CA0FzC,CAAA"}