@payloadcms/ui 3.2.2-canary.6fb5cd8 → 3.2.2-canary.b072173

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AnimateHeight/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAqFA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AnimateHeight/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAqFA,CAAA"}

package/dist/elements/AnimateHeight/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect, useRef } from 'react';
 import { usePatchAnimateHeight } from './usePatchAnimateHeight.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useRef","usePatchAnimateHeight","AnimateHeight","id","children","className","duration","height","open","setOpen","useState","Boolean","prevIsOpen","childrenDisplay","setChildrenDisplay","parentOverflow","setParentOverflow","isAnimating","setIsAnimating","displayTimer","overflowTimer","newIsOpen","hasChanged","current","window","setTimeout","clearTimeout","containerRef","_jsx","filter","join","ref","style","overflow","transition","display"],"sources":["../../../src/elements/AnimateHeight/index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\n\nimport { usePatchAnimateHeight } from './usePatchAnimateHeight.js'\nimport './index.scss'\n\nexport const AnimateHeight: React.FC<{\n  children: React.ReactNode\n  className?: string\n  duration?: number\n  height?: 'auto' | number\n  id?: string\n}> = ({ id, children, className, duration = 300, height }) => {\n  const [open, setOpen] = React.useState(() => Boolean(height))\n  const prevIsOpen = useRef(open)\n\n  const [childrenDisplay, setChildrenDisplay] = React.useState<CSSStyleDeclaration['display']>(\n    () => (open ? '' : 'none'),\n  )\n\n  const [parentOverflow, setParentOverflow] = React.useState<CSSStyleDeclaration['overflow']>(() =>\n    open ? '' : 'hidden',\n  )\n\n  const [isAnimating, setIsAnimating] = React.useState(false)\n\n  useEffect(() => {\n    let displayTimer: number\n    let overflowTimer: number\n\n    const newIsOpen = Boolean(height)\n    const hasChanged = prevIsOpen.current !== newIsOpen\n    prevIsOpen.current = newIsOpen\n\n    if (hasChanged) {\n      setIsAnimating(true)\n      setParentOverflow('hidden')\n\n      if (newIsOpen) {\n        setChildrenDisplay('')\n      } else {\n        // `display: none` once closed\n        displayTimer = window.setTimeout(() => {\n          setChildrenDisplay('none')\n        }, duration)\n      }\n\n      setOpen(newIsOpen)\n\n      // reset overflow once open\n      overflowTimer = window.setTimeout(() => {\n        setParentOverflow('')\n        setIsAnimating(false)\n      }, duration)\n    }\n\n    return () => {\n      if (displayTimer) {\n        clearTimeout(displayTimer)\n      }\n\n      if (overflowTimer) {\n        clearTimeout(overflowTimer)\n      }\n    }\n  }, [height, duration])\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  usePatchAnimateHeight({\n    containerRef,\n    duration,\n    open,\n  })\n\n  return (\n    <div\n      aria-hidden={!open}\n      className={[\n        className,\n        'rah-static',\n        open && height === 'auto' && 'rah-static--height-auto',\n        isAnimating && `rah-animating--${open ? 'down' : 'up'}`,\n        isAnimating && height === 'auto' && `rah-animating--to-height-auto`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={id}\n      ref={containerRef}\n      style={{\n        overflow: parentOverflow,\n        transition: `height ${duration}ms ease`,\n      }}\n    >\n      <div {...(childrenDisplay ? { style: { display: childrenDisplay } } : {})}>{children}</div>\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,IAASC,SAAS,EAAEC,MAAM,QAAQ;AAEzC,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,aAAA,GAMRA,CAAC;EAAEC,EAAE;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,QAAA,GAAW,GAAG;EAAEC;AAAM,CAAE;EACvD,MAAM,CAACC,IAAA,EAAMC,OAAA,CAAQ,GAAGX,KAAA,CAAMY,QAAQ,CAAC,MAAMC,OAAA,CAAQJ,MAAA;EACrD,MAAMK,UAAA,GAAaZ,MAAA,CAAOQ,IAAA;EAE1B,MAAM,CAACK,eAAA,EAAiBC,kBAAA,CAAmB,GAAGhB,KAAA,CAAMY,QAAQ,CAC1D,MAAOF,IAAA,GAAO,KAAK;EAGrB,MAAM,CAACO,cAAA,EAAgBC,iBAAA,CAAkB,GAAGlB,KAAA,CAAMY,QAAQ,CAAkC,MAC1FF,IAAA,GAAO,KAAK;EAGd,MAAM,CAACS,WAAA,EAAaC,cAAA,CAAe,GAAGpB,KAAA,CAAMY,QAAQ,CAAC;EAErDX,SAAA,CAAU;IACR,IAAIoB,YAAA;IACJ,IAAIC,aAAA;IAEJ,MAAMC,SAAA,GAAYV,OAAA,CAAQJ,MAAA;IAC1B,MAAMe,UAAA,GAAaV,UAAA,CAAWW,OAAO,KAAKF,SAAA;IAC1CT,UAAA,CAAWW,OAAO,GAAGF,SAAA;IAErB,IAAIC,UAAA,EAAY;MACdJ,cAAA,CAAe;MACfF,iBAAA,CAAkB;MAElB,IAAIK,SAAA,EAAW;QACbP,kBAAA,CAAmB;MACrB,OAAO;QACL;QACAK,YAAA,GAAeK,MAAA,CAAOC,UAAU,CAAC;UAC/BX,kBAAA,CAAmB;QACrB,GAAGR,QAAA;MACL;MAEAG,OAAA,CAAQY,SAAA;MAER;MACAD,aAAA,GAAgBI,MAAA,CAAOC,UAAU,CAAC;QAChCT,iBAAA,CAAkB;QAClBE,cAAA,CAAe;MACjB,GAAGZ,QAAA;IACL;IAEA,OAAO;MACL,IAAIa,YAAA,EAAc;QAChBO,YAAA,CAAaP,YAAA;MACf;MAEA,IAAIC,aAAA,EAAe;QACjBM,YAAA,CAAaN,aAAA;MACf;IACF;EACF,GAAG,CAACb,MAAA,EAAQD,QAAA,CAAS;EAErB,MAAMqB,YAAA,GAAe3B,MAAA,CAAuB;EAE5CC,qBAAA,CAAsB;IACpB0B,YAAA;IACArB,QAAA;IACAE;EACF;EAEA,oBACEoB,IAAA,CAAC;IACC,eAAa,CAACpB,IAAA;IACdH,SAAA,EAAW,CACTA,SAAA,EACA,cACAG,IAAA,IAAQD,MAAA,KAAW,UAAU,2BAC7BU,WAAA,IAAe,kBAAkBT,IAAA,GAAO,SAAS,MAAM,EACvDS,WAAA,IAAeV,MAAA,KAAW,UAAU,+BAA+B,CACpE,CACEsB,MAAM,CAAClB,OAAA,EACPmB,IAAI,CAAC;IACR3B,EAAA,EAAIA,EAAA;IACJ4B,GAAA,EAAKJ,YAAA;IACLK,KAAA,EAAO;MACLC,QAAA,EAAUlB,cAAA;MACVmB,UAAA,EAAY,UAAU5B,QAAA;IACxB;cAEA,aAAAsB,IAAA,CAAC;MAAK,IAAIf,eAAA,GAAkB;QAAEmB,KAAA,EAAO;UAAEG,OAAA,EAAStB;QAAgB;MAAE,IAAI,CAAC,CAAC;gBAAIT;;;AAGlF","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useEffect","useRef","usePatchAnimateHeight","AnimateHeight","id","children","className","duration","height","open","setOpen","useState","Boolean","prevIsOpen","childrenDisplay","setChildrenDisplay","parentOverflow","setParentOverflow","isAnimating","setIsAnimating","displayTimer","overflowTimer","newIsOpen","hasChanged","current","window","setTimeout","clearTimeout","containerRef","_jsx","filter","join","ref","style","overflow","transition","display"],"sources":["../../../src/elements/AnimateHeight/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef } from 'react'\n\nimport { usePatchAnimateHeight } from './usePatchAnimateHeight.js'\nimport './index.scss'\n\nexport const AnimateHeight: React.FC<{\n  children: React.ReactNode\n  className?: string\n  duration?: number\n  height?: 'auto' | number\n  id?: string\n}> = ({ id, children, className, duration = 300, height }) => {\n  const [open, setOpen] = React.useState(() => Boolean(height))\n  const prevIsOpen = useRef(open)\n\n  const [childrenDisplay, setChildrenDisplay] = React.useState<CSSStyleDeclaration['display']>(\n    () => (open ? '' : 'none'),\n  )\n\n  const [parentOverflow, setParentOverflow] = React.useState<CSSStyleDeclaration['overflow']>(() =>\n    open ? '' : 'hidden',\n  )\n\n  const [isAnimating, setIsAnimating] = React.useState(false)\n\n  useEffect(() => {\n    let displayTimer: number\n    let overflowTimer: number\n\n    const newIsOpen = Boolean(height)\n    const hasChanged = prevIsOpen.current !== newIsOpen\n    prevIsOpen.current = newIsOpen\n\n    if (hasChanged) {\n      setIsAnimating(true)\n      setParentOverflow('hidden')\n\n      if (newIsOpen) {\n        setChildrenDisplay('')\n      } else {\n        // `display: none` once closed\n        displayTimer = window.setTimeout(() => {\n          setChildrenDisplay('none')\n        }, duration)\n      }\n\n      setOpen(newIsOpen)\n\n      // reset overflow once open\n      overflowTimer = window.setTimeout(() => {\n        setParentOverflow('')\n        setIsAnimating(false)\n      }, duration)\n    }\n\n    return () => {\n      if (displayTimer) {\n        clearTimeout(displayTimer)\n      }\n\n      if (overflowTimer) {\n        clearTimeout(overflowTimer)\n      }\n    }\n  }, [height, duration])\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  usePatchAnimateHeight({\n    containerRef,\n    duration,\n    open,\n  })\n\n  return (\n    <div\n      aria-hidden={!open}\n      className={[\n        className,\n        'rah-static',\n        open && height === 'auto' && 'rah-static--height-auto',\n        isAnimating && `rah-animating--${open ? 'down' : 'up'}`,\n        isAnimating && height === 'auto' && `rah-animating--to-height-auto`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={id}\n      ref={containerRef}\n      style={{\n        overflow: parentOverflow,\n        transition: `height ${duration}ms ease`,\n      }}\n    >\n      <div {...(childrenDisplay ? { style: { display: childrenDisplay } } : {})}>{children}</div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,SAAS,EAAEC,MAAM,QAAQ;AAEzC,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,aAAA,GAMRA,CAAC;EAAEC,EAAE;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,QAAA,GAAW,GAAG;EAAEC;AAAM,CAAE;EACvD,MAAM,CAACC,IAAA,EAAMC,OAAA,CAAQ,GAAGX,KAAA,CAAMY,QAAQ,CAAC,MAAMC,OAAA,CAAQJ,MAAA;EACrD,MAAMK,UAAA,GAAaZ,MAAA,CAAOQ,IAAA;EAE1B,MAAM,CAACK,eAAA,EAAiBC,kBAAA,CAAmB,GAAGhB,KAAA,CAAMY,QAAQ,CAC1D,MAAOF,IAAA,GAAO,KAAK;EAGrB,MAAM,CAACO,cAAA,EAAgBC,iBAAA,CAAkB,GAAGlB,KAAA,CAAMY,QAAQ,CAAkC,MAC1FF,IAAA,GAAO,KAAK;EAGd,MAAM,CAACS,WAAA,EAAaC,cAAA,CAAe,GAAGpB,KAAA,CAAMY,QAAQ,CAAC;EAErDX,SAAA,CAAU;IACR,IAAIoB,YAAA;IACJ,IAAIC,aAAA;IAEJ,MAAMC,SAAA,GAAYV,OAAA,CAAQJ,MAAA;IAC1B,MAAMe,UAAA,GAAaV,UAAA,CAAWW,OAAO,KAAKF,SAAA;IAC1CT,UAAA,CAAWW,OAAO,GAAGF,SAAA;IAErB,IAAIC,UAAA,EAAY;MACdJ,cAAA,CAAe;MACfF,iBAAA,CAAkB;MAElB,IAAIK,SAAA,EAAW;QACbP,kBAAA,CAAmB;MACrB,OAAO;QACL;QACAK,YAAA,GAAeK,MAAA,CAAOC,UAAU,CAAC;UAC/BX,kBAAA,CAAmB;QACrB,GAAGR,QAAA;MACL;MAEAG,OAAA,CAAQY,SAAA;MAER;MACAD,aAAA,GAAgBI,MAAA,CAAOC,UAAU,CAAC;QAChCT,iBAAA,CAAkB;QAClBE,cAAA,CAAe;MACjB,GAAGZ,QAAA;IACL;IAEA,OAAO;MACL,IAAIa,YAAA,EAAc;QAChBO,YAAA,CAAaP,YAAA;MACf;MAEA,IAAIC,aAAA,EAAe;QACjBM,YAAA,CAAaN,aAAA;MACf;IACF;EACF,GAAG,CAACb,MAAA,EAAQD,QAAA,CAAS;EAErB,MAAMqB,YAAA,GAAe3B,MAAA,CAAuB;EAE5CC,qBAAA,CAAsB;IACpB0B,YAAA;IACArB,QAAA;IACAE;EACF;EAEA,oBACEoB,IAAA,CAAC;IACC,eAAa,CAACpB,IAAA;IACdH,SAAA,EAAW,CACTA,SAAA,EACA,cACAG,IAAA,IAAQD,MAAA,KAAW,UAAU,2BAC7BU,WAAA,IAAe,kBAAkBT,IAAA,GAAO,SAAS,MAAM,EACvDS,WAAA,IAAeV,MAAA,KAAW,UAAU,+BAA+B,CACpE,CACEsB,MAAM,CAAClB,OAAA,EACPmB,IAAI,CAAC;IACR3B,EAAA,EAAIA,EAAA;IACJ4B,GAAA,EAAKJ,YAAA;IACLK,KAAA,EAAO;MACLC,QAAA,EAAUlB,cAAA;MACVmB,UAAA,EAAY,UAAU5B,QAAA;IACxB;cAEA,aAAAsB,IAAA,CAAC;MAAK,IAAIf,eAAA,GAAkB;QAAEmB,KAAA,EAAO;UAAEG,OAAA,EAAStB;QAAgB;MAAE,IAAI,CAAC,CAAC;gBAAIT;;;AAGlF","ignoreList":[]}

