@elliemae/ds-global-header 3.70.0-next.7 → 3.70.0-next.71

package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/useSearchToggle.js

@@ -36,38 +36,57 @@ var import_ds_system = require("@elliemae/ds-system");
 var import_react = __toESM(require("react"));
 const useSearchToggle = (outOfTheBoxDrilledDownProps) => {
   const { setRef, componentProps, instanceUID } = outOfTheBoxDrilledDownProps;
-  const { onChange, onClear, isOpen: userIsOpen, onKeyDown, onClick, triggerRef } = componentProps;
+  const {
+    onChange,
+    onClear,
+    isOpen: userIsOpen,
+    onKeyDown,
+    onClick,
+    triggerRef,
+    onExpand,
+    onCollapse
+  } = componentProps;
   const [isOpenUncontrolled, setIsOpenUncontrolled] = import_react.default.useState(false);
   const internalInputRef = import_react.default.useRef(null);
   const containerRef = import_react.default.useRef(null);
   const internalTriggerRef = import_react.default.useRef(null);
   const isControlled = userIsOpen !== void 0;
   const isOpen = userIsOpen ?? isOpenUncontrolled;
-  const openUncontrolled = import_react.default.useCallback(() => {
-    if (!isControlled) setIsOpenUncontrolled(true);
-  }, [isControlled]);
-  const closeUncontrolled = import_react.default.useCallback(() => {
-    if (!isControlled) setIsOpenUncontrolled(false);
-    internalTriggerRef.current?.focus();
-    onClear();
-  }, [isControlled, onClear]);
+  const expand = import_react.default.useCallback(
+    (info) => {
+      if (!isControlled) setIsOpenUncontrolled(true);
+      onExpand?.(info);
+    },
+    [isControlled, onExpand]
+  );
+  const collapse = import_react.default.useCallback(
+    (info) => {
+      if (!isControlled) {
+        setIsOpenUncontrolled(false);
+        internalTriggerRef.current?.focus();
+        onClear();
+      }
+      onCollapse?.(info);
+    },
+    [isControlled, onClear, onCollapse]
+  );
   const handleToggleSearch = import_react.default.useCallback(
     (e) => {
       if (isOpen) {
-        closeUncontrolled();
+        collapse({ reason: "trigger", event: e });
       } else {
-        openUncontrolled();
+        expand({ reason: "trigger", event: e });
       }
       onClick?.(e);
     },
-    [closeUncontrolled, isOpen, onClick, openUncontrolled]
+    [collapse, expand, isOpen, onClick]
   );
   const handleContainerKeyDown = import_react.default.useCallback(
     (e) => {
-      if (!isControlled && e.key === "Escape" && isOpen) closeUncontrolled();
+      if (e.key === "Escape" && isOpen) collapse({ reason: "escape", event: e });
       onKeyDown?.(e);
     },
-    [closeUncontrolled, isControlled, isOpen, onKeyDown]
+    [collapse, isOpen, onKeyDown]
   );
   const handleChange = import_react.default.useCallback(
     (e) => {
@@ -75,15 +94,6 @@ const useSearchToggle = (outOfTheBoxDrilledDownProps) => {
     },
     [onChange]
   );
-  const handleInputKeyDown = import_react.default.useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        onClear();
-        closeUncontrolled();
-      }
-    },
-    [onClear, closeUncontrolled]
-  );
   const handleTriggerRefs = import_react.default.useCallback(
     (buttonRef) => {
       (0, import_ds_system.mergeRefs)(triggerRef, internalTriggerRef)(buttonRef);
@@ -101,7 +111,6 @@ const useSearchToggle = (outOfTheBoxDrilledDownProps) => {
       handleToggleSearch,
       handleContainerKeyDown,
       handleChange,
-      handleInputKeyDown,
       handleTriggerRefs,
       inputId,
       panelId
@@ -112,7 +121,6 @@ const useSearchToggle = (outOfTheBoxDrilledDownProps) => {
       handleToggleSearch,
       handleContainerKeyDown,
       handleChange,
-      handleInputKeyDown,
       handleTriggerRefs,
       inputId,
       panelId

package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/useSearchToggle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/parts/Toolbar/outOfTheBox/SearchToggle/useSearchToggle.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { mergeRefs } from '@elliemae/ds-system';\nimport React from 'react';\nimport type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';\n\nexport const useSearchToggle = (outOfTheBoxDrilledDownProps: DSGlobalHeaderT.SearchToggleProps) => {\n  const { setRef, componentProps, instanceUID } = outOfTheBoxDrilledDownProps;\n  const { onChange, onClear, isOpen: userIsOpen, onKeyDown, onClick, triggerRef } = componentProps;\n\n  const [isOpenUncontrolled, setIsOpenUncontrolled] = React.useState<boolean>(false);\n  const internalInputRef = React.useRef<HTMLInputElement | null>(null);\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  const internalTriggerRef = React.useRef<HTMLButtonElement | null>(null);\n\n  const isControlled = userIsOpen !== undefined;\n  const isOpen = userIsOpen ?? isOpenUncontrolled;\n\n  const openUncontrolled = React.useCallback(() => {\n    if (!isControlled) setIsOpenUncontrolled(true);\n  }, [isControlled]);\n\n  const closeUncontrolled = React.useCallback(() => {\n    if (!isControlled) setIsOpenUncontrolled(false);\n    internalTriggerRef.current?.focus();\n    onClear();\n  }, [isControlled, onClear]);\n\n  const handleToggleSearch = React.useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.KeyboardEvent<HTMLButtonElement>) => {\n      if (isOpen) {\n        closeUncontrolled();\n      } else {\n        openUncontrolled();\n      }\n\n      onClick?.(e as React.MouseEvent<HTMLButtonElement, MouseEvent>);\n    },\n    [closeUncontrolled, isOpen, onClick, openUncontrolled],\n  );\n\n  const handleContainerKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n    (e) => {\n      if (!isControlled && e.key === 'Escape' && isOpen) closeUncontrolled();\n      onKeyDown?.(e);\n    },\n    [closeUncontrolled, isControlled, isOpen, onKeyDown],\n  );\n\n  const handleChange = React.useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n    (e) => {\n      onChange?.(e.target.value);\n    },\n    [onChange],\n  );\n\n  const handleInputKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLInputElement>>(\n    (e) => {\n      if (e.key === 'Escape') {\n        onClear();\n        closeUncontrolled();\n      }\n    },\n    [onClear, closeUncontrolled],\n  );\n\n  const handleTriggerRefs = React.useCallback(\n    (buttonRef: HTMLButtonElement) => {\n      mergeRefs(triggerRef, internalTriggerRef)(buttonRef);\n      setRef(buttonRef); // this is used for left/arrow navigation in the region.\n    },\n    [setRef, triggerRef],\n  );\n\n  const inputId = `${instanceUID}-nav-searchbox-input`;\n  const panelId = `${instanceUID}-nav-searchbox-panel`;\n  return React.useMemo(\n    () => ({\n      isOpenUncontrolled,\n      internalInputRef,\n      containerRef,\n      handleToggleSearch,\n      handleContainerKeyDown,\n      handleChange,\n      handleInputKeyDown,\n      handleTriggerRefs,\n      inputId,\n      panelId,\n    }),\n    [\n      isOpenUncontrolled,\n      containerRef,\n      handleToggleSearch,\n      handleContainerKeyDown,\n      handleChange,\n      handleInputKeyDown,\n      handleTriggerRefs,\n      inputId,\n      panelId,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;AAC1B,mBAAkB;AAGX,MAAM,kBAAkB,CAAC,gCAAmE;AACjG,QAAM,EAAE,QAAQ,gBAAgB,YAAY,IAAI;AAChD,QAAM,EAAE,UAAU,SAAS,QAAQ,YAAY,WAAW,SAAS,WAAW,IAAI;AAElF,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,aAAAA,QAAM,SAAkB,KAAK;AACjF,QAAM,mBAAmB,aAAAA,QAAM,OAAgC,IAAI;AACnE,QAAM,eAAe,aAAAA,QAAM,OAA8B,IAAI;AAC7D,QAAM,qBAAqB,aAAAA,QAAM,OAAiC,IAAI;AAEtE,QAAM,eAAe,eAAe;AACpC,QAAM,SAAS,cAAc;AAE7B,QAAM,mBAAmB,aAAAA,QAAM,YAAY,MAAM;AAC/C,QAAI,CAAC,aAAc,uBAAsB,IAAI;AAAA,EAC/C,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,oBAAoB,aAAAA,QAAM,YAAY,MAAM;AAChD,QAAI,CAAC,aAAc,uBAAsB,KAAK;AAC9C,uBAAmB,SAAS,MAAM;AAClC,YAAQ;AAAA,EACV,GAAG,CAAC,cAAc,OAAO,CAAC;AAE1B,QAAM,qBAAqB,aAAAA,QAAM;AAAA,IAC/B,CAAC,MAAgG;AAC/F,UAAI,QAAQ;AACV,0BAAkB;AAAA,MACpB,OAAO;AACL,yBAAiB;AAAA,MACnB;AAEA,gBAAU,CAAoD;AAAA,IAChE;AAAA,IACA,CAAC,mBAAmB,QAAQ,SAAS,gBAAgB;AAAA,EACvD;AAEA,QAAM,yBAAyB,aAAAA,QAAM;AAAA,IACnC,CAAC,MAAM;AACL,UAAI,CAAC,gBAAgB,EAAE,QAAQ,YAAY,OAAQ,mBAAkB;AACrE,kBAAY,CAAC;AAAA,IACf;AAAA,IACA,CAAC,mBAAmB,cAAc,QAAQ,SAAS;AAAA,EACrD;AAEA,QAAM,eAAe,aAAAA,QAAM;AAAA,IACzB,CAAC,MAAM;AACL,iBAAW,EAAE,OAAO,KAAK;AAAA,IAC3B;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,qBAAqB,aAAAA,QAAM;AAAA,IAC/B,CAAC,MAAM;AACL,UAAI,EAAE,QAAQ,UAAU;AACtB,gBAAQ;AACR,0BAAkB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS,iBAAiB;AAAA,EAC7B;AAEA,QAAM,oBAAoB,aAAAA,QAAM;AAAA,IAC9B,CAAC,cAAiC;AAChC,sCAAU,YAAY,kBAAkB,EAAE,SAAS;AACnD,aAAO,SAAS;AAAA,IAClB;AAAA,IACA,CAAC,QAAQ,UAAU;AAAA,EACrB;AAEA,QAAM,UAAU,GAAG,WAAW;AAC9B,QAAM,UAAU,GAAG,WAAW;AAC9B,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { mergeRefs } from '@elliemae/ds-system';\nimport React from 'react';\nimport type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';\nimport type { SearchToggleT } from './react-desc-prop-types.js';\n\nexport const useSearchToggle = (outOfTheBoxDrilledDownProps: SearchToggleT.Props) => {\n  const { setRef, componentProps, instanceUID } = outOfTheBoxDrilledDownProps;\n  const {\n    onChange,\n    onClear,\n    isOpen: userIsOpen,\n    onKeyDown,\n    onClick,\n    triggerRef,\n    onExpand,\n    onCollapse,\n  } = componentProps;\n\n  const [isOpenUncontrolled, setIsOpenUncontrolled] = React.useState<boolean>(false);\n  const internalInputRef = React.useRef<HTMLInputElement | null>(null);\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  const internalTriggerRef = React.useRef<HTMLButtonElement | null>(null);\n\n  const isControlled = userIsOpen !== undefined;\n  const isOpen = userIsOpen ?? isOpenUncontrolled;\n\n  /*\n   * The notification fires for BOTH modes \u2014 that is the point of a passive signal \u2014 while everything that\n   * ACTS on the transition stays behind `!isControlled`.\n   *\n   * That gate covers the focus return and the clear, not just the state flip. For a controlled consumer\n   * the flip is inert, so their region can stay expanded; moving focus to the trigger and wiping their\n   * search value at that moment would be acting on a transition that did not happen. They own the\n   * collapse, so they own the refocus and the clear \u2014 `onCollapse` is where they hook both.\n   */\n  const expand = React.useCallback(\n    (info: DSGlobalHeaderT.SearchToggleExpandChange) => {\n      if (!isControlled) setIsOpenUncontrolled(true);\n      onExpand?.(info);\n    },\n    [isControlled, onExpand],\n  );\n\n  const collapse = React.useCallback(\n    (info: DSGlobalHeaderT.SearchToggleExpandChange) => {\n      if (!isControlled) {\n        setIsOpenUncontrolled(false);\n        internalTriggerRef.current?.focus();\n        onClear();\n      }\n      onCollapse?.(info);\n    },\n    [isControlled, onClear, onCollapse],\n  );\n\n  const handleToggleSearch = React.useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.KeyboardEvent<HTMLButtonElement>) => {\n      if (isOpen) {\n        collapse({ reason: 'trigger', event: e });\n      } else {\n        expand({ reason: 'trigger', event: e });\n      }\n\n      onClick?.(e as React.MouseEvent<HTMLButtonElement, MouseEvent>);\n    },\n    [collapse, expand, isOpen, onClick],\n  );\n\n  /*\n   * The ONE Escape handler for this item. It sits on the container, so it also catches an Escape typed\n   * in the search input by bubbling \u2014 the input deliberately has no handler of its own. Two handlers\n   * meant every input Escape collapsed twice, and now would notify twice as well.\n   */\n  const handleContainerKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n    (e) => {\n      // No `!isControlled` here any more: `collapse` gates the acting half itself, and a controlled\n      // consumer should still be TOLD that Escape asked for a collapse.\n      if (e.key === 'Escape' && isOpen) collapse({ reason: 'escape', event: e });\n      onKeyDown?.(e);\n    },\n    [collapse, isOpen, onKeyDown],\n  );\n\n  const handleChange = React.useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n    (e) => {\n      onChange?.(e.target.value);\n    },\n    [onChange],\n  );\n\n  const handleTriggerRefs = React.useCallback(\n    (buttonRef: HTMLButtonElement) => {\n      mergeRefs(triggerRef, internalTriggerRef)(buttonRef);\n      setRef(buttonRef); // this is used for left/arrow navigation in the region.\n    },\n    [setRef, triggerRef],\n  );\n\n  const inputId = `${instanceUID}-nav-searchbox-input`;\n  const panelId = `${instanceUID}-nav-searchbox-panel`;\n  return React.useMemo(\n    () => ({\n      isOpenUncontrolled,\n      internalInputRef,\n      containerRef,\n      handleToggleSearch,\n      handleContainerKeyDown,\n      handleChange,\n      handleTriggerRefs,\n      inputId,\n      panelId,\n    }),\n    [\n      isOpenUncontrolled,\n      containerRef,\n      handleToggleSearch,\n      handleContainerKeyDown,\n      handleChange,\n      handleTriggerRefs,\n      inputId,\n      panelId,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;AAC1B,mBAAkB;AAIX,MAAM,kBAAkB,CAAC,gCAAqD;AACnF,QAAM,EAAE,QAAQ,gBAAgB,YAAY,IAAI;AAChD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,aAAAA,QAAM,SAAkB,KAAK;AACjF,QAAM,mBAAmB,aAAAA,QAAM,OAAgC,IAAI;AACnE,QAAM,eAAe,aAAAA,QAAM,OAA8B,IAAI;AAC7D,QAAM,qBAAqB,aAAAA,QAAM,OAAiC,IAAI;AAEtE,QAAM,eAAe,eAAe;AACpC,QAAM,SAAS,cAAc;AAW7B,QAAM,SAAS,aAAAA,QAAM;AAAA,IACnB,CAAC,SAAmD;AAClD,UAAI,CAAC,aAAc,uBAAsB,IAAI;AAC7C,iBAAW,IAAI;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,QAAQ;AAAA,EACzB;AAEA,QAAM,WAAW,aAAAA,QAAM;AAAA,IACrB,CAAC,SAAmD;AAClD,UAAI,CAAC,cAAc;AACjB,8BAAsB,KAAK;AAC3B,2BAAmB,SAAS,MAAM;AAClC,gBAAQ;AAAA,MACV;AACA,mBAAa,IAAI;AAAA,IACnB;AAAA,IACA,CAAC,cAAc,SAAS,UAAU;AAAA,EACpC;AAEA,QAAM,qBAAqB,aAAAA,QAAM;AAAA,IAC/B,CAAC,MAAgG;AAC/F,UAAI,QAAQ;AACV,iBAAS,EAAE,QAAQ,WAAW,OAAO,EAAE,CAAC;AAAA,MAC1C,OAAO;AACL,eAAO,EAAE,QAAQ,WAAW,OAAO,EAAE,CAAC;AAAA,MACxC;AAEA,gBAAU,CAAoD;AAAA,IAChE;AAAA,IACA,CAAC,UAAU,QAAQ,QAAQ,OAAO;AAAA,EACpC;AAOA,QAAM,yBAAyB,aAAAA,QAAM;AAAA,IACnC,CAAC,MAAM;AAGL,UAAI,EAAE,QAAQ,YAAY,OAAQ,UAAS,EAAE,QAAQ,UAAU,OAAO,EAAE,CAAC;AACzE,kBAAY,CAAC;AAAA,IACf;AAAA,IACA,CAAC,UAAU,QAAQ,SAAS;AAAA,EAC9B;AAEA,QAAM,eAAe,aAAAA,QAAM;AAAA,IACzB,CAAC,MAAM;AACL,iBAAW,EAAE,OAAO,KAAK;AAAA,IAC3B;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,oBAAoB,aAAAA,QAAM;AAAA,IAC9B,CAAC,cAAiC;AAChC,sCAAU,YAAY,kBAAkB,EAAE,SAAS;AACnD,aAAO,SAAS;AAAA,IAClB;AAAA,IACA,CAAC,QAAQ,UAAU;AAAA,EACrB;AAEA,QAAM,UAAU,GAAG,WAAW;AAC9B,QAAM,UAAU,GAAG,WAAW;AAC9B,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": ["React"]
 }

package/dist/cjs/parts/Toolbar/outOfTheBox/index.js

@@ -5,6 +5,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -13,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -24,9 +27,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var outOfTheBox_exports = {};
+__export(outOfTheBox_exports, {
+  AppPickerCTXRenderer: () => import_AppPickerCTXRenderer.AppPickerCTXRenderer,
+  PopupMenu: () => import_PopupMenu.PopupMenu,
+  SearchToggle: () => import_SearchToggle.SearchToggle
+});
 module.exports = __toCommonJS(outOfTheBox_exports);
 var React = __toESM(require("react"));
-__reExport(outOfTheBox_exports, require("./AppPicker/AppPicker.js"), module.exports);
-__reExport(outOfTheBox_exports, require("./PopupMenu/PopupMenu.js"), module.exports);
-__reExport(outOfTheBox_exports, require("./SearchToggle/SearchToggle.js"), module.exports);
+var import_AppPickerCTXRenderer = require("./AppPicker/AppPickerCTXRenderer.js");
+var import_PopupMenu = require("./PopupMenu/PopupMenu.js");
+var import_SearchToggle = require("./SearchToggle/SearchToggle.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/parts/Toolbar/outOfTheBox/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Toolbar/outOfTheBox/index.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './AppPicker/AppPicker.js';\nexport * from './PopupMenu/PopupMenu.js';\nexport * from './SearchToggle/SearchToggle.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,gCAAc,qCAAd;AACA,gCAAc,qCADd;AAEA,gCAAc,2CAFd;",
+  "sourcesContent": ["export { AppPickerCTXRenderer } from './AppPicker/AppPickerCTXRenderer.js';\nexport { PopupMenu } from './PopupMenu/PopupMenu.js';\nexport { SearchToggle } from './SearchToggle/SearchToggle.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAAqC;AACrC,uBAA0B;AAC1B,0BAA6B;",
   "names": []
 }

package/dist/cjs/parts/Toolbar/styles.js

@@ -30,12 +30,13 @@ var styles_exports = {};
 __export(styles_exports, {
   StyledList: () => StyledList,
   StyledMenubarContainer: () => StyledMenubarContainer,
+  StyledPopupMenuContainer: () => StyledPopupMenuContainer,
   StyledToolbarItem: () => StyledToolbarItem
 });
 module.exports = __toCommonJS(styles_exports);
 var React = __toESM(require("react"));
-var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
 var import_constants = require("../../constants/index.js");
 const StyledMenubarContainer = (0, import_ds_system.styled)("div", {
   name: import_constants.DSGlobalHeaderName,
@@ -48,4 +49,8 @@ const StyledList = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: imp
   margin: 0;
 `;
 const StyledToolbarItem = (0, import_ds_system.styled)("div", { name: import_constants.DSGlobalHeaderName, slot: import_constants.GLOBAL_HEADER_SLOTS.MENUBAR_ITEM })``;
+const StyledPopupMenuContainer = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSGlobalHeaderName,
+  slot: import_constants.GLOBAL_HEADER_SLOTS.MENUBAR_ITEM_POPUPMENU_CONTAINER
+})``;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/parts/Toolbar/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/Toolbar/styles.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSGlobalHeaderName, GLOBAL_HEADER_SLOTS } from '../../constants/index.js';\n\nexport const StyledMenubarContainer = styled('div', {\n  name: DSGlobalHeaderName,\n  slot: GLOBAL_HEADER_SLOTS.MENUBAR_CONTAINER,\n})<{ withSpan: boolean }>`\n  ${({ withSpan, theme }) => (withSpan && !theme.layoutMode ? 'grid-column: span 2;' : '')}\n`;\n\nexport const StyledList = styled(Grid, { name: DSGlobalHeaderName, slot: GLOBAL_HEADER_SLOTS.MENUBAR_LIST })`\n  padding: 0;\n  margin: 0;\n`;\n\nexport const StyledToolbarItem = styled('div', { name: DSGlobalHeaderName, slot: GLOBAL_HEADER_SLOTS.MENUBAR_ITEM })``;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,uBAAwD;AAEjD,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,qCAAoB;AAC5B,CAAC;AAAA,IACG,CAAC,EAAE,UAAU,MAAM,MAAO,YAAY,CAAC,MAAM,aAAa,yBAAyB,EAAG;AAAA;AAGnF,MAAM,iBAAa,yBAAO,qBAAM,EAAE,MAAM,qCAAoB,MAAM,qCAAoB,aAAa,CAAC;AAAA;AAAA;AAAA;AAKpG,MAAM,wBAAoB,yBAAO,OAAO,EAAE,MAAM,qCAAoB,MAAM,qCAAoB,aAAa,CAAC;",
+  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSGlobalHeaderName, GLOBAL_HEADER_SLOTS } from '../../constants/index.js';\n\nexport const StyledMenubarContainer = styled('div', {\n  name: DSGlobalHeaderName,\n  slot: GLOBAL_HEADER_SLOTS.MENUBAR_CONTAINER,\n})<{ withSpan: boolean }>`\n  ${({ withSpan, theme }) => (withSpan && !theme.layoutMode ? 'grid-column: span 2;' : '')}\n`;\n\nexport const StyledList = styled(Grid, { name: DSGlobalHeaderName, slot: GLOBAL_HEADER_SLOTS.MENUBAR_LIST })`\n  padding: 0;\n  margin: 0;\n`;\n\nexport const StyledToolbarItem = styled('div', { name: DSGlobalHeaderName, slot: GLOBAL_HEADER_SLOTS.MENUBAR_ITEM })``;\n\n// PUI-18647 \u2014 the popup menu item's own root. It was a bare unstyled `<div>`, which left this\n// out-of-the-box type without a root injection point: no slot for consumers to target, no data-testid,\n// and no styled element to forward xstyled props to. A Grid rather than a plain div so it participates in\n// the same layout vocabulary as its siblings; no styles of its own, so replacing the div changes nothing\n// visually \u2014 a `<div>` and an unstyled `display: block` Grid lay out identically here.\nexport const StyledPopupMenuContainer = styled(Grid, {\n  name: DSGlobalHeaderName,\n  slot: GLOBAL_HEADER_SLOTS.MENUBAR_ITEM_POPUPMENU_CONTAINER,\n})``;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAAuB;AACvB,uBAAwD;AAEjD,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,qCAAoB;AAC5B,CAAC;AAAA,IACG,CAAC,EAAE,UAAU,MAAM,MAAO,YAAY,CAAC,MAAM,aAAa,yBAAyB,EAAG;AAAA;AAGnF,MAAM,iBAAa,yBAAO,qBAAM,EAAE,MAAM,qCAAoB,MAAM,qCAAoB,aAAa,CAAC;AAAA;AAAA;AAAA;AAKpG,MAAM,wBAAoB,yBAAO,OAAO,EAAE,MAAM,qCAAoB,MAAM,qCAAoB,aAAa,CAAC;AAO5G,MAAM,+BAA2B,yBAAO,qBAAM;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,qCAAoB;AAC5B,CAAC;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport type { DSAppPicker } from '@elliemae/ds-app-picker';\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  getPropsPerSlotPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport { DSGlobalHeaderName, GLOBAL_HEADER_SLOTS } from './constants/index.js';\n\nconst noop = () => null;\n\nexport const defaultProps = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: noop,\n  Logo: noop,\n};\n\nexport declare namespace DSGlobalHeaderT {\n  export interface Context {\n    showIconOnly: boolean;\n    fontDetector: number;\n    setShowIconOnly: React.Dispatch<React.SetStateAction<boolean>>;\n    instanceUID: string;\n    globalHeaderToolbarGrid: string[];\n    props: InternalProps;\n    ownerProps: {\n      getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;\n      getOwnerPropsArguments: () => object;\n    };\n  }\n  /* *************************************************************************************\n                      \"Breadcrumb widget\" configuration types\n  ****************************************************************************************\n  The breadcrumb items ARE SPREADING GLOBAL PROPS!!!\n    + The breadcrumb items have a logic that force the onClick to be invoked on spacebar/enter too\n    forcing it even if not the standard browser behaviour as per our buttons too\n  ************************************************************************************** */\n  export interface BreadcrumbItemOptionals {\n    hasNext?: boolean;\n    isSelected?: boolean;\n    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  }\n  export interface BreadcrumbItemRequired {\n    label: string;\n  }\n  export interface BreadcrumbItemOptionalsGlobals\n    extends Omit<GlobalAttributesT, keyof BreadcrumbItemOptionals | keyof BreadcrumbItemRequired> {}\n\n  export interface BreadcrumbItem\n    extends BreadcrumbItemRequired,\n      BreadcrumbItemOptionals,\n      BreadcrumbItemOptionalsGlobals {}\n  /* *************************************************************************************\n                      \"Toolbar widget\" configuration types\n  ****************************************************************************************\n    The toolbar item can be mainly of 4 different types\n    - app-picker \n        more or less map to ds-app-picker interface\n    - popup-menu\n        should more less map to dropdownmenu-v2 but should be changed to menu-button when possible\n    - search-toggle\n        a custom ad hoc implementation that expands in place and expose an input text,\n        kinda problematic and force-added due to unrestrained \"yes man\" attitude with PM/PO\n        we will be suggesting against using it officially in the later releases and try to find a better solution.\n    - custom\n        a way to allow app to provide their own render props along other pre-configured widgets out of the box\n  ************************************************************************************** */\n\n  /* *************************************************************************************\n      toolbar -> type === 'custom'\n  ************************************************************************************** */\n  export interface ToolbarCustomComponentProps {\n    item: Record<string, unknown> & {\n      type: 'custom';\n      CustomComponent: React.ComponentType<ToolbarCustomComponentProps>;\n    };\n    setRef: (ref: HTMLElement | null) => void;\n  }\n  export interface ToolbarCustomItem extends Record<string, unknown> {\n    type: 'custom';\n    label: string;\n    CustomComponent: React.ComponentType<ToolbarCustomComponentProps>;\n  }\n  /* *************************************************************************************\n      toolbar -> type === 'ds-search-toggle'\n  ************************************************************************************** */\n  // this props are actually required for the out-of-the-box to actually do what it needs to do\n  //    it's meant to be provided from the application, so this is kind of a weird way to do controlled components\n  export interface ToggleSearchComponentProps {\n    onNext: () => void;\n    onPrevious: () => void;\n    currentResultIndex: number;\n    totalResults: number;\n    placeholder: string;\n    value: string;\n    onChange: (value: string) => void;\n    onBlur?: () => void;\n    onClear: () => void;\n    isOpen: boolean;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    onClick: (event: React.MouseEvent) => void;\n    triggerRef: React.MutableRefObject<HTMLButtonElement>;\n    searchContainerRef: React.MutableRefObject<HTMLDivElement>;\n  }\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  export interface SearchToggleProps extends GlobalAttributesT {\n    setRef: (ref: HTMLButtonElement | null) => void;\n    label: string;\n    componentProps: ToggleSearchComponentProps;\n    // https://jira.elliemae.io/browse/PUI-17852\n    //   - Generic aria-labels\n    //     -> allows users to specify a custom aria-label when the search toggle is expanded\n    //     -> it's an incremental change, so its \"optional\", we fall back to the previous hardcoded \"Close search\" if not provided\n    //         but authors are encouraged to improve the Aria-label with context-specific information when possible, to improve the overall accessibility of the component.\n    ariaLabelExpanded?: string;\n    // aria-controls needs to point to a DOM id, we need to make sure there are no conflicts in case of multiple search toggles on the same page\n    instanceUID: Context['instanceUID'];\n  }\n  export interface ToolbarSearchToggleItem {\n    type: 'ds-search-toggle';\n    label: string;\n    componentProps: ToggleSearchComponentProps;\n  }\n  /* *************************************************************************************\n      toolbar -> type === 'ds-popup-menu'\n  ************************************************************************************** */\n\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface PopupMenuContentItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {\n    type?: 'separator' | 'custom';\n    Icon?: React.ComponentType<{ fill?: string; size?: string }>;\n    label?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    closeOnClick?: boolean;\n    Content?: React.ComponentType;\n  }\n  export interface PopupMenuComponentProps {\n    onClickOutside?: (e: MouseEvent | TouchEvent) => void;\n    onKeyPress: (event: React.KeyboardEvent) => void;\n    popupOnKeyPress: (event: React.KeyboardEvent) => void;\n    isOpen: boolean;\n    options: PopupMenuContentItem[];\n    closeOnClick: boolean;\n  }\n  // this is the only type that was pre-existing (even if differently defined)\n  //  and that's why it doesn't include Toolbar at the start\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface PopupMenuItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {\n    type: 'ds-popup-menu';\n    Icon?: React.ComponentType<{ fill?: string; size?: string }>;\n    label?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    Content?: React.ComponentType;\n    componentProps: PopupMenuComponentProps;\n  }\n\n  export interface PopupMenuContentProps {\n    options: PopupMenuContentItem[];\n    onItemClick: () => void;\n    onClose: () => void;\n    popupOnKeyPress: (event: React.KeyboardEvent) => void;\n    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n    ownerProps: {\n      getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;\n      getOwnerPropsArguments: () => object;\n    };\n  }\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface PopupProps extends Omit<GlobalAttributesT, 'title' | 'label' | 'onClick'> {\n    Icon?: React.ComponentType<{ fill?: string; size?: string }>;\n    onClick?: (event: React.MouseEvent) => void;\n    setRef: (ref: HTMLElement) => void;\n    componentProps: PopupMenuComponentProps;\n    title?: string; // this was probably not intended, but removing this means the HTML will not print the title={label}\n    // keeping this for now, if A11y says otherwise we will do the proper steps to remove it\n    ownerProps: {\n      getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;\n      getOwnerPropsArguments: () => object;\n    };\n  }\n\n  /* *************************************************************************************\n      toolbar -> type === 'ds-app-picker'\n  ************************************************************************************** */\n  export type AppPickerComponentProps = React.ComponentProps<typeof DSAppPicker> & {\n    triggerOnClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface AppPickerProps extends Omit<GlobalAttributesT, 'label'> {\n    label: string;\n    componentProps: AppPickerComponentProps;\n  }\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface ToolbarAppPickerItem extends Omit<GlobalAttributesT, 'type' | 'label'> {\n    type: 'ds-app-picker';\n    label: string;\n    componentProps: AppPickerComponentProps;\n  }\n\n  /* *************************************************************************************\n      toolbar -> type === undefined (fallback default)\n  ************************************************************************************** */\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface ToolbarItemTypelessDefault extends Omit<GlobalAttributesT, 'label'> {\n    type?: undefined;\n    label: string;\n    Icon: React.ComponentType<{ fill?: string; size?: string }>;\n  }\n\n  export type ToolbarItem =\n    | ToolbarCustomItem\n    | ToolbarSearchToggleItem\n    | ToolbarAppPickerItem\n    | PopupMenuItem // this is the only type that was pre-existing and that's why it doesn't include Toolbar at the start\n    | ToolbarItemTypelessDefault;\n\n  export type SlotFunctionArguments = {\n    dsGlobalheaderRoot: () => Record<string, never>;\n    dsGlobalheaderLogoContainer: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbContainer: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbPipe: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbChevron: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbList: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItem: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItemLink: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItemLinkLabel: () => Record<string, never>;\n    dsGlobalheaderMenubarContainer: () => Record<string, never>;\n    dsGlobalheaderMenubarList: () => Record<string, never>;\n    dsGlobalheaderMenubarItem: () => Record<string, never>;\n    dsGlobalheaderMenubarItemButton: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuList: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItem: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItemButton: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuSeparator: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItemLabel: () => Record<string, never>;\n    dsGlobalheaderMenubarItemSearchtoggleContainer: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonWrapper: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonText: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonSeparator: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonPrev: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonNext: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleTextinput: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleTriggerButton: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleExpandedContentWrapper: () => Record<string, never>;\n  };\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    Logo: React.ComponentType;\n    LogoWithBrand: React.ComponentType;\n    breadcrumb: DSGlobalHeaderT.BreadcrumbItem[];\n    toolbar: DSGlobalHeaderT.ToolbarItem[];\n    CustomNavigation: React.ComponentType;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSGlobalHeaderName, typeof GLOBAL_HEADER_SLOTS> {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const DSGlobalHeaderPropTypes: DSPropTypesSchema<DSGlobalHeaderT.Props> = {\n  ...getPropsPerSlotPropTypes(DSGlobalHeaderName, GLOBAL_HEADER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  CustomNavigation: PropTypes.func\n    .description(\n      'Component to use instead of the standard breadcrumb out of the box configuration for custom scenarios',\n    )\n    .defaultValue('() => JSX.Element'),\n  Logo: PropTypes.func\n    .description('Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.')\n    .defaultValue('() => JSX.Element'),\n  LogoWithBrand: PropTypes.func\n    .description(\n      'Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.',\n    )\n    .defaultValue('() => JSX.Element'),\n  breadcrumb: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.description('breadrcrumb item label'),\n      hasNext: PropTypes.bool.description('whether the item has a child or not'),\n      isSelected: PropTypes.bool.description('whether the item is selected or not'),\n      onClick: PropTypes.func.description('Callback executed on click'),\n    }),\n  )\n    .description('Breadcrumb items to display. Max 3 levels. Compatible with GlobalAttributes.')\n    .defaultValue('[]'),\n  toolbar: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.description('title tag description'),\n      type: PropTypes.oneOf(['ds-app-picker', 'ds-popup-menu', 'ds-search-toggle', 'custom']).description(\n        'use to select one of the out-of-the-box types of items',\n      ),\n      componentProps: PropTypes.object.description('props of out-of-the-box component'),\n      Icon: PropTypes.func.description('Icon to display'),\n      onClick: PropTypes.func.description('Callback executed on click'),\n    }),\n  )\n    .description('Toolbar items. Compatible with GlobalAttributes.')\n    .defaultValue('[]'),\n};\n// kept for legacy reasons, this is now named differently, but we want no breaking changes.\nexport const propTypes = DSGlobalHeaderPropTypes;\n\nexport const DSGlobalHeaderPropTypesSchema = DSGlobalHeaderPropTypes as unknown as ValidationMap<DSGlobalHeaderT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAKO;AAGP,uBAAwD;AAExD,MAAM,OAAO,MAAM;AAEZ,MAAM,eAAe;AAAA,EAC1B,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe;AAAA,EACf,MAAM;AACR;AAyQO,MAAM,0BAAoE;AAAA,EAC/E,OAAG,kDAAyB,qCAAoB,oCAAmB;AAAA,EACnE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,kBAAkB,kCAAU,KACzB;AAAA,IACC;AAAA,EACF,EACC,aAAa,mBAAmB;AAAA,EACnC,MAAM,kCAAU,KACb,YAAY,gGAAgG,EAC5G,aAAa,mBAAmB;AAAA,EACnC,eAAe,kCAAU,KACtB;AAAA,IACC;AAAA,EACF,EACC,aAAa,mBAAmB;AAAA,EACnC,YAAY,kCAAU;AAAA,IACpB,kCAAU,MAAM;AAAA,MACd,OAAO,kCAAU,OAAO,YAAY,wBAAwB;AAAA,MAC5D,SAAS,kCAAU,KAAK,YAAY,qCAAqC;AAAA,MACzE,YAAY,kCAAU,KAAK,YAAY,qCAAqC;AAAA,MAC5E,SAAS,kCAAU,KAAK,YAAY,4BAA4B;AAAA,IAClE,CAAC;AAAA,EACH,EACG,YAAY,8EAA8E,EAC1F,aAAa,IAAI;AAAA,EACpB,SAAS,kCAAU;AAAA,IACjB,kCAAU,MAAM;AAAA,MACd,OAAO,kCAAU,OAAO,YAAY,uBAAuB;AAAA,MAC3D,MAAM,kCAAU,MAAM,CAAC,iBAAiB,iBAAiB,oBAAoB,QAAQ,CAAC,EAAE;AAAA,QACtF;AAAA,MACF;AAAA,MACA,gBAAgB,kCAAU,OAAO,YAAY,mCAAmC;AAAA,MAChF,MAAM,kCAAU,KAAK,YAAY,iBAAiB;AAAA,MAClD,SAAS,kCAAU,KAAK,YAAY,4BAA4B;AAAA,IAClE,CAAC;AAAA,EACH,EACG,YAAY,kDAAkD,EAC9D,aAAa,IAAI;AACtB;AAEO,MAAM,YAAY;AAElB,MAAM,gCAAgC;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport type { DSAppPicker } from '@elliemae/ds-app-picker';\nimport type { DSHookFloatingContextT } from '@elliemae/ds-floating-context';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  getPropsPerSlotPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport { DSGlobalHeaderName, GLOBAL_HEADER_SLOTS } from './constants/index.js';\n\nconst noop = () => null;\n\nexport const defaultProps = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: noop,\n  Logo: noop,\n};\n\nexport declare namespace DSGlobalHeaderT {\n  /* *************************************************************************************\n                      \"Breadcrumb widget\" configuration types\n  ****************************************************************************************\n  The breadcrumb items ARE SPREADING GLOBAL PROPS!!!\n    + The breadcrumb items have a logic that force the onClick to be invoked on spacebar/enter too\n    forcing it even if not the standard browser behaviour as per our buttons too\n  ************************************************************************************** */\n  export interface BreadcrumbItemOptionals {\n    hasNext?: boolean;\n    isSelected?: boolean;\n    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  }\n  export interface BreadcrumbItemRequired {\n    label: string;\n  }\n  export interface BreadcrumbItemOptionalsGlobals extends Omit<\n    GlobalAttributesT,\n    keyof BreadcrumbItemOptionals | keyof BreadcrumbItemRequired\n  > {}\n\n  export interface BreadcrumbItem\n    extends BreadcrumbItemRequired, BreadcrumbItemOptionals, BreadcrumbItemOptionalsGlobals {}\n  /* *************************************************************************************\n                      \"Toolbar widget\" configuration types\n  ****************************************************************************************\n    The toolbar item can be mainly of 4 different types\n    - app-picker \n        more or less map to ds-app-picker interface\n    - popup-menu\n        should more less map to dropdownmenu-v2 but should be changed to menu-button when possible\n    - search-toggle\n        a custom ad hoc implementation that expands in place and expose an input text,\n        kinda problematic and force-added due to unrestrained \"yes man\" attitude with PM/PO\n        we will be suggesting against using it officially in the later releases and try to find a better solution.\n    - custom\n        a way to allow app to provide their own render props along other pre-configured widgets out of the box\n  ************************************************************************************** */\n\n  /* *************************************************************************************\n      toolbar -> type === 'custom'\n  ************************************************************************************** */\n  export interface ToolbarCustomComponentProps {\n    item: Record<string, unknown> & {\n      type: 'custom';\n      CustomComponent: React.ComponentType<ToolbarCustomComponentProps>;\n    };\n    setRef: (ref: HTMLElement | null) => void;\n  }\n  export interface ToolbarCustomItem extends Record<string, unknown> {\n    type: 'custom';\n    label: string;\n    CustomComponent: React.ComponentType<ToolbarCustomComponentProps>;\n  }\n  /* *************************************************************************************\n      toolbar -> type === 'ds-search-toggle'\n  ************************************************************************************** */\n  // this props are actually required for the out-of-the-box to actually do what it needs to do\n  //    it's meant to be provided from the application, so this is kind of a weird way to do controlled components\n  /**\n   * Why the search region expanded or collapsed. Fired only for transitions this item drives itself \u2014\n   * a controlled consumer flipping `isOpen` already knows, and detecting their flip would need an\n   * effect watching state, which is not how this codebase reacts to state changes.\n   */\n  export type SearchToggleExpandChange = {\n    reason: 'trigger' | 'escape';\n    event: React.MouseEvent | React.KeyboardEvent;\n  };\n\n  export interface ToggleSearchComponentProps {\n    /* Genuinely required: the search state and its transitions live in the application. */\n    onNext: () => void;\n    onPrevious: () => void;\n    currentResultIndex: number;\n    totalResults: number;\n    value: string;\n    onChange: (value: string) => void;\n    onClear: () => void;\n    onBlur?: () => void;\n    /** Falls back to 'Search...'. */\n    placeholder?: string;\n    /** Supply to control the expanded state; omitted, the item manages it. */\n    isOpen?: boolean;\n    /*\n     * Declared but not consumed by the part, which uses its own container keydown, toggle click and\n     * trigger ref. Kept optional rather than removed because removing a declared key is a breaking type\n     * change; do not add wiring for them without deciding what they should mean first.\n     */\n    onKeyDown?: (event: React.KeyboardEvent) => void;\n    onClick?: (event: React.MouseEvent) => void;\n    triggerRef?: React.MutableRefObject<HTMLButtonElement>;\n    /** Merged with the part's own container ref when supplied. */\n    searchContainerRef?: React.MutableRefObject<HTMLDivElement>;\n    /**\n     * Notified when the search region expands. PASSIVE \u2014 being told does not make you responsible: the\n     * region still expands on its own unless you also supply `isOpen`.\n     *\n     * This is the disclosure-pattern counterpart to the `onOpen`/`onClose` the app-picker and popup-menu\n     * items expose; the vocabulary differs because this item expands an inline region rather than opening\n     * a dialog or a menu.\n     */\n    onExpand?: (info: SearchToggleExpandChange) => void;\n    /** Notified when the search region collapses, on the same terms as `onExpand`. */\n    onCollapse?: (info: SearchToggleExpandChange) => void;\n  }\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface ToolbarSearchToggleItem extends Omit<GlobalAttributesT, 'type' | 'label'> {\n    type: 'ds-search-toggle';\n    label: string;\n    /** Accessible name for the trigger once expanded. Defaults to a generic string. */\n    ariaLabelExpanded?: string;\n    componentProps: ToggleSearchComponentProps;\n  }\n  /* *************************************************************************************\n      toolbar -> type === 'ds-popup-menu'\n  ************************************************************************************** */\n\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface PopupMenuContentItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {\n    type?: 'separator' | 'custom';\n    /** Any `@elliemae/ds-icons` export. Typed from their own props so real icons satisfy it. */\n    Icon?: React.ComponentType<SvgIconT.Props>;\n    label?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    closeOnClick?: boolean;\n    Content?: React.ComponentType;\n  }\n  export interface PopupMenuComponentProps {\n    onClickOutside?: (e: MouseEvent | TouchEvent) => void;\n    /* Guarded at the call site (`if (onKeyPress)`), so optional. */\n    onKeyPress?: (event: React.KeyboardEvent) => void;\n    /* Guarded inside PopupMenuContent, whose own type already declares it optional. */\n    popupOnKeyPress?: (event: React.KeyboardEvent) => void;\n    /** Supply to control the menu; omitted, the item manages it. */\n    isOpen?: boolean;\n    /** The only genuinely required key \u2014 a menu with nothing to show has no purpose. */\n    options: PopupMenuContentItem[];\n    /** Close the menu when an option is clicked. */\n    closeOnClick?: boolean;\n    /**\n     * Notified on every open transition. PASSIVE \u2014 being told does not make you responsible for the\n     * transition: the menu opens and closes on its own unless you also supply `isOpen`.\n     *\n     * Every path reports: trigger click, ArrowDown, and a controlled flip of `isOpen`. Discriminate on\n     * the payload's `reason` \u2014 `interaction` is the synchronous, event-carrying signal, `controlled-flip`\n     * is the post-commit one that fires only when you own `isOpen`. A controlled consumer can see both\n     * for one logical transition.\n     */\n    onOpen?: (info: DSHookFloatingContextT.OpenChange) => void;\n    /**\n     * Notified on every close transition, on the same terms as `onOpen`. Every path reports: click\n     * outside, Escape inside the menu, an item click while `closeOnClick`, and a controlled flip.\n     */\n    onClose?: (info: DSHookFloatingContextT.OpenChange) => void;\n  }\n  // this is the only type that was pre-existing (even if differently defined)\n  //  and that's why it doesn't include Toolbar at the start\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface PopupMenuItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {\n    type: 'ds-popup-menu';\n    /** Any `@elliemae/ds-icons` export. Typed from their own props so real icons satisfy it. */\n    Icon?: React.ComponentType<SvgIconT.Props>;\n    label?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    Content?: React.ComponentType;\n    componentProps: PopupMenuComponentProps;\n  }\n\n  /* *************************************************************************************\n      toolbar -> type === 'ds-app-picker'\n  ************************************************************************************** */\n  export type AppPickerComponentProps = React.ComponentProps<typeof DSAppPicker> & {\n    triggerOnClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface ToolbarAppPickerItem extends Omit<GlobalAttributesT, 'type' | 'label'> {\n    type: 'ds-app-picker';\n    label: string;\n    componentProps: AppPickerComponentProps;\n  }\n\n  /* *************************************************************************************\n      toolbar -> type === undefined (fallback default)\n  ************************************************************************************** */\n  // WE ARE SPREADING GLOBAL PROPS!!!\n  //   WE ARE ALSO OVERRIDING SOME GLOBAL KEYS!\n  export interface ToolbarItemTypelessDefault extends Omit<GlobalAttributesT, 'label'> {\n    type?: undefined;\n    label: string;\n    Icon: React.ComponentType<SvgIconT.Props>;\n  }\n\n  export type ToolbarItem =\n    | ToolbarCustomItem\n    | ToolbarSearchToggleItem\n    | ToolbarAppPickerItem\n    | PopupMenuItem // this is the only type that was pre-existing and that's why it doesn't include Toolbar at the start\n    | ToolbarItemTypelessDefault;\n\n  export type SlotFunctionArguments = {\n    dsGlobalheaderRoot: () => Record<string, never>;\n    dsGlobalheaderLogoContainer: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbContainer: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbPipe: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbChevron: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbList: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItem: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItemLink: () => Record<string, never>;\n    dsGlobalheaderBreadcrumbItemLinkLabel: () => Record<string, never>;\n    dsGlobalheaderMenubarContainer: () => Record<string, never>;\n    dsGlobalheaderMenubarList: () => Record<string, never>;\n    dsGlobalheaderMenubarItem: () => Record<string, never>;\n    dsGlobalheaderMenubarItemButton: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuContainer: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuList: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItem: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItemButton: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuSeparator: () => Record<string, never>;\n    dsGlobalheaderMenubarItemPopupmenuItemLabel: () => Record<string, never>;\n    dsGlobalheaderMenubarItemSearchtoggleContainer: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonWrapper: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonText: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonSeparator: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonPrev: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleSpinbuttonNext: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleTextinput: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleTriggerButton: () => Record<string, never>;\n    dsGlobalheaderSearchtoggleExpandedContentWrapper: () => Record<string, never>;\n  };\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    Logo: React.ComponentType;\n    LogoWithBrand: React.ComponentType;\n    breadcrumb: DSGlobalHeaderT.BreadcrumbItem[];\n    toolbar: DSGlobalHeaderT.ToolbarItem[];\n    CustomNavigation: React.ComponentType;\n  }\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSGlobalHeaderName,\n    typeof GLOBAL_HEADER_SLOTS\n  > {}\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const DSGlobalHeaderPropTypes: DSPropTypesSchema<DSGlobalHeaderT.Props> = {\n  ...getPropsPerSlotPropTypes(DSGlobalHeaderName, GLOBAL_HEADER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  CustomNavigation: PropTypes.func\n    .description(\n      'Component to use instead of the standard breadcrumb out of the box configuration for custom scenarios',\n    )\n    .defaultValue('() => JSX.Element'),\n  Logo: PropTypes.func\n    .description('Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.')\n    .defaultValue('() => JSX.Element'),\n  LogoWithBrand: PropTypes.func\n    .description(\n      'Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.',\n    )\n    .defaultValue('() => JSX.Element'),\n  breadcrumb: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.description('breadrcrumb item label'),\n      hasNext: PropTypes.bool.description('whether the item has a child or not'),\n      isSelected: PropTypes.bool.description('whether the item is selected or not'),\n      onClick: PropTypes.func.description('Callback executed on click'),\n    }),\n  )\n    .description('Breadcrumb items to display. Max 3 levels. Compatible with GlobalAttributes.')\n    .defaultValue('[]'),\n  toolbar: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.description('title tag description'),\n      type: PropTypes.oneOf(['ds-app-picker', 'ds-popup-menu', 'ds-search-toggle', 'custom']).description(\n        'use to select one of the out-of-the-box types of items',\n      ),\n      componentProps: PropTypes.object.description('props of out-of-the-box component'),\n      Icon: PropTypes.func.description('Icon to display'),\n      onClick: PropTypes.func.description('Callback executed on click'),\n    }),\n  )\n    .description('Toolbar items. Compatible with GlobalAttributes.')\n    .defaultValue('[]'),\n};\n// kept for legacy reasons, this is now named differently, but we want no breaking changes.\nexport const propTypes = DSGlobalHeaderPropTypes;\n\nexport const DSGlobalHeaderPropTypesSchema = DSGlobalHeaderPropTypes as unknown as ValidationMap<DSGlobalHeaderT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKvB,8BAKO;AAGP,uBAAwD;AAExD,MAAM,OAAO,MAAM;AAEZ,MAAM,eAAe;AAAA,EAC1B,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe;AAAA,EACf,MAAM;AACR;AA4QO,MAAM,0BAAoE;AAAA,EAC/E,OAAG,kDAAyB,qCAAoB,oCAAmB;AAAA,EACnE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,kBAAkB,kCAAU,KACzB;AAAA,IACC;AAAA,EACF,EACC,aAAa,mBAAmB;AAAA,EACnC,MAAM,kCAAU,KACb,YAAY,gGAAgG,EAC5G,aAAa,mBAAmB;AAAA,EACnC,eAAe,kCAAU,KACtB;AAAA,IACC;AAAA,EACF,EACC,aAAa,mBAAmB;AAAA,EACnC,YAAY,kCAAU;AAAA,IACpB,kCAAU,MAAM;AAAA,MACd,OAAO,kCAAU,OAAO,YAAY,wBAAwB;AAAA,MAC5D,SAAS,kCAAU,KAAK,YAAY,qCAAqC;AAAA,MACzE,YAAY,kCAAU,KAAK,YAAY,qCAAqC;AAAA,MAC5E,SAAS,kCAAU,KAAK,YAAY,4BAA4B;AAAA,IAClE,CAAC;AAAA,EACH,EACG,YAAY,8EAA8E,EAC1F,aAAa,IAAI;AAAA,EACpB,SAAS,kCAAU;AAAA,IACjB,kCAAU,MAAM;AAAA,MACd,OAAO,kCAAU,OAAO,YAAY,uBAAuB;AAAA,MAC3D,MAAM,kCAAU,MAAM,CAAC,iBAAiB,iBAAiB,oBAAoB,QAAQ,CAAC,EAAE;AAAA,QACtF;AAAA,MACF;AAAA,MACA,gBAAgB,kCAAU,OAAO,YAAY,mCAAmC;AAAA,MAChF,MAAM,kCAAU,KAAK,YAAY,iBAAiB;AAAA,MAClD,SAAS,kCAAU,KAAK,YAAY,4BAA4B;AAAA,IAClE,CAAC;AAAA,EACH,EACG,YAAY,kDAAkD,EAC9D,aAAa,IAAI;AACtB;AAEO,MAAM,YAAY;AAElB,MAAM,gCAAgC;",
   "names": []
 }

package/dist/cjs/sharedTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/sharedTypes.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { DSGlobalHeaderT } from './react-desc-prop-types.js';\n\n/* ******************************************************************************\n KEPT AROUND FOR BACKWARD COMPATIBILITY, THIS IS LEGACY!\n*********************************************************************************\nthis should be code-modded away in code-bases in favour of the actual namespace.\n******************************************************************************* */\n\n/**\n * @deprecated This namespace is outdated. Use `DSGlobalHeaderT` instead.\n */\nexport declare namespace DSGlobalHeaderInternalsT {\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.DefaultProps` instead.\n   */\n  export interface DefaultProps extends DSGlobalHeaderT.DefaultProps {}\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.InternalProps` instead.\n   */\n  export interface InternalProps extends DSGlobalHeaderT.InternalProps {}\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.BreadcrumbItem` instead.\n   */\n  export interface BreadcrumbItem extends DSGlobalHeaderT.BreadcrumbItem {}\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.ToolbarCustomComponentProps` instead.\n   */\n  export interface ToolbarCustomComponentProps extends DSGlobalHeaderT.ToolbarCustomComponentProps {}\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.ToolbarItem` instead.\n   */\n  export type ToolbarItem = DSGlobalHeaderT.ToolbarItem;\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.PopupMenuContentItem` instead.\n   */\n  export interface PopupMenuContentItem extends DSGlobalHeaderT.PopupMenuContentItem {}\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.PopupMenuContentProps` instead.\n   */\n  export interface PopupMenuContentProps extends DSGlobalHeaderT.PopupMenuContentProps {}\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.PopupProps` instead.\n   */\n  export interface PopupProps extends DSGlobalHeaderT.PopupProps {}\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.Context` instead.\n   */\n  export interface Context extends DSGlobalHeaderT.Context {}\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import type { PopupMenuT } from './parts/Toolbar/outOfTheBox/PopupMenu/react-desc-prop-types.js';\nimport type { PopupMenuContentT } from './parts/Toolbar/outOfTheBox/PopupMenu/menuContent/react-desc-prop-types.js';\nimport type { DSGlobalHeaderT } from './react-desc-prop-types.js';\nimport type { GlobalHeaderCTX } from './config/useGlobalHeader.js';\n\n/* ******************************************************************************\n KEPT AROUND FOR BACKWARD COMPATIBILITY, THIS IS LEGACY!\n*********************************************************************************\nthis should be code-modded away in code-bases in favour of the actual namespace.\n******************************************************************************* */\n\n/**\n * @deprecated This namespace is outdated. Use `DSGlobalHeaderT` instead.\n */\nexport declare namespace DSGlobalHeaderInternalsT {\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.DefaultProps` instead.\n   */\n  export interface DefaultProps extends DSGlobalHeaderT.DefaultProps {}\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.InternalProps` instead.\n   */\n  export interface InternalProps extends DSGlobalHeaderT.InternalProps {}\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.BreadcrumbItem` instead.\n   */\n  export interface BreadcrumbItem extends DSGlobalHeaderT.BreadcrumbItem {}\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.ToolbarCustomComponentProps` instead.\n   */\n  export interface ToolbarCustomComponentProps extends DSGlobalHeaderT.ToolbarCustomComponentProps {}\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.ToolbarItem` instead.\n   */\n  export type ToolbarItem = DSGlobalHeaderT.ToolbarItem;\n  /**\n   * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.PopupMenuContentItem` instead.\n   */\n  export interface PopupMenuContentItem extends DSGlobalHeaderT.PopupMenuContentItem {}\n  /**\n   * @deprecated Internal wrapper contract, not a shape an application authors. It moved to the part that\n   * owns it \u2014 `PopupMenuContentT.Props` in\n   * `parts/Toolbar/outOfTheBox/PopupMenu/menuContent/react-desc-prop-types.ts` \u2014 and this alias is kept\n   * pointing at it only so the deprecation notice does not dangle. What you almost certainly want is\n   * `DSGlobalHeaderT.PopupMenuComponentProps` or `DSGlobalHeaderT.PopupMenuContentItem`.\n   */\n  export interface PopupMenuContentProps extends PopupMenuContentT.Props {}\n  /**\n   * @deprecated Internal wrapper contract, not a shape an application authors. It moved to the part that\n   * owns it \u2014 `PopupMenuT.Props` in `parts/Toolbar/outOfTheBox/PopupMenu/react-desc-prop-types.ts` \u2014 and\n   * this alias is kept pointing at it only so the deprecation notice does not dangle. What you almost\n   * certainly want is `DSGlobalHeaderT.PopupMenuItem`.\n   */\n  export interface PopupProps extends PopupMenuT.Props {}\n  /**\n   * @deprecated This namespace is outdated. You should not need the internal shape of the context externally. Get in touch with the team if you think you do.\n   */\n  export interface Context extends GlobalHeaderCTX {}\n}\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-global-header-toolbar-types.js

@@ -48,6 +48,58 @@ const customToolbarItemAsSyntax = {
   label: "Custom Toolbar Item",
   CustomComponent: EmptyComponent
 };
+const searchToggleToolbarItemMinimum = {
+  type: "ds-search-toggle",
+  label: "Search",
+  componentProps: {
+    // No placeholder (falls back), no isOpen (self-managed), no onKeyDown / onClick / triggerRef /
+    // searchContainerRef (not consumed by the part).
+    onNext: () => {
+    },
+    onPrevious: () => {
+    },
+    currentResultIndex: 0,
+    totalResults: 0,
+    value: "",
+    onChange: () => {
+    },
+    onClear: () => {
+    }
+  }
+};
+const searchToggleToolbarItemWithItemLevelAttributes = {
+  type: "ds-search-toggle",
+  label: "Search",
+  id: "search-toggle",
+  ariaLabelExpanded: "Collapse search",
+  "aria-label": "Search the page",
+  componentProps: {
+    onNext: () => {
+    },
+    onPrevious: () => {
+    },
+    currentResultIndex: 0,
+    totalResults: 0,
+    value: "",
+    onChange: () => {
+    },
+    onClear: () => {
+    }
+  }
+};
+const popupMenuToolbarItemMinimum = {
+  type: "ds-popup-menu",
+  // No onKeyPress / popupOnKeyPress (both guarded), no isOpen (self-managed), no closeOnClick.
+  componentProps: { options: [{ label: "Only key that is genuinely required" }] }
+};
+const popupMenuToolbarItemNotified = {
+  type: "ds-popup-menu",
+  componentProps: {
+    options: [{ label: "Item" }],
+    onOpen: (info) => info.reason,
+    onClose: (info) => info.reason
+  }
+};
 const searchToggleToolbarItemStrict = {
   type: "ds-search-toggle",
   label: "Search",

package/dist/cjs/typescript-testing/typescript-global-header-toolbar-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/typescript-testing/typescript-global-header-toolbar-types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport type { DSGlobalHeaderT } from '../index.js';\n\nconst EmptyComponent: React.FC = () => null;\nconst IconPlaceholder: React.FC = () => null;\nconst divRef = React.createRef<HTMLDivElement>() as React.MutableRefObject<HTMLDivElement>;\nconst buttonRef = React.createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>;\n\n/* *************************************************************************************\n          TESTING INTERFACE FOR THE OUT OF THE BOX TOOLBAR WIDGET\n************************************************************************************** */\n\n/* *************************************************************************************\n          Toolbar -> ToolbarCustomItem\n************************************************************************************** */\nconst customToolbarItemStrict: DSGlobalHeaderT.ToolbarCustomItem = {\n  type: 'custom',\n  label: 'Custom Toolbar Item',\n  CustomComponent: EmptyComponent,\n};\nconst customToolbarItemAsSyntax = {\n  type: 'custom',\n  label: 'Custom Toolbar Item',\n  CustomComponent: EmptyComponent,\n} as DSGlobalHeaderT.ToolbarCustomItem;\n/* *************************************************************************************\n          Toolbar -> ToolbarSearchToggleItem\n************************************************************************************** */\nconst searchToggleToolbarItemStrict: DSGlobalHeaderT.ToolbarSearchToggleItem = {\n  type: 'ds-search-toggle',\n  label: 'Search',\n  componentProps: {\n    onNext: () => {},\n    onPrevious: () => {},\n    currentResultIndex: 0,\n    totalResults: 0,\n    placeholder: 'Search...',\n    value: '',\n    onChange: () => {},\n    onBlur: () => {},\n    onClear: () => {},\n    isOpen: false,\n    onKeyDown: (event: React.KeyboardEvent) => {},\n    onClick: (event: React.MouseEvent) => {},\n    triggerRef: buttonRef,\n    searchContainerRef: divRef,\n  },\n};\nconst searchToggleToolbarItemAsSyntax = {\n  type: 'ds-search-toggle',\n  label: 'Search',\n  componentProps: {\n    onNext: () => {},\n    onPrevious: () => {},\n    currentResultIndex: 0,\n    totalResults: 0,\n    placeholder: 'Search...',\n    value: '',\n    onChange: () => {},\n    onBlur: () => {},\n    onClear: () => {},\n    isOpen: false,\n    onKeyDown: (event: React.KeyboardEvent) => {},\n    onClick: (event: React.MouseEvent) => {},\n    triggerRef: buttonRef,\n    searchContainerRef: divRef,\n  },\n} as DSGlobalHeaderT.ToolbarSearchToggleItem;\n/* *************************************************************************************\n          Toolbar -> ToolbarAppPickerItem\n************************************************************************************** */\nconst appPickerToolbarItemStrict: DSGlobalHeaderT.ToolbarAppPickerItem = {\n  id: 'app-picker',\n  type: 'ds-app-picker',\n  label: 'Apps',\n  componentProps: {\n    sectionTitle: 'APPLICATIONS',\n    apps: [\n      {\n        id: '0',\n        label: 'Dashboard',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n    customSectionTitle: 'RESOURCES',\n    customApps: [\n      {\n        id: '7',\n        label: 'Profile',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n  },\n};\nconst appPickerToolbarItemAsSyntax = {\n  id: 'app-picker',\n  type: 'ds-app-picker',\n  label: 'Apps',\n  componentProps: {\n    sectionTitle: 'APPLICATIONS',\n    apps: [\n      {\n        id: '0',\n        label: 'Dashboard',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n    customSectionTitle: 'RESOURCES',\n    customApps: [\n      {\n        id: '7',\n        label: 'Profile',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n  },\n} as DSGlobalHeaderT.ToolbarAppPickerItem;\n/* *************************************************************************************\n          Toolbar -> PopupMenuItem\n************************************************************************************** */\nconst popupMenuToolbarItemStrict: DSGlobalHeaderT.PopupMenuItem = {\n  type: 'ds-popup-menu',\n  Icon: IconPlaceholder,\n  label: 'Popup Menu',\n  onClick: (event: React.MouseEvent) => {},\n  Content: EmptyComponent,\n  componentProps: {\n    onClickOutside: (e: MouseEvent | TouchEvent) => {},\n    onKeyPress: (event: React.KeyboardEvent) => {},\n    popupOnKeyPress: (event: React.KeyboardEvent) => {},\n    isOpen: true,\n    options: [\n      {\n        type: 'custom',\n        Icon: IconPlaceholder,\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        type: 'separator',\n        Icon: IconPlaceholder,\n        label: 'Separator',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n      },\n    ],\n    closeOnClick: true,\n  },\n};\nconst popupMenuToolbarItemAsSyntax = {\n  type: 'ds-popup-menu',\n  Icon: IconPlaceholder,\n  label: 'Popup Menu',\n  onClick: (event: React.MouseEvent) => {},\n  Content: EmptyComponent,\n  componentProps: {\n    onClickOutside: (e: MouseEvent | TouchEvent) => {},\n    onKeyPress: (event: React.KeyboardEvent) => {},\n    popupOnKeyPress: (event: React.KeyboardEvent) => {},\n    isOpen: true,\n    options: [\n      {\n        type: 'custom',\n        Icon: IconPlaceholder,\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        type: 'separator',\n        Icon: IconPlaceholder,\n        label: 'Separator',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n      },\n    ],\n    closeOnClick: true,\n  },\n} as DSGlobalHeaderT.PopupMenuItem;\n\n/* *************************************************************************************\n          Toolbar -> ToolbarItemTypelessDefault\n************************************************************************************** */\nconst toolbarItemTypelessDefaultStrict: DSGlobalHeaderT.ToolbarItemTypelessDefault = {\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n};\n\nconst toolbarItemTypelessDefaultAsSyntax = {\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n} as DSGlobalHeaderT.ToolbarItemTypelessDefault;\nconst toolbarItemTypelessDefaultStrictExplicit: DSGlobalHeaderT.ToolbarItemTypelessDefault = {\n  type: undefined,\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n};\n\nconst toolbarItemTypelessDefaultAsSyntaxExplicit = {\n  type: undefined,\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n} as DSGlobalHeaderT.ToolbarItemTypelessDefault;\n\n/* *************************************************************************************\n          <Globalheader toolbar={...}>\n************************************************************************************** */\nexport const toolbarItemsStrict: DSGlobalHeaderT.DefaultProps['toolbar'] = [\n  customToolbarItemStrict,\n  searchToggleToolbarItemStrict,\n  appPickerToolbarItemStrict,\n  popupMenuToolbarItemStrict,\n  toolbarItemTypelessDefaultStrict,\n];\nexport const toolbarItemsAsSyntax = [\n  customToolbarItemAsSyntax,\n  searchToggleToolbarItemAsSyntax,\n  appPickerToolbarItemAsSyntax,\n  popupMenuToolbarItemAsSyntax,\n  toolbarItemTypelessDefaultAsSyntax,\n] as DSGlobalHeaderT.DefaultProps['toolbar'];\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport type { DSGlobalHeaderT } from '../index.js';\n\nconst EmptyComponent: React.FC = () => null;\nconst IconPlaceholder: React.FC = () => null;\nconst divRef = React.createRef<HTMLDivElement>() as React.MutableRefObject<HTMLDivElement>;\nconst buttonRef = React.createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>;\n\n/* *************************************************************************************\n          TESTING INTERFACE FOR THE OUT OF THE BOX TOOLBAR WIDGET\n************************************************************************************** */\n\n/* *************************************************************************************\n          Toolbar -> ToolbarCustomItem\n************************************************************************************** */\nconst customToolbarItemStrict: DSGlobalHeaderT.ToolbarCustomItem = {\n  type: 'custom',\n  label: 'Custom Toolbar Item',\n  CustomComponent: EmptyComponent,\n};\nconst customToolbarItemAsSyntax = {\n  type: 'custom',\n  label: 'Custom Toolbar Item',\n  CustomComponent: EmptyComponent,\n} as DSGlobalHeaderT.ToolbarCustomItem;\n/* *************************************************************************************\n          PUI-18647 \u2014 the MINIMUM each consumer-facing item type accepts.\n\n   These pin the widening, and they are the half that regresses silently: the maximal cases below\n   still compile if a key is wrongly required again, so only a minimum case catches it. Every key\n   omitted here is one the runtime supplies or guards \u2014 re-requiring any of them forces correct\n   consumer code to fail to type-check, which is what these exist to prevent.\n************************************************************************************** */\nconst searchToggleToolbarItemMinimum: DSGlobalHeaderT.ToolbarSearchToggleItem = {\n  type: 'ds-search-toggle',\n  label: 'Search',\n  componentProps: {\n    // No placeholder (falls back), no isOpen (self-managed), no onKeyDown / onClick / triggerRef /\n    // searchContainerRef (not consumed by the part).\n    onNext: () => {},\n    onPrevious: () => {},\n    currentResultIndex: 0,\n    totalResults: 0,\n    value: '',\n    onChange: () => {},\n    onClear: () => {},\n  },\n};\n\n/*\n * Item-level global attributes and `ariaLabelExpanded` belong on the entry itself. The runtime forwards\n * them to the item's root container; before PUI-18647 this type extended no global-attribute surface at\n * all, so none of the keys below were admitted.\n *\n * Note what is NOT asserted here: a literal `data-public` key. `GlobalAttributesT` enumerates the HTML\n * global set and carries no index signature, so an arbitrary `data-*` written literally is an excess\n * property on EVERY toolbar item type, not just this one \u2014 consumers reach it by spreading an object\n * instead, which is what the stories do. That gap belongs to ds-props-helpers, not here.\n */\nconst searchToggleToolbarItemWithItemLevelAttributes: DSGlobalHeaderT.ToolbarSearchToggleItem = {\n  type: 'ds-search-toggle',\n  label: 'Search',\n  id: 'search-toggle',\n  ariaLabelExpanded: 'Collapse search',\n  'aria-label': 'Search the page',\n  componentProps: {\n    onNext: () => {},\n    onPrevious: () => {},\n    currentResultIndex: 0,\n    totalResults: 0,\n    value: '',\n    onChange: () => {},\n    onClear: () => {},\n  },\n};\n\nconst popupMenuToolbarItemMinimum: DSGlobalHeaderT.PopupMenuItem = {\n  type: 'ds-popup-menu',\n  // No onKeyPress / popupOnKeyPress (both guarded), no isOpen (self-managed), no closeOnClick.\n  componentProps: { options: [{ label: 'Only key that is genuinely required' }] },\n};\n\n// Passive open/close notification \u2014 being told must not require owning `isOpen`.\nconst popupMenuToolbarItemNotified: DSGlobalHeaderT.PopupMenuItem = {\n  type: 'ds-popup-menu',\n  componentProps: {\n    options: [{ label: 'Item' }],\n    onOpen: (info) => info.reason,\n    onClose: (info) => info.reason,\n  },\n};\n\n/* *************************************************************************************\n          Toolbar -> ToolbarSearchToggleItem\n************************************************************************************** */\nconst searchToggleToolbarItemStrict: DSGlobalHeaderT.ToolbarSearchToggleItem = {\n  type: 'ds-search-toggle',\n  label: 'Search',\n  componentProps: {\n    onNext: () => {},\n    onPrevious: () => {},\n    currentResultIndex: 0,\n    totalResults: 0,\n    placeholder: 'Search...',\n    value: '',\n    onChange: () => {},\n    onBlur: () => {},\n    onClear: () => {},\n    isOpen: false,\n    onKeyDown: (event: React.KeyboardEvent) => {},\n    onClick: (event: React.MouseEvent) => {},\n    triggerRef: buttonRef,\n    searchContainerRef: divRef,\n  },\n};\nconst searchToggleToolbarItemAsSyntax = {\n  type: 'ds-search-toggle',\n  label: 'Search',\n  componentProps: {\n    onNext: () => {},\n    onPrevious: () => {},\n    currentResultIndex: 0,\n    totalResults: 0,\n    placeholder: 'Search...',\n    value: '',\n    onChange: () => {},\n    onBlur: () => {},\n    onClear: () => {},\n    isOpen: false,\n    onKeyDown: (event: React.KeyboardEvent) => {},\n    onClick: (event: React.MouseEvent) => {},\n    triggerRef: buttonRef,\n    searchContainerRef: divRef,\n  },\n} as DSGlobalHeaderT.ToolbarSearchToggleItem;\n/* *************************************************************************************\n          Toolbar -> ToolbarAppPickerItem\n************************************************************************************** */\nconst appPickerToolbarItemStrict: DSGlobalHeaderT.ToolbarAppPickerItem = {\n  id: 'app-picker',\n  type: 'ds-app-picker',\n  label: 'Apps',\n  componentProps: {\n    sectionTitle: 'APPLICATIONS',\n    apps: [\n      {\n        id: '0',\n        label: 'Dashboard',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n    customSectionTitle: 'RESOURCES',\n    customApps: [\n      {\n        id: '7',\n        label: 'Profile',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n  },\n};\nconst appPickerToolbarItemAsSyntax = {\n  id: 'app-picker',\n  type: 'ds-app-picker',\n  label: 'Apps',\n  componentProps: {\n    sectionTitle: 'APPLICATIONS',\n    apps: [\n      {\n        id: '0',\n        label: 'Dashboard',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n    customSectionTitle: 'RESOURCES',\n    customApps: [\n      {\n        id: '7',\n        label: 'Profile',\n        icon: IconPlaceholder,\n        onClick: () => {},\n        selected: false,\n      },\n    ],\n  },\n} as DSGlobalHeaderT.ToolbarAppPickerItem;\n/* *************************************************************************************\n          Toolbar -> PopupMenuItem\n************************************************************************************** */\nconst popupMenuToolbarItemStrict: DSGlobalHeaderT.PopupMenuItem = {\n  type: 'ds-popup-menu',\n  Icon: IconPlaceholder,\n  label: 'Popup Menu',\n  onClick: (event: React.MouseEvent) => {},\n  Content: EmptyComponent,\n  componentProps: {\n    onClickOutside: (e: MouseEvent | TouchEvent) => {},\n    onKeyPress: (event: React.KeyboardEvent) => {},\n    popupOnKeyPress: (event: React.KeyboardEvent) => {},\n    isOpen: true,\n    options: [\n      {\n        type: 'custom',\n        Icon: IconPlaceholder,\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        type: 'separator',\n        Icon: IconPlaceholder,\n        label: 'Separator',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n      },\n    ],\n    closeOnClick: true,\n  },\n};\nconst popupMenuToolbarItemAsSyntax = {\n  type: 'ds-popup-menu',\n  Icon: IconPlaceholder,\n  label: 'Popup Menu',\n  onClick: (event: React.MouseEvent) => {},\n  Content: EmptyComponent,\n  componentProps: {\n    onClickOutside: (e: MouseEvent | TouchEvent) => {},\n    onKeyPress: (event: React.KeyboardEvent) => {},\n    popupOnKeyPress: (event: React.KeyboardEvent) => {},\n    isOpen: true,\n    options: [\n      {\n        type: 'custom',\n        Icon: IconPlaceholder,\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        type: 'separator',\n        Icon: IconPlaceholder,\n        label: 'Separator',\n        onClick: (event: React.MouseEvent) => {},\n        Content: EmptyComponent,\n      },\n      {\n        label: 'Custom Option',\n        onClick: (event: React.MouseEvent) => {},\n      },\n    ],\n    closeOnClick: true,\n  },\n} as DSGlobalHeaderT.PopupMenuItem;\n\n/* *************************************************************************************\n          Toolbar -> ToolbarItemTypelessDefault\n************************************************************************************** */\nconst toolbarItemTypelessDefaultStrict: DSGlobalHeaderT.ToolbarItemTypelessDefault = {\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n};\n\nconst toolbarItemTypelessDefaultAsSyntax = {\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n} as DSGlobalHeaderT.ToolbarItemTypelessDefault;\nconst toolbarItemTypelessDefaultStrictExplicit: DSGlobalHeaderT.ToolbarItemTypelessDefault = {\n  type: undefined,\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n};\n\nconst toolbarItemTypelessDefaultAsSyntaxExplicit = {\n  type: undefined,\n  label: 'Default Label',\n  Icon: IconPlaceholder,\n  onClick: (event: React.MouseEvent) => {},\n} as DSGlobalHeaderT.ToolbarItemTypelessDefault;\n\n/* *************************************************************************************\n          <Globalheader toolbar={...}>\n************************************************************************************** */\nexport const toolbarItemsStrict: DSGlobalHeaderT.DefaultProps['toolbar'] = [\n  customToolbarItemStrict,\n  searchToggleToolbarItemStrict,\n  appPickerToolbarItemStrict,\n  popupMenuToolbarItemStrict,\n  toolbarItemTypelessDefaultStrict,\n];\nexport const toolbarItemsAsSyntax = [\n  customToolbarItemAsSyntax,\n  searchToggleToolbarItemAsSyntax,\n  appPickerToolbarItemAsSyntax,\n  popupMenuToolbarItemAsSyntax,\n  toolbarItemTypelessDefaultAsSyntax,\n] as DSGlobalHeaderT.DefaultProps['toolbar'];\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/DSGlobalHeader.js

@@ -18,7 +18,20 @@ const DSGlobalHeader = (props) => {
   const ctx = useGlobalHeader(props);
   const {
     props: { toolbar },
-    ownerProps,
+    /*
+     * The slot layer, split into its two genuinely separate halves.
+     *
+     * `getOwnerProps` is the lookup table getPartProps indexes by data-dimsum-slot to find a consumer's
+     * slot prop, so it can only come from DSGlobalHeader — that is what the verbose drilled name says out
+     * loud when it reaches the out-of-the-box parts.
+     *
+     * `getOwnerPropsArguments` is the hydrator for function-form slot props and is used for nothing else,
+     * so it belongs to whichever element renders the slot. Explicit and empty here: none of the toolbar's
+     * own elements have render-time values worth passing. Stated rather than omitted, so "what arguments
+     * does this slot get?" always has a visible answer.
+     */
+    getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+    noSlotArguments,
     fontDetector
   } = ctx;
   const propsWithDefaults = ctx.props;
@@ -51,7 +64,8 @@ const DSGlobalHeader = (props) => {
     {
       ...globalAttrs,
       ...xstyledAttrs,
-      ...ownerProps,
+      getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+      getOwnerPropsArguments: noSlotArguments,
       forwardedAs: "header",
       "data-testid": GLOBAL_HEADER_DATA_TESTID.CONTAINER,
       cols: cols2,

package/dist/esm/DSGlobalHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSGlobalHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSGridT, Grid } from '@elliemae/ds-grid';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetLayoutMode } from '@elliemae/ds-system';\nimport { useMemo } from 'react';\nimport { DSGlobalHeaderContext } from './DSGlobalHeaderContext.js';\nimport { useGlobalHeader } from './config/useGlobalHeader.js';\nimport { useValidateProps } from './config/useValidateProps.js';\nimport { DSGlobalHeaderName, FONT_DETECTOR, GLOBAL_HEADER_DATA_TESTID } from './constants/index.js';\nimport { GlobalHeaderBreadcrumb } from './parts/Breadcrumb/GlobalHeaderBreadcrumb.js';\nimport { GlobalHeaderLogo } from './parts/Logo/GlobalHeaderLogo.js';\nimport { GlobalHeaderToolbar } from './parts/Toolbar/GlobalHeaderToolbar.js';\nimport { Container } from './parts/styles.js';\nimport { DSGlobalHeaderPropTypesSchema, type DSGlobalHeaderT } from './react-desc-prop-types.js';\n\nconst DSGlobalHeader = (props: DSGlobalHeaderT.Props): JSX.Element => {\n  useValidateProps(props);\n  const ctx = useGlobalHeader(props);\n  const {\n    props: { toolbar },\n    ownerProps,\n    fontDetector,\n  } = ctx;\n  const propsWithDefaults = ctx.props;\n  const globalAttrs = useGetGlobalAttributes<DSGlobalHeaderT.Props, HTMLDivElement, DSGridT.Props>(propsWithDefaults);\n  const xstyledAttrs = useGetXstyledProps(propsWithDefaults);\n  const layoutMode = useGetLayoutMode();\n\n  const cols2 = useMemo(() => {\n    if (['l'].includes(layoutMode!)) {\n      return ['1fr', 'auto'];\n    }\n    if (['m', 's'].includes(layoutMode!)) {\n      return ['1fr'];\n    }\n    if (['xs'].includes(layoutMode!)) {\n      return ['auto'];\n    }\n    if (fontDetector > FONT_DETECTOR.SMALL) {\n      return ['auto', '1fr'];\n    }\n    return ['1fr', 'auto'];\n  }, [fontDetector, layoutMode]);\n\n  const cols = useMemo(() => {\n    if (['xs'].includes(layoutMode!)) {\n      return ['auto'];\n    }\n    return ['auto', '1fr'];\n  }, [layoutMode]);\n\n  return (\n    <Container\n      {...globalAttrs}\n      {...xstyledAttrs}\n      {...ownerProps}\n      forwardedAs=\"header\"\n      data-testid={GLOBAL_HEADER_DATA_TESTID.CONTAINER}\n      cols={cols2}\n    >\n      <DSGlobalHeaderContext.Provider value={ctx}>\n        <Grid cols={cols}>\n          <GlobalHeaderLogo />\n          <GlobalHeaderBreadcrumb />\n        </Grid>\n        {toolbar.length ? <GlobalHeaderToolbar /> : null}\n      </DSGlobalHeaderContext.Provider>\n    </Container>\n  );\n};\n\nDSGlobalHeader.displayName = DSGlobalHeaderName;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader).description('DSGlobalHeader');\nDSGlobalHeaderWithSchema.propTypes = DSGlobalHeaderPropTypesSchema;\n\nconst GlobalHeader = DSGlobalHeader;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema, GlobalHeader };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC4Df,SACE,KADF;AA5DR,SAAuB,YAAY;AACnC,SAAS,UAAU,wBAAwB,0BAA0B;AACrE,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB,eAAe,iCAAiC;AAC7E,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,iBAAiB;AAC1B,SAAS,qCAA2D;AAEpE,MAAM,iBAAiB,CAAC,UAA8C;AACpE,mBAAiB,KAAK;AACtB,QAAM,MAAM,gBAAgB,KAAK;AACjC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,oBAAoB,IAAI;AAC9B,QAAM,cAAc,uBAA6E,iBAAiB;AAClH,QAAM,eAAe,mBAAmB,iBAAiB;AACzD,QAAM,aAAa,iBAAiB;AAEpC,QAAM,QAAQ,QAAQ,MAAM;AAC1B,QAAI,CAAC,GAAG,EAAE,SAAS,UAAW,GAAG;AAC/B,aAAO,CAAC,OAAO,MAAM;AAAA,IACvB;AACA,QAAI,CAAC,KAAK,GAAG,EAAE,SAAS,UAAW,GAAG;AACpC,aAAO,CAAC,KAAK;AAAA,IACf;AACA,QAAI,CAAC,IAAI,EAAE,SAAS,UAAW,GAAG;AAChC,aAAO,CAAC,MAAM;AAAA,IAChB;AACA,QAAI,eAAe,cAAc,OAAO;AACtC,aAAO,CAAC,QAAQ,KAAK;AAAA,IACvB;AACA,WAAO,CAAC,OAAO,MAAM;AAAA,EACvB,GAAG,CAAC,cAAc,UAAU,CAAC;AAE7B,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,CAAC,IAAI,EAAE,SAAS,UAAW,GAAG;AAChC,aAAO,CAAC,MAAM;AAAA,IAChB;AACA,WAAO,CAAC,QAAQ,KAAK;AAAA,EACvB,GAAG,CAAC,UAAU,CAAC;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,aAAY;AAAA,MACZ,eAAa,0BAA0B;AAAA,MACvC,MAAM;AAAA,MAEN,+BAAC,sBAAsB,UAAtB,EAA+B,OAAO,KACrC;AAAA,6BAAC,QAAK,MACJ;AAAA,8BAAC,oBAAiB;AAAA,UAClB,oBAAC,0BAAuB;AAAA,WAC1B;AAAA,QACC,QAAQ,SAAS,oBAAC,uBAAoB,IAAK;AAAA,SAC9C;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc,EAAE,YAAY,gBAAgB;AACtF,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSGridT, Grid } from '@elliemae/ds-grid';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetLayoutMode } from '@elliemae/ds-system';\nimport { useMemo } from 'react';\nimport { DSGlobalHeaderContext } from './DSGlobalHeaderContext.js';\nimport { useGlobalHeader } from './config/useGlobalHeader.js';\nimport { useValidateProps } from './config/useValidateProps.js';\nimport { DSGlobalHeaderName, FONT_DETECTOR, GLOBAL_HEADER_DATA_TESTID } from './constants/index.js';\nimport { GlobalHeaderBreadcrumb } from './parts/Breadcrumb/GlobalHeaderBreadcrumb.js';\nimport { GlobalHeaderLogo } from './parts/Logo/GlobalHeaderLogo.js';\nimport { GlobalHeaderToolbar } from './parts/Toolbar/GlobalHeaderToolbar.js';\nimport { Container } from './parts/styles.js';\nimport { DSGlobalHeaderPropTypesSchema, type DSGlobalHeaderT } from './react-desc-prop-types.js';\n\nconst DSGlobalHeader = (props: DSGlobalHeaderT.Props): JSX.Element => {\n  useValidateProps(props);\n  const ctx = useGlobalHeader(props);\n  const {\n    props: { toolbar },\n    /*\n     * The slot layer, split into its two genuinely separate halves.\n     *\n     * `getOwnerProps` is the lookup table getPartProps indexes by data-dimsum-slot to find a consumer's\n     * slot prop, so it can only come from DSGlobalHeader \u2014 that is what the verbose drilled name says out\n     * loud when it reaches the out-of-the-box parts.\n     *\n     * `getOwnerPropsArguments` is the hydrator for function-form slot props and is used for nothing else,\n     * so it belongs to whichever element renders the slot. Explicit and empty here: none of the toolbar's\n     * own elements have render-time values worth passing. Stated rather than omitted, so \"what arguments\n     * does this slot get?\" always has a visible answer.\n     */\n    getOwnerPropsAwareOfPropsPassedToGlobalHeader,\n    noSlotArguments,\n    fontDetector,\n  } = ctx;\n  const propsWithDefaults = ctx.props;\n  const globalAttrs = useGetGlobalAttributes<DSGlobalHeaderT.Props, HTMLDivElement, DSGridT.Props>(propsWithDefaults);\n  const xstyledAttrs = useGetXstyledProps(propsWithDefaults);\n  const layoutMode = useGetLayoutMode();\n\n  const cols2 = useMemo(() => {\n    if (['l'].includes(layoutMode!)) {\n      return ['1fr', 'auto'];\n    }\n    if (['m', 's'].includes(layoutMode!)) {\n      return ['1fr'];\n    }\n    if (['xs'].includes(layoutMode!)) {\n      return ['auto'];\n    }\n    if (fontDetector > FONT_DETECTOR.SMALL) {\n      return ['auto', '1fr'];\n    }\n    return ['1fr', 'auto'];\n  }, [fontDetector, layoutMode]);\n\n  const cols = useMemo(() => {\n    if (['xs'].includes(layoutMode!)) {\n      return ['auto'];\n    }\n    return ['auto', '1fr'];\n  }, [layoutMode]);\n\n  return (\n    <Container\n      {...globalAttrs}\n      {...xstyledAttrs}\n      getOwnerProps={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n      getOwnerPropsArguments={noSlotArguments}\n      forwardedAs=\"header\"\n      data-testid={GLOBAL_HEADER_DATA_TESTID.CONTAINER}\n      cols={cols2}\n    >\n      <DSGlobalHeaderContext.Provider value={ctx}>\n        <Grid cols={cols}>\n          <GlobalHeaderLogo />\n          <GlobalHeaderBreadcrumb />\n        </Grid>\n        {toolbar.length ? <GlobalHeaderToolbar /> : null}\n      </DSGlobalHeaderContext.Provider>\n    </Container>\n  );\n};\n\nDSGlobalHeader.displayName = DSGlobalHeaderName;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader).description('DSGlobalHeader');\nDSGlobalHeaderWithSchema.propTypes = DSGlobalHeaderPropTypesSchema;\n\nconst GlobalHeader = DSGlobalHeader;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema, GlobalHeader };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0Ef,SACE,KADF;AA1ER,SAAuB,YAAY;AACnC,SAAS,UAAU,wBAAwB,0BAA0B;AACrE,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB,eAAe,iCAAiC;AAC7E,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,iBAAiB;AAC1B,SAAS,qCAA2D;AAEpE,MAAM,iBAAiB,CAAC,UAA8C;AACpE,mBAAiB,KAAK;AACtB,QAAM,MAAM,gBAAgB,KAAK;AACjC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAajB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,oBAAoB,IAAI;AAC9B,QAAM,cAAc,uBAA6E,iBAAiB;AAClH,QAAM,eAAe,mBAAmB,iBAAiB;AACzD,QAAM,aAAa,iBAAiB;AAEpC,QAAM,QAAQ,QAAQ,MAAM;AAC1B,QAAI,CAAC,GAAG,EAAE,SAAS,UAAW,GAAG;AAC/B,aAAO,CAAC,OAAO,MAAM;AAAA,IACvB;AACA,QAAI,CAAC,KAAK,GAAG,EAAE,SAAS,UAAW,GAAG;AACpC,aAAO,CAAC,KAAK;AAAA,IACf;AACA,QAAI,CAAC,IAAI,EAAE,SAAS,UAAW,GAAG;AAChC,aAAO,CAAC,MAAM;AAAA,IAChB;AACA,QAAI,eAAe,cAAc,OAAO;AACtC,aAAO,CAAC,QAAQ,KAAK;AAAA,IACvB;AACA,WAAO,CAAC,OAAO,MAAM;AAAA,EACvB,GAAG,CAAC,cAAc,UAAU,CAAC;AAE7B,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,CAAC,IAAI,EAAE,SAAS,UAAW,GAAG;AAChC,aAAO,CAAC,MAAM;AAAA,IAChB;AACA,WAAO,CAAC,QAAQ,KAAK;AAAA,EACvB,GAAG,CAAC,UAAU,CAAC;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,eAAe;AAAA,MACf,wBAAwB;AAAA,MACxB,aAAY;AAAA,MACZ,eAAa,0BAA0B;AAAA,MACvC,MAAM;AAAA,MAEN,+BAAC,sBAAsB,UAAtB,EAA+B,OAAO,KACrC;AAAA,6BAAC,QAAK,MACJ;AAAA,8BAAC,oBAAiB;AAAA,UAClB,oBAAC,0BAAuB;AAAA,WAC1B;AAAA,QACC,QAAQ,SAAS,oBAAC,uBAAoB,IAAK;AAAA,SAC9C;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc,EAAE,YAAY,gBAAgB;AACtF,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
   "names": []
 }

package/dist/esm/DSGlobalHeaderContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSGlobalHeaderContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { DSGlobalHeaderT } from './react-desc-prop-types.js';\n\nconst defaultContext = {} as DSGlobalHeaderT.Context;\n\nexport const DSGlobalHeaderContext = createContext<DSGlobalHeaderT.Context>(defaultContext);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAG9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,wBAAwB,cAAuC,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { GlobalHeaderCTX } from './config/useGlobalHeader.js';\n\nconst defaultContext = {} as GlobalHeaderCTX;\n\nexport const DSGlobalHeaderContext = createContext<GlobalHeaderCTX>(defaultContext);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAG9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,wBAAwB,cAA+B,cAAc;",
   "names": []
 }

package/dist/esm/config/useGlobalHeader.js

@@ -14,6 +14,8 @@ const useGlobalHeader = (props) => {
     [propsWithDefaults.toolbar]
   );
   const ownerProps = useOwnerProps(props);
+  const getOwnerPropsAwareOfPropsPassedToGlobalHeader = ownerProps.getOwnerProps;
+  const noSlotArguments = ownerProps.getOwnerPropsArguments;
   const fontDetector = useFontsizeMedia({
     largeFont: FONT_DETECTOR.LARGE,
     mediumFont: FONT_DETECTOR.MEDIUM,
@@ -27,9 +29,18 @@ const useGlobalHeader = (props) => {
       instanceUID,
       globalHeaderToolbarGrid,
       fontDetector,
-      ownerProps
+      getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+      noSlotArguments
     }),
-    [propsWithDefaults, ownerProps, showIconOnly, instanceUID, fontDetector, globalHeaderToolbarGrid]
+    [
+      propsWithDefaults,
+      showIconOnly,
+      instanceUID,
+      globalHeaderToolbarGrid,
+      fontDetector,
+      getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+      noSlotArguments
+    ]
   );
 };
 export {