@elliemae/ds-global-header 3.70.0-next.61 → 3.70.0-next.63

package/dist/cjs/DSGlobalHeader.js

@@ -53,7 +53,20 @@ const DSGlobalHeader = (props) => {
   const ctx = (0, import_useGlobalHeader.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;
@@ -86,7 +99,8 @@ const DSGlobalHeader = (props) => {
     {
       ...globalAttrs,
       ...xstyledAttrs,
-      ...ownerProps,
+      getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+      getOwnerPropsArguments: noSlotArguments,
       forwardedAs: "header",
       "data-testid": import_constants.GLOBAL_HEADER_DATA_TESTID.CONTAINER,
       cols: cols2,

package/dist/cjs/DSGlobalHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSGlobalHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4Df;AA5DR,qBAAmC;AACnC,8BAAqE;AACrE,uBAAiC;AACjC,mBAAwB;AACxB,mCAAsC;AACtC,6BAAgC;AAChC,8BAAiC;AACjC,uBAA6E;AAC7E,oCAAuC;AACvC,8BAAiC;AACjC,iCAAoC;AACpC,oBAA0B;AAC1B,mCAAoE;AAEpE,MAAM,iBAAiB,CAAC,UAA8C;AACpE,gDAAiB,KAAK;AACtB,QAAM,UAAM,wCAAgB,KAAK;AACjC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,oBAAoB,IAAI;AAC9B,QAAM,kBAAc,gDAA6E,iBAAiB;AAClH,QAAM,mBAAe,4CAAmB,iBAAiB;AACzD,QAAM,iBAAa,mCAAiB;AAEpC,QAAM,YAAQ,sBAAQ,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,+BAAc,OAAO;AACtC,aAAO,CAAC,QAAQ,KAAK;AAAA,IACvB;AACA,WAAO,CAAC,OAAO,MAAM;AAAA,EACvB,GAAG,CAAC,cAAc,UAAU,CAAC;AAE7B,QAAM,WAAO,sBAAQ,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,2CAA0B;AAAA,MACvC,MAAM;AAAA,MAEN,uDAAC,mDAAsB,UAAtB,EAA+B,OAAO,KACrC;AAAA,qDAAC,uBAAK,MACJ;AAAA,sDAAC,4CAAiB;AAAA,UAClB,4CAAC,wDAAuB;AAAA,WAC1B;AAAA,QACC,QAAQ,SAAS,4CAAC,kDAAoB,IAAK;AAAA,SAC9C;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc,EAAE,YAAY,gBAAgB;AACtF,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0Ef;AA1ER,qBAAmC;AACnC,8BAAqE;AACrE,uBAAiC;AACjC,mBAAwB;AACxB,mCAAsC;AACtC,6BAAgC;AAChC,8BAAiC;AACjC,uBAA6E;AAC7E,oCAAuC;AACvC,8BAAiC;AACjC,iCAAoC;AACpC,oBAA0B;AAC1B,mCAAoE;AAEpE,MAAM,iBAAiB,CAAC,UAA8C;AACpE,gDAAiB,KAAK;AACtB,QAAM,UAAM,wCAAgB,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,kBAAc,gDAA6E,iBAAiB;AAClH,QAAM,mBAAe,4CAAmB,iBAAiB;AACzD,QAAM,iBAAa,mCAAiB;AAEpC,QAAM,YAAQ,sBAAQ,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,+BAAc,OAAO;AACtC,aAAO,CAAC,QAAQ,KAAK;AAAA,IACvB;AACA,WAAO,CAAC,OAAO,MAAM;AAAA,EACvB,GAAG,CAAC,cAAc,UAAU,CAAC;AAE7B,QAAM,WAAO,sBAAQ,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,2CAA0B;AAAA,MACvC,MAAM;AAAA,MAEN,uDAAC,mDAAsB,UAAtB,EAA+B,OAAO,KACrC;AAAA,qDAAC,uBAAK,MACJ;AAAA,sDAAC,4CAAiB;AAAA,UAClB,4CAAC,wDAAuB;AAAA,WAC1B;AAAA,QACC,QAAQ,SAAS,4CAAC,kDAAoB,IAAK;AAAA,SAC9C;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc,EAAE,YAAY,gBAAgB;AACtF,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
   "names": []
 }

package/dist/cjs/DSGlobalHeaderContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSGlobalHeaderContext.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAG9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,4BAAwB,4BAAuC,cAAc;",
+  "sourcesContent": ["import { createContext } from 'react';\nimport type { GlobalHeaderCTX } from './config/useGlobalHeader.js';\n\nconst defaultContext = {} as GlobalHeaderCTX;\n\nexport const DSGlobalHeaderContext = createContext<GlobalHeaderCTX>(defaultContext);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAG9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,4BAAwB,4BAA+B,cAAc;",
   "names": []
 }

package/dist/cjs/config/useGlobalHeader.js

@@ -47,6 +47,8 @@ const useGlobalHeader = (props) => {
     [propsWithDefaults.toolbar]
   );
   const ownerProps = (0, import_ds_props_helpers.useOwnerProps)(props);
+  const getOwnerPropsAwareOfPropsPassedToGlobalHeader = ownerProps.getOwnerProps;
+  const noSlotArguments = ownerProps.getOwnerPropsArguments;
   const fontDetector = (0, import_ds_hooks_fontsize_media.useFontsizeMedia)({
     largeFont: import_constants.FONT_DETECTOR.LARGE,
     mediumFont: import_constants.FONT_DETECTOR.MEDIUM,
@@ -60,9 +62,18 @@ const useGlobalHeader = (props) => {
       instanceUID,
       globalHeaderToolbarGrid,
       fontDetector,
-      ownerProps
+      getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+      noSlotArguments
     }),
-    [propsWithDefaults, ownerProps, showIconOnly, instanceUID, fontDetector, globalHeaderToolbarGrid]
+    [
+      propsWithDefaults,
+      showIconOnly,
+      instanceUID,
+      globalHeaderToolbarGrid,
+      fontDetector,
+      getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+      noSlotArguments
+    ]
   );
 };
 //# sourceMappingURL=useGlobalHeader.js.map

package/dist/cjs/config/useGlobalHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useGlobalHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useFontsizeMedia } from '@elliemae/ds-hooks-fontsize-media';\nimport { useMemoMergePropsWithDefault, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { useMemo, useState } from 'react';\nimport { uid } from 'uid';\nimport { defaultProps, type DSGlobalHeaderT } from '../react-desc-prop-types.js';\nimport { FONT_DETECTOR } from '../constants/index.js';\n\nexport const useGlobalHeader = (props: DSGlobalHeaderT.Props) => {\n  const [showIconOnly, setShowIconOnly] = useState<boolean>(false);\n\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSGlobalHeaderT.InternalProps>(props, defaultProps);\n\n  const instanceUID = useMemo(() => `ds-global-header-${uid(5)}`, []);\n\n  const globalHeaderToolbarGrid = useMemo(\n    () => new Array(propsWithDefaults.toolbar.length).fill('auto') as string[],\n    [propsWithDefaults.toolbar],\n  );\n\n  const ownerProps = useOwnerProps(props);\n\n  const fontDetector = useFontsizeMedia({\n    largeFont: FONT_DETECTOR.LARGE,\n    mediumFont: FONT_DETECTOR.MEDIUM,\n    smallFont: FONT_DETECTOR.SMALL,\n  });\n\n  return useMemo(\n    () => ({\n      props: propsWithDefaults,\n      showIconOnly,\n      setShowIconOnly,\n      instanceUID,\n      globalHeaderToolbarGrid,\n      fontDetector,\n      ownerProps,\n    }),\n    [propsWithDefaults, ownerProps, showIconOnly, instanceUID, fontDetector, globalHeaderToolbarGrid],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAiC;AACjC,8BAA4D;AAC5D,mBAAkC;AAClC,iBAAoB;AACpB,mCAAmD;AACnD,uBAA8B;AAEvB,MAAM,kBAAkB,CAAC,UAAiC;AAC/D,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAkB,KAAK;AAE/D,QAAM,wBAAoB,sDAA4D,OAAO,yCAAY;AAEzG,QAAM,kBAAc,sBAAQ,MAAM,wBAAoB,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAElE,QAAM,8BAA0B;AAAA,IAC9B,MAAM,IAAI,MAAM,kBAAkB,QAAQ,MAAM,EAAE,KAAK,MAAM;AAAA,IAC7D,CAAC,kBAAkB,OAAO;AAAA,EAC5B;AAEA,QAAM,iBAAa,uCAAc,KAAK;AAEtC,QAAM,mBAAe,iDAAiB;AAAA,IACpC,WAAW,+BAAc;AAAA,IACzB,YAAY,+BAAc;AAAA,IAC1B,WAAW,+BAAc;AAAA,EAC3B,CAAC;AAED,aAAO;AAAA,IACL,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,YAAY,cAAc,aAAa,cAAc,uBAAuB;AAAA,EAClG;AACF;",
+  "sourcesContent": ["import { useFontsizeMedia } from '@elliemae/ds-hooks-fontsize-media';\nimport { useMemoMergePropsWithDefault, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { useMemo, useState } from 'react';\nimport { uid } from 'uid';\nimport { defaultProps, type DSGlobalHeaderT } from '../react-desc-prop-types.js';\nimport { FONT_DETECTOR } from '../constants/index.js';\n\nexport const useGlobalHeader = (props: DSGlobalHeaderT.Props) => {\n  const [showIconOnly, setShowIconOnly] = useState<boolean>(false);\n\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSGlobalHeaderT.InternalProps>(props, defaultProps);\n\n  const instanceUID = useMemo(() => `ds-global-header-${uid(5)}`, []);\n\n  const globalHeaderToolbarGrid = useMemo(\n    () => new Array(propsWithDefaults.toolbar.length).fill('auto') as string[],\n    [propsWithDefaults.toolbar],\n  );\n\n  const ownerProps = useOwnerProps(props);\n\n  const getOwnerPropsAwareOfPropsPassedToGlobalHeader = ownerProps.getOwnerProps;\n  const noSlotArguments = ownerProps.getOwnerPropsArguments;\n\n  const fontDetector = useFontsizeMedia({\n    largeFont: FONT_DETECTOR.LARGE,\n    mediumFont: FONT_DETECTOR.MEDIUM,\n    smallFont: FONT_DETECTOR.SMALL,\n  });\n\n  return useMemo(\n    () => ({\n      props: propsWithDefaults,\n      showIconOnly,\n      setShowIconOnly,\n      instanceUID,\n      globalHeaderToolbarGrid,\n      fontDetector,\n      getOwnerPropsAwareOfPropsPassedToGlobalHeader,\n      noSlotArguments,\n    }),\n    [\n      propsWithDefaults,\n      showIconOnly,\n      instanceUID,\n      globalHeaderToolbarGrid,\n      fontDetector,\n      getOwnerPropsAwareOfPropsPassedToGlobalHeader,\n      noSlotArguments,\n    ],\n  );\n};\n\nexport type GlobalHeaderCTX = ReturnType<typeof useGlobalHeader>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAiC;AACjC,8BAA4D;AAC5D,mBAAkC;AAClC,iBAAoB;AACpB,mCAAmD;AACnD,uBAA8B;AAEvB,MAAM,kBAAkB,CAAC,UAAiC;AAC/D,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAkB,KAAK;AAE/D,QAAM,wBAAoB,sDAA4D,OAAO,yCAAY;AAEzG,QAAM,kBAAc,sBAAQ,MAAM,wBAAoB,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAElE,QAAM,8BAA0B;AAAA,IAC9B,MAAM,IAAI,MAAM,kBAAkB,QAAQ,MAAM,EAAE,KAAK,MAAM;AAAA,IAC7D,CAAC,kBAAkB,OAAO;AAAA,EAC5B;AAEA,QAAM,iBAAa,uCAAc,KAAK;AAEtC,QAAM,gDAAgD,WAAW;AACjE,QAAM,kBAAkB,WAAW;AAEnC,QAAM,mBAAe,iDAAiB;AAAA,IACpC,WAAW,+BAAc;AAAA,IACzB,YAAY,+BAAc;AAAA,IAC1B,WAAW,+BAAc;AAAA,EAC3B,CAAC;AAED,aAAO;AAAA,IACL,OAAO;AAAA,MACL,OAAO;AAAA,MACP;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,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/constants/index.js

@@ -121,7 +121,6 @@ const DSGlobalHeaderDatatestid = {
       SEPARATOR: "ds-global-header-menubar-item-popupmenu-separator"
     },
     SEARCH_TOGGLE: {
-      CONTAINER: "ds-global-header-menubar-item-searchtoggle-container",
       ITEM_BUTTON: "gh-toolbar-item"
     }
   }
@@ -145,7 +144,6 @@ const DSGlobalHeaderDatatestidFlattened = {
   MENUBAR_POPUP_MENU_ITEM_BUTTON: "ds-global-header-menubar-item-popupmenu-item-button",
   MENUBAR_POPUP_MENU_ITEM_LABEL: "ds-global-header-menubar-item-popupmenu-item-label",
   MENUBAR_POPUP_MENU_SEPARATOR: "ds-global-header-menubar-item-popupmenu-separator",
-  MENUBAR_SEARCH_TOGGLE_CONTAINER: "ds-global-header-menubar-item-searchtoggle-container",
   MENUBAR_SEARCH_TOGGLE_ITEM_BUTTON: "gh-toolbar-item"
 };
 const FONT_DETECTOR = {
@@ -166,7 +164,10 @@ const GLOBAL_HEADER_SLOTS = {
   SEARCH_TOGGLE_SPINBUTTON_NEXT: "searchtoggle-spinbutton-next",
   SEARCH_TOGGLE_TEXTINPUT: "searchtoggle-textinput",
   SEARCH_TOGGLE_TRIGGER_BUTTON: "searchtoggle-trigger-button",
-  SEARCH_TOGGLE_EXPANDED_CONTENT_WRAPPER: "searchtoggle-expanded-content-wrapper"
+  SEARCH_TOGGLE_EXPANDED_CONTENT_WRAPPER: "searchtoggle-expanded-content-wrapper",
+  // The popup menu item's own root — the element consumers target to reach the whole item, and the one
+  // that receives its xstyled props. Post-convention slot, so it carries no legacy data-testid override.
+  MENUBAR_ITEM_POPUPMENU_CONTAINER: "menubar-item-popupmenu-container"
 };
 const SEARCH_TOGGLE_DEFAULT_ARIA_LABEL = "Search. Press Tab twice to reach the result navigation.";
 const GLOBAL_HEADER_DATA_TESTID = {

package/dist/cjs/constants/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSGlobalHeaderName = 'DSGlobalheader';\n\n/* ************************************************************************************************\n * LEGACY VARIABLES\n * ************************************************************************************************\n *   WE KEEP THIS AROUND TO AVOID BREAKING CHANGES\n *   THE NEW VARIABLES INHERIT FROM THIS TO AVOID BREAKING CHANGES!!!\n ************************************************************************************************ */\n\n/**\n * @deprecated - use GLOBAL_HEADER_SLOTS instead, it containse the full list and is flat.\n */\nexport const DSGlobalHeaderSlots = {\n  CONTAINER: 'root',\n  LOGO: {\n    CONTAINER: 'logo-container',\n  },\n  BREADCRUMB: {\n    CONTAINER: 'breadcrumb-container',\n    PIPE: 'breadcrumb-pipe',\n    CHEVRON: 'breadcrumb-chevron',\n    LIST: 'breadcrumb-list',\n    ITEM: 'breadcrumb-item',\n    ITEM_LINK: 'breadcrumb-item-link',\n    ITEM_LINK_LABEL: 'breadcrumb-item-link-label',\n  },\n  MENUBAR: {\n    CONTAINER: 'menubar-container',\n    LIST: 'menubar-list',\n    ITEM: 'menubar-item',\n    ITEM_BUTTON: 'menubar-item-button',\n    POPUP_MENU: {\n      LIST: 'menubar-item-popupmenu-list',\n      ITEM: 'menubar-item-popupmenu-item',\n      ITEM_BUTTON: 'menubar-item-popupmenu-item-button',\n      SEPARATOR: 'menubar-item-popupmenu-separator',\n      ITEM_BUTTON_LABEL: 'menubar-item-popupmenu-item-label',\n    },\n    SEARCH_TOGGLE: {\n      CONTAINER: 'menubar-item-searchtoggle-container',\n    },\n  },\n};\n/**\n * @deprecated - use GLOBAL_HEADER_SLOTS instead, it containse the full list.\n */\nexport const DSGlobalHeaderSlotsFlattened = {\n  CONTAINER: DSGlobalHeaderSlots.CONTAINER,\n  LOGO_CONTAINER: DSGlobalHeaderSlots.LOGO.CONTAINER,\n  BREADCRUMB_CONTAINER: DSGlobalHeaderSlots.BREADCRUMB.CONTAINER,\n  BREADCRUMB_PIPE: DSGlobalHeaderSlots.BREADCRUMB.PIPE,\n  BREADCRUMB_CHEVRON: DSGlobalHeaderSlots.BREADCRUMB.CHEVRON,\n  BREADCRUMB_LIST: DSGlobalHeaderSlots.BREADCRUMB.LIST,\n  BREADCRUMB_ITEM: DSGlobalHeaderSlots.BREADCRUMB.ITEM,\n  BREADCRUMB_ITEM_LINK: DSGlobalHeaderSlots.BREADCRUMB.ITEM_LINK,\n  BREADCRUMB_ITEM_LINK_LABEL: DSGlobalHeaderSlots.BREADCRUMB.ITEM_LINK_LABEL,\n  MENUBAR_CONTAINER: DSGlobalHeaderSlots.MENUBAR.CONTAINER,\n  MENUBAR_LIST: DSGlobalHeaderSlots.MENUBAR.LIST,\n  MENUBAR_ITEM: DSGlobalHeaderSlots.MENUBAR.ITEM,\n  MENUBAR_ITEM_BUTTON: DSGlobalHeaderSlots.MENUBAR.ITEM_BUTTON,\n  MENUBAR_POPUP_MENU_LIST: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.LIST,\n  MENUBAR_POPUP_MENU_ITEM: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.ITEM,\n  MENUBAR_POPUP_MENU_ITEM_BUTTON: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.ITEM_BUTTON,\n  MENUBAR_POPUP_MENU_SEPARATOR: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.SEPARATOR,\n  MENUBAR_POPUP_MENU_ITEM_BUTTON_LABEL: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL,\n  MENUBAR_SEARCH_TOGGLE_CONTAINER: DSGlobalHeaderSlots.MENUBAR.SEARCH_TOGGLE.CONTAINER,\n};\n// maintain the same order as the original object\n// for slots showcase purpose\n/**\n * @deprecated - use GLOBAL_HEADER_DATA_TESTID instead, it containse the full list and is flat.\n */\nexport const DSGlobalHeaderDatatestid = {\n  CONTAINER: 'ds-global-header',\n  LOGO: {\n    CONTAINER: 'ds-global-header-logo-container',\n  },\n  BREADCRUMB: {\n    CHEVRON: 'ds-globalheader-breadcrumb-chevron',\n    CONTAINER: 'ds-global-header-breadcrumb-container',\n    PIPE: 'ds-global-header-breadcrumb-pipe',\n    LIST: 'ds-global-header-breadcrumb-list',\n    ITEM: 'ds-global-header-breadcrumb-item',\n    ITEM_LINK: 'gh-breadcrumb-btn',\n    ITEM_LINK_LABEL: 'ds-global-header-breadcrumb-item-link-label',\n  },\n  MENUBAR: {\n    CONTAINER: 'ds-global-header-menubar-container',\n    LIST: 'ds-global-header-menubar-list',\n    ITEM: 'ds-global-header-menubar-item',\n    ITEM_BUTTON: 'gh-toolbar-item',\n    POPUP_MENU: {\n      LIST: 'ds-global-header-menubar-item-popupmenu-list',\n      ITEM: 'ds-global-header-menubar-item-popupmenu-item',\n      ITEM_BUTTON: 'ds-global-header-menubar-item-popupmenu-item-button',\n      ITEM_BUTTON_LABEL: 'ds-global-header-menubar-item-popupmenu-item-label',\n      SEPARATOR: 'ds-global-header-menubar-item-popupmenu-separator',\n    },\n    SEARCH_TOGGLE: {\n      CONTAINER: 'ds-global-header-menubar-item-searchtoggle-container',\n      ITEM_BUTTON: 'gh-toolbar-item',\n    },\n  },\n};\n\n// maintain the same order as the original object\n// for slots showcase purpose\n/**\n * @deprecated - use GLOBAL_HEADER_DATA_TESTID instead, it containse the full list\n */\nexport const DSGlobalHeaderDatatestidFlattened = {\n  CONTAINER: 'ds-global-header',\n  LOGO_CONTAINER: 'ds-global-header-logo-container',\n  BREADCRUMB_CONTAINER: 'ds-global-header-breadcrumb-container',\n  BREADCRUMB_PIPE: 'ds-global-header-breadcrumb-pipe',\n  BREADCRUMB_LIST: 'ds-global-header-breadcrumb-list',\n  BREADCRUMB_ITEM: 'ds-global-header-breadcrumb-item',\n  BREADCRUMB_ITEM_LINK: 'gh-breadcrumb-btn',\n  BREADCRUMB_ITEM_LINK_LABEL: 'ds-global-header-breadcrumb-item-link-label',\n  BREADCRUMB_CHEVRON: 'ds-globalheader-breadcrumb-chevron',\n  MENUBAR_CONTAINER: 'ds-global-header-menubar-container',\n  MENUBAR_LIST: 'ds-global-header-menubar-list',\n  MENUBAR_ITEM: 'ds-global-header-menubar-item',\n  MENUBAR_ITEM_BUTTON: 'gh-toolbar-item',\n  MENUBAR_POPUP_MENU_LIST: 'ds-global-header-menubar-item-popupmenu-list',\n  MENUBAR_POPUP_MENU_ITEM: 'ds-global-header-menubar-item-popupmenu-item',\n  MENUBAR_POPUP_MENU_ITEM_BUTTON: 'ds-global-header-menubar-item-popupmenu-item-button',\n  MENUBAR_POPUP_MENU_ITEM_LABEL: 'ds-global-header-menubar-item-popupmenu-item-label',\n  MENUBAR_POPUP_MENU_SEPARATOR: 'ds-global-header-menubar-item-popupmenu-separator',\n  MENUBAR_SEARCH_TOGGLE_CONTAINER: 'ds-global-header-menubar-item-searchtoggle-container',\n  MENUBAR_SEARCH_TOGGLE_ITEM_BUTTON: 'gh-toolbar-item',\n};\n\n/* ************************************************************************************************\n * From here on our it's the \"new\" convention, but adapted to inherit from the legacy variables\n ************************************************************************************************ */\nexport const FONT_DETECTOR = {\n  SMALL: 1,\n  MEDIUM: 2,\n  LARGE: 3,\n} as const;\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const GLOBAL_HEADER_SLOTS = {\n  ...DSGlobalHeaderSlotsFlattened,\n  // the following slots are completely new, added to the component post BREAKING CHANGES\n  //   https://confluence.ice.com/x/6SqFPQ\n  //  [Breaking Changes] Global Header - Search Toggle\n  //  hence, given they are new, we are not adding them to the legacy variables, we are not going to overwrite the auto-generation pattern.\n  SEARCH_TOGGLE_SPINBUTTON_WRAPPER: 'searchtoggle-spinbutton-wrapper',\n  SEARCH_TOGGLE_SPINBUTTON_TEXT: 'searchtoggle-spinbutton-text',\n  SEARCH_TOGGLE_SPINBUTTON_SEPARATOR: 'searchtoggle-spinbutton-separator',\n  SEARCH_TOGGLE_SPINBUTTON_PREV: 'searchtoggle-spinbutton-prev',\n  SEARCH_TOGGLE_SPINBUTTON_NEXT: 'searchtoggle-spinbutton-next',\n  SEARCH_TOGGLE_TEXTINPUT: 'searchtoggle-textinput',\n  SEARCH_TOGGLE_TRIGGER_BUTTON: 'searchtoggle-trigger-button',\n  SEARCH_TOGGLE_EXPANDED_CONTENT_WRAPPER: 'searchtoggle-expanded-content-wrapper',\n} as const;\n\n// PUI-17973 \u2014 default accessible name for the search input, applied when the consumer does not\n//   supply their own aria-label (a consumer aria-label overrides it). Guides screen-reader users to\n//   the result navigation (the spinbutton), which announces the result count/position natively.\nexport const SEARCH_TOGGLE_DEFAULT_ARIA_LABEL = 'Search. Press Tab twice to reach the result navigation.';\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const GLOBAL_HEADER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSGlobalHeaderName, GLOBAL_HEADER_SLOTS),\n  // this are the \"hardcoded\" data-testid that maps to the slots in the component that we keep as they were for backwards compatibility\n  ...DSGlobalHeaderDatatestidFlattened,\n  SEARCH_TOGGLE_TRIGGER_BUTTON: 'gh-toolbar-item',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSGlobalHeaderName = 'DSGlobalheader';\n\n/* ************************************************************************************************\n * LEGACY VARIABLES\n * ************************************************************************************************\n *   WE KEEP THIS AROUND TO AVOID BREAKING CHANGES\n *   THE NEW VARIABLES INHERIT FROM THIS TO AVOID BREAKING CHANGES!!!\n ************************************************************************************************ */\n\n/**\n * @deprecated - use GLOBAL_HEADER_SLOTS instead, it containse the full list and is flat.\n */\nexport const DSGlobalHeaderSlots = {\n  CONTAINER: 'root',\n  LOGO: {\n    CONTAINER: 'logo-container',\n  },\n  BREADCRUMB: {\n    CONTAINER: 'breadcrumb-container',\n    PIPE: 'breadcrumb-pipe',\n    CHEVRON: 'breadcrumb-chevron',\n    LIST: 'breadcrumb-list',\n    ITEM: 'breadcrumb-item',\n    ITEM_LINK: 'breadcrumb-item-link',\n    ITEM_LINK_LABEL: 'breadcrumb-item-link-label',\n  },\n  MENUBAR: {\n    CONTAINER: 'menubar-container',\n    LIST: 'menubar-list',\n    ITEM: 'menubar-item',\n    ITEM_BUTTON: 'menubar-item-button',\n    POPUP_MENU: {\n      LIST: 'menubar-item-popupmenu-list',\n      ITEM: 'menubar-item-popupmenu-item',\n      ITEM_BUTTON: 'menubar-item-popupmenu-item-button',\n      SEPARATOR: 'menubar-item-popupmenu-separator',\n      ITEM_BUTTON_LABEL: 'menubar-item-popupmenu-item-label',\n    },\n    SEARCH_TOGGLE: {\n      CONTAINER: 'menubar-item-searchtoggle-container',\n    },\n  },\n};\n/**\n * @deprecated - use GLOBAL_HEADER_SLOTS instead, it containse the full list.\n */\nexport const DSGlobalHeaderSlotsFlattened = {\n  CONTAINER: DSGlobalHeaderSlots.CONTAINER,\n  LOGO_CONTAINER: DSGlobalHeaderSlots.LOGO.CONTAINER,\n  BREADCRUMB_CONTAINER: DSGlobalHeaderSlots.BREADCRUMB.CONTAINER,\n  BREADCRUMB_PIPE: DSGlobalHeaderSlots.BREADCRUMB.PIPE,\n  BREADCRUMB_CHEVRON: DSGlobalHeaderSlots.BREADCRUMB.CHEVRON,\n  BREADCRUMB_LIST: DSGlobalHeaderSlots.BREADCRUMB.LIST,\n  BREADCRUMB_ITEM: DSGlobalHeaderSlots.BREADCRUMB.ITEM,\n  BREADCRUMB_ITEM_LINK: DSGlobalHeaderSlots.BREADCRUMB.ITEM_LINK,\n  BREADCRUMB_ITEM_LINK_LABEL: DSGlobalHeaderSlots.BREADCRUMB.ITEM_LINK_LABEL,\n  MENUBAR_CONTAINER: DSGlobalHeaderSlots.MENUBAR.CONTAINER,\n  MENUBAR_LIST: DSGlobalHeaderSlots.MENUBAR.LIST,\n  MENUBAR_ITEM: DSGlobalHeaderSlots.MENUBAR.ITEM,\n  MENUBAR_ITEM_BUTTON: DSGlobalHeaderSlots.MENUBAR.ITEM_BUTTON,\n  MENUBAR_POPUP_MENU_LIST: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.LIST,\n  MENUBAR_POPUP_MENU_ITEM: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.ITEM,\n  MENUBAR_POPUP_MENU_ITEM_BUTTON: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.ITEM_BUTTON,\n  MENUBAR_POPUP_MENU_SEPARATOR: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.SEPARATOR,\n  MENUBAR_POPUP_MENU_ITEM_BUTTON_LABEL: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL,\n  MENUBAR_SEARCH_TOGGLE_CONTAINER: DSGlobalHeaderSlots.MENUBAR.SEARCH_TOGGLE.CONTAINER,\n};\n// maintain the same order as the original object\n// for slots showcase purpose\n/**\n * @deprecated - use GLOBAL_HEADER_DATA_TESTID instead, it containse the full list and is flat.\n */\nexport const DSGlobalHeaderDatatestid = {\n  CONTAINER: 'ds-global-header',\n  LOGO: {\n    CONTAINER: 'ds-global-header-logo-container',\n  },\n  BREADCRUMB: {\n    CHEVRON: 'ds-globalheader-breadcrumb-chevron',\n    CONTAINER: 'ds-global-header-breadcrumb-container',\n    PIPE: 'ds-global-header-breadcrumb-pipe',\n    LIST: 'ds-global-header-breadcrumb-list',\n    ITEM: 'ds-global-header-breadcrumb-item',\n    ITEM_LINK: 'gh-breadcrumb-btn',\n    ITEM_LINK_LABEL: 'ds-global-header-breadcrumb-item-link-label',\n  },\n  MENUBAR: {\n    CONTAINER: 'ds-global-header-menubar-container',\n    LIST: 'ds-global-header-menubar-list',\n    ITEM: 'ds-global-header-menubar-item',\n    ITEM_BUTTON: 'gh-toolbar-item',\n    POPUP_MENU: {\n      LIST: 'ds-global-header-menubar-item-popupmenu-list',\n      ITEM: 'ds-global-header-menubar-item-popupmenu-item',\n      ITEM_BUTTON: 'ds-global-header-menubar-item-popupmenu-item-button',\n      ITEM_BUTTON_LABEL: 'ds-global-header-menubar-item-popupmenu-item-label',\n      SEPARATOR: 'ds-global-header-menubar-item-popupmenu-separator',\n    },\n    SEARCH_TOGGLE: {\n      ITEM_BUTTON: 'gh-toolbar-item',\n    },\n  },\n};\n\n// maintain the same order as the original object\n// for slots showcase purpose\n/**\n * @deprecated - use GLOBAL_HEADER_DATA_TESTID instead, it containse the full list\n */\nexport const DSGlobalHeaderDatatestidFlattened = {\n  CONTAINER: 'ds-global-header',\n  LOGO_CONTAINER: 'ds-global-header-logo-container',\n  BREADCRUMB_CONTAINER: 'ds-global-header-breadcrumb-container',\n  BREADCRUMB_PIPE: 'ds-global-header-breadcrumb-pipe',\n  BREADCRUMB_LIST: 'ds-global-header-breadcrumb-list',\n  BREADCRUMB_ITEM: 'ds-global-header-breadcrumb-item',\n  BREADCRUMB_ITEM_LINK: 'gh-breadcrumb-btn',\n  BREADCRUMB_ITEM_LINK_LABEL: 'ds-global-header-breadcrumb-item-link-label',\n  BREADCRUMB_CHEVRON: 'ds-globalheader-breadcrumb-chevron',\n  MENUBAR_CONTAINER: 'ds-global-header-menubar-container',\n  MENUBAR_LIST: 'ds-global-header-menubar-list',\n  MENUBAR_ITEM: 'ds-global-header-menubar-item',\n  MENUBAR_ITEM_BUTTON: 'gh-toolbar-item',\n  MENUBAR_POPUP_MENU_LIST: 'ds-global-header-menubar-item-popupmenu-list',\n  MENUBAR_POPUP_MENU_ITEM: 'ds-global-header-menubar-item-popupmenu-item',\n  MENUBAR_POPUP_MENU_ITEM_BUTTON: 'ds-global-header-menubar-item-popupmenu-item-button',\n  MENUBAR_POPUP_MENU_ITEM_LABEL: 'ds-global-header-menubar-item-popupmenu-item-label',\n  MENUBAR_POPUP_MENU_SEPARATOR: 'ds-global-header-menubar-item-popupmenu-separator',\n  MENUBAR_SEARCH_TOGGLE_ITEM_BUTTON: 'gh-toolbar-item',\n};\n\n/* ************************************************************************************************\n * From here on our it's the \"new\" convention, but adapted to inherit from the legacy variables\n ************************************************************************************************ */\nexport const FONT_DETECTOR = {\n  SMALL: 1,\n  MEDIUM: 2,\n  LARGE: 3,\n} as const;\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const GLOBAL_HEADER_SLOTS = {\n  ...DSGlobalHeaderSlotsFlattened,\n  // the following slots are completely new, added to the component post BREAKING CHANGES\n  //   https://confluence.ice.com/x/6SqFPQ\n  //  [Breaking Changes] Global Header - Search Toggle\n  //  hence, given they are new, we are not adding them to the legacy variables, we are not going to overwrite the auto-generation pattern.\n  SEARCH_TOGGLE_SPINBUTTON_WRAPPER: 'searchtoggle-spinbutton-wrapper',\n  SEARCH_TOGGLE_SPINBUTTON_TEXT: 'searchtoggle-spinbutton-text',\n  SEARCH_TOGGLE_SPINBUTTON_SEPARATOR: 'searchtoggle-spinbutton-separator',\n  SEARCH_TOGGLE_SPINBUTTON_PREV: 'searchtoggle-spinbutton-prev',\n  SEARCH_TOGGLE_SPINBUTTON_NEXT: 'searchtoggle-spinbutton-next',\n  SEARCH_TOGGLE_TEXTINPUT: 'searchtoggle-textinput',\n  SEARCH_TOGGLE_TRIGGER_BUTTON: 'searchtoggle-trigger-button',\n  SEARCH_TOGGLE_EXPANDED_CONTENT_WRAPPER: 'searchtoggle-expanded-content-wrapper',\n  // The popup menu item's own root \u2014 the element consumers target to reach the whole item, and the one\n  // that receives its xstyled props. Post-convention slot, so it carries no legacy data-testid override.\n  MENUBAR_ITEM_POPUPMENU_CONTAINER: 'menubar-item-popupmenu-container',\n} as const;\n\n// PUI-17973 \u2014 default accessible name for the search input, applied when the consumer does not\n//   supply their own aria-label (a consumer aria-label overrides it). Guides screen-reader users to\n//   the result navigation (the spinbutton), which announces the result count/position natively.\nexport const SEARCH_TOGGLE_DEFAULT_ARIA_LABEL = 'Search. Press Tab twice to reach the result navigation.';\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const GLOBAL_HEADER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSGlobalHeaderName, GLOBAL_HEADER_SLOTS),\n  // this are the \"hardcoded\" data-testid that maps to the slots in the component that we keep as they were for backwards compatibility\n  ...DSGlobalHeaderDatatestidFlattened,\n  SEARCH_TOGGLE_TRIGGER_BUTTON: 'gh-toolbar-item',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/index.js

@@ -28,22 +28,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
-  DSGlobalHeader: () => import_DSGlobalHeader2.DSGlobalHeader,
+  DSGlobalHeader: () => import_DSGlobalHeader.DSGlobalHeader,
   DSGlobalHeaderDatatestid: () => import_constants.DSGlobalHeaderDatatestid,
   DSGlobalHeaderDatatestidFlattened: () => import_constants.DSGlobalHeaderDatatestidFlattened,
   DSGlobalHeaderName: () => import_constants.DSGlobalHeaderName,
   DSGlobalHeaderSlots: () => import_constants.DSGlobalHeaderSlots,
   DSGlobalHeaderSlotsFlattened: () => import_constants.DSGlobalHeaderSlotsFlattened,
-  DSGlobalHeaderWithSchema: () => import_DSGlobalHeader2.DSGlobalHeaderWithSchema,
+  DSGlobalHeaderWithSchema: () => import_DSGlobalHeader.DSGlobalHeaderWithSchema,
   GLOBAL_HEADER_DATA_TESTID: () => import_constants.GLOBAL_HEADER_DATA_TESTID,
   GLOBAL_HEADER_SLOTS: () => import_constants.GLOBAL_HEADER_SLOTS,
-  GlobalHeader: () => import_DSGlobalHeader2.GlobalHeader,
-  default: () => index_default
+  GlobalHeader: () => import_DSGlobalHeader.GlobalHeader
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
 var import_DSGlobalHeader = require("./DSGlobalHeader.js");
-var import_DSGlobalHeader2 = require("./DSGlobalHeader.js");
 var import_constants = require("./constants/index.js");
-var index_default = import_DSGlobalHeader.DSGlobalHeader;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { DSGlobalHeader } from './DSGlobalHeader.js';\n\nexport default DSGlobalHeader;\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema, GlobalHeader } from './DSGlobalHeader.js';\nexport {\n  // LEGACY VARIABLES\n  DSGlobalHeaderDatatestid,\n  DSGlobalHeaderDatatestidFlattened,\n  DSGlobalHeaderSlots,\n  DSGlobalHeaderSlotsFlattened,\n  // NEW PATTERNS INHERITING FROM THE LEGACY VARIABLES:\n  DSGlobalHeaderName,\n  GLOBAL_HEADER_SLOTS,\n  GLOBAL_HEADER_DATA_TESTID,\n} from './constants/index.js';\nexport type { DSGlobalHeaderT } from './react-desc-prop-types.js';\nexport type { DSGlobalHeaderInternalsT } from './sharedTypes.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAA+B;AAG/B,IAAAA,yBAAuE;AACvE,uBAUO;AAZP,IAAO,gBAAQ;",
-  "names": ["import_DSGlobalHeader"]
+  "sourcesContent": ["export { DSGlobalHeader, DSGlobalHeaderWithSchema, GlobalHeader } from './DSGlobalHeader.js';\nexport {\n  // LEGACY VARIABLES\n  DSGlobalHeaderDatatestid,\n  DSGlobalHeaderDatatestidFlattened,\n  DSGlobalHeaderSlots,\n  DSGlobalHeaderSlotsFlattened,\n  // NEW PATTERNS INHERITING FROM THE LEGACY VARIABLES:\n  DSGlobalHeaderName,\n  GLOBAL_HEADER_SLOTS,\n  GLOBAL_HEADER_DATA_TESTID,\n} from './constants/index.js';\nexport type { DSGlobalHeaderT } from './react-desc-prop-types.js';\nexport type { DSGlobalHeaderInternalsT } from './sharedTypes.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAuE;AACvE,uBAUO;",
+  "names": []
 }

package/dist/cjs/parts/Breadcrumb/useGlobalHeaderBreadcrumb.js

@@ -38,7 +38,20 @@ var import_DSGlobalHeaderContext = require("../../DSGlobalHeaderContext.js");
 const useGlobalHeaderBreadcrumb = () => {
   const {
     props: { breadcrumb, CustomNavigation },
-    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,
     instanceUID,
     showIconOnly,
     setShowIconOnly,
@@ -68,6 +81,25 @@ const useGlobalHeaderBreadcrumb = () => {
     },
     []
   );
+  const ownerProps = (0, import_react.useMemo)(
+    () => ({
+      /*
+       * 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.
+       */
+      getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+      getOwnerPropsArguments: noSlotArguments
+    }),
+    [getOwnerPropsAwareOfPropsPassedToGlobalHeader, noSlotArguments]
+  );
   return {
     breadcrumb,
     CustomNavigation,

package/dist/cjs/parts/Breadcrumb/useGlobalHeaderBreadcrumb.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/Breadcrumb/useGlobalHeaderBreadcrumb.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type React from 'react';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\nimport { FONT_DETECTOR } from '../../constants/index.js';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext.js';\nimport type { DSGlobalHeaderT } from '../../react-desc-prop-types.js';\n\ninterface UseGlobalHeaderBreadcrumbReturnT {\n  breadcrumb: DSGlobalHeaderT.BreadcrumbItem[];\n  CustomNavigation: React.ComponentType;\n  showIconOnly: boolean;\n  flexRegionRef: React.MutableRefObject<HTMLDivElement | null>;\n  handleOnKeyDown: (\n    onClick: (event: React.MouseEvent | React.KeyboardEvent) => void,\n  ) => (event: React.KeyboardEvent) => void;\n  instanceUID: string;\n  ownerProps: {\n    getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;\n    getOwnerPropsArguments: () => object;\n  };\n}\n\nexport const useGlobalHeaderBreadcrumb = (): UseGlobalHeaderBreadcrumbReturnT => {\n  const {\n    props: { breadcrumb, CustomNavigation },\n    ownerProps,\n    instanceUID,\n    showIconOnly,\n    setShowIconOnly,\n    fontDetector,\n  } = useContext(DSGlobalHeaderContext);\n\n  const breakpointRef = useRef<number | null>(null);\n  const flexRegionRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const evaluateShowIconOnly = () => {\n      if (\n        (flexRegionRef.current && flexRegionRef.current.offsetWidth <= 0 && !breakpointRef.current) ||\n        fontDetector === FONT_DETECTOR.LARGE ||\n        fontDetector === FONT_DETECTOR.MEDIUM\n      ) {\n        setShowIconOnly(true);\n        breakpointRef.current = window.innerWidth;\n      } else if (breakpointRef.current && window.innerWidth >= breakpointRef.current) {\n        setShowIconOnly(false);\n        breakpointRef.current = null;\n      }\n    };\n\n    evaluateShowIconOnly();\n\n    window.addEventListener('resize', evaluateShowIconOnly);\n    return () => window.removeEventListener('resize', evaluateShowIconOnly);\n  }, [breakpointRef, flexRegionRef, setShowIconOnly, fontDetector]);\n\n  const handleOnKeyDown = useCallback(\n    (onClick: (event: React.MouseEvent | React.KeyboardEvent) => void) => (e: React.KeyboardEvent) => {\n      if (e.key === ' ' || e.key === 'Enter') {\n        onClick(e);\n      }\n    },\n    [],\n  );\n\n  return {\n    breadcrumb,\n    CustomNavigation,\n    showIconOnly,\n    flexRegionRef,\n    handleOnKeyDown,\n    instanceUID,\n    ownerProps,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA2D;AAC3D,uBAA8B;AAC9B,mCAAsC;AAkB/B,MAAM,4BAA4B,MAAwC;AAC/E,QAAM;AAAA,IACJ,OAAO,EAAE,YAAY,iBAAiB;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kDAAqB;AAEpC,QAAM,oBAAgB,qBAAsB,IAAI;AAChD,QAAM,oBAAgB,qBAAuB,IAAI;AAEjD,8BAAU,MAAM;AACd,UAAM,uBAAuB,MAAM;AACjC,UACG,cAAc,WAAW,cAAc,QAAQ,eAAe,KAAK,CAAC,cAAc,WACnF,iBAAiB,+BAAc,SAC/B,iBAAiB,+BAAc,QAC/B;AACA,wBAAgB,IAAI;AACpB,sBAAc,UAAU,OAAO;AAAA,MACjC,WAAW,cAAc,WAAW,OAAO,cAAc,cAAc,SAAS;AAC9E,wBAAgB,KAAK;AACrB,sBAAc,UAAU;AAAA,MAC1B;AAAA,IACF;AAEA,yBAAqB;AAErB,WAAO,iBAAiB,UAAU,oBAAoB;AACtD,WAAO,MAAM,OAAO,oBAAoB,UAAU,oBAAoB;AAAA,EACxE,GAAG,CAAC,eAAe,eAAe,iBAAiB,YAAY,CAAC;AAEhE,QAAM,sBAAkB;AAAA,IACtB,CAAC,YAAqE,CAAC,MAA2B;AAChG,UAAI,EAAE,QAAQ,OAAO,EAAE,QAAQ,SAAS;AACtC,gBAAQ,CAAC;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type React from 'react';\nimport { useMemo, useCallback, useContext, useEffect, useRef } from 'react';\nimport { FONT_DETECTOR } from '../../constants/index.js';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext.js';\nimport type { DSGlobalHeaderT } from '../../react-desc-prop-types.js';\n\ninterface UseGlobalHeaderBreadcrumbReturnT {\n  breadcrumb: DSGlobalHeaderT.BreadcrumbItem[];\n  CustomNavigation: React.ComponentType;\n  showIconOnly: boolean;\n  flexRegionRef: React.MutableRefObject<HTMLDivElement | null>;\n  handleOnKeyDown: (\n    onClick: (event: React.MouseEvent | React.KeyboardEvent) => void,\n  ) => (event: React.KeyboardEvent) => void;\n  instanceUID: string;\n  ownerProps: {\n    getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;\n    getOwnerPropsArguments: () => object;\n  };\n}\n\nexport const useGlobalHeaderBreadcrumb = (): UseGlobalHeaderBreadcrumbReturnT => {\n  const {\n    props: { breadcrumb, CustomNavigation },\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    instanceUID,\n    showIconOnly,\n    setShowIconOnly,\n    fontDetector,\n  } = useContext(DSGlobalHeaderContext);\n\n  const breakpointRef = useRef<number | null>(null);\n  const flexRegionRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const evaluateShowIconOnly = () => {\n      if (\n        (flexRegionRef.current && flexRegionRef.current.offsetWidth <= 0 && !breakpointRef.current) ||\n        fontDetector === FONT_DETECTOR.LARGE ||\n        fontDetector === FONT_DETECTOR.MEDIUM\n      ) {\n        setShowIconOnly(true);\n        breakpointRef.current = window.innerWidth;\n      } else if (breakpointRef.current && window.innerWidth >= breakpointRef.current) {\n        setShowIconOnly(false);\n        breakpointRef.current = null;\n      }\n    };\n\n    evaluateShowIconOnly();\n\n    window.addEventListener('resize', evaluateShowIconOnly);\n    return () => window.removeEventListener('resize', evaluateShowIconOnly);\n  }, [breakpointRef, flexRegionRef, setShowIconOnly, fontDetector]);\n\n  const handleOnKeyDown = useCallback(\n    (onClick: (event: React.MouseEvent | React.KeyboardEvent) => void) => (e: React.KeyboardEvent) => {\n      if (e.key === ' ' || e.key === 'Enter') {\n        onClick(e);\n      }\n    },\n    [],\n  );\n\n  const ownerProps = useMemo(\n    () => ({\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      getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,\n      getOwnerPropsArguments: noSlotArguments,\n    }),\n    [getOwnerPropsAwareOfPropsPassedToGlobalHeader, noSlotArguments],\n  );\n\n  return {\n    breadcrumb,\n    CustomNavigation,\n    showIconOnly,\n    flexRegionRef,\n    handleOnKeyDown,\n    instanceUID,\n    ownerProps,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAoE;AACpE,uBAA8B;AAC9B,mCAAsC;AAkB/B,MAAM,4BAA4B,MAAwC;AAC/E,QAAM;AAAA,IACJ,OAAO,EAAE,YAAY,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAatC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kDAAqB;AAEpC,QAAM,oBAAgB,qBAAsB,IAAI;AAChD,QAAM,oBAAgB,qBAAuB,IAAI;AAEjD,8BAAU,MAAM;AACd,UAAM,uBAAuB,MAAM;AACjC,UACG,cAAc,WAAW,cAAc,QAAQ,eAAe,KAAK,CAAC,cAAc,WACnF,iBAAiB,+BAAc,SAC/B,iBAAiB,+BAAc,QAC/B;AACA,wBAAgB,IAAI;AACpB,sBAAc,UAAU,OAAO;AAAA,MACjC,WAAW,cAAc,WAAW,OAAO,cAAc,cAAc,SAAS;AAC9E,wBAAgB,KAAK;AACrB,sBAAc,UAAU;AAAA,MAC1B;AAAA,IACF;AAEA,yBAAqB;AAErB,WAAO,iBAAiB,UAAU,oBAAoB;AACtD,WAAO,MAAM,OAAO,oBAAoB,UAAU,oBAAoB;AAAA,EACxE,GAAG,CAAC,eAAe,eAAe,iBAAiB,YAAY,CAAC;AAEhE,QAAM,sBAAkB;AAAA,IACtB,CAAC,YAAqE,CAAC,MAA2B;AAChG,UAAI,EAAE,QAAQ,OAAO,EAAE,QAAQ,SAAS;AACtC,gBAAQ,CAAC;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,iBAAa;AAAA,IACjB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAaL,eAAe;AAAA,MACf,wBAAwB;AAAA,IAC1B;AAAA,IACA,CAAC,+CAA+C,eAAe;AAAA,EACjE;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/parts/Logo/GlobalHeaderLogo.js

@@ -42,7 +42,20 @@ const GlobalHeaderLogo = () => {
   const {
     props: { Logo, LogoWithBrand },
     showIconOnly,
-    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
   } = (0, import_react.useContext)(import_DSGlobalHeaderContext.DSGlobalHeaderContext);
   const layoutMode = (0, import_ds_system.useGetLayoutMode)();
   const smalScreen = import_react.default.useMemo(() => {
@@ -57,7 +70,8 @@ const GlobalHeaderLogo = () => {
       alignItems: "center",
       pr: smalScreen ? "0px" : "36px",
       cols: smalScreen ? ["auto"] : ["auto", "1fr"],
-      ...ownerProps,
+      getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+      getOwnerPropsArguments: noSlotArguments,
       children: [
         Logo && smalScreen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Logo, {}),
         LogoWithBrand && !smalScreen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoWithBrand, {})

package/dist/cjs/parts/Logo/GlobalHeaderLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/Logo/GlobalHeaderLogo.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { useGetLayoutMode } from '@elliemae/ds-system';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext.js';\nimport { StyledLogoContainer } from './styles.js';\nimport { GLOBAL_HEADER_DATA_TESTID } from '../../constants/index.js';\n\nexport const GlobalHeaderLogo = (): JSX.Element => {\n  const {\n    props: { Logo, LogoWithBrand },\n    showIconOnly,\n    ownerProps,\n  } = useContext(DSGlobalHeaderContext);\n  const layoutMode = useGetLayoutMode();\n\n  const smalScreen = React.useMemo(() => {\n    if (!layoutMode) return showIconOnly;\n    if (layoutMode === 'xs' || layoutMode === 's') return true;\n    return false;\n  }, [layoutMode, showIconOnly]);\n\n  return (\n    <StyledLogoContainer\n      data-testid={GLOBAL_HEADER_DATA_TESTID.LOGO_CONTAINER}\n      alignItems=\"center\"\n      pr={smalScreen ? '0px' : '36px'}\n      cols={smalScreen ? ['auto'] : ['auto', '1fr']}\n      {...ownerProps}\n    >\n      {Logo && smalScreen && <Logo />}\n      {LogoWithBrand && !smalScreen && <LogoWithBrand />}\n    </StyledLogoContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AArBJ,mBAAkC;AAClC,uBAAiC;AACjC,mCAAsC;AACtC,oBAAoC;AACpC,uBAA0C;AAEnC,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kDAAqB;AACpC,QAAM,iBAAa,mCAAiB;AAEpC,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM;AACrC,QAAI,CAAC,WAAY,QAAO;AACxB,QAAI,eAAe,QAAQ,eAAe,IAAK,QAAO;AACtD,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,YAAY,CAAC;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,2CAA0B;AAAA,MACvC,YAAW;AAAA,MACX,IAAI,aAAa,QAAQ;AAAA,MACzB,MAAM,aAAa,CAAC,MAAM,IAAI,CAAC,QAAQ,KAAK;AAAA,MAC3C,GAAG;AAAA,MAEH;AAAA,gBAAQ,cAAc,4CAAC,QAAK;AAAA,QAC5B,iBAAiB,CAAC,cAAc,4CAAC,iBAAc;AAAA;AAAA;AAAA,EAClD;AAEJ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { useGetLayoutMode } from '@elliemae/ds-system';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext.js';\nimport { StyledLogoContainer } from './styles.js';\nimport { GLOBAL_HEADER_DATA_TESTID } from '../../constants/index.js';\n\nexport const GlobalHeaderLogo = (): JSX.Element => {\n  const {\n    props: { Logo, LogoWithBrand },\n    showIconOnly,\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  } = useContext(DSGlobalHeaderContext);\n  const layoutMode = useGetLayoutMode();\n\n  const smalScreen = React.useMemo(() => {\n    if (!layoutMode) return showIconOnly;\n    if (layoutMode === 'xs' || layoutMode === 's') return true;\n    return false;\n  }, [layoutMode, showIconOnly]);\n\n  return (\n    <StyledLogoContainer\n      data-testid={GLOBAL_HEADER_DATA_TESTID.LOGO_CONTAINER}\n      alignItems=\"center\"\n      pr={smalScreen ? '0px' : '36px'}\n      cols={smalScreen ? ['auto'] : ['auto', '1fr']}\n      getOwnerProps={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n      getOwnerPropsArguments={noSlotArguments}\n    >\n      {Logo && smalScreen && <Logo />}\n      {LogoWithBrand && !smalScreen && <LogoWithBrand />}\n    </StyledLogoContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCnB;AAlCJ,mBAAkC;AAClC,uBAAiC;AACjC,mCAAsC;AACtC,oBAAoC;AACpC,uBAA0C;AAEnC,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM,cAAc;AAAA,IAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kDAAqB;AACpC,QAAM,iBAAa,mCAAiB;AAEpC,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM;AACrC,QAAI,CAAC,WAAY,QAAO;AACxB,QAAI,eAAe,QAAQ,eAAe,IAAK,QAAO;AACtD,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,YAAY,CAAC;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,2CAA0B;AAAA,MACvC,YAAW;AAAA,MACX,IAAI,aAAa,QAAQ;AAAA,MACzB,MAAM,aAAa,CAAC,MAAM,IAAI,CAAC,QAAQ,KAAK;AAAA,MAC5C,eAAe;AAAA,MACf,wBAAwB;AAAA,MAEvB;AAAA,gBAAQ,cAAc,4CAAC,QAAK;AAAA,QAC5B,iBAAiB,CAAC,cAAc,4CAAC,iBAAc;AAAA;AAAA;AAAA,EAClD;AAEJ;",
   "names": ["React"]
 }

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

@@ -44,10 +44,23 @@ var import_useGlobalHeaderToolbar = require("./useGlobalHeaderToolbar.js");
 const GlobalHeaderToolbar = () => {
   const {
     props: { toolbar },
-    ownerProps,
     instanceUID,
     globalHeaderToolbarGrid,
-    fontDetector
+    fontDetector,
+    /*
+     * 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
   } = (0, import_react.useContext)(import_DSGlobalHeaderContext.DSGlobalHeaderContext);
   const { listRef, setRef, keyboardNavigation } = (0, import_useGlobalHeaderToolbar.useGlobalHeaderToolbar)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -56,7 +69,8 @@ const GlobalHeaderToolbar = () => {
       "data-testid": import_constants.GLOBAL_HEADER_DATA_TESTID.MENUBAR_CONTAINER,
       "aria-label": "menubar",
       withSpan: fontDetector > import_constants.FONT_DETECTOR.SMALL,
-      ...ownerProps,
+      getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+      getOwnerPropsArguments: noSlotArguments,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_styles2.StyledList,
         {
@@ -69,25 +83,27 @@ const GlobalHeaderToolbar = () => {
           onKeyDown: keyboardNavigation,
           innerRef: listRef,
           "data-testid": import_constants.GLOBAL_HEADER_DATA_TESTID.MENUBAR_LIST,
-          ...ownerProps,
+          getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+          getOwnerPropsArguments: noSlotArguments,
           children: toolbar.map((item, index) => {
             const { type } = item;
             const setRefIndex = setRef(index);
             if (type === "ds-popup-menu") {
-              const { label: label2, ...otherProps2 } = item;
+              const { label: label2, type: strippedDiscriminator, ...otherProps2 } = item;
               return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_styles2.StyledToolbarItem,
                 {
                   role: "menuitem",
                   "data-testid": import_constants.GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM,
-                  ...ownerProps,
+                  getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+                  getOwnerPropsArguments: noSlotArguments,
                   children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     import_outOfTheBox.PopupMenu,
                     {
                       title: label2,
                       setRef: setRefIndex,
                       ...otherProps2,
-                      ownerProps
+                      getOwnerPropsAwareOfPropsPassedToGlobalHeader
                     }
                   )
                 },
@@ -95,27 +111,46 @@ const GlobalHeaderToolbar = () => {
               );
             }
             if (type === "ds-app-picker") {
-              const { label: label2, ...otherProps2 } = item;
+              const { label: label2, type: strippedDiscriminator, ...otherProps2 } = item;
               return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_styles2.StyledToolbarItem,
                 {
                   role: "menuitem",
                   "data-testid": import_constants.GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM,
-                  ...ownerProps,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_outOfTheBox.AppPicker, { label: label2, setRef: setRefIndex, ...otherProps2 })
+                  getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+                  getOwnerPropsArguments: noSlotArguments,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_outOfTheBox.AppPickerCTXRenderer,
+                    {
+                      label: label2,
+                      setRef: setRefIndex,
+                      ...otherProps2,
+                      getOwnerPropsAwareOfPropsPassedToGlobalHeader
+                    }
+                  )
                 },
                 `${instanceUID}-ds-toolbar-item-${label2}`
               );
             }
             if (type === "ds-search-toggle") {
-              const { label: label2, ...otherProps2 } = item;
+              const { label: label2, type: strippedDiscriminator, ...otherProps2 } = item;
               return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_styles2.StyledToolbarItem,
                 {
                   role: "menuitem",
                   "data-testid": import_constants.GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM,
-                  ...ownerProps,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_outOfTheBox.SearchToggle, { instanceUID, label: label2, setRef: setRefIndex, ...otherProps2 })
+                  getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+                  getOwnerPropsArguments: noSlotArguments,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_outOfTheBox.SearchToggle,
+                    {
+                      instanceUID,
+                      label: label2,
+                      setRef: setRefIndex,
+                      ...otherProps2,
+                      getOwnerPropsAwareOfPropsPassedToGlobalHeader
+                    }
+                  )
                 },
                 `${instanceUID}-ds-toolbar-item-${label2}`
               );
@@ -128,7 +163,8 @@ const GlobalHeaderToolbar = () => {
                 {
                   role: "menuitem",
                   "data-testid": import_constants.GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM,
-                  ...ownerProps,
+                  getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+                  getOwnerPropsArguments: noSlotArguments,
                   children: CustomComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomComponent, { item, setRef: setRefIndex })
                 },
                 `${instanceUID}-ds-toolbar-item-${label2}`
@@ -140,7 +176,8 @@ const GlobalHeaderToolbar = () => {
               {
                 role: "menuitem",
                 "data-testid": import_constants.GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM,
-                ...ownerProps,
+                getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+                getOwnerPropsArguments: noSlotArguments,
                 children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   import_styles.StyledButton,
                   {
@@ -149,7 +186,8 @@ const GlobalHeaderToolbar = () => {
                     innerRef: setRefIndex,
                     ...(0, import_ds_props_helpers.getGlobalAttributes)(otherProps),
                     type: "button",
-                    ...ownerProps,
+                    getOwnerProps: getOwnerPropsAwareOfPropsPassedToGlobalHeader,
+                    getOwnerPropsArguments: noSlotArguments,
                     children: Icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: "m" })
                   }
                 )

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/Toolbar/GlobalHeaderToolbar.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { getGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { useContext } from 'react';\nimport { FONT_DETECTOR, GLOBAL_HEADER_DATA_TESTID } from '../../constants/index.js';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext.js';\nimport { StyledButton } from '../styles.js';\nimport { AppPicker, PopupMenu, SearchToggle } from './outOfTheBox/index.js';\nimport { StyledList, StyledMenubarContainer, StyledToolbarItem } from './styles.js';\nimport { useGlobalHeaderToolbar } from './useGlobalHeaderToolbar.js';\n\nexport const GlobalHeaderToolbar = (): JSX.Element => {\n  const {\n    props: { toolbar },\n    ownerProps,\n    instanceUID,\n    globalHeaderToolbarGrid,\n    fontDetector,\n  } = useContext(DSGlobalHeaderContext);\n\n  const { listRef, setRef, keyboardNavigation } = useGlobalHeaderToolbar();\n\n  return (\n    <StyledMenubarContainer\n      data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_CONTAINER}\n      aria-label=\"menubar\"\n      withSpan={fontDetector > FONT_DETECTOR.SMALL}\n      {...ownerProps}\n    >\n      <StyledList\n        height=\"100%\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        gutter=\"xxs\"\n        cols={globalHeaderToolbarGrid}\n        role=\"menubar\"\n        onKeyDown={keyboardNavigation}\n        innerRef={listRef}\n        data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_LIST}\n        {...ownerProps}\n      >\n        {toolbar.map((item, index) => {\n          const { type } = item;\n          // inside a toolbar items needs to be navigable via arrow keys.\n          //  this setRef(index) is generating an index of references that can be \"focused\" when user is navigating with arrows\n          // NOTE:\n          //  focus management based on DOM nodes.focus() in react is problematic due to unpredictable timing of refs assignment and react rendering\n          //  we should be using the \"focus tracker\" approach where we keep track of \"what we want to focuse\",\n          //    then have the ref callback functions invoke the focus to the element AFTER the LAST element is rendered, not tracking the DOM nodes directly.\n          // We aren't changing this right now, but let's keep this in mind.\n          const setRefIndex = setRef(index);\n\n          if (type === 'ds-popup-menu') {\n            const { label, ...otherProps } = item;\n            return (\n              <StyledToolbarItem\n                role=\"menuitem\"\n                key={`${instanceUID}-ds-toolbar-item-${label}`}\n                data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM}\n                {...ownerProps}\n              >\n                <PopupMenu\n                  title={label} // this is captured as the standard HTML \"title\" attribute and is printed in output HTML\n                  setRef={setRefIndex}\n                  {...otherProps}\n                  ownerProps={ownerProps}\n                />\n              </StyledToolbarItem>\n            );\n          }\n          if (type === 'ds-app-picker') {\n            const { label, ...otherProps } = item;\n            return (\n              <StyledToolbarItem\n                role=\"menuitem\"\n                key={`${instanceUID}-ds-toolbar-item-${label}`}\n                data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM}\n                {...ownerProps}\n              >\n                <AppPicker label={label} setRef={setRefIndex} {...otherProps} />\n              </StyledToolbarItem>\n            );\n          }\n          if (type === 'ds-search-toggle') {\n            const { label, ...otherProps } = item;\n            return (\n              <StyledToolbarItem\n                role=\"menuitem\"\n                key={`${instanceUID}-ds-toolbar-item-${label}`}\n                data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM}\n                {...ownerProps}\n              >\n                <SearchToggle instanceUID={instanceUID} label={label} setRef={setRefIndex} {...otherProps} />\n              </StyledToolbarItem>\n            );\n          }\n          if (type === 'custom') {\n            const { label, CustomComponent } = item;\n            if (!CustomComponent) return null;\n            return (\n              <StyledToolbarItem\n                role=\"menuitem\"\n                key={`${instanceUID}-ds-toolbar-item-${label}`}\n                data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM}\n                {...ownerProps}\n              >\n                {CustomComponent && <CustomComponent item={item} setRef={setRefIndex} />}\n              </StyledToolbarItem>\n            );\n          }\n\n          const { label, Icon, ...otherProps } = item;\n          return (\n            <StyledToolbarItem\n              role=\"menuitem\"\n              key={`${instanceUID}-ds-toolbar-item-${label}`}\n              data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM}\n              {...ownerProps}\n            >\n              <StyledButton\n                title={label} // this is captured as the standard HTML \"title\" attribute and is printed in output HTML\n                data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM_BUTTON}\n                innerRef={setRefIndex}\n                {...getGlobalAttributes(otherProps)}\n                type=\"button\"\n                {...ownerProps}\n              >\n                {Icon && <Icon size=\"m\" />}\n              </StyledButton>\n            </StyledToolbarItem>\n          );\n        })}\n      </StyledList>\n    </StyledMenubarContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { useContext } from 'react';\nimport { FONT_DETECTOR, GLOBAL_HEADER_DATA_TESTID } from '../../constants/index.js';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext.js';\nimport { StyledButton } from '../styles.js';\nimport { AppPickerCTXRenderer, PopupMenu, SearchToggle } from './outOfTheBox/index.js';\nimport { StyledList, StyledMenubarContainer, StyledToolbarItem } from './styles.js';\nimport { useGlobalHeaderToolbar } from './useGlobalHeaderToolbar.js';\n\nexport const GlobalHeaderToolbar = (): JSX.Element => {\n  const {\n    props: { toolbar },\n    instanceUID,\n    globalHeaderToolbarGrid,\n    fontDetector,\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  } = useContext(DSGlobalHeaderContext);\n\n  const { listRef, setRef, keyboardNavigation } = useGlobalHeaderToolbar();\n\n  return (\n    <StyledMenubarContainer\n      data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_CONTAINER}\n      aria-label=\"menubar\"\n      withSpan={fontDetector > FONT_DETECTOR.SMALL}\n      getOwnerProps={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n      getOwnerPropsArguments={noSlotArguments}\n    >\n      <StyledList\n        height=\"100%\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        gutter=\"xxs\"\n        cols={globalHeaderToolbarGrid}\n        role=\"menubar\"\n        onKeyDown={keyboardNavigation}\n        innerRef={listRef}\n        data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_LIST}\n        getOwnerProps={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n        getOwnerPropsArguments={noSlotArguments}\n      >\n        {toolbar.map((item, index) => {\n          const { type } = item;\n          /*\n           * Each branch below strips `type` rather than forwarding it. It is toolbar configuration, but it\n           * is ALSO a member of GlobalAttributesT \u2014 so any part that spreads item-level global attributes\n           * onto a non-button element renders `type=\"ds-search-toggle\"` into the DOM. The button-rooted\n           * parts escape that only incidentally, by re-declaring `type=\"button\"` after their spread.\n           * Stripping here is what stops the outcome depending on that accident.\n           */\n          // inside a toolbar items needs to be navigable via arrow keys.\n          //  this setRef(index) is generating an index of references that can be \"focused\" when user is navigating with arrows\n          // NOTE:\n          //  focus management based on DOM nodes.focus() in react is problematic due to unpredictable timing of refs assignment and react rendering\n          //  we should be using the \"focus tracker\" approach where we keep track of \"what we want to focuse\",\n          //    then have the ref callback functions invoke the focus to the element AFTER the LAST element is rendered, not tracking the DOM nodes directly.\n          // We aren't changing this right now, but let's keep this in mind.\n          const setRefIndex = setRef(index);\n\n          if (type === 'ds-popup-menu') {\n            const { label, type: strippedDiscriminator, ...otherProps } = item;\n            return (\n              <StyledToolbarItem\n                role=\"menuitem\"\n                key={`${instanceUID}-ds-toolbar-item-${label}`}\n                data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM}\n                getOwnerProps={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n                getOwnerPropsArguments={noSlotArguments}\n              >\n                <PopupMenu\n                  title={label} // this is captured as the standard HTML \"title\" attribute and is printed in output HTML\n                  setRef={setRefIndex}\n                  {...otherProps}\n                  getOwnerPropsAwareOfPropsPassedToGlobalHeader={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n                />\n              </StyledToolbarItem>\n            );\n          }\n          if (type === 'ds-app-picker') {\n            const { label, type: strippedDiscriminator, ...otherProps } = item;\n            return (\n              <StyledToolbarItem\n                role=\"menuitem\"\n                key={`${instanceUID}-ds-toolbar-item-${label}`}\n                data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM}\n                getOwnerProps={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n                getOwnerPropsArguments={noSlotArguments}\n              >\n                <AppPickerCTXRenderer\n                  label={label}\n                  setRef={setRefIndex}\n                  {...otherProps}\n                  getOwnerPropsAwareOfPropsPassedToGlobalHeader={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n                />\n              </StyledToolbarItem>\n            );\n          }\n          if (type === 'ds-search-toggle') {\n            const { label, type: strippedDiscriminator, ...otherProps } = item;\n            return (\n              <StyledToolbarItem\n                role=\"menuitem\"\n                key={`${instanceUID}-ds-toolbar-item-${label}`}\n                data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM}\n                getOwnerProps={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n                getOwnerPropsArguments={noSlotArguments}\n              >\n                <SearchToggle\n                  instanceUID={instanceUID}\n                  label={label}\n                  setRef={setRefIndex}\n                  {...otherProps}\n                  getOwnerPropsAwareOfPropsPassedToGlobalHeader={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n                />\n              </StyledToolbarItem>\n            );\n          }\n          if (type === 'custom') {\n            const { label, CustomComponent } = item;\n            if (!CustomComponent) return null;\n            return (\n              <StyledToolbarItem\n                role=\"menuitem\"\n                key={`${instanceUID}-ds-toolbar-item-${label}`}\n                data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM}\n                getOwnerProps={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n                getOwnerPropsArguments={noSlotArguments}\n              >\n                {CustomComponent && <CustomComponent item={item} setRef={setRefIndex} />}\n              </StyledToolbarItem>\n            );\n          }\n\n          const { label, Icon, ...otherProps } = item;\n          return (\n            <StyledToolbarItem\n              role=\"menuitem\"\n              key={`${instanceUID}-ds-toolbar-item-${label}`}\n              data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM}\n              getOwnerProps={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n              getOwnerPropsArguments={noSlotArguments}\n            >\n              <StyledButton\n                title={label} // this is captured as the standard HTML \"title\" attribute and is printed in output HTML\n                data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM_BUTTON}\n                innerRef={setRefIndex}\n                {...getGlobalAttributes(otherProps)}\n                type=\"button\"\n                getOwnerProps={getOwnerPropsAwareOfPropsPassedToGlobalHeader}\n                getOwnerPropsArguments={noSlotArguments}\n              >\n                {Icon && <Icon size=\"m\" />}\n              </StyledButton>\n            </StyledToolbarItem>\n          );\n        })}\n      </StyledList>\n    </StyledMenubarContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["import_styles", "label", "otherProps"]
 }