@workday/canvas-kit-react 8.5.0-339-next.0 → 8.5.0-342-next.2

package/dist/commonjs/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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIb;;;;;;;;;;;;;;;OAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;;;;;;OAsBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}

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

@@ -14,9 +14,15 @@ var MenuCard_1 = require("./MenuCard");
 var MenuList_1 = require("./MenuList");
 var MenuDivider_1 = require("./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>
@@ -28,11 +34,29 @@ var MenuDivider_1 = require("./MenuDivider");
  *     </Menu.Card>
  *   </Menu.Popper>
  * </Menu>
+ * ```
  */
 exports.Menu = common_1.createContainer()({
     displayName: 'Menu',
     modelHook: useMenuModel_1.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_1.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
@@ -43,7 +67,7 @@ exports.Menu = common_1.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: [
@@ -60,6 +84,7 @@ exports.Menu = common_1.createContainer()({
          *     </Menu>
          *   )
          * }
+         * ```
          */
         List: MenuList_1.MenuList,
         /**
@@ -69,13 +94,16 @@ exports.Menu = common_1.createContainer()({
          */
         Item: MenuItem_1.MenuItem,
         Divider: MenuDivider_1.MenuDivider,
-        Target: MenuTarget_1.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: MenuTarget_1.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_1.MenuPopper,
     },

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

@@ -12,8 +12,8 @@ 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;
@@ -26,7 +26,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;
@@ -71,10 +71,10 @@ 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 ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | 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,8 +82,8 @@ 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;
@@ -96,7 +96,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;

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

