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

package/dist/types/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/usePopupMenuContent.d.ts

@@ -1,7 +1,15 @@
 interface UsePopupMenuContentT {
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * Which end of the menu this open should land on. Mirrors DSAppPicker's open-intent mechanism, scoped
+     * to this part: the trigger records WHICH key opened the menu and the seeding below reads it — ArrowUp
+     * lands on the last item, everything else on the first.
+     */
+    openIntent: 'first' | 'last';
+    /** How many focusable items the menu mounts. Separators are not focusable and are excluded. */
+    focusableItemsCount: number;
 }
-export declare const usePopupMenuContent: ({ setIsOpen }: UsePopupMenuContentT) => {
+export declare const usePopupMenuContent: ({ setIsOpen, openIntent, focusableItemsCount }: UsePopupMenuContentT) => {
     menuRef: import("react").RefObject<HTMLUListElement>;
     setRef: (ref: HTMLButtonElement) => void;
     keyboardNavigation: (e: React.KeyboardEvent) => void;

package/dist/types/parts/Toolbar/outOfTheBox/PopupMenu/react-desc-prop-types.d.ts

@@ -0,0 +1,26 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import type { SvgIconT } from '@elliemae/ds-icons';
+import type React from 'react';
+import type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';
+export declare namespace PopupMenuT {
+    interface RequiredProps {
+        /** The consumer-authored configuration object for this toolbar item. */
+        componentProps: DSGlobalHeaderT.PopupMenuComponentProps;
+        getOwnerPropsAwareOfPropsPassedToGlobalHeader: () => Partial<DSGlobalHeaderT.DefaultProps>;
+        /** Focus-management registration, supplied by useGlobalHeaderToolbar for arrow-key navigation. */
+        setRef: (ref: HTMLElement) => void;
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps {
+        Icon?: React.ComponentType<SvgIconT.Props>;
+        onClick?: (event: React.MouseEvent) => void;
+        title?: string;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof RequiredProps | keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const PopupMenuPropTypes: DSPropTypesSchema<PopupMenuT.Props>;
+export declare const PopupMenuPropTypesSchema: ValidationMap<PopupMenuT.Props>;

package/dist/types/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.d.ts

@@ -1,2 +1,2 @@
-import type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';
-export declare const SearchToggle: (outOfTheBoxDrilledDownProps: DSGlobalHeaderT.SearchToggleProps) => JSX.Element;
+import { type SearchToggleT } from './react-desc-prop-types.js';
+export declare const SearchToggle: (outOfTheBoxDrilledDownProps: SearchToggleT.Props) => JSX.Element;

package/dist/types/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggleSpinButton.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+import type { SearchToggleT } from './react-desc-prop-types.js';
 interface SearchToggleSpinButtonPropsT {
     onNext: () => void;
     onPrevious: () => void;
     currentResultIndex: number;
     totalResults: number;
+    getOwnerPropsAwareOfPropsPassedToGlobalHeader: SearchToggleT.Props['getOwnerPropsAwareOfPropsPassedToGlobalHeader'];
 }
-export declare const SearchToggleSpinButton: React.MemoExoticComponent<(props: SearchToggleSpinButtonPropsT) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const SearchToggleSpinButton: React.MemoExoticComponent<(props: SearchToggleSpinButtonPropsT) => React.JSX.Element>;
 export {};

package/dist/types/parts/Toolbar/outOfTheBox/SearchToggle/react-desc-prop-types.d.ts

@@ -0,0 +1,26 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';
+export declare namespace SearchToggleT {
+    interface RequiredProps {
+        /** Accessible name for the collapsed trigger, and the toolbar item's label. */
+        label: string;
+        /** The consumer-authored configuration object for this toolbar item. */
+        componentProps: DSGlobalHeaderT.ToggleSearchComponentProps;
+        getOwnerPropsAwareOfPropsPassedToGlobalHeader: () => Partial<DSGlobalHeaderT.DefaultProps>;
+        /** Focus-management registration, supplied by useGlobalHeaderToolbar for arrow-key navigation. */
+        setRef: (ref: HTMLButtonElement | null) => void;
+        instanceUID: string;
+    }
+    interface DefaultProps {
+        ariaLabelExpanded: string;
+    }
+    interface OptionalProps {
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof RequiredProps | keyof DefaultProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: SearchToggleT.DefaultProps;
+export declare const SearchTogglePropTypes: DSPropTypesSchema<SearchToggleT.Props>;
+export declare const SearchTogglePropTypesSchema: ValidationMap<SearchToggleT.Props>;

package/dist/types/parts/Toolbar/outOfTheBox/SearchToggle/useSearchToggle.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
-import type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';
-export declare const useSearchToggle: (outOfTheBoxDrilledDownProps: DSGlobalHeaderT.SearchToggleProps) => {
+import type { SearchToggleT } from './react-desc-prop-types.js';
+export declare const useSearchToggle: (outOfTheBoxDrilledDownProps: SearchToggleT.Props) => {
     isOpenUncontrolled: boolean;
     internalInputRef: React.MutableRefObject<HTMLInputElement | null>;
     containerRef: React.MutableRefObject<HTMLDivElement | null>;
     handleToggleSearch: (e: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.KeyboardEvent<HTMLButtonElement>) => void;
     handleContainerKeyDown: React.KeyboardEventHandler<HTMLDivElement>;
     handleChange: React.ChangeEventHandler<HTMLInputElement>;
-    handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
     handleTriggerRefs: (buttonRef: HTMLButtonElement) => void;
     inputId: string;
     panelId: string;

package/dist/types/parts/Toolbar/outOfTheBox/index.d.ts

@@ -1,3 +1,3 @@
-export * from './AppPicker/AppPicker.js';
-export * from './PopupMenu/PopupMenu.js';
-export * from './SearchToggle/SearchToggle.js';
+export { AppPickerCTXRenderer } from './AppPicker/AppPickerCTXRenderer.js';
+export { PopupMenu } from './PopupMenu/PopupMenu.js';
+export { SearchToggle } from './SearchToggle/SearchToggle.js';

package/dist/types/parts/Toolbar/styles.d.ts

@@ -3,3 +3,4 @@ export declare const StyledMenubarContainer: import("styled-components").StyledC
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyledToolbarItem: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledPopupMenuContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;

package/dist/types/react-desc-prop-types.d.ts

@@ -1,4 +1,6 @@
 import type { DSAppPicker } from '@elliemae/ds-app-picker';
+import type { DSHookFloatingContextT } from '@elliemae/ds-floating-context';
+import type { SvgIconT } from '@elliemae/ds-icons';
 import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import type React from 'react';
@@ -10,18 +12,6 @@ export declare const defaultProps: {
     Logo: () => null;
 };
 export declare namespace DSGlobalHeaderT {
-    interface Context {
-        showIconOnly: boolean;
-        fontDetector: number;
-        setShowIconOnly: React.Dispatch<React.SetStateAction<boolean>>;
-        instanceUID: string;
-        globalHeaderToolbarGrid: string[];
-        props: InternalProps;
-        ownerProps: {
-            getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;
-            getOwnerPropsArguments: () => object;
-        };
-    }
     interface BreadcrumbItemOptionals {
         hasNext?: boolean;
         isSelected?: boolean;
@@ -46,40 +36,56 @@ export declare namespace DSGlobalHeaderT {
         label: string;
         CustomComponent: React.ComponentType<ToolbarCustomComponentProps>;
     }
+    /**
+     * Why the search region expanded or collapsed. Fired only for transitions this item drives itself —
+     * a controlled consumer flipping `isOpen` already knows, and detecting their flip would need an
+     * effect watching state, which is not how this codebase reacts to state changes.
+     */
+    type SearchToggleExpandChange = {
+        reason: 'trigger' | 'escape';
+        event: React.MouseEvent | React.KeyboardEvent;
+    };
     interface ToggleSearchComponentProps {
         onNext: () => void;
         onPrevious: () => void;
         currentResultIndex: number;
         totalResults: number;
-        placeholder: string;
         value: string;
         onChange: (value: string) => void;
-        onBlur?: () => void;
         onClear: () => void;
-        isOpen: boolean;
-        onKeyDown: (event: React.KeyboardEvent) => void;
-        onClick: (event: React.MouseEvent) => void;
-        triggerRef: React.MutableRefObject<HTMLButtonElement>;
-        searchContainerRef: React.MutableRefObject<HTMLDivElement>;
-    }
-    interface SearchToggleProps extends GlobalAttributesT {
-        setRef: (ref: HTMLButtonElement | null) => void;
-        label: string;
-        componentProps: ToggleSearchComponentProps;
-        ariaLabelExpanded?: string;
-        instanceUID: Context['instanceUID'];
+        onBlur?: () => void;
+        /** Falls back to 'Search...'. */
+        placeholder?: string;
+        /** Supply to control the expanded state; omitted, the item manages it. */
+        isOpen?: boolean;
+        onKeyDown?: (event: React.KeyboardEvent) => void;
+        onClick?: (event: React.MouseEvent) => void;
+        triggerRef?: React.MutableRefObject<HTMLButtonElement>;
+        /** Merged with the part's own container ref when supplied. */
+        searchContainerRef?: React.MutableRefObject<HTMLDivElement>;
+        /**
+         * Notified when the search region expands. PASSIVE — being told does not make you responsible: the
+         * region still expands on its own unless you also supply `isOpen`.
+         *
+         * This is the disclosure-pattern counterpart to the `onOpen`/`onClose` the app-picker and popup-menu
+         * items expose; the vocabulary differs because this item expands an inline region rather than opening
+         * a dialog or a menu.
+         */
+        onExpand?: (info: SearchToggleExpandChange) => void;
+        /** Notified when the search region collapses, on the same terms as `onExpand`. */
+        onCollapse?: (info: SearchToggleExpandChange) => void;
     }
-    interface ToolbarSearchToggleItem {
+    interface ToolbarSearchToggleItem extends Omit<GlobalAttributesT, 'type' | 'label'> {
         type: 'ds-search-toggle';
         label: string;
+        /** Accessible name for the trigger once expanded. Defaults to a generic string. */
+        ariaLabelExpanded?: string;
         componentProps: ToggleSearchComponentProps;
     }
     interface PopupMenuContentItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {
         type?: 'separator' | 'custom';
-        Icon?: React.ComponentType<{
-            fill?: string;
-            size?: string;
-        }>;
+        /** Any `@elliemae/ds-icons` export. Typed from their own props so real icons satisfy it. */
+        Icon?: React.ComponentType<SvgIconT.Props>;
         label?: string;
         onClick?: (event: React.MouseEvent) => void;
         closeOnClick?: boolean;
@@ -87,55 +93,42 @@ export declare namespace DSGlobalHeaderT {
     }
     interface PopupMenuComponentProps {
         onClickOutside?: (e: MouseEvent | TouchEvent) => void;
-        onKeyPress: (event: React.KeyboardEvent) => void;
-        popupOnKeyPress: (event: React.KeyboardEvent) => void;
-        isOpen: boolean;
+        onKeyPress?: (event: React.KeyboardEvent) => void;
+        popupOnKeyPress?: (event: React.KeyboardEvent) => void;
+        /** Supply to control the menu; omitted, the item manages it. */
+        isOpen?: boolean;
+        /** The only genuinely required key — a menu with nothing to show has no purpose. */
         options: PopupMenuContentItem[];
-        closeOnClick: boolean;
+        /** Close the menu when an option is clicked. */
+        closeOnClick?: boolean;
+        /**
+         * Notified on every open transition. PASSIVE — being told does not make you responsible for the
+         * transition: the menu opens and closes on its own unless you also supply `isOpen`.
+         *
+         * Every path reports: trigger click, ArrowDown, and a controlled flip of `isOpen`. Discriminate on
+         * the payload's `reason` — `interaction` is the synchronous, event-carrying signal, `controlled-flip`
+         * is the post-commit one that fires only when you own `isOpen`. A controlled consumer can see both
+         * for one logical transition.
+         */
+        onOpen?: (info: DSHookFloatingContextT.OpenChange) => void;
+        /**
+         * Notified on every close transition, on the same terms as `onOpen`. Every path reports: click
+         * outside, Escape inside the menu, an item click while `closeOnClick`, and a controlled flip.
+         */
+        onClose?: (info: DSHookFloatingContextT.OpenChange) => void;
     }
     interface PopupMenuItem extends Omit<GlobalAttributesT, 'type' | 'label' | 'onClick'> {
         type: 'ds-popup-menu';
-        Icon?: React.ComponentType<{
-            fill?: string;
-            size?: string;
-        }>;
+        /** Any `@elliemae/ds-icons` export. Typed from their own props so real icons satisfy it. */
+        Icon?: React.ComponentType<SvgIconT.Props>;
         label?: string;
         onClick?: (event: React.MouseEvent) => void;
         Content?: React.ComponentType;
         componentProps: PopupMenuComponentProps;
     }
-    interface PopupMenuContentProps {
-        options: PopupMenuContentItem[];
-        onItemClick: () => void;
-        onClose: () => void;
-        popupOnKeyPress: (event: React.KeyboardEvent) => void;
-        setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-        ownerProps: {
-            getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;
-            getOwnerPropsArguments: () => object;
-        };
-    }
-    interface PopupProps extends Omit<GlobalAttributesT, 'title' | 'label' | 'onClick'> {
-        Icon?: React.ComponentType<{
-            fill?: string;
-            size?: string;
-        }>;
-        onClick?: (event: React.MouseEvent) => void;
-        setRef: (ref: HTMLElement) => void;
-        componentProps: PopupMenuComponentProps;
-        title?: string;
-        ownerProps: {
-            getOwnerProps: () => Partial<DSGlobalHeaderT.DefaultProps>;
-            getOwnerPropsArguments: () => object;
-        };
-    }
     type AppPickerComponentProps = React.ComponentProps<typeof DSAppPicker> & {
         triggerOnClick?: React.MouseEventHandler<HTMLButtonElement>;
     };
-    interface AppPickerProps extends Omit<GlobalAttributesT, 'label'> {
-        label: string;
-        componentProps: AppPickerComponentProps;
-    }
     interface ToolbarAppPickerItem extends Omit<GlobalAttributesT, 'type' | 'label'> {
         type: 'ds-app-picker';
         label: string;
@@ -144,10 +137,7 @@ export declare namespace DSGlobalHeaderT {
     interface ToolbarItemTypelessDefault extends Omit<GlobalAttributesT, 'label'> {
         type?: undefined;
         label: string;
-        Icon: React.ComponentType<{
-            fill?: string;
-            size?: string;
-        }>;
+        Icon: React.ComponentType<SvgIconT.Props>;
     }
     type ToolbarItem = ToolbarCustomItem | ToolbarSearchToggleItem | ToolbarAppPickerItem | PopupMenuItem | ToolbarItemTypelessDefault;
     type SlotFunctionArguments = {
@@ -164,6 +154,7 @@ export declare namespace DSGlobalHeaderT {
         dsGlobalheaderMenubarList: () => Record<string, never>;
         dsGlobalheaderMenubarItem: () => Record<string, never>;
         dsGlobalheaderMenubarItemButton: () => Record<string, never>;
+        dsGlobalheaderMenubarItemPopupmenuContainer: () => Record<string, never>;
         dsGlobalheaderMenubarItemPopupmenuList: () => Record<string, never>;
         dsGlobalheaderMenubarItemPopupmenuItem: () => Record<string, never>;
         dsGlobalheaderMenubarItemPopupmenuItemButton: () => Record<string, never>;

package/dist/types/sharedTypes.d.ts

@@ -1,4 +1,7 @@
+import type { PopupMenuT } from './parts/Toolbar/outOfTheBox/PopupMenu/react-desc-prop-types.js';
+import type { PopupMenuContentT } from './parts/Toolbar/outOfTheBox/PopupMenu/menuContent/react-desc-prop-types.js';
 import type { DSGlobalHeaderT } from './react-desc-prop-types.js';
+import type { GlobalHeaderCTX } from './config/useGlobalHeader.js';
 /**
  * @deprecated This namespace is outdated. Use `DSGlobalHeaderT` instead.
  */
@@ -33,18 +36,25 @@ export declare namespace DSGlobalHeaderInternalsT {
     interface PopupMenuContentItem extends DSGlobalHeaderT.PopupMenuContentItem {
     }
     /**
-     * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.PopupMenuContentProps` instead.
+     * @deprecated Internal wrapper contract, not a shape an application authors. It moved to the part that
+     * owns it — `PopupMenuContentT.Props` in
+     * `parts/Toolbar/outOfTheBox/PopupMenu/menuContent/react-desc-prop-types.ts` — and this alias is kept
+     * pointing at it only so the deprecation notice does not dangle. What you almost certainly want is
+     * `DSGlobalHeaderT.PopupMenuComponentProps` or `DSGlobalHeaderT.PopupMenuContentItem`.
      */
-    interface PopupMenuContentProps extends DSGlobalHeaderT.PopupMenuContentProps {
+    interface PopupMenuContentProps extends PopupMenuContentT.Props {
     }
     /**
-     * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.PopupProps` instead.
+     * @deprecated Internal wrapper contract, not a shape an application authors. It moved to the part that
+     * owns it — `PopupMenuT.Props` in `parts/Toolbar/outOfTheBox/PopupMenu/react-desc-prop-types.ts` — and
+     * this alias is kept pointing at it only so the deprecation notice does not dangle. What you almost
+     * certainly want is `DSGlobalHeaderT.PopupMenuItem`.
      */
-    interface PopupProps extends DSGlobalHeaderT.PopupProps {
+    interface PopupProps extends PopupMenuT.Props {
     }
     /**
-     * @deprecated This namespace is outdated. Use `DSGlobalHeaderT.Context` instead.
+     * @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.
      */
-    interface Context extends DSGlobalHeaderT.Context {
+    interface Context extends GlobalHeaderCTX {
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-global-header",
-  "version": "3.70.0-next.7",
+  "version": "3.70.0-next.71",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Global Header",
   "files": [
@@ -22,7 +22,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+    "url": "https://github.com/intcx/PLATFORM-UI.dimsum.git"
   },
   "engines": {
     "pnpm": ">=9",
@@ -37,27 +37,30 @@
   },
   "dependencies": {
     "uid": "^2.0.2",
-    "@elliemae/ds-button-v2": "3.70.0-next.7",
-    "@elliemae/ds-app-picker": "3.70.0-next.7",
-    "@elliemae/ds-form-input-text": "3.70.0-next.7",
-    "@elliemae/ds-hooks-fontsize-media": "3.70.0-next.7",
-    "@elliemae/ds-grid": "3.70.0-next.7",
-    "@elliemae/ds-floating-context": "3.70.0-next.7",
-    "@elliemae/ds-icons": "3.70.0-next.7",
-    "@elliemae/ds-props-helpers": "3.70.0-next.7",
-    "@elliemae/ds-system": "3.70.0-next.7"
+    "@elliemae/ds-button-v2": "3.70.0-next.71",
+    "@elliemae/ds-app-picker": "3.70.0-next.71",
+    "@elliemae/ds-form-input-text": "3.70.0-next.71",
+    "@elliemae/ds-floating-context": "3.70.0-next.71",
+    "@elliemae/ds-grid": "3.70.0-next.71",
+    "@elliemae/ds-hooks-fontsize-media": "3.70.0-next.71",
+    "@elliemae/ds-props-helpers": "3.70.0-next.71",
+    "@elliemae/ds-icons": "3.70.0-next.71",
+    "@elliemae/ds-system": "3.70.0-next.71"
   },
   "devDependencies": {
     "jest": "^30.0.0",
-    "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.70.0-next.7",
-    "@elliemae/ds-test-utils": "3.70.0-next.7"
+    "jest-axe": "^11.0.0",
+    "styled-components": "~5.3.11",
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.71",
+    "@elliemae/ds-test-utils": "3.70.0-next.71"
   },
   "peerDependencies": {
-    "lodash-es": "^4.17.21",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "~14.6.1",
+    "lodash-es": "^4.18.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "styled-components": "~5.3.9"
+    "styled-components": "~5.3.11"
   },
   "publishConfig": {
     "access": "public",
@@ -72,4 +75,4 @@
     "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
     "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
-}
+}

package/dist/cjs/hooks/useOnClickOutside.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useOnClickOutside.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useEffect } from 'react';\n\nexport function useOnClickOutside<T extends Node>(ref: T | null, cb: (event: Event) => void): void {\n  const cbRef = React.useRef(cb);\n\n  useEffect(() => {\n    cbRef.current = cb;\n  }, [cb]);\n\n  useEffect(() => {\n    if (!ref) {\n      return () => {};\n    }\n\n    const listener = (event: MouseEvent | TouchEvent) => {\n      const target = event.target as Node | null;\n      if (!target) return;\n\n      if (ref.contains(target)) return;\n\n      cbRef.current(event);\n    };\n\n    document.addEventListener('mousedown', listener, true);\n    document.addEventListener('touchstart', listener, true);\n\n    return () => {\n      document.removeEventListener('mousedown', listener, true);\n      document.removeEventListener('touchstart', listener, true);\n    };\n  }, [ref]);\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AAE1B,SAAS,kBAAkC,KAAe,IAAkC;AACjG,QAAM,QAAQ,aAAAA,QAAM,OAAO,EAAE;AAE7B,8BAAU,MAAM;AACd,UAAM,UAAU;AAAA,EAClB,GAAG,CAAC,EAAE,CAAC;AAEP,8BAAU,MAAM;AACd,QAAI,CAAC,KAAK;AACR,aAAO,MAAM;AAAA,MAAC;AAAA,IAChB;AAEA,UAAM,WAAW,CAAC,UAAmC;AACnD,YAAM,SAAS,MAAM;AACrB,UAAI,CAAC,OAAQ;AAEb,UAAI,IAAI,SAAS,MAAM,EAAG;AAE1B,YAAM,QAAQ,KAAK;AAAA,IACrB;AAEA,aAAS,iBAAiB,aAAa,UAAU,IAAI;AACrD,aAAS,iBAAiB,cAAc,UAAU,IAAI;AAEtD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,UAAU,IAAI;AACxD,eAAS,oBAAoB,cAAc,UAAU,IAAI;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACV;",
-  "names": ["React"]
-}

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

@@ -1,127 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-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-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var AppPicker_exports = {};
-__export(AppPicker_exports, {
-  AppPicker: () => AppPicker
-});
-module.exports = __toCommonJS(AppPicker_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_app_picker = require("@elliemae/ds-app-picker");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_system = require("@elliemae/ds-system");
-var import_react = require("react");
-var import_constants = require("../../../../constants/index.js");
-var import_useCallbackAfterRender = require("../../../../utils/useCallbackAfterRender.js");
-var import_styles = require("../../../styles.js");
-const AppPicker = ({ label, setRef, componentProps, ...otherProps }) => {
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const internalTriggerRef = (0, import_react.useRef)(null);
-  const {
-    apps,
-    icon,
-    customApps,
-    sectionTitle,
-    customSectionTitle,
-    actionRef,
-    isOpen: userIsOpen,
-    onKeyDown: userOnKeyDown,
-    onClickOutside: userOnClickOutside,
-    renderTrigger: userRenderTrigger,
-    onClose,
-    triggerRef,
-    triggerOnClick
-  } = componentProps;
-  const schedule = (0, import_useCallbackAfterRender.useCallbackAfterRender)();
-  const focusTrigger = (0, import_react.useCallback)(() => internalTriggerRef.current?.focus(), []);
-  const handleTriggerKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.code === "Enter" || e.code === "Space" || e.code === "ArrowDown") {
-      setIsOpen(true);
-    }
-  }, []);
-  const handleAppPickerOnKeyDown = (0, import_react.useCallback)(
-    (e) => {
-      if (e.key === "Escape") {
-        setIsOpen(false);
-        schedule(focusTrigger);
-      }
-    },
-    [focusTrigger, schedule]
-  );
-  const handleOnClickOutside = (0, import_react.useCallback)(() => {
-    setIsOpen(false);
-  }, []);
-  const handleOnClick = (0, import_react.useCallback)(
-    (e) => {
-      setIsOpen(true);
-      setTimeout(() => {
-        if (e.detail === 0) actionRef?.current?.focusSelectedOrFirstAvailable?.();
-        else actionRef?.current?.focusWrapper();
-      }, 10);
-    },
-    [actionRef]
-  );
-  const TriggerDefaultComponent = ({ ref }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styles.StyledButton,
-    {
-      onClick: triggerOnClick ?? handleOnClick,
-      onKeyDown: handleTriggerKeyDown,
-      innerRef: (buttonRef) => {
-        setRef(buttonRef);
-        (0, import_ds_system.mergeRefs)(internalTriggerRef, triggerRef, ref)(buttonRef);
-      },
-      "aria-label": label,
-      "data-testid": import_constants.GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM_BUTTON,
-      "aria-haspopup": true,
-      "aria-expanded": userIsOpen ?? isOpen,
-      ...(0, import_ds_props_helpers.getGlobalAttributes)(otherProps),
-      type: "button",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MenuPicker, { width: 20.73, height: 20.73 })
-    }
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_app_picker.DSAppPicker,
-    {
-      apps,
-      customApps,
-      sectionTitle,
-      customSectionTitle,
-      icon,
-      onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
-      actionRef,
-      onClickOutside: userOnClickOutside ?? handleOnClickOutside,
-      renderTrigger: userRenderTrigger || TriggerDefaultComponent,
-      isOpen: userIsOpen ?? isOpen,
-      onClose,
-      triggerRef
-    }
-  );
-};
-//# sourceMappingURL=AppPicker.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { DSAppPicker } from '@elliemae/ds-app-picker';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport { getGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useRef, useState } from 'react';\nimport { GLOBAL_HEADER_DATA_TESTID } from '../../../../constants/index.js';\nimport type { DSGlobalHeaderT } from '../../../../react-desc-prop-types.js';\nimport { useCallbackAfterRender } from '../../../../utils/useCallbackAfterRender.js';\nimport { StyledButton } from '../../../styles.js';\n\ntype AppPickerOutOfTheBoxProps =\n  // what comes from\n  //   the prop toolbar (array)\n  //     specifically only if the type is 'ds-app-picker' so they give us the correct interface\n  DSGlobalHeaderT.AppPickerProps & {\n    // this interface is an addition that comes from our own implementation\n    // GlobalHeaderToolbar -> useGlobalHeaderToolbar\n    //   is handling focus management for the user when using our out of the box\n    setRef: (ref: HTMLElement) => void;\n  };\n\nexport const AppPicker = ({ label, setRef, componentProps, ...otherProps }: AppPickerOutOfTheBoxProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const internalTriggerRef = useRef<HTMLButtonElement>(null);\n\n  const {\n    apps,\n    icon,\n    customApps,\n    sectionTitle,\n    customSectionTitle,\n    actionRef,\n    isOpen: userIsOpen,\n    onKeyDown: userOnKeyDown,\n    onClickOutside: userOnClickOutside,\n    renderTrigger: userRenderTrigger,\n    onClose,\n    triggerRef,\n    triggerOnClick,\n  } = componentProps;\n\n  const schedule = useCallbackAfterRender();\n\n  // const appPickerRef = useRef(null);\n  // const internalActionRef = useMemo(() => actionRef ?? appPickerRef, [actionRef]);\n\n  const focusTrigger = useCallback(() => internalTriggerRef.current?.focus(), []);\n\n  const handleTriggerKeyDown: React.KeyboardEventHandler = useCallback((e) => {\n    if (e.code === 'Enter' || e.code === 'Space' || e.code === 'ArrowDown') {\n      setIsOpen(true);\n    }\n  }, []);\n\n  const handleAppPickerOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setIsOpen(false);\n        schedule(focusTrigger);\n      }\n    },\n    [focusTrigger, schedule],\n  );\n\n  const handleOnClickOutside = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const handleOnClick: React.MouseEventHandler = useCallback(\n    (e) => {\n      setIsOpen(true);\n      setTimeout(() => {\n        if (e.detail === 0) actionRef?.current?.focusSelectedOrFirstAvailable?.();\n        else actionRef?.current?.focusWrapper();\n      }, 10);\n    },\n    [actionRef],\n  );\n\n  // eslint-disable-next-line react/no-unstable-nested-components\n  const TriggerDefaultComponent = ({ ref }: { ref: React.MutableRefObject<HTMLButtonElement> }) => (\n    <StyledButton\n      onClick={triggerOnClick ?? handleOnClick}\n      onKeyDown={handleTriggerKeyDown}\n      innerRef={(buttonRef: HTMLButtonElement) => {\n        setRef(buttonRef);\n        mergeRefs(internalTriggerRef, triggerRef, ref)(buttonRef);\n      }}\n      aria-label={label}\n      data-testid={GLOBAL_HEADER_DATA_TESTID.MENUBAR_ITEM_BUTTON}\n      aria-haspopup\n      aria-expanded={userIsOpen ?? isOpen}\n      {...getGlobalAttributes(otherProps)}\n      type=\"button\"\n    >\n      <MenuPicker width={20.73} height={20.73} />\n    </StyledButton>\n  );\n\n  return (\n    <DSAppPicker\n      apps={apps}\n      customApps={customApps}\n      sectionTitle={sectionTitle}\n      customSectionTitle={customSectionTitle}\n      icon={icon}\n      onKeyDown={userOnKeyDown ?? handleAppPickerOnKeyDown}\n      actionRef={actionRef}\n      onClickOutside={userOnClickOutside ?? handleOnClickOutside}\n      renderTrigger={userRenderTrigger || TriggerDefaultComponent}\n      isOpen={userIsOpen ?? isOpen}\n      onClose={onClose}\n      triggerRef={triggerRef}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+FjB;AA/FN,2BAA4B;AAC5B,sBAA2B;AAC3B,8BAAoC;AACpC,uBAA0B;AAC1B,mBAAqD;AACrD,uBAA0C;AAE1C,oCAAuC;AACvC,oBAA6B;AAatB,MAAM,YAAY,CAAC,EAAE,OAAO,QAAQ,gBAAgB,GAAG,WAAW,MAA8C;AACrH,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkB,KAAK;AACnD,QAAM,yBAAqB,qBAA0B,IAAI;AAEzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAW,sDAAuB;AAKxC,QAAM,mBAAe,0BAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,2BAAmD,0BAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,WAAW,EAAE,SAAS,aAAa;AACtE,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,+BAA2B;AAAA,IAC/B,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,UAAU;AACtB,kBAAU,KAAK;AACf,iBAAS,YAAY;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,cAAc,QAAQ;AAAA,EACzB;AAEA,QAAM,2BAAuB,0BAAY,MAAM;AAC7C,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAyC;AAAA,IAC7C,CAAC,MAAM;AACL,gBAAU,IAAI;AACd,iBAAW,MAAM;AACf,YAAI,EAAE,WAAW,EAAG,YAAW,SAAS,gCAAgC;AAAA,YACnE,YAAW,SAAS,aAAa;AAAA,MACxC,GAAG,EAAE;AAAA,IACP;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAGA,QAAM,0BAA0B,CAAC,EAAE,IAAI,MACrC;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,kBAAkB;AAAA,MAC3B,WAAW;AAAA,MACX,UAAU,CAAC,cAAiC;AAC1C,eAAO,SAAS;AAChB,wCAAU,oBAAoB,YAAY,GAAG,EAAE,SAAS;AAAA,MAC1D;AAAA,MACA,cAAY;AAAA,MACZ,eAAa,2CAA0B;AAAA,MACvC,iBAAa;AAAA,MACb,iBAAe,cAAc;AAAA,MAC5B,OAAG,6CAAoB,UAAU;AAAA,MAClC,MAAK;AAAA,MAEL,sDAAC,8BAAW,OAAO,OAAO,QAAQ,OAAO;AAAA;AAAA,EAC3C;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,iBAAiB;AAAA,MAC5B;AAAA,MACA,gBAAgB,sBAAsB;AAAA,MACtC,eAAe,qBAAqB;AAAA,MACpC,QAAQ,cAAc;AAAA,MACtB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/cjs/utils/useCallbackAfterRender.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/useCallbackAfterRender.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useRef, useLayoutEffect, useMemo, useEffect } from 'react';\n\ntype Callback = (callback: () => void) => void;\n\n// Inspired in https://github.com/ryuuji3/react-hooks/blob/4b183d61c30abf17efeab2240f8ff652a5dbb8e2/packages/use-callback-after-render/src/hooks/useCallbackAfterRender.ts\nexport const useCallbackAfterRender = (isLayout = false): Callback => {\n  const lastRun = useRef<(() => void) | null>(null);\n\n  const effect = useMemo(() => (isLayout ? useLayoutEffect : useEffect), [isLayout]);\n\n  effect(() => {\n    lastRun.current?.();\n    lastRun.current = null;\n  });\n\n  return (callback) => {\n    lastRun.current = callback; // schedule callback after render\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4D;AAKrD,MAAM,yBAAyB,CAAC,WAAW,UAAoB;AACpE,QAAM,cAAU,qBAA4B,IAAI;AAEhD,QAAM,aAAS,sBAAQ,MAAO,WAAW,+BAAkB,wBAAY,CAAC,QAAQ,CAAC;AAEjF,SAAO,MAAM;AACX,YAAQ,UAAU;AAClB,YAAQ,UAAU;AAAA,EACpB,CAAC;AAED,SAAO,CAAC,aAAa;AACnB,YAAQ,UAAU;AAAA,EACpB;AACF;",
-  "names": []
-}

package/dist/esm/hooks/useOnClickOutside.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import React2, { useEffect } from "react";
-function useOnClickOutside(ref, cb) {
-  const cbRef = React2.useRef(cb);
-  useEffect(() => {
-    cbRef.current = cb;
-  }, [cb]);
-  useEffect(() => {
-    if (!ref) {
-      return () => {
-      };
-    }
-    const listener = (event) => {
-      const target = event.target;
-      if (!target) return;
-      if (ref.contains(target)) return;
-      cbRef.current(event);
-    };
-    document.addEventListener("mousedown", listener, true);
-    document.addEventListener("touchstart", listener, true);
-    return () => {
-      document.removeEventListener("mousedown", listener, true);
-      document.removeEventListener("touchstart", listener, true);
-    };
-  }, [ref]);
-}
-export {
-  useOnClickOutside
-};
-//# sourceMappingURL=useOnClickOutside.js.map