@workday/canvas-kit-react 7.0.0-alpha.89-next.16 → 7.0.0-alpha.92-next.19

package/dist/es6/{tabs/lib/menu → menu/lib}/MenuItem.js

@@ -22,20 +22,18 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { colors, iconColors, typeColors, space, type } from '@workday/canvas-kit-react/tokens';
-import { createComponent, styled, useModelContext, composeHooks, createHook, useLocalRef, useMount, } from '@workday/canvas-kit-react/common';
+import { createSubcomponent, styled, composeHooks, createElemPropsHook, useLocalRef, } from '@workday/canvas-kit-react/common';
 import { SystemIcon } from '@workday/canvas-kit-react/icon';
 import { OverflowTooltip } from '@workday/canvas-kit-react/tooltip';
 import { Box } from '@workday/canvas-kit-react/layout';
-import { useListRegisterItem } from '../list';
-import { useRovingFocus } from '../cursor';
-import { MenuModelContext } from './Menu';
-import { useSelectionItem } from '../selection';
+import { useListItemRegister, useListItemRovingFocus, useListItemSelect, } from '@workday/canvas-kit-react/collection';
+import { useMenuModel } from './useMenuModel';
 var StyledItem = styled(Box.as('button'))(function (_a) {
     var _b;
     var theme = _a.theme;
     return __assign(__assign({}, type.levels.subtext.large), (_b = { '& > *:not(style) ~ *:not(style)': {
                 marginLeft: space.xxs,
-            }, padding: space.xxs + " " + space.s, boxSizing: 'border-box', cursor: 'pointer', color: colors.blackPepper300, borderWidth: 0, textAlign: 'left', transition: 'background-color 80ms, color 80ms', '.wd-icon-background ~ .wd-icon-accent, .wd-icon-background ~ .wd-icon-accent2': {
+            }, display: 'block', width: '100%', padding: space.xxs + " " + space.s, boxSizing: 'border-box', cursor: 'pointer', color: colors.blackPepper300, borderWidth: 0, textAlign: 'left', transition: 'background-color 80ms, color 80ms', '.wd-icon-background ~ .wd-icon-accent, .wd-icon-background ~ .wd-icon-accent2': {
                 fill: iconColors.active,
             }, '&:hover, &[aria-selected=true]': {
                 backgroundColor: theme.canvas.palette.primary.lightest,
@@ -92,45 +90,54 @@ var StyledItem = styled(Box.as('button'))(function (_a) {
         },
     }, _b));
 }, function (_a) {
-    var hasIcon = _a.hasIcon;
-    if (hasIcon) {
+    var children = _a.children;
+    if (typeof children === 'string') {
+        return {};
+    }
+    else {
         return {
             display: 'flex',
         };
     }
-    else {
-        return {};
-    }
 });
-export var MenuItem = createComponent('button')({
-    displayName: 'Menu.Item',
-    Component: function (_a, ref, Element) {
-        var model = _a.model, children = _a.children, elemProps = __rest(_a, ["model", "children"]);
-        var localModel = useModelContext(MenuModelContext, model);
-        var props = useMenuItem(localModel, elemProps, ref);
-        if ('production' !== process.env.NODE_ENV) {
-            // ensure `hasIcon` is used when a child has an icon
-            // eslint-disable-next-line react-hooks/rules-of-hooks
-            var _b = useLocalRef(props.ref), elementRef = _b.elementRef, localRef_1 = _b.localRef;
-            props.ref = elementRef;
-            // eslint-disable-next-line react-hooks/rules-of-hooks
-            useMount(function () {
-                if (localRef_1.current.querySelector('svg') && !props.hasIcon) {
-                    console.warn("A Menu.Item with an icon should have the 'hasIcon' prop set to true. This ensures correct rendering");
-                }
-            });
+export var useMenuItem = composeHooks(createElemPropsHook(useMenuModel)(function (model, ref, elemProps) {
+    if (elemProps === void 0) { elemProps = { 'data-id': '' }; }
+    var _a = useLocalRef(ref), localRef = _a.localRef, elementRef = _a.elementRef;
+    var id = elemProps['data-id'];
+    // focus on the item with the cursor
+    React.useLayoutEffect(function () {
+        if (model.state.mode === 'single') {
+            if (model.state.cursorId === id) {
+                // delay focus changes to allow PopperJS to position
+                requestAnimationFrame(function () {
+                    localRef.current.focus();
+                });
+            }
         }
-        return (React.createElement(OverflowTooltip, { placement: "left" },
-            React.createElement(StyledItem, __assign({ minHeight: space.xl, as: Element }, props), children)));
-    },
+        // We only need to run when the ID has changed. If the static API is used, the first time
+        // this is run, the id will be blank
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id]);
+    return {
+        ref: elementRef,
+        role: 'menuitem',
+        onClick: model.state.mode === 'single'
+            ? function (event) {
+                model.events.hide({ event: event });
+            }
+            : undefined,
+    };
+}), useListItemSelect, useListItemRovingFocus, useListItemRegister);
+export var MenuItem = createSubcomponent('button')({
+    displayName: 'Menu.Item',
+    modelHook: useMenuModel,
+    elemPropsHook: useMenuItem,
     subComponents: {
         Icon: SystemIcon,
-        Text: styled('span')({}),
+        Text: styled('span')({ flexGrow: 1, alignSelf: 'center' }),
     },
+})(function (_a, Element) {
+    var children = _a.children, elemProps = __rest(_a, ["children"]);
+    return (React.createElement(OverflowTooltip, { placement: "left" },
+        React.createElement(StyledItem, __assign({ minHeight: space.xl, as: Element }, elemProps), children)));
 });
-export var useMenuItem = composeHooks(createHook(function (model, _, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
-    return {
-        role: 'menuitem',
-    };
-}), useSelectionItem, useRovingFocus, useListRegisterItem);

package/dist/es6/menu/lib/MenuList.d.ts

@@ -0,0 +1,159 @@
+import * as React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Stack } from '@workday/canvas-kit-react/layout';
+export interface MenuListProps extends Partial<ExtractProps<typeof Stack, never>> {
+    /**
+     * The label text of the MenuList.
+     */
+    children: React.ReactNode;
+}
+export declare const useMenuList: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        mode: "multiple" | "single";
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        select(data: {
+            id: string;
+        }): void;
+        selectAll(): void;
+        unselectAll(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
+        goTo(data: {
+            id: string;
+        }): void;
+        goToNext(): void;
+        goToPrevious(): void;
+        goToPreviousRow(): void;
+        goToNextRow(): void;
+        goToFirst(): void;
+        goToLast(): void;
+        goToFirstOfRow(): void;
+        goToLastOfRow(): void;
+        goToNextPage(): void;
+        goToPreviousPage(): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
+    role: string;
+    'aria-labelledby': string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
+export declare const MenuList: import("../../common").ElementComponentM<"div", MenuListProps, {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        mode: "multiple" | "single";
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        select(data: {
+            id: string;
+        }): void;
+        selectAll(): void;
+        unselectAll(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
+        goTo(data: {
+            id: string;
+        }): void;
+        goToNext(): void;
+        goToPrevious(): void;
+        goToPreviousRow(): void;
+        goToNextRow(): void;
+        goToFirst(): void;
+        goToLast(): void;
+        goToFirstOfRow(): void;
+        goToLastOfRow(): void;
+        goToNextPage(): void;
+        goToPreviousPage(): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}>;
+//# sourceMappingURL=MenuList.d.ts.map

package/dist/es6/menu/lib/MenuList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,KAAK,EAAC,MAAM,kCAAkC,CAAC;AAIvD,MAAM,WAAW,aAAc,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,KAAK,EAAE,KAAK,CAAC,CAAC;IAC/E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAKtB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBnB,CAAC"}

package/dist/es6/{tabs/lib/menu → menu/lib}/MenuList.js

@@ -22,22 +22,20 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { commonColors } from '@workday/canvas-kit-react/tokens';
-import { createComponent, useModelContext, createHook, } from '@workday/canvas-kit-react/common';
-import { Stack } from '@workday/canvas-kit-react/layout';
-import { MenuModelContext } from './Menu';
-import { useRenderItems } from '../list';
-export var MenuList = createComponent('div')({
-    displayName: 'Menu.List',
-    Component: function (_a, ref, Element) {
-        var model = _a.model, children = _a.children, elemProps = __rest(_a, ["model", "children"]);
-        var localModel = useModelContext(MenuModelContext, model);
-        var props = useMenuList(localModel, elemProps, ref);
-        return (React.createElement(Stack, __assign({ as: Element, background: commonColors.background, borderRadius: "zero", padding: "zero", marginY: "xxs", spacing: "zero", overflowY: "auto", flexDirection: localModel.state.orientation === 'vertical' ? 'column' : 'row' }, props), useRenderItems(localModel, children)));
-    },
-});
-export var useMenuList = createHook(function (model) {
+import { createSubcomponent, createElemPropsHook, } from '@workday/canvas-kit-react/common';
+import { ListBox } from '@workday/canvas-kit-react/collection';
+import { useMenuModel } from './useMenuModel';
+export var useMenuList = createElemPropsHook(useMenuModel)(function (model) {
     return {
         role: 'menu',
         'aria-labelledby': model.state.id,
     };
 });
+export var MenuList = createSubcomponent('div')({
+    displayName: 'Menu.List',
+    modelHook: useMenuModel,
+    elemPropsHook: useMenuList,
+})(function (_a, Element, model) {
+    var children = _a.children, elemProps = __rest(_a, ["children"]);
+    return (React.createElement(ListBox, __assign({ as: Element, model: model, background: commonColors.background, borderRadius: "zero", padding: "zero", marginY: "xxs", spacing: "zero", overflowY: "auto", flexDirection: model.state.orientation === 'vertical' ? 'column' : 'row' }, elemProps), children));
+});

package/dist/es6/menu/lib/MenuPopper.d.ts

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Popper } from '@workday/canvas-kit-react/popup';
+export interface MenuPopperProps extends ExtractProps<typeof Popper> {
+}
+export declare const useMenuPopper: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
+    open: boolean;
+    anchorElement: React.RefObject<HTMLButtonElement>;
+    ref: (instance: any) => void;
+    onPlacementChange: (placement: import("@popperjs/core").Placement) => void;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
+export declare const MenuPopper: import("../../common").ElementComponentM<"div", MenuPopperProps, {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        mode: "multiple" | "single";
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        select(data: {
+            id: string;
+        }): void;
+        selectAll(): void;
+        unselectAll(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
+        goTo(data: {
+            id: string;
+        }): void;
+        goToNext(): void;
+        goToPrevious(): void;
+        goToPreviousRow(): void;
+        goToNextRow(): void;
+        goToFirst(): void;
+        goToLast(): void;
+        goToFirstOfRow(): void;
+        goToLastOfRow(): void;
+        goToNextPage(): void;
+        goToPreviousPage(): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}>;
+//# sourceMappingURL=MenuPopper.d.ts.map

package/dist/es6/menu/lib/MenuPopper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopper.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAiB,MAAM,EAAC,MAAM,iCAAiC,CAAC;AAIvE,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,MAAM,CAAC;CAAG;AAEvE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAiB,CAAC;AAE5C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUrB,CAAC"}

package/dist/es6/{tabs/lib/menu → menu/lib}/MenuPopper.js

@@ -21,16 +21,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import { createComponent, useModelContext } from '@workday/canvas-kit-react/common';
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { usePopupPopper, Popper } from '@workday/canvas-kit-react/popup';
-import { MenuModelContext } from './Menu';
-export var MenuPopper = createComponent('div')({
+import { useMenuModel } from './useMenuModel';
+export var useMenuPopper = usePopupPopper;
+export var MenuPopper = createSubcomponent('div')({
     displayName: 'Menu.Popper',
-    Component: function (_a, ref) {
-        var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
-        var localModel = useModelContext(MenuModelContext, model);
-        var props = useMenuPopper(localModel, elemProps, ref);
-        return (React.createElement(Popper, __assign({ placement: "bottom-start" }, props), children));
-    },
+    modelHook: useMenuModel,
+    elemPropsHook: useMenuPopper,
+})(function (_a) {
+    var children = _a.children, elemProps = __rest(_a, ["children"]);
+    return (React.createElement(Popper, __assign({ placement: "bottom-start" }, elemProps), children));
 });
-export var useMenuPopper = usePopupPopper;

package/dist/es6/menu/lib/MenuTarget.d.ts

@@ -0,0 +1,197 @@
+import * as React from 'react';
+export interface MenuTargetProps {
+    children?: React.ReactNode;
+}
+export declare const useMenuTarget: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
+export declare const useMenuTargetContext: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
+export declare const MenuTarget: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../../button").SecondaryButtonProps>, MenuTargetProps, {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        mode: "multiple" | "single";
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        select(data: {
+            id: string;
+        }): void;
+        selectAll(): void;
+        unselectAll(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
+        goTo(data: {
+            id: string;
+        }): void;
+        goToNext(): void;
+        goToPrevious(): void;
+        goToPreviousRow(): void;
+        goToNextRow(): void;
+        goToFirst(): void;
+        goToLast(): void;
+        goToFirstOfRow(): void;
+        goToLastOfRow(): void;
+        goToNextPage(): void;
+        goToPreviousPage(): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}>;
+export declare const MenuTargetContext: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../../button").SecondaryButtonProps>, MenuTargetProps, {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../../collection/lib/useBaseListModel").Item<any>[];
+        mode: "multiple" | "single";
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        select(data: {
+            id: string;
+        }): void;
+        selectAll(): void;
+        unselectAll(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
+        goTo(data: {
+            id: string;
+        }): void;
+        goToNext(): void;
+        goToPrevious(): void;
+        goToPreviousRow(): void;
+        goToNextRow(): void;
+        goToFirst(): void;
+        goToLast(): void;
+        goToFirstOfRow(): void;
+        goToLastOfRow(): void;
+        goToNextPage(): void;
+        goToPreviousPage(): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}>;
+//# sourceMappingURL=MenuTarget.d.ts.map

package/dist/es6/menu/lib/MenuTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTarget.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAoBD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;OAAkD,CAAC;AAC7E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;OAAyD,CAAC;AAE3F,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMrB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAM5B,CAAC"}