@gooddata/sdk-ui-kit 10.27.0-alpha.23 → 10.27.0-alpha.24

package/esm/@ui/UiMenu/UiMenu.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { UiMenuProps } from "./types.js";
+import { IUiMenuItemData, UiMenuProps } from "./types.js";
 /**
  * An accessible menu component that can be navigated by keyboard.
  * Usable in a <Dropdown /> component.
@@ -7,5 +7,5 @@ import { UiMenuProps } from "./types.js";
  *
  * @internal
  */
-export declare function UiMenu<InteractiveItemData, StaticItemData>({ items, className, itemClassName, maxWidth, onSelect, onClose, onUnhandledKeyDown, InteractiveItemComponent, StaticItemComponent, MenuHeaderComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect, isDisabledFocusable, ariaAttributes, }: UiMenuProps<InteractiveItemData, StaticItemData>): React.ReactNode;
+export declare function UiMenu<T extends IUiMenuItemData = object>(props: UiMenuProps<T>): React.ReactNode;
 //# sourceMappingURL=UiMenu.d.ts.map

package/esm/@ui/UiMenu/UiMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiMenu.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/UiMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAoE,WAAW,EAAE,MAAM,YAAY,CAAC;AAO3G;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,mBAAmB,EAAE,cAAc,EAAE,EACxD,KAAK,EAEL,SAAS,EACT,aAAa,EACb,QAAQ,EAER,QAAQ,EACR,OAAO,EACP,kBAAkB,EAElB,wBAAgE,EAChE,mBAAsD,EACtD,mBAAkD,EAElD,kCAAkC,EAClC,mCAAmC,EACnC,mBAA0B,EAC1B,mBAA0B,EAE1B,cAAc,GACjB,EAAE,WAAW,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,SAAS,CA+JpE"}
+{"version":3,"file":"UiMenu.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/UiMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAK1D;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAsEjG"}

package/esm/@ui/UiMenu/UiMenu.js

@@ -2,12 +2,9 @@
 import React from "react";
 import cx from "classnames";
 import { b, e } from "./menuBem.js";
-import { useAutoupdateRef } from "@gooddata/sdk-ui";
-import { DefaultUiMenuInteractiveItemComponent } from "./defaults/DefaultUiMenuInteractiveItemComponent.js";
-import { DefaultUiMenuStaticItemComponent } from "./defaults/DefaultUiMenuStaticItemComponent.js";
-import { getInteractiveItem, getItemParent, getItemsByParent, getSiblingItems } from "./itemUtils.js";
-import { DefaultUiMenuHeaderComponent } from "./defaults/DefaultUiMenuHeaderComponent.js";
-import { useItemRefs, useKeyNavigation } from "./hooks.js";
+import { getSiblingItems } from "./itemUtils.js";
+import { useKeyNavigation, useUiMenuContextValue } from "./hooks.js";
+import { typedUiMenuContextStore } from "./context.js";
 /**
  * An accessible menu component that can be navigated by keyboard.
  * Usable in a <Dropdown /> component.
@@ -15,80 +12,25 @@ import { useItemRefs, useKeyNavigation } from "./hooks.js";
  *
  * @internal
  */