package/dist/elements/AnimateHeight/usePatchAnimateHeight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePatchAnimateHeight.d.ts","sourceRoot":"","sources":["../../../src/elements/AnimateHeight/usePatchAnimateHeight.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,sCAI/B;IACD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC7C,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;CACd,KAAG;IAAE,+BAA+B,EAAE,OAAO,CAAA;CAuD7C,CAAA"}
+{"version":3,"file":"usePatchAnimateHeight.d.ts","sourceRoot":"","sources":["../../../src/elements/AnimateHeight/usePatchAnimateHeight.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,sCAI/B;IACD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC7C,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;CACd,KAAG;IAAE,+BAA+B,EAAE,OAAO,CAAA;CA0D7C,CAAA"}

package/dist/elements/AnimateHeight/usePatchAnimateHeight.js

@@ -1,49 +1,85 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useMemo, useRef } from 'react';
-export const usePatchAnimateHeight = ({
-  containerRef,
-  duration,
-  open
-}) => {
-  const browserSupportsKeywordAnimation = useMemo(() => CSS.supports ? Boolean(CSS.supports('interpolate-size', 'allow-keywords')) : false, []);
+export const usePatchAnimateHeight = t0 => {
+  const $ = _c(10);
+  const {
+    containerRef,
+    duration,
+    open
+  } = t0;
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = typeof CSS !== "undefined" && CSS && CSS.supports ? Boolean(CSS.supports("interpolate-size", "allow-keywords")) : false;
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  t1 = t2;
+  const browserSupportsKeywordAnimation = t1;
   const previousOpenState = useRef(open);
-  useEffect(() => {
-    if (containerRef.current && !browserSupportsKeywordAnimation) {
-      const container = containerRef.current;
-      const getTotalHeight = el => {
-        const styles = window.getComputedStyle(el);
-        const marginTop = parseFloat(styles.marginTop);
-        const marginBottom = parseFloat(styles.marginBottom);
-        return el.scrollHeight + marginTop + marginBottom;
-      };
-      const animate = () => {
-        const maxContentHeight = getTotalHeight(container);
-        // Set initial state
-        if (previousOpenState.current !== open) {
-          container.style.height = open ? '0px' : `${maxContentHeight}px`;
-        }
-        // Trigger reflow
-        container.offsetHeight // eslint-disable-line @typescript-eslint/no-unused-expressions
-        ;
-        // Start animation
-        container.style.transition = `height ${duration}ms ease`;
-        container.style.height = open ? `${maxContentHeight}px` : '0px';
-        const transitionEndHandler = () => {
-          container.style.transition = '';
-          container.style.height = !open ? '0px' : 'auto';
-          container.removeEventListener('transitionend', transitionEndHandler);
+  let t3;
+  if ($[1] !== containerRef.current || $[2] !== open || $[3] !== duration) {
+    t3 = () => {
+      if (containerRef.current && !browserSupportsKeywordAnimation) {
+        const container = containerRef.current;
+        const getTotalHeight = el => {
+          const styles = window.getComputedStyle(el);
+          const marginTop = parseFloat(styles.marginTop);
+          const marginBottom = parseFloat(styles.marginBottom);
+          return el.scrollHeight + marginTop + marginBottom;
         };
-        container.addEventListener('transitionend', transitionEndHandler);
-      };
-      animate();
-      previousOpenState.current = open;
-      return () => {
-        container.style.transition = '';
-        container.style.height = '';
-      };
-    }
-  }, [open, duration, containerRef, browserSupportsKeywordAnimation]);
-  return {
-    browserSupportsKeywordAnimation
-  };
+        const animate = () => {
+          const maxContentHeight = getTotalHeight(container);
+          if (previousOpenState.current !== open) {
+            container.style.height = open ? "0px" : `${maxContentHeight}px`;
+          }
+          container.style.transition = `height ${duration}ms ease`;
+          container.style.height = open ? `${maxContentHeight}px` : "0px";
+          const transitionEndHandler = () => {
+            container.style.transition = "";
+            container.style.height = !open ? "0px" : "auto";
+            container.removeEventListener("transitionend", transitionEndHandler);
+          };
+          container.addEventListener("transitionend", transitionEndHandler);
+        };
+        animate();
+        previousOpenState.current = open;
+        return () => {
+          container.style.transition = "";
+          container.style.height = "";
+        };
+      }
+    };
+    $[1] = containerRef.current;
+    $[2] = open;
+    $[3] = duration;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== open || $[6] !== duration || $[7] !== containerRef) {
+    t4 = [open, duration, containerRef, browserSupportsKeywordAnimation];
+    $[5] = open;
+    $[6] = duration;
+    $[7] = containerRef;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {
+      browserSupportsKeywordAnimation
+    };
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
 };
 //# sourceMappingURL=usePatchAnimateHeight.js.map

package/dist/elements/AnimateHeight/usePatchAnimateHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePatchAnimateHeight.js","names":["useEffect","useMemo","useRef","usePatchAnimateHeight","containerRef","duration","open","browserSupportsKeywordAnimation","CSS","supports","Boolean","previousOpenState","current","container","getTotalHeight","el","styles","window","getComputedStyle","marginTop","parseFloat","marginBottom","scrollHeight","animate","maxContentHeight","style","height","offsetHeight","transition","transitionEndHandler","removeEventListener","addEventListener"],"sources":["../../../src/elements/AnimateHeight/usePatchAnimateHeight.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react'\n\nexport const usePatchAnimateHeight = ({\n  containerRef,\n  duration,\n  open,\n}: {\n  containerRef: React.RefObject<HTMLDivElement>\n  duration: number\n  open: boolean\n}): { browserSupportsKeywordAnimation: boolean } => {\n  const browserSupportsKeywordAnimation = useMemo(\n    () => (CSS.supports ? Boolean(CSS.supports('interpolate-size', 'allow-keywords')) : false),\n    [],\n  )\n\n  const previousOpenState = useRef(open)\n\n  useEffect(() => {\n    if (containerRef.current && !browserSupportsKeywordAnimation) {\n      const container = containerRef.current\n\n      const getTotalHeight = (el: HTMLDivElement) => {\n        const styles = window.getComputedStyle(el)\n        const marginTop = parseFloat(styles.marginTop)\n        const marginBottom = parseFloat(styles.marginBottom)\n        return el.scrollHeight + marginTop + marginBottom\n      }\n\n      const animate = () => {\n        const maxContentHeight = getTotalHeight(container)\n\n        // Set initial state\n        if (previousOpenState.current !== open) {\n          container.style.height = open ? '0px' : `${maxContentHeight}px`\n        }\n\n        // Trigger reflow\n        container.offsetHeight // eslint-disable-line @typescript-eslint/no-unused-expressions\n\n        // Start animation\n        container.style.transition = `height ${duration}ms ease`\n        container.style.height = open ? `${maxContentHeight}px` : '0px'\n\n        const transitionEndHandler = () => {\n          container.style.transition = ''\n          container.style.height = !open ? '0px' : 'auto'\n          container.removeEventListener('transitionend', transitionEndHandler)\n        }\n\n        container.addEventListener('transitionend', transitionEndHandler)\n      }\n\n      animate()\n\n      previousOpenState.current = open\n\n      return () => {\n        container.style.transition = ''\n        container.style.height = ''\n      }\n    }\n  }, [open, duration, containerRef, browserSupportsKeywordAnimation])\n\n  return { browserSupportsKeywordAnimation }\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ;AAE3C,OAAO,MAAMC,qBAAA,GAAwBA,CAAC;EACpCC,YAAY;EACZC,QAAQ;EACRC;AAAI,CAKL;EACC,MAAMC,+BAAA,GAAkCN,OAAA,CACtC,MAAOO,GAAA,CAAIC,QAAQ,GAAGC,OAAA,CAAQF,GAAA,CAAIC,QAAQ,CAAC,oBAAoB,qBAAqB,OACpF,EAAE;EAGJ,MAAME,iBAAA,GAAoBT,MAAA,CAAOI,IAAA;EAEjCN,SAAA,CAAU;IACR,IAAII,YAAA,CAAaQ,OAAO,IAAI,CAACL,+BAAA,EAAiC;MAC5D,MAAMM,SAAA,GAAYT,YAAA,CAAaQ,OAAO;MAEtC,MAAME,cAAA,GAAkBC,EAAA;QACtB,MAAMC,MAAA,GAASC,MAAA,CAAOC,gBAAgB,CAACH,EAAA;QACvC,MAAMI,SAAA,GAAYC,UAAA,CAAWJ,MAAA,CAAOG,SAAS;QAC7C,MAAME,YAAA,GAAeD,UAAA,CAAWJ,MAAA,CAAOK,YAAY;QACnD,OAAON,EAAA,CAAGO,YAAY,GAAGH,SAAA,GAAYE,YAAA;MACvC;MAEA,MAAME,OAAA,GAAUA,CAAA;QACd,MAAMC,gBAAA,GAAmBV,cAAA,CAAeD,SAAA;QAExC;QACA,IAAIF,iBAAA,CAAkBC,OAAO,KAAKN,IAAA,EAAM;UACtCO,SAAA,CAAUY,KAAK,CAACC,MAAM,GAAGpB,IAAA,GAAO,QAAQ,GAAGkB,gBAAA,IAAoB;QACjE;QAEA;QACAX,SAAA,CAAUc,YAAY,CAAC;QAAA;QAEvB;QACAd,SAAA,CAAUY,KAAK,CAACG,UAAU,GAAG,UAAUvB,QAAA,SAAiB;QACxDQ,SAAA,CAAUY,KAAK,CAACC,MAAM,GAAGpB,IAAA,GAAO,GAAGkB,gBAAA,IAAoB,GAAG;QAE1D,MAAMK,oBAAA,GAAuBA,CAAA;UAC3BhB,SAAA,CAAUY,KAAK,CAACG,UAAU,GAAG;UAC7Bf,SAAA,CAAUY,KAAK,CAACC,MAAM,GAAG,CAACpB,IAAA,GAAO,QAAQ;UACzCO,SAAA,CAAUiB,mBAAmB,CAAC,iBAAiBD,oBAAA;QACjD;QAEAhB,SAAA,CAAUkB,gBAAgB,CAAC,iBAAiBF,oBAAA;MAC9C;MAEAN,OAAA;MAEAZ,iBAAA,CAAkBC,OAAO,GAAGN,IAAA;MAE5B,OAAO;QACLO,SAAA,CAAUY,KAAK,CAACG,UAAU,GAAG;QAC7Bf,SAAA,CAAUY,KAAK,CAACC,MAAM,GAAG;MAC3B;IACF;EACF,GAAG,CAACpB,IAAA,EAAMD,QAAA,EAAUD,YAAA,EAAcG,+BAAA,CAAgC;EAElE,OAAO;IAAEA;EAAgC;AAC3C","ignoreList":[]}
+{"version":3,"file":"usePatchAnimateHeight.js","names":["c","_c","useEffect","useMemo","useRef","usePatchAnimateHeight","t0","$","containerRef","duration","open","t1","t2","Symbol","for","CSS","supports","Boolean","browserSupportsKeywordAnimation","previousOpenState","t3","current","container","getTotalHeight","el","styles","window","getComputedStyle","marginTop","parseFloat","marginBottom","scrollHeight","animate","maxContentHeight","style","height","transition","transitionEndHandler","removeEventListener","addEventListener","t4","t5"],"sources":["../../../src/elements/AnimateHeight/usePatchAnimateHeight.ts"],"sourcesContent":["'use client'\nimport { useEffect, useMemo, useRef } from 'react'\n\nexport const usePatchAnimateHeight = ({\n  containerRef,\n  duration,\n  open,\n}: {\n  containerRef: React.RefObject<HTMLDivElement>\n  duration: number\n  open: boolean\n}): { browserSupportsKeywordAnimation: boolean } => {\n  const browserSupportsKeywordAnimation = useMemo(\n    () =>\n      typeof CSS !== 'undefined' && CSS && CSS.supports\n        ? Boolean(CSS.supports('interpolate-size', 'allow-keywords'))\n        : false,\n    [],\n  )\n\n  const previousOpenState = useRef(open)\n\n  useEffect(() => {\n    if (containerRef.current && !browserSupportsKeywordAnimation) {\n      const container = containerRef.current\n\n      const getTotalHeight = (el: HTMLDivElement) => {\n        const styles = window.getComputedStyle(el)\n        const marginTop = parseFloat(styles.marginTop)\n        const marginBottom = parseFloat(styles.marginBottom)\n        return el.scrollHeight + marginTop + marginBottom\n      }\n\n      const animate = () => {\n        const maxContentHeight = getTotalHeight(container)\n\n        // Set initial state\n        if (previousOpenState.current !== open) {\n          container.style.height = open ? '0px' : `${maxContentHeight}px`\n        }\n\n        // Trigger reflow\n        container.offsetHeight // eslint-disable-line @typescript-eslint/no-unused-expressions\n\n        // Start animation\n        container.style.transition = `height ${duration}ms ease`\n        container.style.height = open ? `${maxContentHeight}px` : '0px'\n\n        const transitionEndHandler = () => {\n          container.style.transition = ''\n          container.style.height = !open ? '0px' : 'auto'\n          container.removeEventListener('transitionend', transitionEndHandler)\n        }\n\n        container.addEventListener('transitionend', transitionEndHandler)\n      }\n\n      animate()\n\n      previousOpenState.current = open\n\n      return () => {\n        container.style.transition = ''\n        container.style.height = ''\n      }\n    }\n  }, [open, duration, containerRef, browserSupportsKeywordAnimation])\n\n  return { browserSupportsKeywordAnimation }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -20,6 +20,14 @@ export type Props = {
     newTab?: boolean;
     onClick?: (event: MouseEvent) => void;
     onMouseDown?: (event: MouseEvent) => void;
+    /**
+     * Enables form submission via an onClick handler. This is only needed if
+     * type="submit" does not trigger form submission, e.g. if the button DOM
+     * element is not a direct child of the form element.
+     *
+     * @default false
+     */
+    programmaticSubmit?: boolean;
     round?: boolean;
     secondaryActions?: secondaryAction | secondaryAction[];
     size?: 'large' | 'medium' | 'small';

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AACD,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAA;IAChG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAA;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AACD,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAA;IAChG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAA;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\ntype secondaryAction = {\n  label: string\n  onClick: (event: MouseEvent) => void\n}\nexport type Props = {\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?: 'error' | 'icon-label' | 'none' | 'pill' | 'primary' | 'secondary' | 'transparent'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  iconStyle?: 'none' | 'with-border' | 'without-border'\n  id?: string\n  Link?: React.ElementType\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  onMouseDown?: (event: MouseEvent) => void\n  round?: boolean\n  secondaryActions?: secondaryAction | secondaryAction[]\n  size?: 'large' | 'medium' | 'small'\n  SubMenuPopupContent?: (props: { close: () => void }) => React.ReactNode\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"mappings":"AAOA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\ntype secondaryAction = {\n  label: string\n  onClick: (event: MouseEvent) => void\n}\nexport type Props = {\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?: 'error' | 'icon-label' | 'none' | 'pill' | 'primary' | 'secondary' | 'transparent'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  iconStyle?: 'none' | 'with-border' | 'without-border'\n  id?: string\n  Link?: React.ElementType\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  onMouseDown?: (event: MouseEvent) => void\n  /**\n   * Enables form submission via an onClick handler. This is only needed if\n   * type=\"submit\" does not trigger form submission, e.g. if the button DOM\n   * element is not a direct child of the form element.\n   *\n   * @default false\n   */\n  programmaticSubmit?: boolean\n  round?: boolean\n  secondaryActions?: secondaryAction | secondaryAction[]\n  size?: 'large' | 'medium' | 'small'\n  SubMenuPopupContent?: (props: { close: () => void }) => React.ReactNode\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"mappings":"AAOA","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { ClientCollectionConfig, Data, TypeWithID } from 'payload';
+import type { ClientCollectionConfig, Data, FormState, TypeWithID } from 'payload';
 export type DocumentDrawerContextProps = {
     readonly clearDoc?: () => void;
     readonly drawerSlug: string;
@@ -15,7 +15,7 @@ export type DocumentDrawerContextProps = {
         doc: TypeWithID;
         operation: 'create' | 'update';
         result: Data;
-    }) => Promise<void> | void;
+    }) => Promise<FormState | void> | void;
 };
 export type DocumentDrawerContextType = DocumentDrawerContextProps;
 export declare const DocumentDrawerCallbacksContext: import("react").Context<DocumentDrawerContextProps>;

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

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

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

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

package/dist/elements/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,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"}
+{"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,KAAkB,MAAM,OAAO,CAAA;AAKtC,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,CAsFzC,CAAA"}

package/dist/elements/DocumentFields/index.js

@@ -1,29 +1,29 @@
 '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 React, { useMemo } 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 = t0 => {
-  const $ = _c(16);
+export const DocumentFields = ({
+  AfterFields,
+  BeforeFields,
+  Description,
+  docPermissions,
+  fields,
+  forceSidebarWrap,
+  readOnly: readOnlyProp,
+  schemaPathSegments
+}) => {
   const {
-    AfterFields,
-    BeforeFields,
-    Description,
-    docPermissions,
-    fields,
-    forceSidebarWrap,
-    readOnly: readOnlyProp,
-    schemaPathSegments
-  } = t0;
-  let t1;
-  if ($[0] !== fields) {
-    t1 = () => fields.reduce((acc, field) => {
+    hasSidebarFields,
+    mainFields,
+    sidebarFields
+  } = useMemo(() => {
+    return fields.reduce((acc, field) => {
       if (fieldIsSidebar(field)) {
         acc.sidebarFields.push(field);
         acc.mainFields.push(null);
@@ -38,90 +38,51 @@ export const DocumentFields = t0 => {
       mainFields: [],
       sidebarFields: []
     });
-    $[0] = fields;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const [t2] = React.useState(t1);
-  const {
-    hasSidebarFields,
-    mainFields,
-    sidebarFields
-  } = t2;
+  }, [fields]);
   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,
+  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: [Description ? /*#__PURE__*/_jsx("header", {
+          className: `${baseClass}__header`,
+          children: /*#__PURE__*/_jsx("div", {
+            className: `${baseClass}__sub-header`,
+            children: Description
+          })
+        }) : null, BeforeFields, /*#__PURE__*/_jsx(RenderFields, {
+          className: `${baseClass}__fields`,
+          fields: mainFields,
+          forceRender: true,
+          parentIndexPath: "",
+          parentPath: "",
+          parentSchemaPath: schemaPathSegments.join('.'),
+          permissions: docPermissions?.fields,
+          readOnly: readOnly
+        }), 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: true,
             parentIndexPath: "",
             parentPath: "",
-            parentSchemaPath: schemaPathSegments.join("."),
+            parentSchemaPath: schemaPathSegments.join('.'),
             permissions: docPermissions?.fields,
-            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
-            })
+            readOnly: 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;
+      })
+    }) : null]
+  });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ;AACvD,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAalB,OAAO,MAAMC,cAAA,GAAiCC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,WAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC,MAAA;IAAAC,gBAAA;IAAAC,QAAA,EAAAC,YAAA;IAAAC;EAAA,IAAAV,EAS9C;EAAA,IAAAW,EAAA;EAAA,IAAAV,CAAA,QAAAK,MAAA;IAKIK,EAAA,GAAAA,CAAA,KACML,MAAA,CAAAM,MAAA,EAAAC,GAAA,EAAAC,KAAA;MAAA,IAECtB,cAAA,CAAesB,KAAA;QACjBD,GAAA,CAAAE,aAAA,CAAAC,IAAA,CAAuBF,KAAA;QACvBD,GAAA,CAAAI,UAAA,CAAAD,IAAA,KAAoB;QACpBH,GAAA,CAAAK,gBAAA;MAAA;QAEAL,GAAA,CAAAI,UAAA,CAAAD,IAAA,CAAoBF,KAAA;QACpBD,GAAA,CAAAE,aAAA,CAAAC,IAAA,KAAuB;MAAA;MAAA,OAElBH,GAAA;IAAA;MAAAK,gBAAA;MAAAD,UAAA;MAAAF,aAAA;IAAA,CAMT;IAEJd,CAAA,MAAAK,MAAA;IAAAL,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAvBA,OAAAkB,EAAA,IAA0D1B,KAAA,CAAA2B,QAAA,CAIvDT,EAmBH;EAvBO;IAAAO,gBAAA;IAAAD,UAAA;IAAAF;EAAA,IAAAI,EAA+C;EAyBtD,MAAAE,gBAAA,GAAyB3B,mBAAA;EACzB,MAAA4B,cAAA,GAAuB3B,iBAAA;EAEvB,MAAAa,QAAA,GAAiBC,YAAA,IAAgBY,gBAAA,IAAoBC,cAAA;EAM/C,MAAAC,EAAA,GAAAL,gBAAA,GAAmB,GAAApB,SAAA,eAA2B,GAAG,GAAAA,SAAA,cAA0B;EAC3E,MAAA0B,EAAA,GAAAjB,gBAAA,IAAoB,GAAAT,SAAA,sBAAkC;EAAA,IAAA2B,EAAA;EAAA,IAAAxB,CAAA,QAAAsB,EAAA,IAAAtB,CAAA,QAAAuB,EAAA;IAH7CC,EAAA,IAAA3B,SAAA,EAETyB,EAA2E,EAC3EC,EAAsD,EAAAE,MAAA,CAAAC,OAE9C;IAAA1B,CAAA,MAAAsB,EAAA;IAAAtB,CAAA,MAAAuB,EAAA;IAAAvB,CAAA,MAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EALC,MAAA2B,EAAA,GAAAH,EAKD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAA7B,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAS,kBAAA,IAAAT,CAAA,QAAAI,cAAA,EAAAC,MAAA,IAAAL,CAAA,QAAAgB,UAAA,IAAAhB,CAAA,QAAAO,QAAA,IAAAP,CAAA,SAAAE,YAAA,IAAAF,CAAA,SAAAC,WAAA,IAAAD,CAAA,SAAAiB,gBAAA,IAAAjB,CAAA,SAAAc,aAAA,IAAAd,CAAA,SAAA2B,EAAA;IAPVE,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EACYJ,EAMH;MAAAK,QAAA,GAERC,IAAA,CAAC;QAAAF,SAAA,EAAe,GAAAlC,SAAA,QAAoB;QAAAmC,QAAA,EAClCF,KAAA,CAAAlC,MAAA;UAAAmC,SAAA,EAAmB,GAAAlC,SAAA,QAAoB;UAAAmC,QAAA,GACpC7B,WAAA,GACC8B,IAAA,CAAC;YAAAF,SAAA,EAAkB,GAAAlC,SAAA,UAAsB;YAAAmC,QAAA,EACvCC,IAAA,CAAC;cAAAF,SAAA,EAAe,GAAAlC,SAAA,cAA0B;cAAAmC,QAAA,EAAG7B;YAAA,C;mBAE7C,EACHD,YAAA,EACD+B,IAAA,CAAAtC,YAAA;YAAAoC,SAAA,EACa,GAAAlC,SAAA,UAAsB;YAAAQ,MAAA,EACzBW,UAAA;YAAAkB,WAAA;YAAAC,eAAA,EAEQ;YAAAC,UAAA,EACL;YAAAC,gBAAA,EACO5B,kBAAA,CAAAmB,IAAA,CAAwB;YAAAU,WAAA,EAC7BlC,cAAA,EAAAC,MAAA;YAAAE;UAAA,C,GAGdN,WAAA;QAAA,C;UAGJgB,gBAAA,GACCgB,IAAA,CAAC;QAAAF,SAAA,EAAe,GAAAlC,SAAA,gBAA4B;QAAAmC,QAAA,EAC1CC,IAAA,CAAC;UAAAF,SAAA,EAAe,GAAAlC,SAAA,WAAuB;UAAAmC,QAAA,EACrCC,IAAA,CAAC;YAAAF,SAAA,EAAe,GAAAlC,SAAA,kBAA8B;YAAAmC,QAAA,EAC5CC,IAAA,CAAAtC,YAAA;cAAAU,MAAA,EACUS,aAAA;cAAAoB,WAAA;cAAAC,eAAA,EAEQ;cAAAC,UAAA,EACL;cAAAC,gBAAA,EACO5B,kBAAA,CAAAmB,IAAA,CAAwB;cAAAU,WAAA,EAC7BlC,cAAA,EAAAC,MAAA;cAAAE;YAAA,C;;;eAMnB;IAAA,C;;;;;;;;;;;;;;;SA9CNsB,E;CAiDJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["fieldIsSidebar","React","useMemo","useFormInitializing","useFormProcessing","RenderFields","Gutter","baseClass","DocumentFields","AfterFields","BeforeFields","Description","docPermissions","fields","forceSidebarWrap","readOnly","readOnlyProp","schemaPathSegments","hasSidebarFields","mainFields","sidebarFields","reduce","acc","field","push","formInitializing","formProcessing","_jsxs","className","filter","Boolean","join","_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, { useMemo } 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 } = useMemo(() => {\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,\n        mainFields: [] as ClientField[],\n        sidebarFields: [] as ClientField[],\n      },\n    )\n  }, [fields])\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":[]}

