@elliemae/ds-menu 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/index.js

@@ -1,63 +1,36 @@
-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 src_exports = {};
-__export(src_exports, {
-  DSMenuCheckboxGroupWithSchema: () => import_CheckboxGroup.DSMenuCheckboxGroupWithSchema,
-  DSMenuItemCheckeableWithSchema: () => import_MenuItemCheckable.DSMenuItemCheckeableWithSchema,
-  DSMenuItemRadioWithSchema: () => import_MenuItemRadio.DSMenuItemRadioWithSchema,
-  DSMenuItemWithSchema: () => import_MenuItem.DSMenuItemWithSchema,
-  DSMenuRadioGroupWithSchema: () => import_RadioGroup.DSMenuRadioGroupWithSchema,
-  DSMenuSearchableGroupWithSchema: () => import_SearchableGroup.DSMenuSearchableGroupWithSchema,
-  DSMenuSearchableListWithSchema: () => import_SearchableList.DSMenuSearchableListWithSchema,
-  DSMenuSelectionGroupWithSchema: () => import_SelectionGroup.DSMenuSelectionGroupWithSchema,
-  DSMenuSeparatorWithSchema: () => import_Separator.DSMenuSeparatorWithSchema,
-  DSMenuWithSchema: () => import_Menu.DSMenuWithSchema,
-  DSSubMenuWithSchema: () => import_SubMenu.DSSubMenuWithSchema,
-  Menu: () => import_Menu.Menu,
-  MenuCombobox: () => import_MenuCombobox.default,
-  default: () => import_Menu.Menu,
-  menuItemFactory: () => import_menuItemFactory.menuItemFactory,
-  renderMenuItems: () => import_renderMenuItems.renderMenuItems
-});
-var React = __toESM(require("react"));
-var import_MenuItem = require("./MenuItems/MenuItem");
-var import_SubMenu = require("./MenuItems/SubMenu");
-var import_CheckboxGroup = require("./MenuItems/CheckboxGroup");
-var import_MenuItemCheckable = require("./MenuItems/MenuItemCheckable");
-var import_MenuItemRadio = require("./MenuItems/MenuItemRadio");
-var import_RadioGroup = require("./MenuItems/RadioGroup");
-var import_SearchableGroup = require("./MenuItems/SearchableGroup");
-var import_SearchableList = require("./MenuItems/SearchableList");
-var import_Separator = require("./MenuItems/Separator");
-var import_SelectionGroup = require("./MenuItems/SelectionGroup");
-var import_MenuCombobox = require("./MenuCombobox");
-var import_menuItemFactory = require("./MenuItems/menuItemFactory");
-var import_renderMenuItems = require("./MenuItems/renderMenuItems");
-var import_Menu = require("./Menu");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Menu = require('./Menu.js');
+var MenuItem = require('./MenuItems/MenuItem.js');
+var SubMenu = require('./MenuItems/SubMenu.js');
+var CheckboxGroup = require('./MenuItems/CheckboxGroup.js');
+var MenuItemCheckable = require('./MenuItems/MenuItemCheckable.js');
+var MenuItemRadio = require('./MenuItems/MenuItemRadio.js');
+var RadioGroup = require('./MenuItems/RadioGroup.js');
+var SearchableGroup = require('./MenuItems/SearchableGroup.js');
+var SearchableList = require('./MenuItems/SearchableList.js');
+var Separator = require('./MenuItems/Separator.js');
+var SelectionGroup = require('./MenuItems/SelectionGroup.js');
+var MenuCombobox = require('./MenuCombobox.js');
+var menuItemFactory = require('./MenuItems/menuItemFactory.js');
+
+
+
+exports.DSMenuWithSchema = Menu.DSMenuWithSchema;
+exports.Menu = Menu.Menu;
+exports["default"] = Menu.Menu;
+exports.DSMenuItemWithSchema = MenuItem.DSMenuItemWithSchema;
+exports.DSSubMenuWithSchema = SubMenu.DSSubMenuWithSchema;
+exports.DSMenuCheckboxGroupWithSchema = CheckboxGroup.DSMenuCheckboxGroupWithSchema;
+exports.DSMenuItemCheckeableWithSchema = MenuItemCheckable.DSMenuItemCheckeableWithSchema;
+exports.DSMenuItemRadioWithSchema = MenuItemRadio.DSMenuItemRadioWithSchema;
+exports.DSMenuRadioGroupWithSchema = RadioGroup.DSMenuRadioGroupWithSchema;
+exports.DSMenuSearchableGroupWithSchema = SearchableGroup.DSMenuSearchableGroupWithSchema;
+exports.DSMenuSearchableListWithSchema = SearchableList.DSMenuSearchableListWithSchema;
+exports.DSMenuSeparatorWithSchema = Separator.DSMenuSeparatorWithSchema;
+exports.DSMenuSelectionGroupWithSchema = SelectionGroup.DSMenuSelectionGroupWithSchema;
+exports.MenuCombobox = MenuCombobox;
+exports.menuItemFactory = menuItemFactory.menuItemFactory;
+exports.renderMenuItems = menuItemFactory.renderMenuItems;