-export function UiMenu({ items, className, itemClassName, maxWidth, onSelect, onClose, onUnhandledKeyDown, InteractiveItemComponent = DefaultUiMenuInteractiveItemComponent, StaticItemComponent = DefaultUiMenuStaticItemComponent, MenuHeaderComponent = DefaultUiMenuHeaderComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect = true, isDisabledFocusable = true, ariaAttributes, }) {
-    const [controlType, setControlType] = React.useState("unknown");
+export function UiMenu(props) {
+    const { className, maxWidth, ariaAttributes, onUnhandledKeyDown, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, } = props;
     const menuComponentRef = React.useRef(null);
-    const isItemFocusable = React.useCallback((item) => {
-        if (!item || item.type !== "interactive") {
-            return false;
-        }
-        return isDisabledFocusable || !item.isDisabled;
-    }, [isDisabledFocusable]);
-    const [focusedId, setFocusedId_internal] = React.useState(() => items.find(isItemFocusable)?.id);
-    const setFocusedId = React.useCallback((...args) => {
-        setFocusedId_internal(...args);
-        // Focus is lost when clicking on an item that opens a submenu. We need to refocus the menu.
-        menuComponentRef.current?.focus();
-    }, []);
-    const focusedItem = focusedId === undefined ? undefined : getInteractiveItem(items, focusedId);
-    const { itemsContainerRef, itemRefs, setItemRef } = useItemRefs(focusedId);
-    const handleSelectItem = React.useCallback((item) => {
-        if (!item || item.isDisabled) {
-            return;
-        }
-        // If there is no subMenu, select the item
-        if (!item.subMenu) {
-            onSelect?.(item);
-            shouldCloseOnSelect && onClose?.();
-            return;
-        }
-        // Otherwise focus the first focusable child
-        const itemToFocus = getItemsByParent(items, item.id)?.filter(isItemFocusable)[0];
-        if (!itemToFocus) {
-            return;
-        }
-        setFocusedId(itemToFocus.id);
-        menuComponentRef.current?.focus();
-    }, [isItemFocusable, items, onClose, onSelect, setFocusedId, shouldCloseOnSelect]);
-    const handleFocusItemByMouse = React.useCallback((id) => () => {
-        if (controlType !== "mouse") {
-            return;
-        }
-        setFocusedId(id);
-    }, [controlType, setFocusedId]);
-    const context = {
-        itemRefs,
-        focusedId,
-        items,
-        focusedItem,
-        onClose,
-        onSelect: handleSelectItem,
-        setFocusedId,
-        isItemFocusable,
-    };
-    const contextRef = useAutoupdateRef(context);
+    const itemsContainerRef = React.useRef(null);
+    const UiMenuContextStore = typedUiMenuContextStore();
+    const contextStoreValue = useUiMenuContextValue(props, menuComponentRef, itemsContainerRef);
     const handleKeyDown = useKeyNavigation({
-        menuContextRef: contextRef,
+        menuContextValue: contextStoreValue,
         onUnhandledKeyDown,
         shouldKeyboardActionPreventDefault,
         shouldKeyboardActionStopPropagation,
     });
+    const { focusedItem, items, controlType, setControlType, MenuHeaderComponent, ItemComponent, makeItemId, } = contextStoreValue;
+    const focusedId = focusedItem?.id;
     const currentMenuLevelItems = React.useMemo(() => (focusedId === undefined ? [] : getSiblingItems(items, focusedId) ?? []), [items, focusedId]);
-    const parentItem = focusedId === undefined ? undefined : getItemParent(items, focusedId);
-    const handleBack = React.useCallback(() => {
-        if (!parentItem) {
-            return;
-        }
-        setFocusedId(parentItem.id);
-    }, [parentItem, setFocusedId]);
-    return (React.createElement("div", { className: cx(b(), b({ controlType }), className), style: { maxWidth }, onKeyDownCapture: () => setControlType("keyboard"), onMouseMoveCapture: () => setControlType("mouse") },
-        React.createElement(MenuHeaderComponent, { onBack: handleBack, onClose: onClose, parentItem: parentItem }),
-        React.createElement("div", { className: e("items-container"), ref: itemsContainerRef },
-            React.createElement("menu", { className: e("items"), tabIndex: 0, onKeyDown: handleKeyDown, "aria-activedescendant": makeItemId(ariaAttributes.id, focusedItem), ...ariaAttributes, role: "menu", ref: menuComponentRef }, currentMenuLevelItems.map((item, index) => item.type === "interactive" ? (React.createElement("li", { key: item.id, ref: setItemRef(item.id), role: "menuitem", "aria-haspopup": item.subMenu ? "menu" : undefined, "aria-disabled": item.isDisabled, onMouseMove: handleFocusItemByMouse(item.id), tabIndex: -1, id: makeItemId(ariaAttributes.id, item), className: typeof itemClassName === "function" ? itemClassName(item) : itemClassName },
-                React.createElement(InteractiveItemComponent, { onSelect: () => {
-                        handleSelectItem(item);
-                    }, item: item, isFocused: item.id === focusedId }))) : (React.createElement("li", { role: "none", key: item.id ?? index, className: typeof itemClassName === "function" ? itemClassName(item) : itemClassName },
-                React.createElement(StaticItemComponent, { item: item }))))))));
+    return (React.createElement(UiMenuContextStore, { value: contextStoreValue },
+        React.createElement("div", { className: cx(b(), b({ controlType }), className), style: { maxWidth }, onKeyDownCapture: () => setControlType("keyboard"), onMouseMoveCapture: () => setControlType("mouse") },
+            React.createElement(MenuHeaderComponent, null),
+            React.createElement("div", { className: e("items-container"), ref: itemsContainerRef },
+                React.createElement("menu", { className: e("items"), tabIndex: 0, onKeyDown: handleKeyDown, "aria-activedescendant": focusedItem ? makeItemId(focusedItem) : undefined, ...ariaAttributes, role: "menu", ref: menuComponentRef }, currentMenuLevelItems.map((item, index) => (React.createElement(ItemComponent, { key: "id" in item ? item.id : index, item: item }))))))));
 }
-const makeItemId = (listboxId, item) => item && item.type === "interactive" ? `item-${listboxId}-${item.id}` : undefined;
 //# sourceMappingURL=UiMenu.js.map

package/esm/@ui/UiMenu/UiMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiMenu.js","sourceRoot":"","sources":["../../../src/@ui/UiMenu/UiMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UiMenu.js","sourceRoot":"","sources":["../../../src/@ui/UiMenu/UiMenu.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,UAAU,MAAM,CAAqC,KAAqB;IAC5E,MAAM,EACF,SAAS,EACT,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,kCAAkC,EAClC,mCAAmC,GACtC,GAAG,KAAK,CAAC;IAEV,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC7D,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7D,MAAM,kBAAkB,GAAG,uBAAuB,EAAK,CAAC;IACxD,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAE5F,MAAM,aAAa,GAAG,gBAAgB,CAAI;QACtC,gBAAgB,EAAE,iBAAiB;QACnC,kBAAkB;QAClB,kCAAkC;QAClC,mCAAmC;KACtC,CAAC,CAAC;IAEH,MAAM,EACF,WAAW,EACX,KAAK,EACL,WAAW,EACX,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,UAAU,GACb,GAAG,iBAAiB,CAAC;IACtB,MAAM,SAAS,GAAG,WAAW,EAAE,EAAE,CAAC;IAElC,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CACvC,GAAG,EAAE,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,EAC9E,CAAC,KAAK,EAAE,SAAS,CAAC,CACrB,CAAC;IAEF,OAAO,CACH,oBAAC,kBAAkB,IAAC,KAAK,EAAE,iBAAiB;QACxC,6BACI,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC,EACjD,KAAK,EAAE,EAAE,QAAQ,EAAE,EACnB,gBAAgB,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,EAClD,kBAAkB,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC;YAEjD,oBAAC,mBAAmB,OAAG;YAEvB,6BACI,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC/B,GAAG,EAAE,iBAA2D;gBAEhE,8BACI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,aAAa,2BACD,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,KACpE,cAAc,EAClB,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,gBAAgB,IAEpB,qBAAqB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,oBAAC,aAAa,IAAC,GAAG,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACrE,CAAC,CACC,CACL,CACJ,CACW,CACxB,CAAC;AACN,CAAC"}

package/esm/@ui/UiMenu/context.d.ts

@@ -0,0 +1,11 @@
+import { IUiMenuContext, IUiMenuItemData } from "./types.js";
+import { IContextStore } from "@gooddata/sdk-ui";
+/**
+ * @internal
+ */
+export declare const UiMenuContextStore: IContextStore<IUiMenuContext<object>>;
+/**
+ * @internal
+ */
+export declare const typedUiMenuContextStore: <T extends IUiMenuItemData = object>() => IContextStore<IUiMenuContext<T>>;
+//# sourceMappingURL=context.d.ts.map

package/esm/@ui/UiMenu/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAsB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,kBAAkB,uCAA+C,CAAC;AAC/E;;GAEG;AACH,eAAO,MAAM,uBAAuB,4EACiC,CAAC"}

package/esm/@ui/UiMenu/context.js

@@ -0,0 +1,11 @@
+// (C) 2025 GoodData Corporation
+import { createContextStore } from "@gooddata/sdk-ui";
+/**
+ * @internal
+ */
+export const UiMenuContextStore = createContextStore("UiMenu");
+/**
+ * @internal
+ */
+export const typedUiMenuContextStore = () => UiMenuContextStore;
+//# sourceMappingURL=context.js.map

package/esm/@ui/UiMenu/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/@ui/UiMenu/context.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAGhC,OAAO,EAAE,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAErE;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAiB,QAAQ,CAAC,CAAC;AAC/E;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAuC,EAAE,CAC5E,kBAAiE,CAAC"}

package/esm/@ui/UiMenu/defaults/DefaultUiMenuGroupItemComponent.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { IUiMenuItemData, UiMenuGroupItemProps } from "../types.js";
+/**
+ * @internal
+ */
+export declare function DefaultUiMenuGroupItemComponent<T extends IUiMenuItemData = object>({ item, }: UiMenuGroupItemProps<T>): React.ReactNode;
+//# sourceMappingURL=DefaultUiMenuGroupItemComponent.d.ts.map

package/esm/@ui/UiMenu/defaults/DefaultUiMenuGroupItemComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultUiMenuGroupItemComponent.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuGroupItemComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGpE;;GAEG;AACH,wBAAgB,+BAA+B,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EAChF,IAAI,GACP,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAsB3C"}

package/esm/@ui/UiMenu/defaults/DefaultUiMenuGroupItemComponent.js

@@ -0,0 +1,21 @@
+// (C) 2025 GoodData Corporation
+import React from "react";
+import { e } from "../menuBem.js";
+import { ShortenedText } from "../../../ShortenedText/index.js";
+import { typedUiMenuContextStore } from "../context.js";
+/**
+ * @internal
+ */
+export function DefaultUiMenuGroupItemComponent({ item, }) {
+    const { createSelector, useContextStore } = typedUiMenuContextStore();
+    const selector = createSelector((ctx) => ({
+        makeItemId: ctx.makeItemId,
+        ItemComponent: ctx.ItemComponent,
+    }));
+    const { makeItemId, ItemComponent } = useContextStore(selector);
+    return (React.createElement("ul", { className: e("group"), role: "group", "aria-labelledby": makeItemId(item) },
+        React.createElement("li", { className: e("group-title-container"), role: "presentation", id: makeItemId(item) },
+            React.createElement(ShortenedText, { className: e("group-title"), ellipsisPosition: "end" }, item.stringTitle)),
+        item.subItems.map((groupItem, index) => (React.createElement(ItemComponent, { key: "id" in groupItem ? groupItem.id : index, item: groupItem })))));
+}
+//# sourceMappingURL=DefaultUiMenuGroupItemComponent.js.map

package/esm/@ui/UiMenu/defaults/DefaultUiMenuGroupItemComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultUiMenuGroupItemComponent.js","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuGroupItemComponent.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD;;GAEG;AACH,MAAM,UAAU,+BAA+B,CAAqC,EAChF,IAAI,GACkB;IACtB,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,uBAAuB,EAAK,CAAC;IACzE,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACtC,UAAU,EAAE,GAAG,CAAC,UAAU;QAC1B,aAAa,EAAE,GAAG,CAAC,aAAa;KACnC,CAAC,CAAC,CAAC;IAEJ,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAEhE,OAAO,CACH,4BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,qBAAmB,UAAU,CAAC,IAAI,CAAC;QACvE,4BAAI,SAAS,EAAE,CAAC,CAAC,uBAAuB,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC;YACjF,oBAAC,aAAa,IAAC,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,gBAAgB,EAAE,KAAK,IAC9D,IAAI,CAAC,WAAW,CACL,CACf;QAEJ,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,oBAAC,aAAa,IAAC,GAAG,EAAE,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,GAAI,CACpF,CAAC,CACD,CACR,CAAC;AACN,CAAC"}

package/esm/@ui/UiMenu/defaults/DefaultUiMenuHeaderComponent.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { UiMenuHeaderProps } from "../types.js";
+import { IUiMenuItemData } from "../types.js";
 /**
  * Renders the submenu header when in a submenu.
  * If not in a submenu, returns null.
  * @internal
  */
-export declare function DefaultUiMenuHeaderComponent<InteractiveItemData, StaticItemData>({ onBack, onClose, parentItem, }: UiMenuHeaderProps<InteractiveItemData, StaticItemData>): React.ReactNode;
+export declare const DefaultUiMenuHeaderComponent: React.MemoExoticComponent<(<T extends IUiMenuItemData = object>() => React.ReactNode)>;
 //# sourceMappingURL=DefaultUiMenuHeaderComponent.d.ts.map

package/esm/@ui/UiMenu/defaults/DefaultUiMenuHeaderComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultUiMenuHeaderComponent.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuHeaderComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAKhD;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,mBAAmB,EAAE,cAAc,EAAE,EAC9E,MAAM,EACN,OAAO,EACP,UAAU,GACb,EAAE,iBAAiB,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,SAAS,CAgC1E"}
+{"version":3,"file":"DefaultUiMenuHeaderComponent.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuHeaderComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,uEAEpC,MAAM,SAAS,EAmDlB,CAAC"}

package/esm/@ui/UiMenu/defaults/DefaultUiMenuHeaderComponent.js

@@ -4,20 +4,36 @@ import { e } from "../menuBem.js";
 import { UiIconButton } from "../../UiIconButton/UiIconButton.js";
 import { useIntl } from "react-intl";
 import { ShortenedText } from "../../../ShortenedText/index.js";
+import { typedUiMenuContextStore } from "../context.js";
+import { getItemInteractiveParent } from "../itemUtils.js";
 /**
  * Renders the submenu header when in a submenu.
  * If not in a submenu, returns null.
  * @internal
  */
-export function DefaultUiMenuHeaderComponent({ onBack, onClose, parentItem, }) {
+export const DefaultUiMenuHeaderComponent = React.memo(function DefaultUiMenuHeaderComponent() {
     const { formatMessage } = useIntl();
+    const { useContextStore, createSelector } = typedUiMenuContextStore();
+    const selector = createSelector((ctx) => ({
+        setFocusedId: ctx.setFocusedId,
+        onClose: ctx.onClose,
+        parentItem: ctx.focusedItem ? getItemInteractiveParent(ctx.items, ctx.focusedItem.id) : undefined,
+    }));
+    const { setFocusedId, onClose, parentItem } = useContextStore(selector);
+    const parentItemId = parentItem?.id;
+    const handleBack = React.useCallback(() => {
+        if (parentItemId === undefined) {
+            return;
+        }
+        setFocusedId(parentItemId);
+    }, [setFocusedId, parentItemId]);
     if (!parentItem) {
         return null;
     }
     return (React.createElement("div", { role: "presentation", className: e("menu-header") },
-        React.createElement("button", { onClick: onBack, className: e("menu-header-title"), "aria-label": formatMessage({ id: "menu.back" }) },
+        React.createElement("button", { onClick: handleBack, className: e("menu-header-title"), "aria-label": formatMessage({ id: "menu.back" }) },
             React.createElement("i", { className: "gd-icon-navigateleft" }),
             React.createElement(ShortenedText, { tagName: "h3", ellipsisPosition: "end", className: e("menu-header-title-text") }, parentItem.stringTitle)),
         React.createElement(UiIconButton, { size: "small", variant: "tertiary", icon: "close", label: formatMessage({ id: "menu.close" }), onClick: onClose })));
-}
+});
 //# sourceMappingURL=DefaultUiMenuHeaderComponent.js.map

package/esm/@ui/UiMenu/defaults/DefaultUiMenuHeaderComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultUiMenuHeaderComponent.js","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuHeaderComponent.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE;;;;GAIG;AACH,MAAM,UAAU,4BAA4B,CAAsC,EAC9E,MAAM,EACN,OAAO,EACP,UAAU,GAC2C;IACrD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,6BAAK,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC;QAClD,gCACI,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,gBACrB,aAAa,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC;YAE9C,2BAAG,SAAS,EAAC,sBAAsB,GAAG;YACtC,oBAAC,aAAa,IACV,OAAO,EAAE,IAAI,EACb,gBAAgB,EAAE,KAAK,EACvB,SAAS,EAAE,CAAC,CAAC,wBAAwB,CAAC,IAErC,UAAU,CAAC,WAAW,CACX,CACX;QACT,oBAAC,YAAY,IACT,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAC1C,OAAO,EAAE,OAAO,GAClB,CACA,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DefaultUiMenuHeaderComponent.js","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuHeaderComponent.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAG3D;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,4BAA4B;IAGxF,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,uBAAuB,EAAK,CAAC;IACzE,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACtC,YAAY,EAAE,GAAG,CAAC,YAAY;QAC9B,OAAO,EAAE,GAAG,CAAC,OAAO;QACpB,UAAU,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,wBAAwB,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;KACpG,CAAC,CAAC,CAAC;IAEJ,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,UAAU,EAAE,EAAE,CAAC;IAEpC,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO;QACX,CAAC;QAED,YAAY,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjC,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,6BAAK,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC;QAClD,gCACI,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,gBACrB,aAAa,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC;YAE9C,2BAAG,SAAS,EAAC,sBAAsB,GAAG;YACtC,oBAAC,aAAa,IACV,OAAO,EAAE,IAAI,EACb,gBAAgB,EAAE,KAAK,EACvB,SAAS,EAAE,CAAC,CAAC,wBAAwB,CAAC,IAErC,UAAU,CAAC,WAAW,CACX,CACX;QACT,oBAAC,YAAY,IACT,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAC1C,OAAO,EAAE,OAAO,GAClB,CACA,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/esm/@ui/UiMenu/defaults/DefaultUiMenuInteractiveItemComponent.d.ts

@@ -1,7 +1,11 @@
 import React from "react";
-import { UiMenuInteractiveItemProps } from "../types.js";
+import { IUiMenuItemData, UiMenuInteractiveItemProps, UiMenuInteractiveItemWrapperProps } from "../types.js";
 /**
  * @internal
  */
-export declare function DefaultUiMenuInteractiveItemComponent<InteractiveItemData, StaticItemData>({ item, isFocused, onSelect, }: UiMenuInteractiveItemProps<InteractiveItemData, StaticItemData>): React.ReactNode;
+export declare function DefaultUiMenuInteractiveItemWrapperComponent<T extends IUiMenuItemData = object>({ item, }: UiMenuInteractiveItemWrapperProps<T>): React.ReactNode;
+/**
+ * @internal
+ */
+export declare function DefaultUiMenuInteractiveItemComponent<T extends IUiMenuItemData = object>({ item, isFocused, onSelect, }: UiMenuInteractiveItemProps<T>): React.ReactNode;
 //# sourceMappingURL=DefaultUiMenuInteractiveItemComponent.d.ts.map

package/esm/@ui/UiMenu/defaults/DefaultUiMenuInteractiveItemComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultUiMenuInteractiveItemComponent.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuInteractiveItemComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAEzD;;GAEG;AACH,wBAAgB,qCAAqC,CAAC,mBAAmB,EAAE,cAAc,EAAE,EACvF,IAAI,EACJ,SAAS,EACT,QAAQ,GACX,EAAE,0BAA0B,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,SAAS,CAgBnF"}
+{"version":3,"file":"DefaultUiMenuInteractiveItemComponent.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuInteractiveItemComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,0BAA0B,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAI7G;;GAEG;AACH,wBAAgB,4CAA4C,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EAC7F,IAAI,GACP,EAAE,iCAAiC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAqExD;AAED;;GAEG;AACH,wBAAgB,qCAAqC,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EACtF,IAAI,EACJ,SAAS,EACT,QAAQ,GACX,EAAE,0BAA0B,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAgBjD"}

package/esm/@ui/UiMenu/defaults/DefaultUiMenuInteractiveItemComponent.js

@@ -2,6 +2,49 @@
 import React from "react";
 import { e } from "../menuBem.js";
 import { ShortenedText } from "../../../ShortenedText/index.js";
+import { typedUiMenuContextStore } from "../context.js";
+import cx from "classnames";
+/**
+ * @internal
+ */
+export function DefaultUiMenuInteractiveItemWrapperComponent({ item, }) {
+    const { useContextStore, createSelector } = typedUiMenuContextStore();
+    const selector = createSelector((ctx) => ({
+        onSelect: ctx.onSelect,
+        controlType: ctx.controlType,
+        scrollToView: ctx.scrollToView,
+        setFocusedId: ctx.setFocusedId,
+        makeItemId: ctx.makeItemId,
+        itemClassName: ctx.itemClassName,
+        InteractiveItemComponent: ctx.InteractiveItemComponent,
+        isFocused: ctx.focusedItem?.id === item.id,
+    }));
+    const { onSelect, scrollToView, controlType, setFocusedId, makeItemId, itemClassName, InteractiveItemComponent, isFocused, } = useContextStore(selector);
+    const scrollToItem = (element) => {
+        if (!element || !isFocused) {
+            return;
+        }
+        scrollToView(element);
+    };
+    const handleMouseFocus = React.useCallback(() => {
+        if (controlType !== "mouse") {
+            return;
+        }
+        setFocusedId(item.id);
+    }, [controlType, item.id, setFocusedId]);
+    const handleSelect = React.useCallback(() => {
+        if (item.isDisabled) {
+            return;
+        }
+        onSelect(item);
+    }, [item, onSelect]);
+    const classNames = cx(e("item-wrapper", {
+        isFocused,
+        isDisabled: !!item.isDisabled,
+    }), typeof itemClassName === "function" ? itemClassName(item) : itemClassName);
+    return (React.createElement("li", { ref: scrollToItem, role: "menuitem", "aria-haspopup": item.subItems ? "menu" : undefined, "aria-disabled": item.isDisabled, onMouseMove: handleMouseFocus, tabIndex: -1, id: makeItemId(item), className: classNames },
+        React.createElement(InteractiveItemComponent, { item: item, isFocused: isFocused, onSelect: handleSelect })));
+}
 /**
  * @internal
  */
@@ -9,8 +52,8 @@ export function DefaultUiMenuInteractiveItemComponent({ item, isFocused, onSelec
     return (React.createElement("div", { className: e("item", {
             isFocused,
             isDisabled: !!item.isDisabled,
-        }), onClick: item.isDisabled ? undefined : onSelect },
+        }), onClick: onSelect },
         React.createElement(ShortenedText, { className: e("item-title"), ellipsisPosition: "end" }, item.stringTitle),
-        !!item.subMenu && React.createElement("i", { className: "gd-icon-navigateright" })));
+        !!item.subItems && React.createElement("i", { className: "gd-icon-navigateright" })));
 }
 //# sourceMappingURL=DefaultUiMenuInteractiveItemComponent.js.map

