@workday/canvas-kit-react 7.1.4 → 7.2.0-427-next.2

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

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

@@ -8,9 +8,15 @@ 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` is a combination of a popup and a list. It usually has some type of target element that
+ * expands/collapses the menu and a `menu` role and and several `menuitem` roles. Focus is managed
+ * using [roving tabindex](https://w3c.github.io/aria-practices/#kbd_roving_tabindex) for maximum
+ * compatibility. A `Menu` can have two modes: `single` and `multiple`. This mode determines both
+ * how many items can be selected as well as the default behavior when a `menuitem` is clicked. For
+ * the `single` mode, selecting a `menuitem` will select and close the menu. For the `multiple`
+ * mode, clicking a `menuitem` will toggle selection and will not close the menu.
+ *
+ * ```tsx
  * <Menu>
  *   <Menu.Target>Open</Menu.Target>
  *   <Menu.Popper>
@@ -22,11 +28,29 @@ import { MenuDivider } from './MenuDivider';
  *     </Menu.Card>
  *   </Menu.Popper>
  * </Menu>
+ * ```
  */
-export var Menu = createContainer()({
+export const Menu = createContainer()({
     displayName: 'Menu',
     modelHook: useMenuModel,
     subComponents: {
+        /**
+         * `Menu.Target` is similar to all {@link PopupTarget Popup.Target} types. The component only
+         * provides behavior and no styling. The `as` prop is used to determine which component is
+         * rendered. This component should forward the `ref` and apply any additional props directly to
+         * an element. The default `as` is a {@link SecondaryButton}. Any Canvas Kit component should
+         * work with an `as`.
+         *
+         * An example changing to a {@link PrimaryButton}
+         *
+         * ```tsx
+         * <Menu.Target as={PrimaryButton}>Primary Button Text</Menu.Target>
+         * ```
+         *
+         * This element will apply `aria-haspopup` and `aria-expanded` to inform screen readers there's
+         * a popup associated with the element.
+         */
+        Target: MenuTarget,
         /**
          * 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
@@ -37,7 +61,7 @@ export var Menu = createContainer()({
          * The menu list follows the Collections API. A list can either contain static items
          * or a render prop and `items` to the model.
          *
-         * @example
+         * ```tsx
          * const MyComponent = () => {
          *   const model = useMenuModel({
          *     items: [
@@ -49,31 +73,36 @@ export var Menu = createContainer()({
          *   return (
          *     <Menu model={model}>
          *       <Menu.List>
-         *         {(item) => <Menu.Item name={item.id}>{item.text}</Menu.Item>}
+         *         {(item) => <Menu.Item data-id={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
+         * A `Menu.Item` has an optional `data-id` 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, add `data-text` to the `Menu.Item`
+         * component if using the static API. If you're using the dynamic API, pass `getTextValue` to
+         * the model.
          */
         Item: MenuItem,
         Divider: MenuDivider,
-        Target: MenuTarget,
+        /**
+         * A `Menu.TargetContext` is the same as a {@link MenuTarget Menu.Target}, except it adds a
+         * `context` event handler instead of a `click` handler to trigger context menus.
+         */
         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.
+         * The "Popper" of a menu. The popper will appear around the {@link MenuTarget Menu.Target}. It
+         * renders a `div` element that is portalled to the `document.body` which is controlled by the
+         * {@link 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;
+})(({ children }) => {
     return React.createElement(React.Fragment, null, children);
 });

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

@@ -4,7 +4,7 @@ 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: {
+export declare const useMenuCard: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -12,11 +12,15 @@ export declare const useMenuCard: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -26,7 +30,7 @@ export declare const useMenuCard: <P extends {}, R>(model: {
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -44,10 +48,6 @@ export declare const useMenuCard: <P extends {}, R>(model: {
         }): void;
         selectAll(): void;
         unselectAll(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
         goTo(data: {
             id: string;
         }): void;
@@ -61,6 +61,10 @@ export declare const useMenuCard: <P extends {}, R>(model: {
         goToLastOfRow(): void;
         goToNextPage(): void;
         goToPreviousPage(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
         unregisterItem(data: {
             id: string;
         }): void;
@@ -71,10 +75,8 @@ export declare const useMenuCard: <P extends {}, R>(model: {
     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, {
+}, {}>;
+export declare const MenuCard: import("@workday/canvas-kit-react/common").ElementComponentM<"div", MenuCardProps, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -82,11 +84,15 @@ export declare const MenuCard: import("../../common").ElementComponentM<"div", M
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -96,7 +102,7 @@ export declare const MenuCard: import("../../common").ElementComponentM<"div", M
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -114,10 +120,6 @@ export declare const MenuCard: import("../../common").ElementComponentM<"div", M
         }): void;
         selectAll(): void;
         unselectAll(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
         goTo(data: {
             id: string;
         }): void;
@@ -131,6 +133,10 @@ export declare const MenuCard: import("../../common").ElementComponentM<"div", M
         goToLastOfRow(): void;
         goToNextPage(): void;
         goToPreviousPage(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
         unregisterItem(data: {
             id: string;
         }): void;

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBnB,CAAC"}

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

@@ -1,48 +1,36 @@
-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, {
+const StyledCard = styled(Card)(type.levels.subtext.large, {
     position: 'relative',
     display: 'flex',
     flexDirection: 'column',
-}, function (_a) {
-    var transformOrigin = _a.transformOrigin;
+}, ({ transformOrigin }) => {
     if (transformOrigin == null) {
         return {};
     }
     return {
-        transition: "transform ease-out 150ms",
-        transformOrigin: transformOrigin.vertical + " " + transformOrigin.horizontal,
+        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 () {
+export const useMenuCard = createElemPropsHook(useMenuModel)(() => {
     return {};
 });
-export var MenuCard = createSubcomponent('div')({
+export const MenuCard = createSubcomponent('div')({
     displayName: 'Menu.Card',
     modelHook: useMenuModel,
     elemPropsHook: useMenuCard,
-})(function (elemProps, Element, model) {
-    var transformOrigin = React.useMemo(function () {
+})((elemProps, Element, model) => {
+    const transformOrigin = React.useMemo(() => {
         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));
+    return (React.createElement(StyledCard, Object.assign({ as: Element, maxWidth: `calc(100vw - ${space.l})`, transformOrigin: transformOrigin, padding: "zero", depth: 3 }, elemProps), elemProps.children));
 });

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface MenuTargetProps {
     children?: React.ReactNode;
 }
-export declare const useMenuTarget: <P extends {}, R>(model: {
+export declare const useMenuTarget: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -10,7 +10,30 @@ export declare const useMenuTarget: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: 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: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../..").Item<any>[];
+        mode: "multiple" | "single";
     };
     events: {
         updatePlacement(data: {
@@ -18,11 +41,48 @@ export declare const useMenuTarget: <P extends {}, R>(model: {
         }): 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;
+        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;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): 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: {
+    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}, {
+    readonly id: string;
+    readonly 'aria-haspopup': "true";
+    readonly 'aria-expanded': boolean;
+    readonly onKeyDown: (event: React.KeyboardEvent) => void;
+} & {
+    ref: (instance: unknown) => void;
+    onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
+}>;
+export declare const useMenuTargetContext: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -30,7 +90,30 @@ export declare const useMenuTargetContext: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: 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: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../..").Item<any>[];
+        mode: "multiple" | "single";
     };
     events: {
         updatePlacement(data: {
@@ -38,11 +121,48 @@ export declare const useMenuTargetContext: <P extends {}, R>(model: {
         }): 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;
+        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;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): 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, {
+    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}, {
+    readonly id: string;
+    readonly 'aria-haspopup': "true";
+    readonly 'aria-expanded': boolean;
+    readonly onKeyDown: (event: React.KeyboardEvent) => void;
+} & {
+    ref: (instance: unknown) => void;
+    onContextMenu: (event: React.MouseEvent<Element, MouseEvent>) => void;
+}>;
+export declare const MenuTarget: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("@workday/canvas-kit-react/button").SecondaryButtonProps>, MenuTargetProps, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -50,11 +170,15 @@ export declare const MenuTarget: import("../../common").ElementComponentM<import
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
             totalSize: number;
@@ -64,7 +188,7 @@ export declare const MenuTarget: import("../../common").ElementComponentM<import
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -82,10 +206,6 @@ export declare const MenuTarget: import("../../common").ElementComponentM<import
         }): void;
         selectAll(): void;
         unselectAll(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
         goTo(data: {
             id: string;
         }): void;
@@ -99,6 +219,10 @@ export declare const MenuTarget: import("../../common").ElementComponentM<import
         goToLastOfRow(): void;
         goToNextPage(): void;
         goToPreviousPage(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
         unregisterItem(data: {
             id: string;
         }): void;

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

@@ -1 +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"}
+{"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;AAkBD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAXL,mBAAmB;;;;EAWoC,CAAC;AAC7E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAZZ,mBAAmB;;;;EAYkD,CAAC;AAE3F,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMrB,CAAC"}

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

@@ -1,54 +1,29 @@
-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) {
+const useMenuTargetBase = createElemPropsHook(useMenuModel)(model => {
     return {
         id: model.state.id,
         'aria-haspopup': 'true',
         'aria-expanded': model.state.visibility === 'visible',
-        onKeyDown: function (event) {
+        onKeyDown(event) {
             // eslint-disable-next-line default-case
             switch (event.key) {
-                case 'Down':
-                case 'ArrowDown': // IE11
-                case 'Up':
-                case 'ArrowUp': // IE11
+                case 'ArrowDown':
+                case 'ArrowUp': // this follow the keys for modern browsers https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#navigation_keys
                     model.events.show(event);
             }
         },
     };
 });
-export var useMenuTarget = composeHooks(useMenuTargetBase, usePopupTarget);
-export var useMenuTargetContext = composeHooks(useMenuTargetBase, usePopupTargetContext);
-export var MenuTarget = createSubcomponent(SecondaryButton)({
+export const useMenuTarget = composeHooks(useMenuTargetBase, usePopupTarget);
+export const useMenuTargetContext = composeHooks(useMenuTargetBase, usePopupTargetContext);
+export const 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);
+})(({ children, ...elemProps }, Element) => {
+    return React.createElement(Element, Object.assign({}, elemProps), children);
 });

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

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

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

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

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

@@ -1,28 +1,17 @@
-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')({
+const Divider = styled('hr')({
     display: 'block',
     height: 1,
     border: 0,
-    borderTop: "1px solid " + colors.soap400,
-    margin: space.xxs + " 0",
+    borderTop: `1px solid ${colors.soap400}`,
+    margin: `${space.xxs} 0`,
 });
-export var MenuDivider = createComponent('hr')({
+export const MenuDivider = createComponent('hr')({
     displayName: 'Menu.Divider',
-    Component: function (elemProps, ref, Element) {
-        return React.createElement(Divider, __assign({ as: Element, ref: ref }, elemProps));
+    Component(elemProps, ref, Element) {
+        return React.createElement(Divider, Object.assign({ as: Element, ref: ref }, elemProps));
     },
 });