package/cjs/utils/useHeightByAmountOfItems.js

@@ -1,49 +1,20 @@
-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 useHeightByAmountOfItems_exports = {};
-__export(useHeightByAmountOfItems_exports, {
-  default: () => useHeightByAmountOfItems_default,
-  useHeightByAmountOfItems: () => useHeightByAmountOfItems
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
+'use strict';
+
+var React = require('react');
+
 const calculateHeight = (itemHeight, amountItemsInWindow, itemsLength) => {
   const realAmountItemsInWindow = itemsLength < amountItemsInWindow ? itemsLength : amountItemsInWindow;
   return itemHeight * realAmountItemsInWindow;
 };
-function useHeightByAmountOfItems({
-  itemHeight,
-  amountItems,
-  items
-}) {
-  const calculatedHeight = (0, import_react.useMemo)(() => calculateHeight(itemHeight, amountItems, items.length), [amountItems, items]);
+
+function useHeightByAmountOfItems(_ref) {
+  let {
+    itemHeight,
+    amountItems,
+    items
+  } = _ref;
+  const calculatedHeight = React.useMemo(() => calculateHeight(itemHeight, amountItems, items.length), [amountItems, items]);
   return calculatedHeight;
 }
-var useHeightByAmountOfItems_default = useHeightByAmountOfItems;
-module.exports = __toCommonJS(useHeightByAmountOfItems_exports);
-//# sourceMappingURL=useHeightByAmountOfItems.js.map
+
+module.exports = useHeightByAmountOfItems;

package/esm/Menu.js

@@ -1,61 +1,106 @@
-import * as React from "react";
-import React2, { useContext, useEffect, useMemo, useRef } from "react";
-import { PropTypes, describe } from "react-desc";
-import { omit } from "lodash";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { animated } from "react-spring/web";
-import { useOnClickOutside } from "@elliemae/ds-utilities/hooks";
-import { mergeRefs } from "@elliemae/ds-utilities/system";
-import { focusGroupManagerHoc, FocusGroupContext } from "@elliemae/ds-shared/FocusGroup";
-import { useHiddenTransition } from "@elliemae/ds-hidden";
-import { MenuItemRadio } from "./MenuItems/MenuItemRadio";
-import { MenuItemCheckbox } from "./MenuItems/MenuItemCheckbox";
-import { CheckboxGroup } from "./MenuItems/CheckboxGroup";
-import { RadioGroup } from "./MenuItems/RadioGroup";
-import { MenuSeparator } from "./MenuItems/Separator";
-import { MenuItem } from "./MenuItems/MenuItem";
-import { SubMenu } from "./MenuItems/SubMenu";
-import { SearchableGroup } from "./MenuItems/SearchableGroup";
-import { SelectionGroup } from "./MenuItems/SelectionGroup";
-import { menuItemFactory } from "./MenuItems/menuItemFactory";
-import { renderMenuItems } from "./MenuItems/renderMenuItems";
-import { MenuContext } from "./MenuContext";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import 'core-js/modules/esnext.async-iterator.constructor.js';
+import 'core-js/modules/esnext.async-iterator.to-array.js';
+import 'core-js/modules/esnext.iterator.to-array.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import React, { useRef, useContext, useMemo, useEffect } from 'react';
+import { PropTypes, describe } from 'react-desc';
+import { omit } from 'lodash';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+import { animated } from 'react-spring/web';
+import { useOnClickOutside } from '@elliemae/ds-utilities/hooks';
+import { mergeRefs } from '@elliemae/ds-utilities/system';
+import { focusGroupManagerHoc, FocusGroupContext } from '@elliemae/ds-shared/FocusGroup';
+import { useHiddenTransition } from '@elliemae/ds-hidden';
+import MenuItemRadio from './MenuItems/MenuItemRadio.js';
+import MenuItemCheckbox from './MenuItems/MenuItemCheckbox.js';
+import CheckboxGroup from './MenuItems/CheckboxGroup.js';
+import RadioGroup from './MenuItems/RadioGroup.js';
+import MenuSeparator from './MenuItems/Separator.js';
+import MenuItem from './MenuItems/MenuItem.js';
+import SubMenu from './MenuItems/SubMenu.js';
+import SearchableGroup from './MenuItems/SearchableGroup.js';
+import SelectionGroup from './MenuItems/SelectionGroup.js';
+export { menuItemFactory, renderMenuItems } from './MenuItems/menuItemFactory.js';
+import MenuContext from './MenuContext.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["containerProps", "innerRef", "as", "children", "onClickOutside", "visible", "focusOnOpen", "maxOption", "style", "minWidth", "maxWidth", "closeMenu", "responsiveHeight"],
+      _excluded2 = ["destroyed"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const RESPONSIVE_HEIHGT_MARGIN = 120;
-const blockName = "menu";
-const noop = () => {
-};
-const MenuComponent = aggregatedClasses("div")(blockName, "", ({ menuComboBox, type }) => ({
-  "menu-combo-box": menuComboBox,
-  [`type-${type}`]: type
-}));
+const blockName = 'menu';
+
+const noop = () => {};
+
+const MenuComponent = aggregatedClasses('div')(blockName, '', _ref => {
+  let {
+    menuComboBox,
+    type
+  } = _ref;
+  return {
+    'menu-combo-box': menuComboBox,
+    ["type-".concat(type)]: type
+  };
+});
+/**
+ * todo: -- IDEA -- each menu could have an overlay based on an overlay stack context so we can
+ * capture the context of the clicks on very nested components
+ */
+
 const isChildOfType = (child, type) => child.type.name === type;
-const DSMenu = ({
-  containerProps = {},
-  innerRef,
-  as: MenuTag = 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
-}) => {
+
+function DSMenu(_ref2) {
+  let {
+    containerProps = {},
+    innerRef,
+    as: MenuTag = animated.ul,
+    children = undefined,
+    onClickOutside = noop,
+    // handlers from hidden
+    visible = undefined,
+    focusOnOpen = false,
+    maxOption = 0,
+    style = {},
+    minWidth = undefined,
+    maxWidth = undefined,
+    closeMenu,
+    responsiveHeight = false
+  } = _ref2,
+      otherProps = _objectWithoutProperties(_ref2, _excluded);
+
   const menuRef = useRef(null);
-  const { focusFirst } = useContext(FocusGroupContext);
-  const { destroyed, ...hiddenProps } = useHiddenTransition({ visible, style });
+  const {
+    focusFirst
+  } = useContext(FocusGroupContext);
+
+  const _useHiddenTransition = useHiddenTransition({
+    visible,
+    style
+  }),
+        hiddenProps = _objectWithoutProperties(_useHiddenTransition, _excluded2); // force no addon to the children if the menu doesn't have any item with leftAddon like SelectionGroup
+
+
   const nextChildren = useMemo(() => {
-    const forceLeftAddon = React2.Children.toArray(children).some((child) => isChildOfType(child, "SelectionGroup") || isChildOfType(child, "MenuItemCheckbox") || isChildOfType(child, "MenuItemRadio") || child.props.leftAddon);
-    return React2.Children.map(children, (child) => child && React2.cloneElement(child, {
-      ...child.props,
-      noAddon: !forceLeftAddon ? true : void 0,
+    const forceLeftAddon = React.Children.toArray(children).some(child => isChildOfType(child, 'SelectionGroup') || isChildOfType(child, 'MenuItemCheckbox') || isChildOfType(child, 'MenuItemRadio') || child.props.leftAddon);
+    return React.Children.map(children, child => child && /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
+      noAddon: !forceLeftAddon ? true : undefined,
       maxOption,
       closeMenu
-    }));
+    })));
   }, [children]);
   useOnClickOutside(menuRef, onClickOutside);
   useEffect(() => {
@@ -64,44 +109,64 @@ const DSMenu = ({
         focusFirst();
       }, 0);
     }
-  }, [visible, focusOnOpen]);
-  return !hiddenProps.destroyed ? /* @__PURE__ */ React2.createElement(MenuContext.Provider, {
-    value: { visible, closeMenu }
-  }, /* @__PURE__ */ React2.createElement(MenuComponent, {
-    "data-testid": containerProps?.["data-testid"] ? containerProps["data-testid"] : "em-ds-menu",
-    ...containerProps,
+  }, [visible, focusOnOpen]); // todo: find out a better approach to this
+
+  return !hiddenProps.destroyed ? /*#__PURE__*/_jsx(MenuContext.Provider, {
+    value: {
+      visible,
+      closeMenu
+    }
+  }, void 0, /*#__PURE__*/jsx(MenuComponent, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    "data-testid": containerProps !== null && containerProps !== void 0 && containerProps['data-testid'] ? containerProps['data-testid'] : "em-ds-menu"
+  }, containerProps), {}, {
     as: MenuTag,
-    classProps: { ...otherProps.classProps || {}, type: otherProps.type },
+    classProps: _objectSpread(_objectSpread({}, otherProps.classProps || {}), {}, {
+      type: otherProps.type
+    }),
     innerRef: mergeRefs(innerRef, menuRef),
-    role: "menu",
-    ...omit(otherProps, ["scheduleUpdate"]),
-    ...hiddenProps
-  }, /* @__PURE__ */ React2.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 = focusGroupManagerHoc(DSMenu, { loop: true });
+    role: "menu"
+  }, omit(otherProps, ['scheduleUpdate'])), hiddenProps), {}, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: "menu-component-internal-wrapper",
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        minWidth,
+        maxWidth
+      }, responsiveHeight ? {
+        overflowY: 'scroll',
+        maxHeight: responsiveHeight ? "".concat(window.innerHeight - RESPONSIVE_HEIHGT_MARGIN, "px") : undefined
+      } : {})
+    }, void 0, nextChildren)
+  }))) : null;
+}
+
+const Menu = focusGroupManagerHoc(DSMenu, {
+  loop: true
+});
 const props = {
-  containerProps: PropTypes.object.description("Injected props to wrapper element of component"),
-  as: PropTypes.element.description("Renders the menu with a specific html element"),
-  onClickOutside: PropTypes.func.description("Handler when a user clicks outside the menu"),
-  visible: PropTypes.bool.description("Whether the menu is visible or not"),
+  /** Injected props to wrapper element of component */
+  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),
+
+  /** Renders the menu with a specific html element */
+  as: PropTypes.element.description('Renders the menu with a specific html element'),
+
+  /** Handler when a user clicks outside the menu */
+  onClickOutside: PropTypes.func.description('Handler when a user clicks outside the menu'),
+
+  /** Whether the menu is visible or not */
+  visible: PropTypes.bool.description('Whether the menu is visible or not'),
+
+  /** When set to true, it's going to focus the first item */
   focusOnOpen: PropTypes.bool.description("When set to true, it's going to focus the first item"),