package/esm/@ui/UiMenu/defaults/DefaultUiMenuInteractiveItemComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultUiMenuInteractiveItemComponent.js","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuInteractiveItemComponent.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAGhE;;GAEG;AACH,MAAM,UAAU,qCAAqC,CAAsC,EACvF,IAAI,EACJ,SAAS,EACT,QAAQ,GACsD;IAC9D,OAAO,CACH,6BACI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;YACjB,SAAS;YACT,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU;SAChC,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;QAE/C,oBAAC,aAAa,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,gBAAgB,EAAE,KAAK,IAC7D,IAAI,CAAC,WAAW,CACL;QAEf,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,2BAAG,SAAS,EAAC,uBAAuB,GAAG,CACxD,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DefaultUiMenuInteractiveItemComponent.js","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuInteractiveItemComponent.tsx"],"names":[],"mappings":"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"}

package/esm/@ui/UiMenu/defaults/DefaultUiMenuStaticItemComponent.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { UiMenuStaticItemProps } from "../types.js";
+import { IUiMenuItemData, UiMenuStaticItemProps } from "../types.js";
 /**
  * By default just renders the data.
  * @internal
  */
-export declare function DefaultUiMenuStaticItemComponent<T>({ item }: UiMenuStaticItemProps<T>): React.ReactNode;
+export declare const DefaultUiMenuStaticItemComponent: React.MemoExoticComponent<(<T extends IUiMenuItemData = object>({ item }: UiMenuStaticItemProps<T>) => React.ReactElement)>;
 //# sourceMappingURL=DefaultUiMenuStaticItemComponent.d.ts.map

