@payloadcms/ui 3.0.0-canary.3bd3027 → 3.0.0-canary.3eda767

package/dist/elements/DocumentDrawer/index.js

@@ -1,126 +1,276 @@
 '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(22);
+  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 {
+    i18n,
+    t
+  } = useTranslation();
+  const [collectionConfig] = useRelatedCollections(collectionSlug);
+  const t1 = !id ? "fields:addNewLabel" : "general:editLabel";
+  let t2;
+  if ($[9] !== collectionConfig.labels.singular || $[10] !== i18n || $[11] !== t || $[12] !== t1 || $[13] !== className || $[14] !== disabled || $[15] !== onClick || $[16] !== drawerSlug || $[17] !== rest || $[18] !== children) {
+    const t3 = t(t1, {
+      label: getTranslation(collectionConfig.labels.singular, i18n)
     });
-};
-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 t4;
+    if ($[20] !== className) {
+      t4 = [className, `${baseClass}__toggler`].filter(Boolean);
+      $[20] = className;
+      $[21] = t4;
+    } else {
+      t4 = $[21];
+    }
+    t2 = _jsx(DrawerToggler, {
+      "aria-label": t3,
+      className: t4.join(" "),
+      disabled,
+      onClick,
+      slug: drawerSlug,
+      ...rest,
+      children
     });