+
+  /** Customize menu minWidth. Can be undefined or 'number' */
   minWidth: PropTypes.number.description("Customize menu minWidth. Can be undefined or 'number'"),
+
+  /** Customize menu maxWidth. Can be undefined or 'number' */
   maxWidth: PropTypes.number.description("Customize menu maxWidth. Can be undefined or 'number'")
 };
-DSMenu.propTypes = props;
 const DSMenuWithSchema = describe(DSMenu);
-DSMenuWithSchema.propTypes = props;
+DSMenuWithSchema.propTypes = props; // todo: add a handler to get this kind of exports for documentation
+
 Menu.Item = MenuItem;
 Menu.ItemCheckbox = MenuItemCheckbox;
 Menu.ItemRadio = MenuItemRadio;
@@ -111,12 +176,5 @@ Menu.CheckboxGroup = CheckboxGroup;
 Menu.RadioGroup = RadioGroup;
 Menu.SearchableGroup = SearchableGroup;
 Menu.SelectionGroup = SelectionGroup;
-var Menu_default = Menu;
-export {
-  DSMenuWithSchema,
-  Menu,
-  Menu_default as default,
-  menuItemFactory,
-  renderMenuItems
-};
-//# sourceMappingURL=Menu.js.map
+
+export { DSMenuWithSchema, Menu, Menu as default };

