@workday/canvas-kit-react 7.0.0-alpha.0-next.6 → 7.0.0-alpha.101-next.26

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../menu/lib/Menu.tsx"],"names":[],"mappings":"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"}

package/dist/es6/menu/lib/Menu.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import { createContainer } from '@workday/canvas-kit-react/common';
+import { useMenuModel } from './useMenuModel';
+import { MenuPopper } from './MenuPopper';
+import { MenuTarget, MenuTargetContext } from './MenuTarget';
+import { MenuItem } from './MenuItem';
+import { MenuCard } from './MenuCard';
+import { MenuList } from './MenuList';
+import { MenuDivider } from './MenuDivider';
+/**
+ * An accessible dropdown menu component. A dropdown menu usually contains a target element that
+ * opens to a menu.
+ * @example
+ * <Menu>
+ *   <Menu.Target>Open</Menu.Target>
+ *   <Menu.Popper>
+ *     <Menu.Card>
+ *       <Menu.List>
+ *         <Menu.Item data-id="first">First Item</Menu.Item>
+ *         <Menu.Item data-id="second">Second Item</Menu.Item>
+ *       </Menu.List>
+ *     </Menu.Card>
+ *   </Menu.Popper>
+ * </Menu>
+ */
+export var Menu = createContainer()({
+    displayName: 'Menu',
+    modelHook: useMenuModel,
+    subComponents: {
+        /**
+         * The menu card is a non-semantic element used to give the dropdown menu its distinct visual
+         * cue that the dropdown menu is floating above other content. A menu card usually contains a
+         * menu list, but can also contain other elements like a header or footer.
+         */
+        Card: MenuCard,
+        /**
+         * The menu list follows the Collections API. A list can either contain static items
+         * or a render prop and `items` to the model.
+         *
+         * @example
+         * const MyComponent = () => {
+         *   const model = useMenuModel({
+         *     items: [
+         *       { id: 'first',  text: 'First Item' },
+         *       { id: 'second', text: 'Second Item' },
+         *     ]
+         *   })
+         *
+         *   return (
+         *     <Menu model={model}>
+         *       <Menu.List>
+         *         {(item) => <Menu.Item name={item.id}>{item.text}</Menu.Item>}
+         *       </Menu.List>
+         *     </Menu>
+         *   )
+         * }
+         */
+        List: MenuList,
+        /**
+         * A menu item has an optional `name` prop that identifies the item in the menu list and will be
+         * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
+         * HTML. If more complex HTML is provided, consider
+         */
+        Item: MenuItem,
+        Divider: MenuDivider,
+        Target: MenuTarget,
+        TargetContext: MenuTargetContext,
+        /**
+         * The "Popper" of a menu. The popper will appear around the `Menu.Target`. It renders a `div`
+         * element that is portalled to the `document.body` which is controlled by the `PopupStack. The
+         * `PopupStack` is not part of React. This means no extra props given to this component will be
+         * forwarded to the `div` element, but the `ref` will be forwarded.
+         */
+        Popper: MenuPopper,
+    },
+})(function (_a) {
+    var children = _a.children;
+    return React.createElement(React.Fragment, null, children);
+});

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