package/dist/exports/client/{CodeEditor-DRTCMRCY.js → CodeEditor-5MCGR4GL.js}

@@ -10,7 +10,7 @@ function require(m) {
 }
 // Workaround end
 
-import{d as ce,h as ue}from"./chunk-PNHVQDTJ.js";import"./chunk-5LKBKI4T.js";import{c as Zt}from"react/compiler-runtime";import{jsx as De}from"react/jsx-runtime";function We(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function le(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function ee(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?le(Object(r),!0).forEach(function(n){We(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):le(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Ne(e,t){if(e==null)return{};var r={},n=Object.keys(e),o,i;for(i=0;i<n.length;i++)o=n[i],!(t.indexOf(o)>=0)&&(r[o]=e[o]);return r}function fe(e,t){if(e==null)return{};var r=Ne(e,t),n,o;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function de(e,t){return ze(e)||He(e,t)||Ue(e,t)||_e()}function ze(e){if(Array.isArray(e))return e}function He(e,t){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(e)))){var r=[],n=!0,o=!1,i=void 0;try{for(var a=e[Symbol.iterator](),u;!(n=(u=a.next()).done)&&(r.push(u.value),!(t&&r.length===t));n=!0);}catch(s){o=!0,i=s}finally{try{!n&&a.return!=null&&a.return()}finally{if(o)throw i}}return r}}function Ue(e,t){if(e){if(typeof e=="string")return se(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return se(e,t)}}function se(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _e(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+import{d as ce,h as ue}from"./chunk-4SO5UCQD.js";import"./chunk-5LKBKI4T.js";import{c as Zt}from"react/compiler-runtime";import{jsx as De}from"react/jsx-runtime";function We(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function le(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function ee(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?le(Object(r),!0).forEach(function(n){We(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):le(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Ne(e,t){if(e==null)return{};var r={},n=Object.keys(e),o,i;for(i=0;i<n.length;i++)o=n[i],!(t.indexOf(o)>=0)&&(r[o]=e[o]);return r}function fe(e,t){if(e==null)return{};var r=Ne(e,t),n,o;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function de(e,t){return ze(e)||He(e,t)||Ue(e,t)||_e()}function ze(e){if(Array.isArray(e))return e}function He(e,t){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(e)))){var r=[],n=!0,o=!1,i=void 0;try{for(var a=e[Symbol.iterator](),u;!(n=(u=a.next()).done)&&(r.push(u.value),!(t&&r.length===t));n=!0);}catch(s){o=!0,i=s}finally{try{!n&&a.return!=null&&a.return()}finally{if(o)throw i}}return r}}function Ue(e,t){if(e){if(typeof e=="string")return se(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return se(e,t)}}function se(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _e(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function pe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function me(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?pe(Object(r),!0).forEach(function(n){$e(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):pe(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function qe(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(n){return t.reduceRight(function(o,i){return i(o)},n)}}function H(e){return function t(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=e.length?e.apply(this,o):function(){for(var a=arguments.length,u=new Array(a),s=0;s<a;s++)u[s]=arguments[s];return t.apply(r,[].concat(o,u))}}}function k(e){return{}.toString.call(e).includes("Object")}function Be(e){return!Object.keys(e).length}function U(e){return typeof e=="function"}function Fe(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function ke(e,t){return k(t)||x("changeType"),Object.keys(t).some(function(r){return!Fe(e,r)})&&x("changeField"),t}function Ke(e){U(e)||x("selectorType")}function Ge(e){U(e)||k(e)||x("handlerType"),k(e)&&Object.values(e).some(function(t){return!U(t)})&&x("handlersType")}function Ye(e){e||x("initialIsRequired"),k(e)||x("initialType"),Be(e)&&x("initialContent")}function Je(e,t){throw new Error(e[t]||e.default)}var Qe={initialIsRequired:"initial state is required",initialType:"initial state should be an object",initialContent:"initial state shouldn't be an empty object",handlerType:"handler should be an object or a function",handlersType:"all handlers should be a functions",selectorType:"selector should be a function",changeType:"provided value of changes should be an object",changeField:'it seams you want to change a field in the state which is not specified in the "initial" state',default:"an unknown error accured in `state-local` package"},x=H(Je)(Qe),F={changes:ke,selector:Ke,handler:Ge,initial:Ye};function Xe(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};F.initial(e),F.handler(t);var r={current:e},n=H(tt)(r,t),o=H(et)(r),i=H(F.changes)(e),a=H(Ze)(r);function u(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(O){return O};return F.selector(d),d(r.current)}function s(d){qe(n,o,i,a)(d)}return[u,s]}function Ze(e,t){return U(t)?t(e.current):t}function et(e,t){return e.current=me(me({},e.current),t),t}function tt(e,t,r){return U(t)?t(e.current):Object.keys(r).forEach(function(n){var o;return(o=t[n])===null||o===void 0?void 0:o.call(t,e.current[n])}),r}var rt={create:Xe},ge=rt;var nt={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.43.0/min/vs"}},he=nt;function ot(e){return function t(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=e.length?e.apply(this,o):function(){for(var a=arguments.length,u=new Array(a),s=0;s<a;s++)u[s]=arguments[s];return t.apply(r,[].concat(o,u))}}}var ve=ot;function it(e){return{}.toString.call(e).includes("Object")}var be=it;function at(e){return e||ye("configIsRequired"),be(e)||ye("configType"),e.urls?(ct(),{paths:{vs:e.urls.monacoBase}}):e}function ct(){console.warn(we.deprecation)}function ut(e,t){throw new Error(e[t]||e.default)}var we={configIsRequired:"the configuration object is required",configType:"the configuration object should be an object",default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
     You are using deprecated way of configuration.
 
@@ -23,4 +23,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   `},ye=ve(ut)(we),lt={config:at},Oe=lt;var st=function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return function(o){return r.reduceRight(function(i,a){return a(i)},o)}},je=st;function Me(e,t){return Object.keys(t).forEach(function(r){t[r]instanceof Object&&e[r]&&Object.assign(t[r],Me(e[r],t[r]))}),ee(ee({},e),t)}var Se=Me;var ft={type:"cancelation",msg:"operation is manually canceled"};function dt(e){var t=!1,r=new Promise(function(n,o){e.then(function(i){return t?o(ft):n(i)}),e.catch(o)});return r.cancel=function(){return t=!0},r}var K=dt;var pt=ge.create({config:he,isInitialized:!1,resolve:null,reject:null,monaco:null}),Pe=de(pt,2),_=Pe[0],G=Pe[1];function mt(e){var t=Oe.config(e),r=t.monaco,n=fe(t,["monaco"]);G(function(o){return{config:Se(o.config,n),monaco:r}})}function gt(){var e=_(function(t){var r=t.monaco,n=t.isInitialized,o=t.resolve;return{monaco:r,isInitialized:n,resolve:o}});if(!e.isInitialized){if(G({isInitialized:!0}),e.monaco)return e.resolve(e.monaco),K(te);if(window.monaco&&window.monaco.editor)return Ee(window.monaco),e.resolve(window.monaco),K(te);je(ht,bt)(yt)}return K(te)}function ht(e){return document.body.appendChild(e)}function vt(e){var t=document.createElement("script");return e&&(t.src=e),t}function bt(e){var t=_(function(n){var o=n.config,i=n.reject;return{config:o,reject:i}}),r=vt("".concat(t.config.paths.vs,"/loader.js"));return r.onload=function(){return e()},r.onerror=t.reject,r}function yt(){var e=_(function(r){var n=r.config,o=r.resolve,i=r.reject;return{config:n,resolve:o,reject:i}}),t=window.require;t.config(e.config),t(["vs/editor/editor.main"],function(r){Ee(r),e.resolve(r)},function(r){e.reject(r)})}function Ee(e){_().monaco||G({monaco:e})}function wt(){return _(function(e){var t=e.monaco;return t})}var te=new Promise(function(e,t){return G({resolve:e,reject:t})}),Ot={config:mt,init:gt,__getMonacoInstance:wt},L=Ot;import{memo as jt}from"react";import Mt,{useState as Ie,useRef as R,useCallback as Ce,useEffect as xe}from"react";import{memo as St}from"react";import re from"react";import Et from"react";import{useEffect as Dt}from"react";import{useEffect as Wt,useRef as Nt}from"react";import{useState as Hr}from"react";import{memo as qt}from"react";import Bt,{useState as Te,useEffect as Y,useRef as M,useCallback as Ft}from"react";import{useEffect as kt,useRef as Kt}from"react";var Pt={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},ne=Pt,It={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Ct=It;function xt({children:e}){return Et.createElement("div",{style:Ct.container},e)}var Tt=xt,Lt=Tt;function At({width:e,height:t,isEditorReady:r,loading:n,_ref:o,className:i,wrapperProps:a}){return re.createElement("section",{style:{...ne.wrapper,width:e,height:t},...a},!r&&re.createElement(Lt,null,n),re.createElement("div",{ref:o,style:{...ne.fullWidth,...!r&&ne.hide},className:i}))}var Rt=At,Le=St(Rt);function Vt(e){Dt(e,[])}var Ae=Vt;function zt(e,t,r=!0){let n=Nt(!0);Wt(n.current||!r?()=>{n.current=!1}:e,t)}var w=zt;function $(){}function D(e,t,r,n){return Ht(e,n)||Ut(e,t,r,n)}function Ht(e,t){return e.editor.getModel(Re(e,t))}function Ut(e,t,r,n){return e.editor.createModel(t,r,n?Re(e,n):void 0)}function Re(e,t){return e.Uri.parse(t)}function _t({original:e,modified:t,language:r,originalLanguage:n,modifiedLanguage:o,originalModelPath:i,modifiedModelPath:a,keepCurrentOriginalModel:u=!1,keepCurrentModifiedModel:s=!1,theme:d="light",loading:O="Loading...",options:y={},height:S="100%",width:T="100%",className:P,wrapperProps:E={},beforeMount:I=$,onMount:j=$}){let[p,V]=Ie(!1),[W,m]=Ie(!0),g=R(null),f=R(null),N=R(null),v=R(j),c=R(I),A=R(!1);Ae(()=>{let l=L.init();return l.then(h=>(f.current=h)&&m(!1)).catch(h=>h?.type!=="cancelation"&&console.error("Monaco initialization: error:",h)),()=>g.current?z():l.cancel()}),w(()=>{if(g.current&&f.current){let l=g.current.getOriginalEditor(),h=D(f.current,e||"",n||r||"text",i||"");h!==l.getModel()&&l.setModel(h)}},[i],p),w(()=>{if(g.current&&f.current){let l=g.current.getModifiedEditor(),h=D(f.current,t||"",o||r||"text",a||"");h!==l.getModel()&&l.setModel(h)}},[a],p),w(()=>{let l=g.current.getModifiedEditor();l.getOption(f.current.editor.EditorOption.readOnly)?l.setValue(t||""):t!==l.getValue()&&(l.executeEdits("",[{range:l.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),l.pushUndoStop())},[t],p),w(()=>{g.current?.getModel()?.original.setValue(e||"")},[e],p),w(()=>{let{original:l,modified:h}=g.current.getModel();f.current.editor.setModelLanguage(l,n||r||"text"),f.current.editor.setModelLanguage(h,o||r||"text")},[r,n,o],p),w(()=>{f.current?.editor.setTheme(d)},[d],p),w(()=>{g.current?.updateOptions(y)},[y],p);let q=Ce(()=>{if(!f.current)return;c.current(f.current);let l=D(f.current,e||"",n||r||"text",i||""),h=D(f.current,t||"",o||r||"text",a||"");g.current?.setModel({original:l,modified:h})},[r,t,o,e,n,i,a]),B=Ce(()=>{!A.current&&N.current&&(g.current=f.current.editor.createDiffEditor(N.current,{automaticLayout:!0,...y}),q(),f.current?.editor.setTheme(d),V(!0),A.current=!0)},[y,d,q]);xe(()=>{p&&v.current(g.current,f.current)},[p]),xe(()=>{!W&&!p&&B()},[W,p,B]);function z(){let l=g.current?.getModel();u||l?.original?.dispose(),s||l?.modified?.dispose(),g.current?.dispose()}return Mt.createElement(Le,{width:T,height:S,isEditorReady:p,loading:O,_ref:N,className:P,wrapperProps:E})}var $t=_t,Nr=jt($t);function Gt(e){let t=Kt();return kt(()=>{t.current=e},[e]),t.current}var Yt=Gt,J=new Map;function Jt({defaultValue:e,defaultLanguage:t,defaultPath:r,value:n,language:o,path:i,theme:a="light",line:u,loading:s="Loading...",options:d={},overrideServices:O={},saveViewState:y=!0,keepCurrentModel:S=!1,width:T="100%",height:P="100%",className:E,wrapperProps:I={},beforeMount:j=$,onMount:p=$,onChange:V,onValidate:W=$}){let[m,g]=Te(!1),[f,N]=Te(!0),v=M(null),c=M(null),A=M(null),q=M(p),B=M(j),z=M(),l=M(n),h=Yt(i),ie=M(!1),Q=M(!1);Ae(()=>{let b=L.init();return b.then(C=>(v.current=C)&&N(!1)).catch(C=>C?.type!=="cancelation"&&console.error("Monaco initialization: error:",C)),()=>c.current?Ve():b.cancel()}),w(()=>{let b=D(v.current,e||n||"",t||o||"",i||r||"");b!==c.current?.getModel()&&(y&&J.set(h,c.current?.saveViewState()),c.current?.setModel(b),y&&c.current?.restoreViewState(J.get(i)))},[i],m),w(()=>{c.current?.updateOptions(d)},[d],m),w(()=>{!c.current||n===void 0||(c.current.getOption(v.current.editor.EditorOption.readOnly)?c.current.setValue(n):n!==c.current.getValue()&&(Q.current=!0,c.current.executeEdits("",[{range:c.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),c.current.pushUndoStop(),Q.current=!1))},[n],m),w(()=>{let b=c.current?.getModel();b&&o&&v.current?.editor.setModelLanguage(b,o)},[o],m),w(()=>{u!==void 0&&c.current?.revealLine(u)},[u],m),w(()=>{v.current?.editor.setTheme(a)},[a],m);let ae=Ft(()=>{if(!(!A.current||!v.current)&&!ie.current){B.current(v.current);let b=i||r,C=D(v.current,n||e||"",t||o||"",b||"");c.current=v.current?.editor.create(A.current,{model:C,automaticLayout:!0,...d},O),y&&c.current.restoreViewState(J.get(b)),v.current.editor.setTheme(a),u!==void 0&&c.current.revealLine(u),g(!0),ie.current=!0}},[e,t,r,n,o,i,d,O,y,a,u]);Y(()=>{m&&q.current(c.current,v.current)},[m]),Y(()=>{!f&&!m&&ae()},[f,m,ae]),l.current=n,Y(()=>{m&&V&&(z.current?.dispose(),z.current=c.current?.onDidChangeModelContent(b=>{Q.current||V(c.current.getValue(),b)}))},[m,V]),Y(()=>{if(m){let b=v.current.editor.onDidChangeMarkers(C=>{let X=c.current.getModel()?.uri;if(X&&C.find(Z=>Z.path===X.path)){let Z=v.current.editor.getModelMarkers({resource:X});W?.(Z)}});return()=>{b?.dispose()}}return()=>{}},[m,W]);function Ve(){z.current?.dispose(),S?y&&J.set(i,c.current.saveViewState()):c.current.getModel()?.dispose(),c.current.dispose()}return Bt.createElement(Le,{width:T,height:P,isEditorReady:m,loading:s,_ref:A,className:E,wrapperProps:I})}var Qt=Jt,Xt=qt(Qt),oe=Xt;import{useState as er}from"react";var tr=oe.default||oe,rr="code-editor",nr=e=>{let t=Zt(22),r,n,o,i,a;t[0]!==e?({className:o,maxHeight:a,options:i,readOnly:n,...r}=e,t[0]=e,t[1]=r,t[2]=n,t[3]=o,t[4]=i,t[5]=a):(r=t[1],n=t[2],o=t[3],i=t[4],a=t[5]);let[u,s]=er(20),{theme:d}=ue(),O=r?.defaultLanguage?`language--${r.defaultLanguage}`:"",y=n&&"read-only",S;t[6]!==o||t[7]!==O||t[8]!==y?(S=[rr,o,O,y].filter(Boolean),t[6]=o,t[7]=O,t[8]=y,t[9]=S):S=t[9];let T=S.join(" "),P;if(t[10]!==u||t[11]!==n||t[12]!==i||t[13]!==d||t[14]!==a||t[15]!==r||t[16]!==T){let E;t[18]!==r.onChange?(E=(j,p)=>{r.onChange?.(j,p),s(Math.max(56,j.split(`
 `).length*18+2))},t[18]=r.onChange,t[19]=E):E=t[19];let I;t[20]!==r.onMount?(I=(j,p)=>{r.onMount?.(j,p),s(Math.max(56,j.getValue().split(`
 `).length*18+2))},t[20]=r.onMount,t[21]=I):I=t[21],P=De(tr,{className:T,loading:De(ce,{height:u}),options:{detectIndentation:!0,hideCursorInOverviewRuler:!0,minimap:{enabled:!1},overviewRulerBorder:!1,readOnly:!!n,scrollbar:{alwaysConsumeMouseWheel:!1},scrollBeyondLastLine:!1,tabSize:2,wordWrap:"on",...i},theme:d==="dark"?"vs-dark":"vs",...r,height:a?Math.min(u,a):u,onChange:E,onMount:I}),t[10]=u,t[11]=n,t[12]=i,t[13]=d,t[14]=a,t[15]=r,t[16]=T,t[17]=P}else P=t[17];return P},Zr=nr;export{Zr as default};
-//# sourceMappingURL=CodeEditor-DRTCMRCY.js.map
+//# sourceMappingURL=CodeEditor-5MCGR4GL.js.map

package/dist/exports/client/chunk-4SO5UCQD.js

@@ -0,0 +1,14 @@
+"use client";
+// Workaround for react-datepicker and other cjs dependencies potentially inserting require("react") statements
+import * as requireReact from 'react';
+import * as requireReactDom from 'react-dom';
+
+function require(m) {
+ if (m === 'react') return requireReact;
+ if (m === 'react-dom') return requireReactDom;
+ throw new Error(`Unknown module ${m}`);
+}
+// Workaround end
+
+import{c as $}from"react/compiler-runtime";import{jsx as v}from"react/jsx-runtime";import{createContext as R,useContext as E,useEffect as M,useState as P}from"react";var k=R(void 0),L=l=>{let e=$(10),{children:t,config:o}=l,[s,u]=P(o),n,i;e[0]!==o?(n=()=>{u(o)},i=[o],e[0]=o,e[1]=n,e[2]=i):(n=e[1],i=e[2]),M(n,i);let r;e[3]!==s.collections||e[4]!==s.globals?(r=a=>{let{collectionSlug:d,globalSlug:f}=a;return d?s.collections.find(p=>p.slug===d):f?s.globals.find(p=>p.slug===f):null},e[3]=s.collections,e[4]=s.globals,e[5]=r):r=e[5];let m=r,c;return e[6]!==s||e[7]!==m||e[8]!==t?(c=v(k.Provider,{value:{config:s,getEntityConfig:m,setConfig:u},children:t}),e[6]=s,e[7]=m,e[8]=t,e[9]=c):c=e[9],c},D=()=>E(k);import{c as j}from"react/compiler-runtime";import*as x from"react";var b=(l,e)=>{let t=j(9),o=e===void 0?!1:e,[s,u]=x.useState(!1),n=x.useRef(void 0),i;t[0]!==l?(i=()=>(u(!1),clearTimeout(n.current),n.current=setTimeout(()=>{u(!0)},l),()=>{clearTimeout(n.current)}),t[0]=l,t[1]=i):i=t[1];let r=i,m,c;t[2]!==o||t[3]!==r?(m=()=>{o&&r()},c=[r,o],t[2]=o,t[3]=r,t[4]=m,t[5]=c):(m=t[4],c=t[5]),x.useEffect(m,c);let a;return t[6]!==s||t[7]!==r?(a=[s,r],t[6]=s,t[7]=r,t[8]=a):a=t[8],a};import{c as A}from"react/compiler-runtime";import{jsx as C}from"react/jsx-runtime";import"react";var N=({animationDelay:l="0ms",height:e="60px",width:t="100%"})=>C("div",{className:"shimmer-effect",style:{height:typeof e=="number"?`${e}px`:e,width:typeof t=="number"?`${t}px`:t},children:C("div",{className:"shimmer-effect__shine",style:{animationDelay:l}})}),oe=l=>{let e=A(7),{className:t,count:o,height:s,renderDelay:u,shimmerDelay:n,shimmerItemClassName:i,width:r}=l,m=u===void 0?500:u,c=n===void 0?25:n,a=typeof c=="number"?`${c}ms`:c,[d]=b(m,!0);if(!d)return null;let f;return e[0]!==o||e[1]!==i||e[2]!==a||e[3]!==s||e[4]!==r||e[5]!==t?(f=C("div",{className:t,children:[...Array(o)].map((p,g)=>C("div",{className:i,children:C(N,{animationDelay:`calc(${g} * ${a})`,height:s,width:r})},g))}),e[0]=o,e[1]=i,e[2]=a,e[3]=s,e[4]=r,e[5]=t,e[6]=f):f=e[6],f};import{c as S}from"react/compiler-runtime";import{jsx as F}from"react/jsx-runtime";import{createContext as O,useContext as H,useEffect as I,useState as w}from"react";var K={autoMode:!0,setTheme:()=>null,theme:"light"},_=O(K);function T(l,e,t){let o=new Date;o.setTime(o.getTime()+t*24*60*60*1e3);let s="expires="+o.toUTCString();document.cookie=l+"="+e+";"+s+";path=/"}var U=l=>{let e,t=window.document.cookie.split("; ").find(o=>o.startsWith(`${l}=`))?.split("=")[1];return t==="light"||t==="dark"?e=t:e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",document.documentElement.setAttribute("data-theme",e),{theme:e,themeFromCookies:t}},W="light",me=l=>{let e=S(11),{children:t,theme:o}=l,{config:s}=D(),u=s.admin.theme,n=`${s.cookiePrefix||"payload"}-theme`,[i,r]=w(o||W),[m,c]=w(),a,d;e[0]!==u||e[1]!==n?(a=()=>{if(u!=="all")return;let{theme:h,themeFromCookies:y}=U(n);r(h),c(!y)},d=[u,n],e[0]=u,e[1]=n,e[2]=a,e[3]=d):(a=e[2],d=e[3]),I(a,d);let f;e[4]!==n?(f=h=>{if(h==="light"||h==="dark")r(h),c(!1),T(n,h,365),document.documentElement.setAttribute("data-theme",h);else if(h==="auto"){T(n,h,-1);let y=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";document.documentElement.setAttribute("data-theme",y),c(!0),r(y)}},e[4]=n,e[5]=f):f=e[5];let p=f,g;return e[6]!==m||e[7]!==p||e[8]!==i||e[9]!==t?(g=F(_.Provider,{value:{autoMode:m,setTheme:p,theme:i},children:t}),e[6]=m,e[7]=p,e[8]=i,e[9]=t,e[10]=g):g=e[10],g},ue=()=>H(_);export{L as a,D as b,b as c,N as d,oe as e,W as f,me as g,ue as h};
+//# sourceMappingURL=chunk-4SO5UCQD.js.map