@@ -10,7 +10,7 @@ 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";
     };
     events: {
         updatePlacement(data: {
@@ -19,7 +19,7 @@ export declare const useMenuTarget: <P extends {}, R>(model: {
         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 ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
 export declare const useMenuTargetContext: <P extends {}, R>(model: {
@@ -30,7 +30,7 @@ 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";
     };
     events: {
         updatePlacement(data: {
@@ -39,10 +39,10 @@ export declare const useMenuTargetContext: <P extends {}, R>(model: {
         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 ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
-export declare const MenuTarget: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../../button").SecondaryButtonProps>, MenuTargetProps, {
+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,8 +50,8 @@ 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;
@@ -64,7 +64,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;

package/dist/commonjs/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/commonjs/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/commonjs/menu/lib/MenuItem.d.ts

@@ -32,11 +32,11 @@ export declare const useMenuItem: <P extends {}, R>(model: {
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
         id: string;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
     events: {
         registerItem(data: {
@@ -65,10 +65,10 @@ export declare const useMenuItem: <P extends {}, R>(model: {
     };
     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 ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
-export declare const MenuItem: import("../../common").ElementComponentM<"button", MenuItemProps, {
+export declare const MenuItem: import("@workday/canvas-kit-react/common").ElementComponentM<"button", MenuItemProps, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -76,8 +76,8 @@ export declare const MenuItem: import("../../common").ElementComponentM<"button"
         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;
@@ -90,11 +90,11 @@ export declare const MenuItem: import("../../common").ElementComponentM<"button"
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
         mode: "multiple" | "single";
     };
     events: {
@@ -136,10 +136,10 @@ export declare const MenuItem: import("../../common").ElementComponentM<"button"
     navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
 }> & {
-    Icon: import("../../common").ElementComponent<"span", import("../../icon").SystemIconProps>;
+    Icon: import("@workday/canvas-kit-react/common").ElementComponent<"span", import("@workday/canvas-kit-react/icon").SystemIconProps>;
     Text: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: "symbol" | "object" | "s" | "big" | "link" | "small" | "sub" | "sup" | "circle" | "stop" | "path" | "style" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "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" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "clipPath" | "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" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+        as?: React.ElementType<any> | undefined;
     }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 };
 //# sourceMappingURL=MenuItem.d.ts.map

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

@@ -15,8 +15,8 @@ export declare const useMenuList: <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;
@@ -29,11 +29,11 @@ export declare const useMenuList: <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;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
         mode: "multiple" | "single";
     };
     events: {
@@ -74,13 +74,13 @@ export declare const useMenuList: <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) => {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {
     role: string;
     'aria-labelledby': string;
 } & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
-export declare const MenuList: import("../../common").ElementComponentM<"div", MenuListProps<any>, {
+export declare const MenuList: import("@workday/canvas-kit-react/common").ElementComponentM<"div", MenuListProps<any>, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -88,8 +88,8 @@ export declare const MenuList: 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;
@@ -102,11 +102,11 @@ export declare const MenuList: 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;
-        items: import("../../collection").Item<any>[];
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
         mode: "multiple" | "single";
     };
     events: {

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

@@ -11,7 +11,7 @@ export declare const useMenuPopper: <P extends {}, R>(model: {
         returnFocusRef: React.RefObject<any> | undefined;
         placement: import("@popperjs/core").Placement;
         id: string;
-        visibility: import("../..").Visibility;
+        visibility: "hidden" | "visible";
     };
     events: {
         updatePlacement(data: {
@@ -20,7 +20,7 @@ export declare const useMenuPopper: <P extends {}, R>(model: {
         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) => {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {
     open: boolean;
     anchorElement: React.RefObject<HTMLButtonElement>;
     ref: (instance: any) => void;
@@ -28,7 +28,7 @@ export declare const useMenuPopper: <P extends {}, R>(model: {
 } & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
-export declare const MenuPopper: import("../../common").ElementComponentM<"div", MenuPopperProps, {
+export declare const MenuPopper: import("@workday/canvas-kit-react/common").ElementComponentM<"div", MenuPopperProps, {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
         targetRef: React.RefObject<HTMLButtonElement>;
@@ -36,8 +36,8 @@ export declare const MenuPopper: import("../../common").ElementComponentM<"div",
         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;
@@ -50,7 +50,7 @@ export declare const MenuPopper: import("../../common").ElementComponentM<"div",
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;

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

@@ -2,6 +2,81 @@ import * as React from 'react';
 export interface MenuTargetProps {
     children?: React.ReactNode;
 }
+export declare const useMenuTargetBase: <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: "hidden" | "visible";
+        selectedIds: string[] | "all";
+        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: "horizontal" | "vertical";
+        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?: React.Ref<R> | undefined) => {
+    id: string;
+    'aria-haspopup': string;
+    'aria-expanded': boolean;
+    onKeyDown(event: React.KeyboardEvent): void;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 export declare const useMenuTarget: <P extends {}, R>(model: {
     state: {
         stackRef: React.RefObject<HTMLDivElement>;
@@ -10,7 +85,7 @@ 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";
     };
     events: {
         updatePlacement(data: {
@@ -19,7 +94,7 @@ export declare const useMenuTarget: <P extends {}, R>(model: {
         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 ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
 export declare const useMenuTargetContext: <P extends {}, R>(model: {
@@ -30,7 +105,7 @@ 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";
     };
     events: {
         updatePlacement(data: {
@@ -39,10 +114,10 @@ export declare const useMenuTargetContext: <P extends {}, R>(model: {
         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 ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
-export declare const MenuTarget: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../../button").SecondaryButtonProps>, MenuTargetProps, {
+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,8 +125,8 @@ 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;
@@ -64,7 +139,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;
@@ -110,7 +185,7 @@ export declare const MenuTarget: import("../../common").ElementComponentM<import
     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, {
+export declare const MenuTargetContext: 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>;
@@ -118,8 +193,8 @@ export declare const MenuTargetContext: import("../../common").ElementComponentM
         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;
@@ -132,7 +207,7 @@ export declare const MenuTargetContext: import("../../common").ElementComponentM
         };
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;

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

@@ -1 +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;AAkBD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;OAAkD,CAAC;AAC7E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;OAAyD,CAAC;AAE3F,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMrB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAM5B,CAAC"}
+{"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;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAKT,mBAAmB;;;OAStC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;OAAkD,CAAC;AAC7E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;OAAyD,CAAC;AAE3F,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMrB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAM5B,CAAC"}

package/dist/commonjs/menu/lib/MenuTarget.js

@@ -41,13 +41,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuTargetContext = exports.MenuTarget = exports.useMenuTargetContext = exports.useMenuTarget = void 0;
+exports.MenuTargetContext = exports.MenuTarget = exports.useMenuTargetContext = exports.useMenuTarget = exports.useMenuTargetBase = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var button_1 = require("@workday/canvas-kit-react/button");
 var popup_1 = require("@workday/canvas-kit-react/popup");
 var useMenuModel_1 = require("./useMenuModel");
-var useMenuTargetBase = common_1.createElemPropsHook(useMenuModel_1.useMenuModel)(function (model) {
+exports.useMenuTargetBase = common_1.createElemPropsHook(useMenuModel_1.useMenuModel)(function (model) {
     return {
         id: model.state.id,
         'aria-haspopup': 'true',
@@ -62,8 +62,8 @@ var useMenuTargetBase = common_1.createElemPropsHook(useMenuModel_1.useMenuModel
         },
     };
 });
-exports.useMenuTarget = common_1.composeHooks(useMenuTargetBase, popup_1.usePopupTarget);
-exports.useMenuTargetContext = common_1.composeHooks(useMenuTargetBase, popup_1.usePopupTargetContext);
+exports.useMenuTarget = common_1.composeHooks(exports.useMenuTargetBase, popup_1.usePopupTarget);
+exports.useMenuTargetContext = common_1.composeHooks(exports.useMenuTargetBase, popup_1.usePopupTargetContext);
 exports.MenuTarget = common_1.createSubcomponent(button_1.SecondaryButton)({
     displayName: 'Menu.Target',
     modelHook: useMenuModel_1.useMenuModel,