@@ -0,0 +1,145 @@
+import * as React from 'react';
+import { Card } from '@workday/canvas-kit-react/card';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+export interface MenuCardProps extends ExtractProps<typeof Card, never> {
+    children?: React.ReactNode;
+}
+export declare const useMenuCard: <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("../..").Item<any>[];
+        mode: "multiple" | "single";
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
+export declare const MenuCard: import("../../common").ElementComponentM<"div", MenuCardProps, {
+    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("../..").Item<any>[];
+        mode: "multiple" | "single";
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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=MenuCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCard.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAKL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAK1C,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA0BD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBnB,CAAC"}

package/dist/es6/menu/lib/MenuCard.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { Card } from '@workday/canvas-kit-react/card';
+import { space, type } from '@workday/canvas-kit-react/tokens';
+import { styled, createSubcomponent, createElemPropsHook, } from '@workday/canvas-kit-react/common';
+import { getTransformFromPlacement } from '@workday/canvas-kit-react/popup';
+import { useMenuModel } from './useMenuModel';
+var StyledCard = styled(Card)(type.levels.subtext.large, {
+    position: 'relative',
+    display: 'flex',
+    flexDirection: 'column',
+}, function (_a) {
+    var transformOrigin = _a.transformOrigin;
+    if (transformOrigin == null) {
+        return {};
+    }
+    return {
+        transition: "transform ease-out 150ms",
+        transformOrigin: transformOrigin.vertical + " " + transformOrigin.horizontal,
+        // Allow overriding of animation in special cases
+        '.wd-no-animation &': {
+            animation: 'none',
+        },
+    };
+});
+export var useMenuCard = createElemPropsHook(useMenuModel)(function () {
+    return {};
+});
+export var MenuCard = createSubcomponent('div')({
+    displayName: 'Menu.Card',
+    modelHook: useMenuModel,
+    elemPropsHook: useMenuCard,
+})(function (elemProps, Element, model) {
+    var transformOrigin = React.useMemo(function () {
+        return getTransformFromPlacement(model.state.placement || 'bottom');
+    }, [model.state.placement]);
+    return (React.createElement(StyledCard, __assign({ as: Element, maxWidth: "calc(100vw - " + space.l + ")", transformOrigin: transformOrigin, padding: "zero" }, elemProps), elemProps.children));
+});

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

@@ -0,0 +1,113 @@
+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(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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("../..").Item<any>[];
+        mode: "multiple" | "single";
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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=MenuContextTarget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContextTarget.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuContextTarget.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"}

package/dist/es6/menu/lib/MenuContextTarget.js

@@ -0,0 +1,54 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { composeHooks, createSubcomponent, createElemPropsHook, } from '@workday/canvas-kit-react/common';
+import { SecondaryButton } from '@workday/canvas-kit-react/button';
+import { usePopupTarget, usePopupTargetContext } from '@workday/canvas-kit-react/popup';
+import { useMenuModel } from './useMenuModel';
+var useMenuTargetBase = createElemPropsHook(useMenuModel)(function (model) {
+    return {
+        id: model.state.id,
+        'aria-haspopup': 'true',
+        'aria-expanded': model.state.visibility === 'visible',
+        onKeyDown: function (event) {
+            // eslint-disable-next-line default-case
+            switch (event.key) {
+                case 'Down':
+                case 'ArrowDown': // IE11
+                case 'Up':
+                case 'ArrowUp': // IE11
+                    model.events.show(event);
+            }
+        },
+    };
+});
+export var useMenuTarget = composeHooks(useMenuTargetBase, usePopupTarget);
+export var useMenuTargetContext = composeHooks(useMenuTargetBase, usePopupTargetContext);
+export var MenuTarget = createSubcomponent(SecondaryButton)({
+    displayName: 'Menu.Target',
+    modelHook: useMenuModel,
+    elemPropsHook: useMenuTarget,
+})(function (_a, Element) {
+    var children = _a.children, elemProps = __rest(_a, ["children"]);
+    return React.createElement(Element, __assign({}, elemProps), children);
+});

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

@@ -0,0 +1,2 @@
+export declare const MenuDivider: import("../../common").ElementComponent<"hr", unknown>;
+//# sourceMappingURL=MenuDivider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuDivider.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,WAAW,wDAKtB,CAAC"}

package/dist/es6/menu/lib/MenuDivider.js

@@ -0,0 +1,28 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { colors, space } from '@workday/canvas-kit-react/tokens';
+import { createComponent } from '@workday/canvas-kit-react/common';
+var Divider = styled('hr')({
+    display: 'block',
+    height: 1,
+    border: 0,
+    borderTop: "1px solid " + colors.soap400,
+    margin: space.xxs + " 0",
+});
+export var MenuDivider = createComponent('hr')({
+    displayName: 'Menu.Divider',
+    Component: function (elemProps, ref, Element) {
+        return React.createElement(Divider, __assign({ as: Element, ref: ref }, elemProps));
+    },
+});

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

@@ -0,0 +1,145 @@
+import * as React from 'react';
+export interface MenuItemProps {
+    /**
+     * Optionally pass index to menu item. This should be done if `Menu.Item` components were created
+     * via a `Array::map` function. This index will ensure keyboard navigation works even if items are
+     * inserted out of order.
+     */
+    index?: number;
+    /**
+     * The label text of the MenuItem.
+     */
+    children: React.ReactNode;
+    /**
+     * The name of the menu item. This name will be used in the `onSelect` callback in the model. If
+     * this property is not provided, it will default to a string representation of the the zero-based
+     * index of the Tab when it was initialized.
+     */
+    'data-id'?: string;
+    'aria-disabled'?: boolean;
+}
+export declare const useMenuItem: <P extends {}, R>(model: {
+    state: {
+        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>;
+        id: string;
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../../collection").Item<any>[];
+    };
+    events: {
+        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;
+    };
+    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
+export declare const MenuItem: import("../../common").ElementComponentM<"button", MenuItemProps, {
+    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").Item<any>[];
+        mode: "multiple" | "single";
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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;
+}> & {
+    Icon: import("../../common").ElementComponent<"span", import("../../icon").SystemIconProps>;
+    Text: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: "symbol" | "object" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "clipPath" | "filter" | "mask" | "marker" | "big" | "link" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+};
+//# sourceMappingURL=MenuItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA6FD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoCvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}