@payloadcms/ui 3.0.0-canary.ff8c8fd → 3.0.0

package/dist/elements/DocumentDrawer/index.js

@@ -4,7 +4,6 @@ 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 { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -20,11 +19,12 @@ const formatDocumentDrawerSlug = ({
   uuid
 }) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`;
 export const DocumentDrawerToggler = t0 => {
-  const $ = _c(20);
+  const $ = _c(21);
   let collectionSlug;
   let id;
   let className;
   let disabled;
+  let onClick;
   let drawerSlug;
   let rest;
   let children;
@@ -36,6 +36,7 @@ export const DocumentDrawerToggler = t0 => {
       collectionSlug,
       disabled,
       drawerSlug,
+      onClick,
       ...rest
     } = t0);
     $[0] = t0;
@@ -43,68 +44,71 @@ export const DocumentDrawerToggler = t0 => {
     $[2] = id;
     $[3] = className;
     $[4] = disabled;
-    $[5] = drawerSlug;
-    $[6] = rest;
-    $[7] = children;
+    $[5] = onClick;
+    $[6] = drawerSlug;
+    $[7] = rest;
+    $[8] = children;
   } else {
     collectionSlug = $[1];
     id = $[2];
     className = $[3];
     disabled = $[4];
-    drawerSlug = $[5];
-    rest = $[6];
-    children = $[7];
+    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 ($[8] !== collectionConfig.labels.singular || $[9] !== i18n || $[10] !== t || $[11] !== t1 || $[12] !== className || $[13] !== disabled || $[14] !== drawerSlug || $[15] !== rest || $[16] !== children) {
-    const t3 = t(t1, {
-      label: getTranslation(collectionConfig.labels.singular, i18n)
+  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
     });
-    let t4;
-    if ($[18] !== className) {
-      t4 = [className, `${baseClass}__toggler`].filter(Boolean);
-      $[18] = className;
-      $[19] = t4;
+    let t5;
+    if ($[19] !== className) {
+      t5 = [className, `${baseClass}__toggler`].filter(Boolean);
+      $[19] = className;
+      $[20] = t5;
     } else {
-      t4 = $[19];
+      t5 = $[20];
     }
-    t2 = _jsx(DrawerToggler, {
-      "aria-label": t3,
-      className: t4.join(" "),
+    t3 = _jsx(DrawerToggler, {
+      "aria-label": t4,
+      className: t5.join(" "),
       disabled,
+      onClick,
       slug: drawerSlug,
       ...rest,
       children
     });
-    $[8] = collectionConfig.labels.singular;
-    $[9] = i18n;
+    $[9] = t2;
     $[10] = t;
     $[11] = t1;
     $[12] = className;
     $[13] = disabled;
-    $[14] = drawerSlug;
-    $[15] = rest;
-    $[16] = children;
-    $[17] = t2;
+    $[14] = onClick;
+    $[15] = drawerSlug;
+    $[16] = rest;
+    $[17] = children;
+    $[18] = t3;
   } else {
-    t2 = $[17];
+    t3 = $[18];
   }
-  return t2;
+  return t3;
 };
 export const DocumentDrawer = props => {
   const {
     drawerSlug
   } = props;
   return /*#__PURE__*/_jsx(Drawer, {
-    Header: null,
     className: baseClass,
     gutter: false,
+    Header: null,
     slug: drawerSlug,
     children: /*#__PURE__*/_jsx(DocumentDrawerContent, {
       ...props
@@ -117,7 +121,7 @@ export const useDocumentDrawer = t0 => {
     id,
     collectionSlug
   } = t0;
-  const drawerDepth = useEditDepth();
+  const editDepth = useEditDepth();
   const uuid = useId();
   const {
     closeModal,
@@ -127,16 +131,16 @@ export const useDocumentDrawer = t0 => {
   } = useModal();
   const [isOpen, setIsOpen] = useState(false);
   let t1;
-  if ($[0] !== id || $[1] !== collectionSlug || $[2] !== drawerDepth || $[3] !== uuid) {
+  if ($[0] !== id || $[1] !== collectionSlug || $[2] !== editDepth || $[3] !== uuid) {
     t1 = formatDocumentDrawerSlug({
       id,
       collectionSlug,
-      depth: drawerDepth,
+      depth: editDepth,
       uuid
     });
     $[0] = id;
     $[1] = collectionSlug;
-    $[2] = drawerDepth;
+    $[2] = editDepth;
     $[3] = uuid;
     $[4] = t1;
   } else {
@@ -234,17 +238,17 @@ export const useDocumentDrawer = t0 => {
   const MemoizedDrawerToggler = t9;
   let t11;
   let t12;
-  if ($[26] !== closeDrawer || $[27] !== drawerDepth || $[28] !== drawerSlug || $[29] !== isOpen || $[30] !== openDrawer || $[31] !== toggleDrawer) {
+  if ($[26] !== closeDrawer || $[27] !== editDepth || $[28] !== drawerSlug || $[29] !== isOpen || $[30] !== openDrawer || $[31] !== toggleDrawer) {
     t12 = {
       closeDrawer,
-      drawerDepth,
+      drawerDepth: editDepth,
       drawerSlug,
       isDrawerOpen: isOpen,
       openDrawer,
       toggleDrawer
     };
     $[26] = closeDrawer;
-    $[27] = drawerDepth;
+    $[27] = editDepth;
     $[28] = drawerSlug;
     $[29] = isOpen;
     $[30] = openDrawer;

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

@@ -1 +1 @@
-{"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","drawerSlug","rest","children","i18n","t","collectionConfig","t1","t2","labels","singular","t3","label","t4","filter","Boolean","_jsx","join","slug","DocumentDrawer","props","Header","gutter","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  ...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"],"mappings":"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","ignoreList":[]}
+{"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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;;AACA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAIxE,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,MAAM,EAAEC,aAAa,QAAQ;AACtC,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAEzB,MAAMC,wBAAA,GAA2BA,CAAC;EAChCC,EAAE;EACFC,cAAc;EACdC,KAAK;EACLC;AAAI,CAML,KAAK,cAAcF,cAAA,IAAkBC,KAAA,GAAQF,EAAA,GAAK,IAAIA,EAAA,EAAI,GAAG,MAAMG,IAAA,EAAM;AAE1E,OAAO,MAAMC,qBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,GAAAtB,EAAA;EAAA,IAAAiB,cAAA;EAAA,IAAAD,EAAA;EAAA,IAAAO,SAAA;EAAA,IAAAC,QAAA;EAAA,IAAAC,OAAA;EAAA,IAAAC,UAAA;EAAA,IAAAC,IAAA;EAAA,IAAAC,QAAA;EAAA,IAAAN,CAAA,QAAAD,EAAA;IAAC;MAAAL,EAAA;MAAAY,QAAA;MAAAL,SAAA;MAAAN,cAAA;MAAAO,QAAA;MAAAE,UAAA;MAAAD,OAAA;MAAA,GAAAE;IAAA,IAAAN,EASrE;IAAAC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAL,cAAA;IAAAK,CAAA,MAAAN,EAAA;IAAAM,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,OAAA;IAAAH,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAM,QAAA;EAAA;IAAAX,cAAA,GAAAK,CAAA;IAAAN,EAAA,GAAAM,CAAA;IAAAC,SAAA,GAAAD,CAAA;IAAAE,QAAA,GAAAF,CAAA;IAAAG,OAAA,GAAAH,CAAA;IAAAI,UAAA,GAAAJ,CAAA;IAAAK,IAAA,GAAAL,CAAA;IAAAM,QAAA,GAAAN,CAAA;EAAA;EACC;IAAAO;EAAA,IAAcpB,cAAA;EACd,OAAAqB,gBAAA,IAA2BpB,qBAAA,CAAsBO,cAAA;EAI/B,MAAAc,EAAA,IAACf,EAAA,GAAK,uBAAuB;EAClC,MAAAgB,EAAA,GAAAF,gBAAA,EAAAG,MAAA,CAAAC,QAAA;EAAyB,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAU,EAAA,IAAAV,CAAA,SAAAO,CAAA,IAAAP,CAAA,SAAAS,EAAA,IAAAT,CAAA,SAAAC,SAAA,IAAAD,CAAA,SAAAE,QAAA,IAAAF,CAAA,SAAAG,OAAA,IAAAH,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAK,IAAA,IAAAL,CAAA,SAAAM,QAAA;IADtB,MAAAQ,EAAA,GAAAP,CAAA,CAAEE,EAA6B;MAAAM,KAAA,EAClCL;IAAyB,CAClC;IAAA,IAAAM,EAAA;IAAA,IAAAhB,CAAA,SAAAC,SAAA;MACWe,EAAA,IAACf,SAAA,EAAW,GAAAT,SAAA,WAAuB,EAAAyB,MAAA,CAAAC,OAAS;MAAAlB,CAAA,OAAAC,SAAA;MAAAD,CAAA,OAAAgB,EAAA;IAAA;MAAAA,EAAA,GAAAhB,CAAA;IAAA;IAJzDa,EAAA,GAAAM,IAAA,CAAA7B,aAAA;MAAA,cACcwB,EAEZ;MAAAb,SAAA,EACWe,EAA4C,CAAAI,IAAA,CAAc;MAAAlB,QAAA;MAAAC,OAAA;MAAAkB,IAAA,EAG/DjB,UAAA;MAAA,GACFC,IAAI;MAAAC;IAAA,C;;;;;;;;;;;;;;SARVO,E;CAaJ;AAEA,OAAO,MAAMS,cAAA,GAAiDC,KAAA;EAC5D,MAAM;IAAEnB;EAAU,CAAE,GAAGmB,KAAA;EAEvB,oBACEJ,IAAA,CAAC9B,MAAA;IAAOY,SAAA,EAAWT,SAAA;IAAWgC,MAAA,EAAQ;IAAOC,MAAA,EAAQ;IAAMJ,IAAA,EAAMjB,UAAA;cAC/D,aAAAe,IAAA,CAAC5B,qBAAA;MAAuB,GAAGgC;;;AAGjC;AAEA,OAAO,MAAMG,iBAAA,GAAuC3B,EAAA;EAAA,MAAAC,CAAA,GAAAtB,EAAA;EAAC;IAAAgB,EAAA;IAAAC;EAAA,IAAAI,EAAsB;EACzE,MAAA4B,SAAA,GAAkBzC,YAAA;EAClB,MAAAW,IAAA,GAAad,KAAA;EACb;IAAA6C,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAA2DpD,QAAA;EAC3D,OAAAqD,MAAA,EAAAC,SAAA,IAA4BhD,QAAA,MAAS;EAAA,IAAAwB,EAAA;EAAA,IAAAT,CAAA,QAAAN,EAAA,IAAAM,CAAA,QAAAL,cAAA,IAAAK,CAAA,QAAA2B,SAAA,IAAA3B,CAAA,QAAAH,IAAA;IAElBY,EAAA,GAAAhB,wBAAA;MAAAC,EAAA;MAAAC,cAAA;MAAAC,KAAA,EAGV+B,SAAA;MAAA9B;IAAA,CAET;IAAAG,CAAA,MAAAN,EAAA;IAAAM,CAAA,MAAAL,cAAA;IAAAK,CAAA,MAAA2B,SAAA;IAAA3B,CAAA,MAAAH,IAAA;IAAAG,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EALA,MAAAI,UAAA,GAAmBK,EAKnB;EAAA,IAAAC,EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAb,CAAA,QAAA6B,UAAA,IAAA7B,CAAA,QAAAI,UAAA;IAEUM,EAAA,GAAAA,CAAA;MACRuB,SAAA,CAAUf,OAAA,CAAQW,UAAU,CAACzB,UAAA,GAAA4B,MAAa;IAAA;IACzCnB,EAAA,IAACgB,UAAA,EAAYzB,UAAA;IAAWJ,CAAA,MAAA6B,UAAA;IAAA7B,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAa,EAAA;EAAA;IAAAH,EAAA,GAAAV,CAAA;IAAAa,EAAA,GAAAb,CAAA;EAAA;EAF3BlB,SAAA,CAAU4B,EAEV,EAAGG,EAAwB;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAA+B,WAAA,IAAA/B,CAAA,SAAAI,UAAA;IAEMU,EAAA,GAAAA,CAAA;MAC/BiB,WAAA,CAAY3B,UAAA;IAAA;IACdJ,CAAA,MAAA+B,WAAA;IAAA/B,CAAA,OAAAI,UAAA;IAAAJ,CAAA,OAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAFA,MAAAkC,YAAA,GAAqBpB,EAEO;EAAA,IAAAE,EAAA;EAAA,IAAAhB,CAAA,SAAA4B,UAAA,IAAA5B,CAAA,SAAAI,UAAA;IAEIY,EAAA,GAAAA,CAAA;MAC9BY,UAAA,CAAWxB,UAAA;IAAA;IACbJ,CAAA,OAAA4B,UAAA;IAAA5B,CAAA,OAAAI,UAAA;IAAAJ,CAAA,OAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAFA,MAAAmC,WAAA,GAAoBnB,EAEO;EAAA,IAAAoB,EAAA;EAAA,IAAApC,CAAA,SAAA8B,SAAA,IAAA9B,CAAA,SAAAI,UAAA;IAEIgC,EAAA,GAAAA,CAAA;MAC7BN,SAAA,CAAU1B,UAAA;IAAA;IACZJ,CAAA,OAAA8B,SAAA;IAAA9B,CAAA,OAAAI,UAAA;IAAAJ,CAAA,OAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EAFA,MAAAqC,UAAA,GAAmBD,EAEO;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAvC,CAAA,SAAAL,cAAA,IAAAK,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAN,EAAA;IAGjB6C,EAAA,GAAAhB,KAAA,IACLiB,cAAA,CAAAlB,cAAA;MAAA,GACMC,KAAK;MAAA5B,cAAA;MAAAS,UAAA;MAAAV,EAAA;MAAA+C,GAAA,EAIJrC;IAAA,C;;;;;;;;EANTkC,EAAA,GAAOC,E;EADT,MAAAG,cAAA,GAAuBJ,EAUY;EAAA,IAAAK,EAAA;EAAA,IAAAC,GAAA;EAAA,IAAA5C,CAAA,SAAAL,cAAA,IAAAK,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAN,EAAA;IAG1BkD,GAAA,GAAAC,OAAA,IACL1B,IAAA,CAAArB,qBAAA;MAAA,GACMyB,OAAK;MAAA5B,cAAA;MAAAS,UAAA;MAAAV;IAAA,C;;;;;;;;EAFbiD,EAAA,GAAOC,G;EADT,MAAAE,qBAAA,GAA8BH,EASK;EAAA,IAAAI,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAhD,CAAA,SAAAmC,WAAA,IAAAnC,CAAA,SAAA2B,SAAA,IAAA3B,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAgC,MAAA,IAAAhC,CAAA,SAAAqC,UAAA,IAAArC,CAAA,SAAAkC,YAAA;IAG1Bc,GAAA;MAAAb,WAAA;MAAAc,WAAA,EAEQtB,SAAA;MAAAvB,UAAA;MAAA8C,YAAA,EAEClB,MAAA;MAAAK,UAAA;MAAAH;IAAA;IAGhBlC,CAAA,OAAAmC,WAAA;IAAAnC,CAAA,OAAA2B,SAAA;IAAA3B,CAAA,OAAAI,UAAA;IAAAJ,CAAA,OAAAgC,MAAA;IAAAhC,CAAA,OAAAqC,UAAA;IAAArC,CAAA,OAAAkC,YAAA;IAAAlC,CAAA,OAAAgD,GAAA;EAAA;IAAAA,GAAA,GAAAhD,CAAA;EAAA;EAAA+C,GAAA,GAPOC,GAOP;EARF,MAAAG,mBAAA,GAA4BJ,GAS4C;EAAA,IAAAK,GAAA;EAAA,IAAApD,CAAA,SAAA0C,cAAA,IAAA1C,CAAA,SAAA8C,qBAAA,IAAA9C,CAAA,SAAAmD,mBAAA;IAGjEC,GAAA,IAACV,cAAA,EAAgBI,qBAAA,EAAuBK,mBAAA;IAAoBnD,CAAA,OAAA0C,cAAA;IAAA1C,CAAA,OAAA8C,qBAAA;IAAA9C,CAAA,OAAAmD,mBAAA;IAAAnD,CAAA,OAAAoD,GAAA;EAAA;IAAAA,GAAA,GAAApD,CAAA;EAAA;EAAA,OAA5DoD,GAA4D;AAAA,CACrE","ignoreList":[]}

package/dist/elements/DocumentDrawer/index.scss

@@ -1,71 +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(2);
-    height: base(2);
-
-    svg {
-      width: base(2);
-      height: base(2);
-      position: relative;
-
-      .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,13 +1,19 @@
+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 = {
+    readonly AfterFields?: React.ReactNode;
     readonly collectionSlug: string;
+    readonly disableActions?: boolean;
     readonly drawerSlug?: string;
     readonly id?: null | number | string;
-    readonly onSave?: DocumentInfoContext['onSave'];
-} & Pick<DrawerProps, 'Header'>;
+    readonly initialData?: Data;
+    readonly initialState?: FormState;
+    readonly redirectAfterDelete?: boolean;
+    readonly redirectAfterDuplicate?: boolean;
+} & Pick<DocumentDrawerContextProps, 'onDelete' | 'onDuplicate' | 'onSave'> & Pick<DrawerProps, 'Header'>;
 export type DocumentTogglerProps = {
     readonly children?: React.ReactNode;
     readonly className?: string;
@@ -15,7 +21,8 @@ export type DocumentTogglerProps = {
     readonly disabled?: boolean;
     readonly drawerSlug?: string;
     readonly id?: string;
-} & HTMLAttributes<HTMLButtonElement>;
+    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,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACpC,QAAQ,CAAC,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;CAChD,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;CACrB,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.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"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  readonly collectionSlug: string\n  readonly drawerSlug?: string\n  readonly id?: null | number | string\n  readonly onSave?: DocumentInfoContext['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} & 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":"AAsBA","ignoreList":[]}
+{"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,15 +1,15 @@
-import type { ClientField, Description, DocumentPermissions } from 'payload';
+import type { ClientField, SanitizedDocumentPermissions } from 'payload';
 import React from 'react';
 import './index.scss';
 type Args = {
     readonly AfterFields?: React.ReactNode;
     readonly BeforeFields?: React.ReactNode;
-    readonly description?: Description;
-    readonly docPermissions: DocumentPermissions;
+    readonly Description?: React.ReactNode;
+    readonly docPermissions: SanitizedDocumentPermissions;
     readonly fields: ClientField[];
     readonly forceSidebarWrap?: boolean;
-    readonly readOnly: boolean;
-    readonly schemaPath: string;
+    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,WAAW,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG5E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,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,WAAW,CAAA;IAClC,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,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAkEzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAGxE,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,4BAA4B,CAAA;IACrD,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"}

package/dist/elements/DocumentFields/index.js

@@ -1,63 +1,127 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { fieldIsSidebar } from 'payload/shared';
 import React from 'react';
+import { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js';
 import { RenderFields } from '../../forms/RenderFields/index.js';
 import { Gutter } from '../Gutter/index.js';
 import './index.scss';
 const baseClass = 'document-fields';
-export const DocumentFields = ({
-  AfterFields,
-  BeforeFields,
-  description,
-  docPermissions,
-  fields,
-  forceSidebarWrap,
-  readOnly,
-  schemaPath
-}) => {
-  const mainFields = fields.filter(field => !fieldIsSidebar(field));
-  const sidebarFields = fields.filter(field => fieldIsSidebar(field));
-  const hasSidebarFields = sidebarFields && sidebarFields.length > 0;
-  return /*#__PURE__*/_jsxs("div", {
-    className: [baseClass, hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`, forceSidebarWrap && `${baseClass}--force-sidebar-wrap`].filter(Boolean).join(' '),
-    children: [/*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__main`,
-      children: /*#__PURE__*/_jsxs(Gutter, {
-        className: `${baseClass}__edit`,
-        children: [/*#__PURE__*/_jsx("header", {
-          className: `${baseClass}__header`,
-          children: description && /*#__PURE__*/_jsx("div", {
-            className: `${baseClass}__sub-header`
-          })
-        }), BeforeFields, /*#__PURE__*/_jsx(RenderFields, {
-          className: `${baseClass}__fields`,
-          fields: mainFields,
-          forceRender: 10,
-          path: "",
-          permissions: docPermissions?.fields,
-          readOnly: readOnly,
-          schemaPath: schemaPath
-        }), AfterFields]
-      })
-    }), hasSidebarFields && /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__sidebar-wrap`,
-      children: /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__sidebar`,
-        children: /*#__PURE__*/_jsx("div", {
-          className: `${baseClass}__sidebar-fields`,
-          children: /*#__PURE__*/_jsx(RenderFields, {
-            fields: sidebarFields,
-            forceRender: 10,
-            path: "",
+export const DocumentFields = t0 => {
+  const $ = _c(16);
+  const {
+    AfterFields,
+    BeforeFields,
+    Description,
+    docPermissions,
+    fields,
+    forceSidebarWrap,
+    readOnly: readOnlyProp,
+    schemaPathSegments
+  } = t0;
+  let t1;
+  if ($[0] !== fields) {
+    t1 = () => fields.reduce((acc, field) => {
+      if (fieldIsSidebar(field)) {
+        acc.sidebarFields.push(field);
+        acc.mainFields.push(null);
+        acc.hasSidebarFields = true;
+      } else {
+        acc.mainFields.push(field);
+        acc.sidebarFields.push(null);
+      }
+      return acc;
+    }, {
+      hasSidebarFields: false,
+      mainFields: [],
+      sidebarFields: []
+    });
+    $[0] = fields;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [t2] = React.useState(t1);
+  const {
+    hasSidebarFields,
+    mainFields,
+    sidebarFields
+  } = t2;
+  const formInitializing = useFormInitializing();
+  const formProcessing = useFormProcessing();
+  const readOnly = readOnlyProp || formInitializing || formProcessing;
+  const t3 = hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`;
+  const t4 = forceSidebarWrap && `${baseClass}--force-sidebar-wrap`;
+  let t5;
+  if ($[2] !== t3 || $[3] !== t4) {
+    t5 = [baseClass, t3, t4].filter(Boolean);
+    $[2] = t3;
+    $[3] = t4;
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  const t6 = t5.join(" ");
+  let t7;
+  if ($[5] !== Description || $[6] !== schemaPathSegments || $[7] !== docPermissions?.fields || $[8] !== mainFields || $[9] !== readOnly || $[10] !== BeforeFields || $[11] !== AfterFields || $[12] !== hasSidebarFields || $[13] !== sidebarFields || $[14] !== t6) {
+    t7 = _jsxs("div", {
+      className: t6,
+      children: [_jsx("div", {
+        className: `${baseClass}__main`,
+        children: _jsxs(Gutter, {
+          className: `${baseClass}__edit`,
+          children: [Description ? _jsx("header", {
+            className: `${baseClass}__header`,
+            children: _jsx("div", {
+              className: `${baseClass}__sub-header`,
+              children: Description
+            })
+          }) : null, BeforeFields, _jsx(RenderFields, {
+            className: `${baseClass}__fields`,
+            fields: mainFields,
+            forceRender: true,
+            parentIndexPath: "",
+            parentPath: "",
+            parentSchemaPath: schemaPathSegments.join("."),
             permissions: docPermissions?.fields,
-            readOnly: readOnly,
-            schemaPath: schemaPath
+            readOnly
+          }), AfterFields]
+        })
+      }), hasSidebarFields ? _jsx("div", {
+        className: `${baseClass}__sidebar-wrap`,
+        children: _jsx("div", {
+          className: `${baseClass}__sidebar`,
+          children: _jsx("div", {
+            className: `${baseClass}__sidebar-fields`,
+            children: _jsx(RenderFields, {
+              fields: sidebarFields,
+              forceRender: true,
+              parentIndexPath: "",
+              parentPath: "",
+              parentSchemaPath: schemaPathSegments.join("."),
+              permissions: docPermissions?.fields,
+              readOnly
+            })
           })
         })
-      })
-    })]
-  });
+      }) : null]
+    });
+    $[5] = Description;
+    $[6] = schemaPathSegments;
+    $[7] = docPermissions?.fields;
+    $[8] = mainFields;
+    $[9] = readOnly;
+    $[10] = BeforeFields;
+    $[11] = AfterFields;
+    $[12] = hasSidebarFields;
+    $[13] = sidebarFields;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  return t7;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fieldIsSidebar","React","RenderFields","Gutter","baseClass","DocumentFields","AfterFields","BeforeFields","description","docPermissions","fields","forceSidebarWrap","readOnly","schemaPath","mainFields","filter","field","sidebarFields","hasSidebarFields","length","_jsxs","className","Boolean","join","_jsx","forceRender","path","permissions"],"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Description, DocumentPermissions } from 'payload'\n\nimport { fieldIsSidebar } from 'payload/shared'\nimport React from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'document-fields'\n\ntype Args = {\n  readonly AfterFields?: React.ReactNode\n  readonly BeforeFields?: React.ReactNode\n  readonly description?: Description\n  readonly docPermissions: DocumentPermissions\n  readonly fields: ClientField[]\n  readonly forceSidebarWrap?: boolean\n  readonly readOnly: boolean\n  readonly schemaPath: string\n}\n\nexport const DocumentFields: React.FC<Args> = ({\n  AfterFields,\n  BeforeFields,\n  description,\n  docPermissions,\n  fields,\n  forceSidebarWrap,\n  readOnly,\n  schemaPath,\n}) => {\n  const mainFields = fields.filter((field) => !fieldIsSidebar(field))\n\n  const sidebarFields = fields.filter((field) => fieldIsSidebar(field))\n\n  const hasSidebarFields = sidebarFields && sidebarFields.length > 0\n\n  return (\n    <div\n      className={[\n        baseClass,\n        hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,\n        forceSidebarWrap && `${baseClass}--force-sidebar-wrap`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__main`}>\n        <Gutter className={`${baseClass}__edit`}>\n          <header className={`${baseClass}__header`}>\n            {description && (\n              <div className={`${baseClass}__sub-header`}>\n                {/* <ViewDescription description={description} /> */}\n              </div>\n            )}\n          </header>\n          {BeforeFields}\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={mainFields}\n            forceRender={10}\n            path=\"\"\n            permissions={docPermissions?.fields}\n            readOnly={readOnly}\n            schemaPath={schemaPath}\n          />\n          {AfterFields}\n        </Gutter>\n      </div>\n      {hasSidebarFields && (\n        <div className={`${baseClass}__sidebar-wrap`}>\n          <div className={`${baseClass}__sidebar`}>\n            <div className={`${baseClass}__sidebar-fields`}>\n              <RenderFields\n                fields={sidebarFields}\n                forceRender={10}\n                path=\"\"\n                permissions={docPermissions?.fields}\n                readOnly={readOnly}\n                schemaPath={schemaPath}\n              />\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAalB,OAAO,MAAMC,cAAA,GAAiCA,CAAC;EAC7CC,WAAW;EACXC,YAAY;EACZC,WAAW;EACXC,cAAc;EACdC,MAAM;EACNC,gBAAgB;EAChBC,QAAQ;EACRC;AAAU,CACX;EACC,MAAMC,UAAA,GAAaJ,MAAA,CAAOK,MAAM,CAAEC,KAAA,IAAU,CAAChB,cAAA,CAAegB,KAAA;EAE5D,MAAMC,aAAA,GAAgBP,MAAA,CAAOK,MAAM,CAAEC,KAAA,IAAUhB,cAAA,CAAegB,KAAA;EAE9D,MAAME,gBAAA,GAAmBD,aAAA,IAAiBA,aAAA,CAAcE,MAAM,GAAG;EAEjE,oBACEC,KAAA,CAAC;IACCC,SAAA,EAAW,CACTjB,SAAA,EACAc,gBAAA,GAAmB,GAAGd,SAAA,eAAwB,GAAG,GAAGA,SAAA,cAAuB,EAC3EO,gBAAA,IAAoB,GAAGP,SAAA,sBAA+B,CACvD,CACEW,MAAM,CAACO,OAAA,EACPC,IAAI,CAAC;4BAERC,IAAA,CAAC;MAAIH,SAAA,EAAW,GAAGjB,SAAA,QAAiB;gBAClC,aAAAgB,KAAA,CAACjB,MAAA;QAAOkB,SAAA,EAAW,GAAGjB,SAAA,QAAiB;gCACrCoB,IAAA,CAAC;UAAOH,SAAA,EAAW,GAAGjB,SAAA,UAAmB;oBACtCI,WAAA,iBACCgB,IAAA,CAAC;YAAIH,SAAA,EAAW,GAAGjB,SAAA;;YAKtBG,YAAA,E,aACDiB,IAAA,CAACtB,YAAA;UACCmB,SAAA,EAAW,GAAGjB,SAAA,UAAmB;UACjCM,MAAA,EAAQI,UAAA;UACRW,WAAA,EAAa;UACbC,IAAA,EAAK;UACLC,WAAA,EAAalB,cAAA,EAAgBC,MAAA;UAC7BE,QAAA,EAAUA,QAAA;UACVC,UAAA,EAAYA;YAEbP,WAAA;;QAGJY,gBAAA,iBACCM,IAAA,CAAC;MAAIH,SAAA,EAAW,GAAGjB,SAAA,gBAAyB;gBAC1C,aAAAoB,IAAA,CAAC;QAAIH,SAAA,EAAW,GAAGjB,SAAA,WAAoB;kBACrC,aAAAoB,IAAA,CAAC;UAAIH,SAAA,EAAW,GAAGjB,SAAA,kBAA2B;oBAC5C,aAAAoB,IAAA,CAACtB,YAAA;YACCQ,MAAA,EAAQO,aAAA;YACRQ,WAAA,EAAa;YACbC,IAAA,EAAK;YACLC,WAAA,EAAalB,cAAA,EAAgBC,MAAA;YAC7BE,QAAA,EAAUA,QAAA;YACVC,UAAA,EAAYA;;;;;;AAQ5B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","fieldIsSidebar","React","useFormInitializing","useFormProcessing","RenderFields","Gutter","baseClass","DocumentFields","t0","$","AfterFields","BeforeFields","Description","docPermissions","fields","forceSidebarWrap","readOnly","readOnlyProp","schemaPathSegments","t1","reduce","acc","field","sidebarFields","push","mainFields","hasSidebarFields","t2","useState","formInitializing","formProcessing","t3","t4","t5","filter","Boolean","t6","join","t7","_jsxs","className","children","_jsx","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions"],"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, SanitizedDocumentPermissions } from 'payload'\n\nimport { fieldIsSidebar } from 'payload/shared'\nimport React from 'react'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'document-fields'\n\ntype Args = {\n  readonly AfterFields?: React.ReactNode\n  readonly BeforeFields?: React.ReactNode\n  readonly Description?: React.ReactNode\n  readonly docPermissions: SanitizedDocumentPermissions\n  readonly fields: ClientField[]\n  readonly forceSidebarWrap?: boolean\n  readonly readOnly?: boolean\n  readonly schemaPathSegments: string[]\n}\n\nexport const DocumentFields: React.FC<Args> = ({\n  AfterFields,\n  BeforeFields,\n  Description,\n  docPermissions,\n  fields,\n  forceSidebarWrap,\n  readOnly: readOnlyProp,\n  schemaPathSegments,\n}) => {\n  const [{ hasSidebarFields, mainFields, sidebarFields }] = React.useState<{\n    hasSidebarFields: boolean\n    mainFields: ClientField[]\n    sidebarFields: ClientField[]\n  }>(() => {\n    return fields.reduce(\n      (acc, field) => {\n        if (fieldIsSidebar(field)) {\n          acc.sidebarFields.push(field)\n          acc.mainFields.push(null)\n          acc.hasSidebarFields = true\n        } else {\n          acc.mainFields.push(field)\n          acc.sidebarFields.push(null)\n        }\n        return acc\n      },\n      {\n        hasSidebarFields: false as boolean,\n        mainFields: [] as ClientField[],\n        sidebarFields: [] as ClientField[],\n      },\n    )\n  })\n\n  const formInitializing = useFormInitializing()\n  const formProcessing = useFormProcessing()\n\n  const readOnly = readOnlyProp || formInitializing || formProcessing\n\n  return (\n    <div\n      className={[\n        baseClass,\n        hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,\n        forceSidebarWrap && `${baseClass}--force-sidebar-wrap`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__main`}>\n        <Gutter className={`${baseClass}__edit`}>\n          {Description ? (\n            <header className={`${baseClass}__header`}>\n              <div className={`${baseClass}__sub-header`}>{Description}</div>\n            </header>\n          ) : null}\n          {BeforeFields}\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={mainFields}\n            forceRender\n            parentIndexPath=\"\"\n            parentPath=\"\"\n            parentSchemaPath={schemaPathSegments.join('.')}\n            permissions={docPermissions?.fields}\n            readOnly={readOnly}\n          />\n          {AfterFields}\n        </Gutter>\n      </div>\n      {hasSidebarFields ? (\n        <div className={`${baseClass}__sidebar-wrap`}>\n          <div className={`${baseClass}__sidebar`}>\n            <div className={`${baseClass}__sidebar-fields`}>\n              <RenderFields\n                fields={sidebarFields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\"\n                parentSchemaPath={schemaPathSegments.join('.')}\n                permissions={docPermissions?.fields}\n                readOnly={readOnly}\n              />\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}