+    $[9] = collectionConfig.labels.singular;
+    $[10] = i18n;
+    $[11] = t;
+    $[12] = t1;
+    $[13] = className;
+    $[14] = disabled;
+    $[15] = onClick;
+    $[16] = drawerSlug;
+    $[17] = rest;
+    $[18] = children;
+    $[19] = t2;
+  } else {
+    t2 = $[19];
+  }
+  return t2;
+};
+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 drawerDepth = useEditDepth();
+  const uuid = useId();
+  const {
+    closeModal,
+    modalState,
+    openModal,
+    toggleModal
+  } = useModal();
+  const [isOpen, setIsOpen] = useState(false);
+  let t1;
+  if ($[0] !== id || $[1] !== collectionSlug || $[2] !== drawerDepth || $[3] !== uuid) {
+    t1 = formatDocumentDrawerSlug({
+      id,
+      collectionSlug,
+      depth: drawerDepth,
+      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] = drawerDepth;
+    $[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] !== drawerDepth || $[28] !== drawerSlug || $[29] !== isOpen || $[30] !== openDrawer || $[31] !== toggleDrawer) {
+    t12 = {
+      closeDrawer,
+      drawerDepth,
+      drawerSlug,
+      isDrawerOpen: isOpen,
+      openDrawer,
+      toggleDrawer
+    };
+    $[26] = closeDrawer;
+    $[27] = drawerDepth;
+    $[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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","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","i18n","t","collectionConfig","t1","t2","labels","singular","t3","label","t4","filter","Boolean","_jsx","join","slug","DocumentDrawer","props","gutter","Header","useDocumentDrawer","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","t5","closeDrawer","t6","openDrawer","t7","t8","_createElement","key","MemoizedDrawer","t9","t10","props_0","MemoizedDrawerToggler","t11","t12","isDrawerOpen","MemoizedDrawerState","t13"],"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 { 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 { 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      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 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"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentDrawer/index.scss

@@ -1,73 +1,73 @@
 @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;
-  }
+@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-content {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      width: 100%;
+    }
 
-  &__header-text {
-    margin: 0;
-  }
+    &__header-text {
+      margin: 0;
+    }
 
-  &__toggler {
-    background: transparent;
-    border: 0;
-    margin: 0;
-    padding: 0;
-    cursor: pointer;
-    color: inherit;
+    &__toggler {
+      background: transparent;
+      border: 0;
+      margin: 0;
+      padding: 0;
+      cursor: pointer;
+      color: inherit;
 
-    &:focus,
-    &:focus-within {
-      outline: none;
-    }
+      &:focus,
+      &:focus-within {
+        outline: none;
+      }
 
-    &:disabled {
-      pointer-events: none;
+      &:disabled {
+        pointer-events: none;
+      }
     }
-  }
 
-  &__header-close {
-    border: 0;
-    background-color: transparent;
-    padding: 0;
-    cursor: pointer;
-    overflow: hidden;
-    width: base(1);
-    height: base(1);
+    &__header-close {
+      border: 0;
+      background-color: transparent;
+      padding: 0;
+      cursor: pointer;
+      overflow: hidden;
+      width: base(2);
+      height: base(2);
 
-    svg {
-      width: base(2.75);
-      height: base(2.75);
-      position: relative;
-      left: base(-0.825);
-      top: base(-0.825);
+      svg {
+        width: base(2);
+        height: base(2);
+        position: relative;
 
-      .stroke {
-        stroke-width: 2px;
-        vector-effect: non-scaling-stroke;
+        .stroke {
+          stroke-width: 2px;
+          vector-effect: non-scaling-stroke;
+        }
       }
     }
-  }
 
-  @include mid-break {
-    &__header {
-      margin-top: base(1.5);
-      margin-bottom: base(0.5);
-      padding-left: var(--gutter-h);
-      padding-right: var(--gutter-h);
+    @include mid-break {
+      &__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/types.d.ts

@@ -1,21 +1,31 @@
+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';
-export type DocumentDrawerProps = Pick<DrawerProps, 'Header'> & {
-    collectionSlug: string;
-    drawerSlug?: string;
-    id?: null | number | string;
-    onSave?: DocumentInfoContext['onSave'];
-};
-export type DocumentTogglerProps = HTMLAttributes<HTMLButtonElement> & {
-    children?: React.ReactNode;
-    className?: string;
-    collectionSlug: string;
-    disabled?: boolean;
-    drawerSlug?: string;
-    id?: string;
-};
+export type DocumentDrawerProps = {
+    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 onDelete?: DocumentInfoContext['onDelete'];
+    readonly onDuplicate?: DocumentInfoContext['onDuplicate'];
+    readonly onSave?: DocumentInfoContext['onSave'];
+    readonly redirectAfterDelete?: boolean;
+    readonly redirectAfterDuplicate?: boolean;
+} & Pick<DrawerProps, 'Header'>;
+export type DocumentTogglerProps = {
+    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,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG;IAC9D,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,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACrE,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,CAAA;AAED,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,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAChF,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE9D,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,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IACnD,QAAQ,CAAC,WAAW,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IACzD,QAAQ,CAAC,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC/C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,OAAO,CAAA;CAC1C,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAE/B,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 = Pick<DrawerProps, 'Header'> & {\n  collectionSlug: string\n  drawerSlug?: string\n  id?: null | number | string\n  onSave?: DocumentInfoContext['onSave']\n}\n\nexport type DocumentTogglerProps = HTMLAttributes<HTMLButtonElement> & {\n  children?: React.ReactNode\n  className?: string\n  collectionSlug: string\n  disabled?: boolean\n  drawerSlug?: string\n  id?: string\n}\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":[],"rangeMappings":"","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 { DocumentInfoContext } from '../../providers/DocumentInfo/types.js'\nimport type { Props as DrawerProps } from '../Drawer/types.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 onDelete?: DocumentInfoContext['onDelete']\n  readonly onDuplicate?: DocumentInfoContext['onDuplicate']\n  readonly onSave?: DocumentInfoContext['onSave']\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\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":"AAgCA","ignoreList":[]}

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

@@ -1,16 +1,15 @@
-import type { Description, DocumentPermissions } from 'payload';
+import type { ClientField, Description, 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?: Description;
+    readonly docPermissions: DocumentPermissions;
+    readonly fields: ClientField[];
+    readonly forceSidebarWrap?: boolean;
+    readonly readOnly: boolean;
+    readonly schemaPath: string;
 };
 export declare const DocumentFields: React.FC<Args>;
 export {};