package/esm/@ui/UiMenu/defaults/DefaultUiMenuStaticItemComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultUiMenuStaticItemComponent.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuStaticItemComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD;;;GAGG;AACH,wBAAgB,gCAAgC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAEvG"}
+{"version":3,"file":"DefaultUiMenuStaticItemComponent.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuStaticItemComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGrE;;;GAGG;AACH,eAAO,MAAM,gCAAgC,yGAEN,MAAM,YAAY,EAUvD,CAAC"}

package/esm/@ui/UiMenu/defaults/DefaultUiMenuStaticItemComponent.js

@@ -1,9 +1,14 @@
 // (C) 2025 GoodData Corporation
+import React from "react";
+import { typedUiMenuContextStore } from "../context.js";
 /**
  * By default just renders the data.
  * @internal
  */
-export function DefaultUiMenuStaticItemComponent({ item }) {
-    return item.data;
-}
+export const DefaultUiMenuStaticItemComponent = React.memo(function DefaultUiMenuStaticItemComponent({ item }) {
+    const { itemClassName } = typedUiMenuContextStore().useContextStore((ctx) => ({
+        itemClassName: ctx.itemClassName,
+    }));
+    return (React.createElement("li", { role: "none", className: typeof itemClassName === "function" ? itemClassName(item) : itemClassName }, item.data));
+});
 //# sourceMappingURL=DefaultUiMenuStaticItemComponent.js.map

