@elliemae/ds-menu 2.3.0-alpha.9 → 2.3.0-next.11

package/{dist/types → types}/MenuItems/MenuItemCheckable.d.ts

@@ -12,18 +12,18 @@
  * @param root0.leftAddon
  * @param root0.item
  */
-declare const MenuItemCheckable: {
-    ({ role, checked, name, checkIcon, children, leftAddon, item, ...otherProps }: {
-        [x: string]: any;
-        role?: string | undefined;
-        checked?: boolean | undefined;
-        name?: string | undefined;
-        checkIcon?: JSX.Element | undefined;
-        children: any;
-        leftAddon: any;
-        item?: undefined;
-    }): JSX.Element;
-    propTypes: {
+declare function MenuItemCheckable({ role, checked, name, checkIcon, children, leftAddon, item, ...otherProps }: {
+    [x: string]: any;
+    role?: string | undefined;
+    checked?: boolean | undefined;
+    name?: string | undefined;
+    checkIcon?: JSX.Element | undefined;
+    children: any;
+    leftAddon: any;
+    item?: undefined;
+}): JSX.Element;
+declare namespace MenuItemCheckable {
+    var propTypes: {
         /** Whether the item is checked or not */
         checked: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -67,12 +67,11 @@ declare const MenuItemCheckable: {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-};
+}
 declare const DSMenuItemCheckeableWithSchema: {
     (props?: unknown): JSX.Element;
-    /** a11y role */
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export { DSMenuItemCheckeableWithSchema, MenuItemCheckable };
 export default MenuItemCheckable;
+export { DSMenuItemCheckeableWithSchema };

package/{dist/types → types}/MenuItems/MenuItemCheckbox.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-declare const MenuItemCheckbox: ({ checked, ...rest }: {
+declare function MenuItemCheckbox({ checked, ...rest }: {
     [x: string]: any;
     checked: any;
-}) => JSX.Element;
-export { MenuItemCheckbox };
+}): JSX.Element;
 export default MenuItemCheckbox;

package/{dist/types → types}/MenuItems/MenuItemRadio.d.ts

@@ -1,8 +1,8 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
-declare const MenuItemRadio: {
-    (props: any): JSX.Element;
-    propTypes: {
+declare function MenuItemRadio(props: any): JSX.Element;
+declare namespace MenuItemRadio {
+    var propTypes: {
         /** Whether the item is checked or not */
         checked: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -18,11 +18,11 @@ declare const MenuItemRadio: {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-};
+}
 declare const DSMenuItemRadioWithSchema: {
     (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export { DSMenuItemRadioWithSchema, MenuItemRadio };
 export default MenuItemRadio;
+export { DSMenuItemRadioWithSchema };

package/{dist/types → types}/MenuItems/RadioGroup.d.ts

@@ -1,8 +1,8 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
-declare const RadioGroup: {
-    (props: any): JSX.Element;
-    propTypes: {
+declare function RadioGroup(props: any): JSX.Element;
+declare namespace RadioGroup {
+    var propTypes: {
         active: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
@@ -16,11 +16,11 @@ declare const RadioGroup: {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-};
+}
 declare const DSMenuRadioGroupWithSchema: {
     (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export { DSMenuRadioGroupWithSchema, RadioGroup };
 export default RadioGroup;
+export { DSMenuRadioGroupWithSchema };

package/{dist/types → types}/MenuItems/SearchableGroup.d.ts

@@ -5,6 +5,6 @@ declare const DSMenuSearchableGroupWithSchema: {
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-declare const SearchableGroupHOC: any;
-export { DSMenuSearchableGroupWithSchema, SearchableGroupHOC as SearchableGroup };
-export default SearchableGroupHOC;
+declare const _default: any;
+export default _default;
+export { DSMenuSearchableGroupWithSchema };

package/{dist/types → types}/MenuItems/SearchableList.d.ts

@@ -1,19 +1,19 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
-declare const SearchableList: {
-    ({ onSelectMenuItem, components, searchTerm: searchTermProp, items, dropdownFilterOptions, returnValue, extraListProps, appendTermInList, maxOptions, loading, }: {
-        onSelectMenuItem?: (() => void) | undefined;
-        components?: {} | undefined;
-        searchTerm?: string | undefined;
-        items?: never[] | undefined;
-        dropdownFilterOptions?: {} | undefined;
-        returnValue: any;
-        extraListProps?: {} | undefined;
-        appendTermInList?: boolean | undefined;
-        maxOptions?: number | undefined;
-        loading?: boolean | undefined;
-    }): JSX.Element;
-    propTypes: {
+declare function SearchableList({ onSelectMenuItem, components, searchTerm: searchTermProp, items, dropdownFilterOptions, returnValue, extraListProps, appendTermInList, maxOptions, loading, }: {
+    onSelectMenuItem?: (() => void) | undefined;
+    components?: {} | undefined;
+    searchTerm?: string | undefined;
+    items?: never[] | undefined;
+    dropdownFilterOptions?: {} | undefined;
+    returnValue: any;
+    extraListProps?: {} | undefined;
+    appendTermInList?: boolean | undefined;
+    maxOptions?: number | undefined;
+    loading?: boolean | undefined;
+}): JSX.Element;
+declare namespace SearchableList {
+    var propTypes: {
         /** callback after item gets selected */
         onSelectMenuItem: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -85,11 +85,11 @@ declare const SearchableList: {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-};
+}
 declare const DSMenuSearchableListWithSchema: {
     (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export { DSMenuSearchableListWithSchema, SearchableList };
 export default SearchableList;
+export { DSMenuSearchableListWithSchema };

package/{dist/types → types}/MenuItems/SelectionGroup.d.ts

@@ -1,19 +1,19 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
-declare const SelectionGroup: {
-    ({ multi, searchable, focusOnOpen, onSelect, children, items, active, width, height, maxOptions, }: {
-        multi?: boolean | undefined;
-        searchable?: boolean | undefined;
-        focusOnOpen?: boolean | undefined;
-        onSelect?: (() => null) | undefined;
-        children: any;
-        items?: undefined;
-        active?: string | never[] | undefined;
-        width: any;
-        height: any;
-        maxOptions?: number | undefined;
-    }): JSX.Element;
-    propTypes: {
+declare function SelectionGroup({ multi, searchable, focusOnOpen, onSelect, children, items, active, width, height, maxOptions, }: {
+    multi?: boolean | undefined;
+    searchable?: boolean | undefined;
+    focusOnOpen?: boolean | undefined;
+    onSelect?: (() => null) | undefined;
+    children: any;
+    items?: undefined;
+    active?: string | never[] | undefined;
+    width: any;
+    height: any;
+    maxOptions?: number | undefined;
+}): JSX.Element;
+declare namespace SelectionGroup {
+    var propTypes: {
         /** toggle on multi select */
         multi: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -77,11 +77,11 @@ declare const SelectionGroup: {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-};
+}
 declare const DSMenuSelectionGroupWithSchema: {
     (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export { DSMenuSelectionGroupWithSchema, SelectionGroup };
 export default SelectionGroup;
+export { DSMenuSelectionGroupWithSchema };

package/{dist/types → types}/MenuItems/Separator.d.ts

@@ -11,7 +11,6 @@ declare const MenuSeparator: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            /** toggle separator on and off */
             isRequired: import("react-desc").PropTypesDescValue;
         };
         /** toggle separator on and off */
@@ -28,5 +27,5 @@ declare const DSMenuSeparatorWithSchema: {
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export { DSMenuSeparatorWithSchema, MenuSeparator };
 export default MenuSeparator;
+export { DSMenuSeparatorWithSchema };

package/{dist/types → types}/MenuItems/SubMenu.d.ts

@@ -1,21 +1,21 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
-declare const SubMenu: {
-    ({ noAddon, leftAddon, label, interactionType, children: subitems, rightAddonType, disabledAddonInactive, checkableProps, customRenderer, onClick, closeMenu, id, }: {
-        noAddon: any;
-        leftAddon?: undefined;
-        label?: undefined;
-        interactionType?: string | undefined;
-        children: any;
-        rightAddonType: any;
-        disabledAddonInactive: any;
-        checkableProps?: {} | undefined;
-        customRenderer: any;
-        onClick: any;
-        closeMenu: any;
-        id: any;
-    }): JSX.Element;
-    propTypes: {
+declare function SubMenu({ noAddon, leftAddon, label, interactionType, children: subitems, rightAddonType, disabledAddonInactive, checkableProps, customRenderer, onClick, closeMenu, id, }: {
+    noAddon: any;
+    leftAddon?: undefined;
+    label?: undefined;
+    interactionType?: string | undefined;
+    children: any;
+    rightAddonType: any;
+    disabledAddonInactive: any;
+    checkableProps?: {} | undefined;
+    customRenderer: any;
+    onClick: any;
+    closeMenu: any;
+    id: any;
+}): JSX.Element;
+declare namespace SubMenu {
+    var propTypes: {
         /** dont show addon for submenu */
         noAddon: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -99,11 +99,11 @@ declare const SubMenu: {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-};
+}
 declare const DSSubMenuWithSchema: {
     (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export { DSSubMenuWithSchema, SubMenu };
 export default SubMenu;
+export { DSSubMenuWithSchema };

package/types/MenuItems/menuItemFactory.d.ts

@@ -0,0 +1,3 @@
+import MenuItem from './MenuItem';
+export declare function menuItemFactory(type: string | undefined, items: any, defaultItem?: typeof MenuItem): any;
+export declare function renderMenuItems(options: any, factory?: typeof menuItemFactory): any;

package/{dist/types → types}/VirtualMenuList.d.ts

@@ -1,10 +1,8 @@
 /// <reference types="react" />
-declare function VirtualMenuList({ items, itemHeight, amountItemsInWindow, width, height, }: {
+export default function VirtualMenuList({ items, itemHeight, amountItemsInWindow, width, height, }: {
     items: any;
     itemHeight?: number | undefined;
     amountItemsInWindow?: number | undefined;
     width: any;
     height: any;
 }): JSX.Element;
-export { VirtualMenuList };
-export default VirtualMenuList;

package/{dist/types → types}/index.d.ts

@@ -1,3 +1,4 @@
+export * from './Menu';
 export { DSMenuItemWithSchema } from './MenuItems/MenuItem';
 export { DSSubMenuWithSchema } from './MenuItems/SubMenu';
 export { DSMenuCheckboxGroupWithSchema } from './MenuItems/CheckboxGroup';
@@ -9,6 +10,4 @@ export { DSMenuSearchableListWithSchema } from './MenuItems/SearchableList';
 export { DSMenuSeparatorWithSchema } from './MenuItems/Separator';
 export { DSMenuSelectionGroupWithSchema } from './MenuItems/SelectionGroup';
 export { default as MenuCombobox } from './MenuCombobox';
-export { menuItemFactory } from './MenuItems/menuItemFactory';
-export { renderMenuItems } from './MenuItems/renderMenuItems';
-export { DSMenuWithSchema, Menu, Menu as default } from './Menu';
+export { default } from './Menu';

package/types/utils/useHeightByAmountOfItems.d.ts

@@ -0,0 +1,5 @@
+export default function useHeightByAmountOfItems({ itemHeight, amountItems, items, }: {
+    itemHeight: any;
+    amountItems: any;
+    items: any;
+}): number;

package/dist/cjs/Menu.js

@@ -1,151 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Menu_exports = {};
-__export(Menu_exports, {
-  DSMenuWithSchema: () => DSMenuWithSchema,
-  Menu: () => Menu,
-  default: () => Menu_default,
-  menuItemFactory: () => import_menuItemFactory.menuItemFactory,
-  renderMenuItems: () => import_renderMenuItems.renderMenuItems,
-  setSubMenu: () => setSubMenu
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_lodash = require("lodash");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_web = require("react-spring/web");
-var import_hooks = require("@elliemae/ds-utilities/hooks");
-var import_system = require("@elliemae/ds-utilities/system");
-var import_FocusGroup = require("@elliemae/ds-shared/FocusGroup");
-var import_ds_hidden = require("@elliemae/ds-hidden");
-var import_MenuContext = require("./MenuContext");
-var import_MenuItemRadio = require("./MenuItems/MenuItemRadio");
-var import_MenuItemCheckbox = require("./MenuItems/MenuItemCheckbox");
-var import_CheckboxGroup = require("./MenuItems/CheckboxGroup");
-var import_RadioGroup = require("./MenuItems/RadioGroup");
-var import_Separator = require("./MenuItems/Separator");
-var import_MenuItem = require("./MenuItems/MenuItem");
-var import_SearchableGroup = require("./MenuItems/SearchableGroup");
-var import_SelectionGroup = require("./MenuItems/SelectionGroup");
-var import_menuItemFactory = require("./MenuItems/menuItemFactory");
-var import_renderMenuItems = require("./MenuItems/renderMenuItems");
-const RESPONSIVE_HEIHGT_MARGIN = 120;
-const blockName = "menu";
-const noop = () => {
-};
-const MenuComponent = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "", ({ menuComboBox, type }) => ({
-  "menu-combo-box": menuComboBox,
-  [`type-${type}`]: type
-}));
-const isChildOfType = (child, type) => child.type === type || child.type?.name === type;
-const DSMenu = ({
-  containerProps = {},
-  innerRef,
-  as: MenuTag = import_web.animated.ul,
-  children = void 0,
-  onClickOutside = noop,
-  visible = void 0,
-  focusOnOpen = false,
-  maxOption = 0,
-  style = {},
-  minWidth = void 0,
-  maxWidth = void 0,
-  closeMenu,
-  responsiveHeight = false,
-  ...otherProps
-}) => {
-  const menuRef = (0, import_react.useRef)(null);
-  const { focusFirst } = (0, import_react.useContext)(import_FocusGroup.FocusGroupContext);
-  const { destroyed, ...hiddenProps } = (0, import_ds_hidden.useHiddenTransition)({ visible, style });
-  const nextChildren = (0, import_react.useMemo)(() => {
-    const forceLeftAddon = import_react.default.Children.toArray(children).some((child) => isChildOfType(child, "SelectionGroup") || isChildOfType(child, "MenuItemCheckbox") || isChildOfType(child, "MenuItemRadio") || child.props.leftAddon);
-    return import_react.default.Children.map(children, (child) => child && import_react.default.cloneElement(child, {
-      ...child.props,
-      noAddon: !forceLeftAddon ? true : void 0,
-      maxOption,
-      closeMenu
-    }));
-  }, [children]);
-  (0, import_hooks.useOnClickOutside)(menuRef, onClickOutside);
-  (0, import_react.useEffect)(() => {
-    if (focusOnOpen && visible) {
-      setTimeout(() => {
-        focusFirst();
-      }, 0);
-    }
-  }, [visible, focusOnOpen]);
-  return !hiddenProps.destroyed ? /* @__PURE__ */ import_react.default.createElement(import_MenuContext.MenuContext.Provider, {
-    value: { visible, closeMenu }
-  }, /* @__PURE__ */ import_react.default.createElement(MenuComponent, {
-    "data-testid": containerProps?.["data-testid"] ? containerProps["data-testid"] : "em-ds-menu",
-    ...containerProps,
-    as: MenuTag,
-    classProps: { ...otherProps.classProps || {}, type: otherProps.type },
-    innerRef: (0, import_system.mergeRefs)(innerRef, menuRef),
-    role: "menu",
-    ...(0, import_lodash.omit)(otherProps, ["scheduleUpdate"]),
-    ...hiddenProps
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "menu-component-internal-wrapper",
-    style: {
-      ...style,
-      minWidth,
-      maxWidth,
-      ...responsiveHeight ? {
-        overflowY: "scroll",
-        maxHeight: responsiveHeight ? `${window.innerHeight - RESPONSIVE_HEIHGT_MARGIN}px` : void 0
-      } : {}
-    }
-  }, nextChildren))) : null;
-};
-const Menu = (0, import_FocusGroup.focusGroupManagerHoc)(DSMenu, { loop: true });
-const props = {
-  containerProps: import_react_desc.PropTypes.object.description("Injected props to wrapper element of component"),
-  as: import_react_desc.PropTypes.element.description("Renders the menu with a specific html element"),
-  onClickOutside: import_react_desc.PropTypes.func.description("Handler when a user clicks outside the menu"),
-  visible: import_react_desc.PropTypes.bool.description("Whether the menu is visible or not"),
-  focusOnOpen: import_react_desc.PropTypes.bool.description("When set to true, it's going to focus the first item"),
-  minWidth: import_react_desc.PropTypes.number.description("Customize menu minWidth. Can be undefined or 'number'"),
-  maxWidth: import_react_desc.PropTypes.number.description("Customize menu maxWidth. Can be undefined or 'number'")
-};
-DSMenu.propTypes = props;
-const DSMenuWithSchema = (0, import_react_desc.describe)(DSMenu);
-DSMenuWithSchema.propTypes = props;
-Menu.Item = import_MenuItem.MenuItem;
-Menu.ItemCheckbox = import_MenuItemCheckbox.MenuItemCheckbox;
-Menu.ItemRadio = import_MenuItemRadio.MenuItemRadio;
-Menu.Separator = import_Separator.MenuSeparator;
-Menu.CheckboxGroup = import_CheckboxGroup.CheckboxGroup;
-Menu.RadioGroup = import_RadioGroup.RadioGroup;
-Menu.SearchableGroup = import_SearchableGroup.SearchableGroup;
-Menu.SelectionGroup = import_SelectionGroup.SelectionGroup;
-const setSubMenu = (SubMenu) => Menu.SubMenu = SubMenu;
-var Menu_default = Menu;
-module.exports = __toCommonJS(Menu_exports);
-//# sourceMappingURL=Menu.js.map

package/dist/cjs/Menu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Menu.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext, useEffect, useMemo, useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { animated } from 'react-spring/web';\nimport { useOnClickOutside } from '@elliemae/ds-utilities/hooks';\nimport { mergeRefs } from '@elliemae/ds-utilities/system';\nimport { focusGroupManagerHoc, FocusGroupContext } from '@elliemae/ds-shared/FocusGroup';\nimport { useHiddenTransition } from '@elliemae/ds-hidden';\nimport { MenuContext } from './MenuContext';\nimport { MenuItemRadio } from './MenuItems/MenuItemRadio';\nimport { MenuItemCheckbox } from './MenuItems/MenuItemCheckbox';\nimport { CheckboxGroup } from './MenuItems/CheckboxGroup';\nimport { RadioGroup } from './MenuItems/RadioGroup';\nimport { MenuSeparator } from './MenuItems/Separator';\nimport { MenuItem } from './MenuItems/MenuItem';\nimport { SearchableGroup } from './MenuItems/SearchableGroup';\nimport { SelectionGroup } from './MenuItems/SelectionGroup';\nimport { menuItemFactory } from './MenuItems/menuItemFactory';\nimport { renderMenuItems } from './MenuItems/renderMenuItems';\n\nconst RESPONSIVE_HEIHGT_MARGIN = 120;\n\nconst blockName = 'menu';\n\nconst noop = () => {};\n\nconst MenuComponent = aggregatedClasses('div')(blockName, '', ({ menuComboBox, type }) => ({\n  'menu-combo-box': menuComboBox,\n  [`type-${type}`]: type,\n}));\n\n/**\n * todo: -- IDEA -- each menu could have an overlay based on an overlay stack context so we can\n * capture the context of the clicks on very nested components\n */\n\nconst isChildOfType = (child, type) => (child.type === type || child.type?.name === type);\n\nconst DSMenu = ({\n  containerProps = {},\n  innerRef,\n  as: MenuTag = animated.ul,\n  children = undefined,\n  onClickOutside = noop,\n  // handlers from hidden\n  visible = undefined,\n  focusOnOpen = false,\n  maxOption = 0,\n  style = {},\n  minWidth = undefined,\n  maxWidth = undefined,\n  closeMenu,\n  responsiveHeight = false,\n  ...otherProps\n}) => {\n  const menuRef = useRef(null);\n  const { focusFirst } = useContext(FocusGroupContext);\n  const { destroyed, ...hiddenProps } = useHiddenTransition({ visible, style });\n\n  // force no addon to the children if the menu doesn't have any item with leftAddon like SelectionGroup\n  const nextChildren = useMemo(() => {\n    const forceLeftAddon = React.Children.toArray(children).some(\n      (child) =>\n        isChildOfType(child, 'SelectionGroup') ||\n        isChildOfType(child, 'MenuItemCheckbox') ||\n        isChildOfType(child, 'MenuItemRadio') ||\n        child.props.leftAddon,\n    );\n\n    return React.Children.map(\n      children,\n      (child) =>\n        child &&\n        React.cloneElement(child, {\n          ...child.props,\n          noAddon: !forceLeftAddon ? true : undefined,\n          maxOption,\n          closeMenu,\n        }),\n    );\n  }, [children]);\n\n  useOnClickOutside(menuRef, onClickOutside);\n\n  useEffect(() => {\n    if (focusOnOpen && visible) {\n      setTimeout(() => {\n        focusFirst();\n      }, 0);\n    }\n  }, [visible, focusOnOpen]);\n  // todo: find out a better approach to this\n  return !hiddenProps.destroyed ? (\n    <MenuContext.Provider value={{ visible, closeMenu }}>\n      <MenuComponent\n        data-testid={containerProps?.['data-testid'] ? containerProps['data-testid'] : 'em-ds-menu'}\n        {...containerProps}\n        as={MenuTag}\n        classProps={{ ...(otherProps.classProps || {}), type: otherProps.type }}\n        innerRef={mergeRefs(innerRef, menuRef)}\n        role=\"menu\"\n        {...omit(otherProps, ['scheduleUpdate'])}\n        {...hiddenProps}\n      >\n        {/* eslint-disable indent */}\n        <div\n          className=\"menu-component-internal-wrapper\"\n          style={{\n            ...style,\n            minWidth,\n            maxWidth,\n            ...(responsiveHeight\n              ? {\n                  overflowY: 'scroll',\n                  maxHeight: responsiveHeight ? `${window.innerHeight - RESPONSIVE_HEIHGT_MARGIN}px` : undefined,\n                }\n              : {}),\n          }}\n        >\n          {/* eslint-enable indent */}\n          {nextChildren}\n        </div>\n      </MenuComponent>\n    </MenuContext.Provider>\n  ) : null;\n};\n\nconst Menu = focusGroupManagerHoc(DSMenu, { loop: true });\n\nconst props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /** Renders the menu with a specific html element */\n  as: PropTypes.element.description('Renders the menu with a specific html element'),\n  /** Handler when a user clicks outside the menu */\n  onClickOutside: PropTypes.func.description('Handler when a user clicks outside the menu'),\n  /** Whether the menu is visible or not */\n  visible: PropTypes.bool.description('Whether the menu is visible or not'),\n  /** When set to true, it's going to focus the first item */\n  focusOnOpen: PropTypes.bool.description(\"When set to true, it's going to focus the first item\"),\n  /** Customize menu minWidth. Can be undefined or 'number' */\n  minWidth: PropTypes.number.description(\"Customize menu minWidth. Can be undefined or 'number'\"),\n  /** Customize menu maxWidth. Can be undefined or 'number' */\n  maxWidth: PropTypes.number.description(\"Customize menu maxWidth. Can be undefined or 'number'\"),\n};\n\nDSMenu.propTypes = props;\n\nconst DSMenuWithSchema = describe(DSMenu);\n\nDSMenuWithSchema.propTypes = props;\n\nMenu.Item = MenuItem;\nMenu.ItemCheckbox = MenuItemCheckbox;\nMenu.ItemRadio = MenuItemRadio;\nMenu.Separator = MenuSeparator;\nMenu.CheckboxGroup = CheckboxGroup;\nMenu.RadioGroup = RadioGroup;\nMenu.SearchableGroup = SearchableGroup;\nMenu.SelectionGroup = SelectionGroup;\n\nconst setSubMenu = (SubMenu) => Menu.SubMenu = SubMenu;\n\nexport { menuItemFactory, renderMenuItems, DSMenuWithSchema, Menu, setSubMenu };\nexport default Menu;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8D;AAC9D,wBAAoC;AACpC,oBAAqB;AACrB,2BAAkC;AAClC,iBAAyB;AACzB,mBAAkC;AAClC,oBAA0B;AAC1B,wBAAwD;AACxD,uBAAoC;AACpC,yBAA4B;AAC5B,2BAA8B;AAC9B,8BAAiC;AACjC,2BAA8B;AAC9B,wBAA2B;AAC3B,uBAA8B;AAC9B,sBAAyB;AACzB,6BAAgC;AAChC,4BAA+B;AAC/B,6BAAgC;AAChC,6BAAgC;AAEhC,MAAM,2BAA2B;AAEjC,MAAM,YAAY;AAElB,MAAM,OAAO,MAAM;AAAA;AAEnB,MAAM,gBAAgB,4CAAkB,OAAO,WAAW,IAAI,CAAC,EAAE,cAAc,WAAY;AAAA,EACzF,kBAAkB;AAAA,GACjB,QAAQ,SAAS;AAAA;AAQpB,MAAM,gBAAgB,CAAC,OAAO,SAAU,MAAM,SAAS,QAAQ,MAAM,MAAM,SAAS;AAEpF,MAAM,SAAS,CAAC;AAAA,EACd,iBAAiB;AAAA,EACjB;AAAA,EACA,IAAI,UAAU,oBAAS;AAAA,EACvB,WAAW;AAAA,EACX,iBAAiB;AAAA,EAEjB,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,KAChB;AAAA,MACC;AACJ,QAAM,UAAU,yBAAO;AACvB,QAAM,EAAE,eAAe,6BAAW;AAClC,QAAM,EAAE,cAAc,gBAAgB,0CAAoB,EAAE,SAAS;AAGrE,QAAM,eAAe,0BAAQ,MAAM;AACjC,UAAM,iBAAiB,qBAAM,SAAS,QAAQ,UAAU,KACtD,CAAC,UACC,cAAc,OAAO,qBACrB,cAAc,OAAO,uBACrB,cAAc,OAAO,oBACrB,MAAM,MAAM;AAGhB,WAAO,qBAAM,SAAS,IACpB,UACA,CAAC,UACC,SACA,qBAAM,aAAa,OAAO;AAAA,SACrB,MAAM;AAAA,MACT,SAAS,CAAC,iBAAiB,OAAO;AAAA,MAClC;AAAA,MACA;AAAA;AAAA,KAGL,CAAC;AAEJ,sCAAkB,SAAS;AAE3B,8BAAU,MAAM;AACd,QAAI,eAAe,SAAS;AAC1B,iBAAW,MAAM;AACf;AAAA,SACC;AAAA;AAAA,KAEJ,CAAC,SAAS;AAEb,SAAO,CAAC,YAAY,YAClB,mDAAC,+BAAY,UAAb;AAAA,IAAsB,OAAO,EAAE,SAAS;AAAA,KACtC,mDAAC,eAAD;AAAA,IACE,eAAa,iBAAiB,iBAAiB,eAAe,iBAAiB;AAAA,OAC3E;AAAA,IACJ,IAAI;AAAA,IACJ,YAAY,KAAM,WAAW,cAAc,IAAK,MAAM,WAAW;AAAA,IACjE,UAAU,6BAAU,UAAU;AAAA,IAC9B,MAAK;AAAA,OACD,wBAAK,YAAY,CAAC;AAAA,OAClB;AAAA,KAGJ,mDAAC,OAAD;AAAA,IACE,WAAU;AAAA,IACV,OAAO;AAAA,SACF;AAAA,MACH;AAAA,MACA;AAAA,SACI,mBACA;AAAA,QACE,WAAW;AAAA,QACX,WAAW,mBAAmB,GAAG,OAAO,cAAc,+BAA+B;AAAA,UAEvF;AAAA;AAAA,KAIL,kBAIL;AAAA;AAGN,MAAM,OAAO,4CAAqB,QAAQ,EAAE,MAAM;AAElD,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAE7C,IAAI,4BAAU,QAAQ,YAAY;AAAA,EAElC,gBAAgB,4BAAU,KAAK,YAAY;AAAA,EAE3C,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,aAAa,4BAAU,KAAK,YAAY;AAAA,EAExC,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,UAAU,4BAAU,OAAO,YAAY;AAAA;AAGzC,OAAO,YAAY;AAEnB,MAAM,mBAAmB,gCAAS;AAElC,iBAAiB,YAAY;AAE7B,KAAK,OAAO;AACZ,KAAK,eAAe;AACpB,KAAK,YAAY;AACjB,KAAK,YAAY;AACjB,KAAK,gBAAgB;AACrB,KAAK,aAAa;AAClB,KAAK,kBAAkB;AACvB,KAAK,iBAAiB;AAEtB,MAAM,aAAa,CAAC,YAAY,KAAK,UAAU;AAG/C,IAAO,eAAQ;",
-  "names": []
-}

package/dist/cjs/MenuCombobox.js

@@ -1,70 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MenuCombobox_exports = {};
-__export(MenuCombobox_exports, {
-  default: () => MenuCombobox_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_SearchableList = require("./MenuItems/SearchableList");
-var import_Menu = require("./Menu");
-function MenuCombobox({
-  dropdownFilterOptions = {},
-  options = [],
-  onSelectMenuItem = () => null,
-  innerRef,
-  maxOptions = 10,
-  loading = false,
-  ...rest
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(import_Menu.Menu, {
-    ...rest,
-    classProps: { menuComboBox: true },
-    innerRef,
-    visible: true
-  }, /* @__PURE__ */ import_react.default.createElement(import_SearchableList.SearchableList, {
-    appendTermInList: true,
-    extraListProps: dropdownFilterOptions,
-    items: options,
-    onSelectMenuItem,
-    maxOptions,
-    loading
-  }));
-}
-MenuCombobox.propTypes = {
-  dropdownFilterOptions: import_prop_types.default.shape({}),
-  options: import_prop_types.default.arrayOf(import_prop_types.default.object),
-  onSelectMenuItem: import_prop_types.default.func,
-  innerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
-  maxOptions: import_prop_types.default.number,
-  loading: import_prop_types.default.bool
-};
-var MenuCombobox_default = MenuCombobox;
-module.exports = __toCommonJS(MenuCombobox_exports);
-//# sourceMappingURL=MenuCombobox.js.map

package/dist/cjs/MenuCombobox.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/MenuCombobox.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SearchableList } from './MenuItems/SearchableList';\nimport { Menu } from './Menu';\n\nfunction MenuCombobox({\n  dropdownFilterOptions = {},\n  options = [],\n  onSelectMenuItem = () => null,\n  innerRef,\n  maxOptions = 10,\n  loading = false,\n  ...rest\n}) {\n  return (\n    <Menu\n      {...rest}\n      classProps={{ menuComboBox: true }}\n      innerRef={innerRef}\n      visible\n    >\n      <SearchableList\n        appendTermInList\n        extraListProps={dropdownFilterOptions}\n        items={options}\n        onSelectMenuItem={onSelectMenuItem}\n        maxOptions={maxOptions}\n        loading={loading}\n      />\n    </Menu>\n  );\n}\n\nMenuCombobox.propTypes = {\n  /** Options */\n  dropdownFilterOptions: PropTypes.shape({}),\n  /** The option or menu items to render */\n  options: PropTypes.arrayOf(PropTypes.object),\n  /** Handler when a menu item is selected */\n  onSelectMenuItem: PropTypes.func,\n  /** Internal ref */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n  /** Max options to display in the list */\n  maxOptions: PropTypes.number,\n  /** Is loading */\n  loading: PropTypes.bool,\n};\n\nexport default MenuCombobox;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,4BAA+B;AAC/B,kBAAqB;AAErB,sBAAsB;AAAA,EACpB,wBAAwB;AAAA,EACxB,UAAU;AAAA,EACV,mBAAmB,MAAM;AAAA,EACzB;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,KACP;AAAA,GACF;AACD,SACE,mDAAC,kBAAD;AAAA,OACM;AAAA,IACJ,YAAY,EAAE,cAAc;AAAA,IAC5B;AAAA,IACA,SAAO;AAAA,KAEP,mDAAC,sCAAD;AAAA,IACE,kBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,aAAa,YAAY;AAAA,EAEvB,uBAAuB,0BAAU,MAAM;AAAA,EAEvC,SAAS,0BAAU,QAAQ,0BAAU;AAAA,EAErC,kBAAkB,0BAAU;AAAA,EAE5B,UAAU,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU;AAAA,EAEzD,YAAY,0BAAU;AAAA,EAEtB,SAAS,0BAAU;AAAA;AAGrB,IAAO,uBAAQ;",
-  "names": []
-}

package/dist/cjs/MenuContext.js

@@ -1,38 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MenuContext_exports = {};
-__export(MenuContext_exports, {
-  MenuContext: () => MenuContext,
-  default: () => MenuContext_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const MenuContext = import_react.default.createContext();
-var MenuContext_default = MenuContext;
-module.exports = __toCommonJS(MenuContext_exports);
-//# sourceMappingURL=MenuContext.js.map

package/dist/cjs/MenuContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/MenuContext.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\n\nconst MenuContext = React.createContext();\nexport { MenuContext };\nexport default MenuContext;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,MAAM,cAAc,qBAAM;AAE1B,IAAO,sBAAQ;",
-  "names": []
-}