package/esm/MenuCombobox.js

@@ -1,41 +1,48 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { SearchableList } from "./MenuItems/SearchableList";
-import { Menu } from "./Menu";
-function MenuCombobox({
-  dropdownFilterOptions = {},
-  options = [],
-  onSelectMenuItem = () => null,
-  innerRef,
-  maxOptions = 10,
-  loading = false,
-  ...rest
-}) {
-  return /* @__PURE__ */ React2.createElement(Menu, {
-    ...rest,
-    classProps: { menuComboBox: true },
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import SearchableList from './MenuItems/SearchableList.js';
+import { Menu } from './Menu.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["dropdownFilterOptions", "options", "onSelectMenuItem", "innerRef", "maxOptions", "loading"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function MenuCombobox(_ref) {
+  let {
+    dropdownFilterOptions = {},
+    options = [],
+    onSelectMenuItem = () => null,
     innerRef,
-    visible: true
-  }, /* @__PURE__ */ React2.createElement(SearchableList, {
-    appendTermInList: true,
-    extraListProps: dropdownFilterOptions,
-    items: options,
-    onSelectMenuItem,
-    maxOptions,
-    loading
+    maxOptions = 10,
+    loading = false
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(Menu, _objectSpread(_objectSpread({}, rest), {}, {
+    classProps: {
+      menuComboBox: true
+    },
+    innerRef: innerRef,
+    visible: true,
+    children: /*#__PURE__*/_jsx(SearchableList, {
+      appendTermInList: true,
+      extraListProps: dropdownFilterOptions,
+      items: options,
+      onSelectMenuItem: onSelectMenuItem,
+      maxOptions: maxOptions,
+      loading: loading
+    })
   }));
 }
-MenuCombobox.propTypes = {
-  dropdownFilterOptions: PropTypes.shape({}),
-  options: PropTypes.arrayOf(PropTypes.object),
-  onSelectMenuItem: PropTypes.func,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  maxOptions: PropTypes.number,
-  loading: PropTypes.bool
-};
-var MenuCombobox_default = MenuCombobox;
-export {
-  MenuCombobox_default as default
-};
-//# sourceMappingURL=MenuCombobox.js.map
+
+export { MenuCombobox as default };

package/esm/MenuContext.js

@@ -1,9 +1,5 @@
-import * as React from "react";
-import React2 from "react";
-const MenuContext = React2.createContext();
-var MenuContext_default = MenuContext;
-export {
-  MenuContext,
-  MenuContext_default as default
-};
-//# sourceMappingURL=MenuContext.js.map
+import React from 'react';
+
+var MenuContext = /*#__PURE__*/React.createContext();
+
+export { MenuContext as default };

package/esm/MenuItems/CheckboxGroup.js

@@ -1,23 +1,35 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { CheckableGroup } from "@elliemae/ds-shared/CheckableGroup";
-const CheckboxGroup = (props2) => /* @__PURE__ */ React2.createElement(CheckableGroup, {
-  ...props2,
-  multi: true
-});
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
+import { PropTypes, describe } from 'react-desc';
+import CheckableGroup from '@elliemae/ds-shared/CheckableGroup';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function CheckboxGroup(props) {
+  return /*#__PURE__*/jsx(CheckableGroup, _objectSpread(_objectSpread({}, props), {}, {
+    multi: true
+  }));
+}
+
 const props = {
-  active: PropTypes.arrayOf(PropTypes.string).description("The item (if multi false) or items (if multi true) selected"),
-  multi: PropTypes.bool.description("Whether is multi select or not"),
-  onCheck: PropTypes.func.description("Handler when a user checks an item")
+  /* The item (if multi false) or items (if multi true) selected */
+  active: PropTypes.arrayOf(PropTypes.string).description('The item (if multi false) or items (if multi true) selected'),
+
+  /* Whether is multi select or not */
+  multi: PropTypes.bool.description('Whether is multi select or not'),
+
+  /* Handler when a user checks an item */
+  onCheck: PropTypes.func.description('Handler when a user checks an item')
 };
-CheckboxGroup.propTypes = props;
 const DSMenuCheckboxGroupWithSchema = describe(CheckboxGroup);
 DSMenuCheckboxGroupWithSchema.propTypes = props;
-var CheckboxGroup_default = CheckboxGroup;
-export {
-  CheckboxGroup,
-  DSMenuCheckboxGroupWithSchema,
-  CheckboxGroup_default as default
-};
-//# sourceMappingURL=CheckboxGroup.js.map
+
+export { DSMenuCheckboxGroupWithSchema, CheckboxGroup as default };