package/esm/@ui/UiMenu/defaults/DefaultUiMenuStaticItemComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultUiMenuStaticItemComponent.js","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuStaticItemComponent.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAKhC;;;GAGG;AACH,MAAM,UAAU,gCAAgC,CAAI,EAAE,IAAI,EAA4B;IAClF,OAAO,IAAI,CAAC,IAAuB,CAAC;AACxC,CAAC"}
+{"version":3,"file":"DefaultUiMenuStaticItemComponent.js","sourceRoot":"","sources":["../../../../src/@ui/UiMenu/defaults/DefaultUiMenuStaticItemComponent.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD;;;GAGG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,gCAAgC,CAElG,EAAE,IAAI,EAA4B;IAChC,MAAM,EAAE,aAAa,EAAE,GAAG,uBAAuB,EAAK,CAAC,eAAe,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC7E,aAAa,EAAE,GAAG,CAAC,aAAa;KACnC,CAAC,CAAC,CAAC;IAEJ,OAAO,CACH,4BAAI,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,IAC/F,IAAI,CAAC,IAAuB,CAC5B,CACR,CAAC;AACN,CAAC,CAAC,CAAC"}

package/esm/@ui/UiMenu/hooks.d.ts

@@ -1,15 +1,15 @@
+import { IUiMenuContext, UiMenuProps, IUiMenuItemData } from "./types.js";
 import React from "react";
-import { IUiMenuContext, UiMenuProps } from "./types.js";
-export declare function useItemRefs(focusedId: string | undefined): {
-    itemRefs: React.MutableRefObject<{
-        [id: string]: HTMLElement;
-    }>;
-    setItemRef: (id: string) => (element: HTMLElement | null) => void;
-    itemsContainerRef: React.MutableRefObject<HTMLElement>;
-};
-export declare function useKeyNavigation<InteractiveItemData, StaticItemData>({ menuContextRef, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, onUnhandledKeyDown, }: {
-    menuContextRef: React.MutableRefObject<IUiMenuContext<InteractiveItemData, StaticItemData>>;
-    onUnhandledKeyDown: UiMenuProps<InteractiveItemData, StaticItemData>["onUnhandledKeyDown"];
+/**
+ * @internal
+ */
+export declare function useUiMenuContextValue<T extends IUiMenuItemData = object>(props: UiMenuProps<T>, menuComponentRef: React.RefObject<HTMLElement>, itemsContainerRef: React.RefObject<HTMLElement>): IUiMenuContext<T>;
+/**
+ * @internal
+ */
+export declare function useKeyNavigation<T extends IUiMenuItemData = object>({ menuContextValue, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, onUnhandledKeyDown, }: {
+    menuContextValue: IUiMenuContext<T>;
+    onUnhandledKeyDown: UiMenuProps<T>["onUnhandledKeyDown"];
     shouldKeyboardActionPreventDefault?: boolean;
     shouldKeyboardActionStopPropagation?: boolean;
 }): (event: React.KeyboardEvent<Element>) => void;

package/esm/@ui/UiMenu/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAIzD,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS;;;;qBAK5C,MAAM,eAAe,WAAW,GAAG,IAAI;;EAoBnD;AAED,wBAAgB,gBAAgB,CAAC,mBAAmB,EAAE,cAAc,EAAE,EAClE,cAAc,EACd,kCAAkC,EAClC,mCAAmC,EACnC,kBAAkB,GACrB,EAAE;IACC,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC,CAAC;IAC5F,kBAAkB,EAAE,WAAW,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAC3F,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,mCAAmC,CAAC,EAAE,OAAO,CAAC;CACjD,iDA+EA"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/hooks.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,cAAc,EAId,WAAW,EACX,eAAe,EAClB,MAAM,YAAY,CAAC;AAWpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EACpE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EACrB,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAC9C,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAChD,cAAc,CAAC,CAAC,CAAC,CAsHnB;AAwBD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EACjE,gBAAgB,EAChB,kCAAkC,EAClC,mCAAmC,EACnC,kBAAkB,GACrB,EAAE;IACC,gBAAgB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACpC,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACzD,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,mCAAmC,CAAC,EAAE,OAAO,CAAC;CACjD,iDAwFA"}