@payloadcms/ui 3.80.0-internal-debug.7019cc9 → 3.80.0-internal.0311fce

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

@@ -1,5 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { Gutter } from '../../../elements/Gutter/index.js';
 import { useModal } from '../../../elements/Modal/index.js';
@@ -14,101 +16,106 @@ import { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js';
 import { documentDrawerBaseClass } from '../index.js';
 import './index.scss';
 const leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer';
-export const DocumentDrawerHeader = ({ AfterHeader, drawerSlug, showDocumentID = true })=>{
-    const { closeModal, openModal } = useModal();
-    const { t } = useTranslation();
-    const isModified = useFormModified();
-    const handleOnClose = useCallback(()=>{
-        if (isModified) {
-            openModal(leaveWithoutSavingModalSlug);
-        } else {
-            closeModal(drawerSlug);
-        }
-    }, [
-        isModified,
-        openModal,
-        closeModal,
-        drawerSlug
-    ]);
-    return /*#__PURE__*/ _jsxDEV(Gutter, {
-        className: `${documentDrawerBaseClass}__header`,
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${documentDrawerBaseClass}__header-content`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("h2", {
-                        className: `${documentDrawerBaseClass}__header-text`,
-                        children: /*#__PURE__*/ _jsxDEV(RenderTitle, {
-                            element: "span"
-                        }, void 0, false, {
-                            fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
-                            lineNumber: 41,
-                            columnNumber: 12
-                        }, this)
-                    }, void 0, false, {
-                        fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
-                        lineNumber: 40,
-                        columnNumber: 9
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("button", {
-                        "aria-label": t('general:close'),
-                        className: `${documentDrawerBaseClass}__header-close`,
-                        onClick: handleOnClose,
-                        type: "button",
-                        children: /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
-                            fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
-                            lineNumber: 49,
-                            columnNumber: 11
-                        }, this)
-                    }, void 0, false, {
-                        fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
-                        lineNumber: 43,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
-                lineNumber: 39,
-                columnNumber: 7
-            }, this),
-            showDocumentID && /*#__PURE__*/ _jsxDEV(DocumentID, {}, void 0, false, {
-                fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
-                lineNumber: 52,
-                columnNumber: 26
-            }, this),
-            AfterHeader ? /*#__PURE__*/ _jsxDEV("div", {
-                className: `${documentDrawerBaseClass}__after-header`,
-                children: AfterHeader
-            }, void 0, false, {
-                fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
-                lineNumber: 54,
-                columnNumber: 9
-            }, this) : null,
-            /*#__PURE__*/ _jsxDEV(LeaveWithoutSavingModal, {
-                modalSlug: leaveWithoutSavingModalSlug,
-                onConfirm: ()=>closeModal(drawerSlug)
-            }, void 0, false, {
-                fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
-                lineNumber: 57,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
-        lineNumber: 38,
-        columnNumber: 5
-    }, this);
+export const DocumentDrawerHeader = t0 => {
+  const $ = _c(15);
+  const {
+    AfterHeader,
+    drawerSlug,
+    showDocumentID: t1
+  } = t0;
+  const showDocumentID = t1 === undefined ? true : t1;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  const isModified = useFormModified();
+  let t2;
+  if ($[0] !== closeModal || $[1] !== drawerSlug || $[2] !== isModified || $[3] !== openModal) {
+    t2 = () => {
+      if (isModified) {
+        openModal(leaveWithoutSavingModalSlug);
+      } else {
+        closeModal(drawerSlug);
+      }
+    };
+    $[0] = closeModal;
+    $[1] = drawerSlug;
+    $[2] = isModified;
+    $[3] = openModal;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const handleOnClose = t2;
+  let t3;
+  if ($[5] !== AfterHeader || $[6] !== closeModal || $[7] !== drawerSlug || $[8] !== handleOnClose || $[9] !== showDocumentID || $[10] !== t) {
+    let t4;
+    if ($[12] !== closeModal || $[13] !== drawerSlug) {
+      t4 = () => closeModal(drawerSlug);
+      $[12] = closeModal;
+      $[13] = drawerSlug;
+      $[14] = t4;
+    } else {
+      t4 = $[14];
+    }
+    t3 = _jsxs(Gutter, {
+      className: `${documentDrawerBaseClass}__header`,
+      children: [_jsxs("div", {
+        className: `${documentDrawerBaseClass}__header-content`,
+        children: [_jsx("h2", {
+          className: `${documentDrawerBaseClass}__header-text`,
+          children: _jsx(RenderTitle, {
+            element: "span"
+          })
+        }), _jsx("button", {
+          "aria-label": t("general:close"),
+          className: `${documentDrawerBaseClass}__header-close`,
+          onClick: handleOnClose,
+          type: "button",
+          children: _jsx(XIcon, {})
+        })]
+      }), showDocumentID && _jsx(DocumentID, {}), AfterHeader ? _jsx("div", {
+        className: `${documentDrawerBaseClass}__after-header`,
+        children: AfterHeader
+      }) : null, _jsx(LeaveWithoutSavingModal, {
+        modalSlug: leaveWithoutSavingModalSlug,
+        onConfirm: t4
+      })]
+    });
+    $[5] = AfterHeader;
+    $[6] = closeModal;
+    $[7] = drawerSlug;
+    $[8] = handleOnClose;
+    $[9] = showDocumentID;
+    $[10] = t;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
 };
-const DocumentID = ()=>{
-    const { id } = useDocumentInfo();
-    const { title } = useDocumentTitle();
-    return id && id !== title ? /*#__PURE__*/ _jsxDEV(IDLabel, {
-        id: id.toString()
-    }, void 0, false, {
-        fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
-        lineNumber: 68,
-        columnNumber: 31
-    }, this) : null;
+const DocumentID = () => {
+  const $ = _c(3);
+  const {
+    id
+  } = useDocumentInfo();
+  const {
+    title
+  } = useDocumentTitle();
+  let t0;
+  if ($[0] !== id || $[1] !== title) {
+    t0 = id && id !== title ? _jsx(IDLabel, {
+      id: id.toString()
+    }) : null;
+    $[0] = id;
+    $[1] = title;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport { useCallback } from 'react'\n\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { useFormModified } from '../../../forms/Form/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { IDLabel } from '../../IDLabel/index.js'\nimport { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js'\nimport { documentDrawerBaseClass } from '../index.js'\nimport './index.scss'\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer'\n\nexport const DocumentDrawerHeader: React.FC<{\n  AfterHeader?: React.ReactNode\n  drawerSlug: string\n  showDocumentID?: boolean\n}> = ({ AfterHeader, drawerSlug, showDocumentID = true }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const isModified = useFormModified()\n\n  const handleOnClose = useCallback(() => {\n    if (isModified) {\n      openModal(leaveWithoutSavingModalSlug)\n    } else {\n      closeModal(drawerSlug)\n    }\n  }, [isModified, openModal, closeModal, drawerSlug])\n\n  return (\n    <Gutter className={`${documentDrawerBaseClass}__header`}>\n      <div className={`${documentDrawerBaseClass}__header-content`}>\n        <h2 className={`${documentDrawerBaseClass}__header-text`}>\n          {<RenderTitle element=\"span\" />}\n        </h2>\n        <button\n          aria-label={t('general:close')}\n          className={`${documentDrawerBaseClass}__header-close`}\n          onClick={handleOnClose}\n          type=\"button\"\n        >\n          <XIcon />\n        </button>\n      </div>\n      {showDocumentID && <DocumentID />}\n      {AfterHeader ? (\n        <div className={`${documentDrawerBaseClass}__after-header`}>{AfterHeader}</div>\n      ) : null}\n\n      <LeaveWithoutSavingModal\n        modalSlug={leaveWithoutSavingModalSlug}\n        onConfirm={() => closeModal(drawerSlug)}\n      />\n    </Gutter>\n  )\n}\n\nconst DocumentID: React.FC = () => {\n  const { id } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"names":["useCallback","Gutter","useModal","RenderTitle","useFormModified","XIcon","useDocumentInfo","useDocumentTitle","useTranslation","IDLabel","LeaveWithoutSavingModal","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","AfterHeader","drawerSlug","showDocumentID","closeModal","openModal","t","isModified","handleOnClose","className","div","h2","element","button","aria-label","onClick","type","DocumentID","modalSlug","onConfirm","id","title","toString"],"mappings":"AAAA;;AAEA,SAASA,WAAW,QAAQ,QAAO;AAEnC,SAASC,MAAM,QAAQ,oCAAmC;AAC1D,SAASC,QAAQ,QAAQ,mCAAkC;AAC3D,SAASC,WAAW,QAAQ,yCAAwC;AACpE,SAASC,eAAe,QAAQ,+BAA8B;AAC9D,SAASC,KAAK,QAAQ,4BAA2B;AACjD,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,SAASC,gBAAgB,QAAQ,4CAA2C;AAC5E,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,OAAO,QAAQ,yBAAwB;AAChD,SAASC,uBAAuB,QAAQ,oCAAmC;AAC3E,SAASC,uBAAuB,QAAQ,cAAa;AACrD,OAAO,eAAc;AAErB,MAAMC,8BAA8B;AAEpC,OAAO,MAAMC,uBAIR,CAAC,EAAEC,WAAW,EAAEC,UAAU,EAAEC,iBAAiB,IAAI,EAAE;IACtD,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGhB;IAClC,MAAM,EAAEiB,CAAC,EAAE,GAAGX;IACd,MAAMY,aAAahB;IAEnB,MAAMiB,gBAAgBrB,YAAY;QAChC,IAAIoB,YAAY;YACdF,UAAUN;QACZ,OAAO;YACLK,WAAWF;QACb;IACF,GAAG;QAACK;QAAYF;QAAWD;QAAYF;KAAW;IAElD,qBACE,QAACd;QAAOqB,WAAW,GAAGX,wBAAwB,QAAQ,CAAC;;0BACrD,QAACY;gBAAID,WAAW,GAAGX,wBAAwB,gBAAgB,CAAC;;kCAC1D,QAACa;wBAAGF,WAAW,GAAGX,wBAAwB,aAAa,CAAC;kCACrD,cAAA,QAACR;4BAAYsB,SAAQ;;;;;;;;;;;kCAExB,QAACC;wBACCC,cAAYR,EAAE;wBACdG,WAAW,GAAGX,wBAAwB,cAAc,CAAC;wBACrDiB,SAASP;wBACTQ,MAAK;kCAEL,cAAA,QAACxB;;;;;;;;;;;;;;;;YAGJW,gCAAkB,QAACc;;;;;YACnBhB,4BACC,QAACS;gBAAID,WAAW,GAAGX,wBAAwB,cAAc,CAAC;0BAAGG;;;;;uBAC3D;0BAEJ,QAACJ;gBACCqB,WAAWnB;gBACXoB,WAAW,IAAMf,WAAWF;;;;;;;;;;;;AAIpC,EAAC;AAED,MAAMe,aAAuB;IAC3B,MAAM,EAAEG,EAAE,EAAE,GAAG3B;IACf,MAAM,EAAE4B,KAAK,EAAE,GAAG3B;IAClB,OAAO0B,MAAMA,OAAOC,sBAAQ,QAACzB;QAAQwB,IAAIA,GAAGE,QAAQ;;;;;eAAS;AAC/D"}
+{"version":3,"file":"index.js","names":["c","_c","useCallback","Gutter","useModal","RenderTitle","useFormModified","XIcon","useDocumentInfo","useDocumentTitle","useTranslation","IDLabel","LeaveWithoutSavingModal","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","t0","$","AfterHeader","drawerSlug","showDocumentID","t1","undefined","closeModal","openModal","t","isModified","t2","handleOnClose","t3","t4","_jsxs","className","children","_jsx","element","onClick","type","DocumentID","modalSlug","onConfirm","id","title","toString"],"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport { useCallback } from 'react'\n\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { useFormModified } from '../../../forms/Form/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { IDLabel } from '../../IDLabel/index.js'\nimport { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js'\nimport { documentDrawerBaseClass } from '../index.js'\nimport './index.scss'\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer'\n\nexport const DocumentDrawerHeader: React.FC<{\n  AfterHeader?: React.ReactNode\n  drawerSlug: string\n  showDocumentID?: boolean\n}> = ({ AfterHeader, drawerSlug, showDocumentID = true }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const isModified = useFormModified()\n\n  const handleOnClose = useCallback(() => {\n    if (isModified) {\n      openModal(leaveWithoutSavingModalSlug)\n    } else {\n      closeModal(drawerSlug)\n    }\n  }, [isModified, openModal, closeModal, drawerSlug])\n\n  return (\n    <Gutter className={`${documentDrawerBaseClass}__header`}>\n      <div className={`${documentDrawerBaseClass}__header-content`}>\n        <h2 className={`${documentDrawerBaseClass}__header-text`}>\n          {<RenderTitle element=\"span\" />}\n        </h2>\n        <button\n          aria-label={t('general:close')}\n          className={`${documentDrawerBaseClass}__header-close`}\n          onClick={handleOnClose}\n          type=\"button\"\n        >\n          <XIcon />\n        </button>\n      </div>\n      {showDocumentID && <DocumentID />}\n      {AfterHeader ? (\n        <div className={`${documentDrawerBaseClass}__after-header`}>{AfterHeader}</div>\n      ) : null}\n\n      <LeaveWithoutSavingModal\n        modalSlug={leaveWithoutSavingModalSlug}\n        onConfirm={() => closeModal(drawerSlug)}\n      />\n    </Gutter>\n  )\n}\n\nconst DocumentID: React.FC = () => {\n  const { id } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentDrawer/Provider.js

@@ -1,28 +1,22 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, use } from 'react';
-/* only available if `redirectAfterDuplicate` is `false` */ /**
-     * If you want to pass additional data to the onSuccess callback, you can use this context object.
-     *
-     * @experimental This property is experimental and may change in the future. Use at your own risk.
-     */ export const DocumentDrawerCallbacksContext = /*#__PURE__*/ createContext({});
-export const DocumentDrawerContextProvider = ({ children, ...rest })=>{
-    return /*#__PURE__*/ _jsxDEV(DocumentDrawerCallbacksContext, {
-        value: {
-            ...rest
-        },
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/DocumentDrawer/Provider.tsx",
-        lineNumber: 45,
-        columnNumber: 5
-    }, this);
+export const DocumentDrawerCallbacksContext = /*#__PURE__*/createContext({});
+export const DocumentDrawerContextProvider = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(DocumentDrawerCallbacksContext, {
+    value: {
+      ...rest
+    },
+    children: children
+  });
 };
-export const useDocumentDrawerContext = ()=>{
-    const context = use(DocumentDrawerCallbacksContext);
-    if (!context) {
-        throw new Error('useDocumentDrawerContext must be used within a DocumentDrawerProvider');
-    }
-    return context;
+export const useDocumentDrawerContext = () => {
+  const context = use(DocumentDrawerCallbacksContext);
+  if (!context) {
+    throw new Error('useDocumentDrawerContext must be used within a DocumentDrawerProvider');
+  }
+  return context;
 };
-
 //# sourceMappingURL=Provider.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentDrawer/Provider.tsx"],"sourcesContent":["import type { ClientCollectionConfig, Data, FormState, TypeWithID } from 'payload'\n\nimport { createContext, use } 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 onRestore?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    id: string\n  }) => Promise<void> | void\n  readonly onSave?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    /**\n     * If you want to pass additional data to the onSuccess callback, you can use this context object.\n     *\n     * @experimental This property is experimental and may change in the future. Use at your own risk.\n     */\n    context?: Record<string, unknown>\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 value={{ ...rest }}>{children}</DocumentDrawerCallbacksContext>\n  )\n}\n\nexport const useDocumentDrawerContext = (): DocumentDrawerContextType => {\n  const context = use(DocumentDrawerCallbacksContext)\n\n  if (!context) {\n    throw new Error('useDocumentDrawerContext must be used within a DocumentDrawerProvider')\n  }\n\n  return context\n}\n"],"names":["createContext","use","DocumentDrawerCallbacksContext","DocumentDrawerContextProvider","children","rest","value","useDocumentDrawerContext","context","Error"],"mappings":";AAEA,SAASA,aAAa,EAAEC,GAAG,QAAQ,QAAO;AASxC,yDAAyD,GAWvD;;;;KAIC,GAUL,OAAO,MAAMC,+CAAiCF,cAAc,CAAC,GAA+B;AAE5F,OAAO,MAAMG,gCAIT,CAAC,EAAEC,QAAQ,EAAE,GAAGC,MAAM;IACxB,qBACE,QAACH;QAA+BI,OAAO;YAAE,GAAGD,IAAI;QAAC;kBAAID;;;;;;AAEzD,EAAC;AAED,OAAO,MAAMG,2BAA2B;IACtC,MAAMC,UAAUP,IAAIC;IAEpB,IAAI,CAACM,SAAS;QACZ,MAAM,IAAIC,MAAM;IAClB;IAEA,OAAOD;AACT,EAAC"}
+{"version":3,"file":"Provider.js","names":["createContext","use","DocumentDrawerCallbacksContext","DocumentDrawerContextProvider","children","rest","_jsx","value","useDocumentDrawerContext","context","Error"],"sources":["../../../src/elements/DocumentDrawer/Provider.tsx"],"sourcesContent":["import type { ClientCollectionConfig, Data, FormState, TypeWithID } from 'payload'\n\nimport { createContext, use } 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 onRestore?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    id: string\n  }) => Promise<void> | void\n  readonly onSave?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    /**\n     * If you want to pass additional data to the onSuccess callback, you can use this context object.\n     *\n     * @experimental This property is experimental and may change in the future. Use at your own risk.\n     */\n    context?: Record<string, unknown>\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 value={{ ...rest }}>{children}</DocumentDrawerCallbacksContext>\n  )\n}\n\nexport const useDocumentDrawerContext = (): DocumentDrawerContextType => {\n  const context = use(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,GAAG,QAAQ;AAkCnC,OAAO,MAAMC,8BAAA,gBAAiCF,aAAA,CAAc,CAAC;AAE7D,OAAO,MAAMG,6BAAA,GAITA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAA,CAAM;EACxB,oBACEC,IAAA,CAACJ,8BAAA;IAA+BK,KAAA,EAAO;MAAE,GAAGF;IAAK;cAAID;;AAEzD;AAEA,OAAO,MAAMI,wBAAA,GAA2BA,CAAA;EACtC,MAAMC,OAAA,GAAUR,GAAA,CAAIC,8BAAA;EAEpB,IAAI,CAACO,OAAA,EAAS;IACZ,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,OAAOD,OAAA;AACT","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,YAAY,CAAA;AAOnB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,uBAAuB,eAAe,CAAA;AAcnD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2BhE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQxD,CAAA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,iBAAiB,EAAE,iBAsE/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,YAAY,CAAA;AAOnB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,uBAAuB,eAAe,CAAA;AAcnD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2BhE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQxD,CAAA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,iBAAiB,EAAE,iBA+E/B,CAAA"}

package/dist/elements/DocumentDrawer/index.js

@@ -1,8 +1,10 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+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 React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
+import React, { useCallback, useId, useMemo, useRef } from 'react';
 import { useRelatedCollections } from '../../hooks/useRelatedCollections.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -10,48 +12,62 @@ import { Drawer, DrawerToggler } from '../Drawer/index.js';
 import { DocumentDrawerContent } from './DrawerContent.js';
 import './index.scss';
 export const documentDrawerBaseClass = 'doc-drawer';
-const formatDocumentDrawerSlug = ({ id, collectionSlug, depth, uuid })=>`doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`;
-export const DocumentDrawerToggler = ({ children, className, collectionSlug, disabled, drawerSlug, onClick, operation, ...rest })=>{
-    const { t } = useTranslation();
-    const [collectionConfig] = useRelatedCollections(collectionSlug);
-    return /*#__PURE__*/ _jsxDEV(DrawerToggler, {
-        "aria-label": t(operation === 'create' ? 'fields:addNewLabel' : 'general:editLabel', {
-            label: collectionConfig?.labels.singular
-        }),
-        className: [
-            className,
-            `${documentDrawerBaseClass}__toggler`
-        ].filter(Boolean).join(' '),
-        disabled: disabled,
-        onClick: onClick,
-        slug: drawerSlug,
-        ...rest,
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/DocumentDrawer/index.tsx",
-        lineNumber: 47,
-        columnNumber: 5
-    }, this);
+const formatDocumentDrawerSlug = ({
+  id,
+  collectionSlug,
+  depth,
+  uuid
+}) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`;
+export const DocumentDrawerToggler = t0 => {
+  const $ = _c(2);
+  const {
+    children,
+    className,
+    collectionSlug,
+    disabled,
+    drawerSlug,
+    onClick,
+    operation,
+    ...rest
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  const [collectionConfig] = useRelatedCollections(collectionSlug);
+  const t1 = t(operation === "create" ? "fields:addNewLabel" : "general:editLabel", {
+    label: collectionConfig?.labels.singular
+  });
+  let t2;
+  if ($[0] !== className) {
+    t2 = [className, `${documentDrawerBaseClass}__toggler`].filter(Boolean);
+    $[0] = className;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return _jsx(DrawerToggler, {
+    "aria-label": t1,
+    className: t2.join(" "),
+    disabled,
+    onClick,
+    slug: drawerSlug,
+    ...rest,
+    children
+  });
 };
-export const DocumentDrawer = (props)=>{
-    const { drawerSlug } = props;
-    return /*#__PURE__*/ _jsxDEV(Drawer, {
-        className: documentDrawerBaseClass,
-        gutter: false,
-        Header: null,
-        slug: drawerSlug,
-        children: /*#__PURE__*/ _jsxDEV(DocumentDrawerContent, {
-            ...props
-        }, void 0, false, {
-            fileName: "src/elements/DocumentDrawer/index.tsx",
-            lineNumber: 67,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/DocumentDrawer/index.tsx",
-        lineNumber: 66,
-        columnNumber: 5
-    }, this);
+export const DocumentDrawer = props => {
+  const {
+    drawerSlug
+  } = props;
+  return /*#__PURE__*/_jsx(Drawer, {
+    className: documentDrawerBaseClass,
+    gutter: false,
+    Header: null,
+    slug: drawerSlug,
+    children: /*#__PURE__*/_jsx(DocumentDrawerContent, {
+      ...props
+    })
+  });
 };
 /**
  * A hook to manage documents from a drawer modal.
@@ -71,98 +87,71 @@ export const DocumentDrawer = (props)=>{
  *    </DocumentDrawerToggler>
  *    <DocumentDrawer collectionSlug="posts" id={postId} />
  *  </div>
- */ export const useDocumentDrawer = ({ id, collectionSlug, overrideEntityVisibility })=>{
-    const editDepth = useEditDepth();
-    const uuid = useId();
-    const { closeModal, modalState, openModal, toggleModal } = useModal();
-    const [isOpen, setIsOpen] = useState(false);
-    const drawerSlug = formatDocumentDrawerSlug({
-        id,
-        collectionSlug,
-        depth: editDepth,
-        uuid
+ */
+export const useDocumentDrawer = ({
+  id,
+  collectionSlug,
+  drawerSlug: drawerSlugFromProps,
+  overrideEntityVisibility
+}) => {
+  const editDepth = useEditDepth();
+  const uuid = useId();
+  const {
+    closeModal,
+    openModal,
+    toggleModal
+  } = useModal();
+  // Use provided slug or generate one
+  const drawerSlug = drawerSlugFromProps || formatDocumentDrawerSlug({
+    id,
+    collectionSlug,
+    depth: editDepth,
+    uuid
+  });
+  // Store modal functions in refs to ensure stable callbacks
+  // This prevents re-renders when other modals change state
+  const closeModalRef = useRef(closeModal);
+  const openModalRef = useRef(openModal);
+  const toggleModalRef = useRef(toggleModal);
+  closeModalRef.current = closeModal;
+  openModalRef.current = openModal;
+  toggleModalRef.current = toggleModal;
+  const toggleDrawer = useCallback(() => {
+    toggleModalRef.current(drawerSlug);
+  }, [drawerSlug]);
+  const closeDrawer = useCallback(() => {
+    closeModalRef.current(drawerSlug);
+  }, [drawerSlug]);
+  const openDrawer = useCallback(() => {
+    openModalRef.current(drawerSlug);
+  }, [drawerSlug]);
+  const MemoizedDrawer = useMemo(() => {
+    return props => /*#__PURE__*/_createElement(DocumentDrawer, {
+      ...props,
+      collectionSlug: collectionSlug,
+      drawerSlug: drawerSlug,
+      id: id,
+      key: drawerSlug,
+      overrideEntityVisibility: overrideEntityVisibility
+    });
+  }, [id, drawerSlug, collectionSlug, overrideEntityVisibility]);
+  const MemoizedDrawerToggler = useMemo(() => {
+    return props_0 => /*#__PURE__*/_jsx(DocumentDrawerToggler, {
+      ...props_0,
+      collectionSlug: collectionSlug,
+      drawerSlug: drawerSlug,
+      operation: !id ? 'create' : 'update'
     });
-    useEffect(()=>{
-        setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
-    }, [
-        modalState,
-        drawerSlug
-    ]);
-    const toggleDrawer = useCallback(()=>{
-        toggleModal(drawerSlug);
-    }, [
-        toggleModal,
-        drawerSlug
-    ]);
-    const closeDrawer = useCallback(()=>{
-        closeModal(drawerSlug);
-    }, [
-        closeModal,
-        drawerSlug
-    ]);
-    const openDrawer = useCallback(()=>{
-        openModal(drawerSlug);
-    }, [
-        openModal,
-        drawerSlug
-    ]);
-    const MemoizedDrawer = useMemo(()=>{
-        return (props)=>/*#__PURE__*/ _createElement(DocumentDrawer, {
-                ...props,
-                collectionSlug: collectionSlug,
-                drawerSlug: drawerSlug,
-                id: id,
-                key: drawerSlug,
-                overrideEntityVisibility: overrideEntityVisibility,
-                __source: {
-                    fileName: "src/elements/DocumentDrawer/index.tsx",
-                    lineNumber: 126,
-                    columnNumber: 7
-                },
-                __self: this
-            });
-    }, [
-        id,
-        drawerSlug,
-        collectionSlug,
-        overrideEntityVisibility
-    ]);
-    const MemoizedDrawerToggler = useMemo(()=>{
-        return (props)=>/*#__PURE__*/ _jsxDEV(DocumentDrawerToggler, {
-                ...props,
-                collectionSlug: collectionSlug,
-                drawerSlug: drawerSlug,
-                operation: !id ? 'create' : 'update'
-            }, void 0, false, {
-                fileName: "src/elements/DocumentDrawer/index.tsx",
-                lineNumber: 139,
-                columnNumber: 7
-            }, this);
-    }, [
-        id,
-        drawerSlug,
-        collectionSlug
-    ]);
-    const MemoizedDrawerState = useMemo(()=>({
-            closeDrawer,
-            drawerDepth: editDepth,
-            drawerSlug,
-            isDrawerOpen: isOpen,
-            openDrawer,
-            toggleDrawer
-        }), [
-        editDepth,
-        drawerSlug,
-        isOpen,
-        toggleDrawer,
-        closeDrawer,
-        openDrawer
-    ]);
-    return [
-        MemoizedDrawer,
-        MemoizedDrawerToggler,
-        MemoizedDrawerState
-    ];
+  }, [id, drawerSlug, collectionSlug]);
+  const MemoizedDrawerState = useMemo(() => ({
+    closeDrawer,
+    drawerDepth: editDepth,
+    drawerSlug,
+    // Note: Not tracking isDrawerOpen to prevent re-renders when modals change state
+    isDrawerOpen: false,
+    openDrawer,
+    toggleDrawer
+  }), [editDepth, drawerSlug, toggleDrawer, closeDrawer, openDrawer]);
+  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState];
 };
-
 //# sourceMappingURL=index.js.map