@elliemae/ds-menu 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/MenuItems/SearchableGroup.js

@@ -3,6 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
@@ -20,15 +24,16 @@ var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
 const SearchBoxWrapper = dsClassnames.aggregatedClasses('div')('menu-search-group', 'search-wrapper');
 const NoOptionsWrapper = dsClassnames.aggregatedClasses('div')('menu-search-group', 'no-options');
 
-function SearchableGroup({
-  children,
-  amountItemsInWindow = 5,
-  searchTerm: searchTermProp = '',
-  noOptionsText = 'No options',
-  height,
-  width,
-  focusOnOpen = false
-}) {
+function SearchableGroup(_ref) {
+  let {
+    children,
+    amountItemsInWindow = 5,
+    searchTerm: searchTermProp = '',
+    noOptionsText = 'No options',
+    height,
+    width,
+    focusOnOpen = false
+  } = _ref;
   const searchRef = React.useRef(null);
   const [searchTerm, setSearchTerm] = React.useState(searchTermProp);
   React.useEffect(() => {
@@ -46,15 +51,18 @@ function SearchableGroup({
   }, [focusOnOpen, visible]);
   const filteredChildren = React.useMemo(() => children.filter(child => !searchTerm || child.props.label.toLowerCase().startsWith(searchTerm.toLowerCase())), [children, searchTerm]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default['default'](SearchBoxWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSSearchBox__default['default'], {
+    children: [/*#__PURE__*/_jsx__default["default"](SearchBoxWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSSearchBox__default["default"], {
       innerRef: searchRef,
-      onSearch: ({
-        value
-      }) => setSearchTerm(value),
+      onSearch: _ref2 => {
+        let {
+          value
+        } = _ref2;
+        return setSearchTerm(value);
+      },
       searchOnEnter: false,
       showIcon: false,
       value: searchTerm
-    })), !filteredChildren.length && /*#__PURE__*/_jsx__default['default'](NoOptionsWrapper, {}, void 0, noOptionsText), /*#__PURE__*/_jsx__default['default'](VirtualMenuList, {
+    })), !filteredChildren.length && /*#__PURE__*/_jsx__default["default"](NoOptionsWrapper, {}, void 0, noOptionsText), /*#__PURE__*/_jsx__default["default"](VirtualMenuList, {
       amountItemsInWindow: amountItemsInWindow,
       height: height,
       items: filteredChildren,
@@ -90,4 +98,4 @@ DSMenuSearchableGroupWithSchema.propTypes = props;
 var SearchableGroup$1 = FocusGroup.focusGroupManagerHoc(SearchableGroup);
 
 exports.DSMenuSearchableGroupWithSchema = DSMenuSearchableGroupWithSchema;
-exports['default'] = SearchableGroup$1;
+exports["default"] = SearchableGroup$1;

package/cjs/MenuItems/SearchableList.js

@@ -3,35 +3,41 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDesc = require('react-desc');
-var utils = require('@elliemae/ds-utilities/utils');
-var DSComboBox = require('@elliemae/ds-form/ComboBox');
+var dsUtilities = require('@elliemae/ds-utilities');
+var dsForm = require('@elliemae/ds-form');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 const noop = () => {};
 
-function SearchableList({
-  onSelectMenuItem = noop,
-  components = {},
-  searchTerm: searchTermProp = '',
-  items = [],
-  dropdownFilterOptions = {},
-  returnValue,
-  extraListProps = {},
-  appendTermInList = false,
-  maxOptions = 10,
-  loading = false
-}) {
+function SearchableList(_ref) {
+  let {
+    onSelectMenuItem = noop,
+    components = {},
+    searchTerm: searchTermProp = '',
+    items = [],
+    dropdownFilterOptions = {},
+    returnValue,
+    extraListProps = {},
+    appendTermInList = false,
+    maxOptions = 10,
+    loading = false
+  } = _ref;
   const [searchTerm, setInputValue] = React.useState(searchTermProp);
   const handleInputChange = React.useCallback((value, args) => {
     const action = args ? args.action : null;
@@ -46,11 +52,11 @@ function SearchableList({
       handleFilterByText();
     }
   }, [searchTerm]);
-  const options = React.useMemo(() => searchTerm && appendTermInList ? utils.uniqBy([{
+  const options = React.useMemo(() => searchTerm && appendTermInList ? dsUtilities.uniqBy([{
     id: searchTerm,
     label: searchTerm
   }].concat(items), item => item.label) : items, [searchTerm, appendTermInList]);
-  return /*#__PURE__*/jsxRuntime.jsx(DSComboBox__default['default'], _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxRuntime.jsx(dsForm.DSComboBox, _objectSpread(_objectSpread({
     autoFocus: true,
     components: _objectSpread({
       DropdownIndicator: null
@@ -108,4 +114,4 @@ const DSMenuSearchableListWithSchema = reactDesc.describe(SearchableList);
 DSMenuSearchableListWithSchema.propTypes = props;
 
 exports.DSMenuSearchableListWithSchema = DSMenuSearchableListWithSchema;
-exports['default'] = SearchableList;
+exports["default"] = SearchableList;

package/cjs/MenuItems/SelectionGroup.js

@@ -4,6 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var CheckableGroup = require('@elliemae/ds-shared/CheckableGroup');
@@ -18,21 +25,23 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 const noop = () => null;
 
-function SelectionGroup({
-  multi = false,
-  searchable = false,
-  focusOnOpen = false,
-  onSelect = noop,
-  children,
-  items = undefined,
-  active = multi ? [] : '',
-  width,
-  height
-}) {
+function SelectionGroup(_ref) {
+  let {
+    multi = false,
+    searchable = false,
+    focusOnOpen = false,
+    onSelect = noop,
+    children,
+    items = undefined,
+    active = multi ? [] : '',
+    width,
+    height,
+    maxOptions = 5
+  } = _ref;
   const renderedItems = React.useMemo(() => items && items.map(item => {
     const Component = menuItemFactory.menuItemFactory(multi ? 'checkbox' : 'radio');
     return /*#__PURE__*/React.createElement(Component, _objectSpread(_objectSpread({}, item), {}, {
@@ -49,7 +58,7 @@ function SelectionGroup({
   });
 
   if (searchable) {
-    return /*#__PURE__*/_jsx__default['default'](SearchableGroup['default'], {
+    return /*#__PURE__*/_jsx__default["default"](SearchableGroup["default"], {
       focusOnOpen: focusOnOpen,
       height: height,
       items: items,
@@ -57,10 +66,11 @@ function SelectionGroup({
     }, void 0, decoratedGroupChildren);
   }
 
-  return /*#__PURE__*/_jsx__default['default'](VirtualMenuList, {
+  return /*#__PURE__*/_jsx__default["default"](VirtualMenuList, {
     height: height,
     items: decoratedGroupChildren,
-    width: width
+    width: width,
+    amountItemsInWindow: maxOptions
   });
 }
 
@@ -94,4 +104,4 @@ const DSMenuSelectionGroupWithSchema = reactDesc.describe(SelectionGroup);
 DSMenuSelectionGroupWithSchema.propTypes = props;
 
 exports.DSMenuSelectionGroupWithSchema = DSMenuSelectionGroupWithSchema;
-exports['default'] = SelectionGroup;
+exports["default"] = SelectionGroup;

package/cjs/MenuItems/Separator.js

@@ -17,15 +17,18 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _DSSeparator;
 const blockName = 'menu-separator';
-const Li = /*#__PURE__*/styled__default['default'].li.withConfig({
+const Li = /*#__PURE__*/styled__default["default"].li.withConfig({
   componentId: "sc-aysbq3-0"
 })(["display:flex;align-items:flex-start;flex-direction:column;"]);
 const Title = dsClassnames.aggregatedClasses('h5')(blockName, 'title');
 
-const MenuSeparator = ({
-  title,
-  showSeparator = true
-}) => /*#__PURE__*/_jsx__default['default'](Li, {}, void 0, showSeparator && (_DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default['default'](DSSeparator__default['default'], {}))), title && /*#__PURE__*/_jsx__default['default'](Title, {}, void 0, title));
+const MenuSeparator = _ref => {
+  let {
+    title,
+    showSeparator = true
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Li, {}, void 0, showSeparator && (_DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {}))), title && /*#__PURE__*/_jsx__default["default"](Title, {}, void 0, title));
+};
 
 const props = {
   /** menu separator h5 title */
@@ -38,4 +41,4 @@ const DSMenuSeparatorWithSchema = reactDesc.describe(MenuSeparator);
 DSMenuSeparatorWithSchema.propTypes = props;
 
 exports.DSMenuSeparatorWithSchema = DSMenuSeparatorWithSchema;
-exports['default'] = MenuSeparator;
+exports["default"] = MenuSeparator;

package/cjs/MenuItems/SubMenu.js

@@ -4,15 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDesc = require('react-desc');
-var ChevronRight = require('@elliemae/ds-icons/ChevronSmallRight');
-var VerticalElipsis = require('@elliemae/ds-icons/MoreOptionsVert');
+var dsIcons = require('@elliemae/ds-icons');
 var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
 var dsHidden = require('@elliemae/ds-hidden');
 var DSButton = require('@elliemae/ds-button');
 var DSPopper = require('@elliemae/ds-popper');
-var interaction = require('@elliemae/ds-popper/interaction');
 var styled = require('styled-components');
 var Menu = require('../Menu.js');
 var MenuItem = require('./MenuItem.js');
@@ -22,33 +26,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
-var VerticalElipsis__default = /*#__PURE__*/_interopDefaultLegacy(VerticalElipsis);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const ChevronRightComp = /*#__PURE__*/styled__default['default'].div.withConfig({
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const ChevronRightComp = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1qhp1z-0"
 })(["display:flex;justify-content:center;align-items:center;width:28px;"]);
 
-function SubMenu({
-  noAddon,
-  leftAddon = undefined,
-  label = undefined,
-  interactionType = 'hover',
-  children: subitems,
-  rightAddonType,
-  disabledAddonInactive,
-  checkableProps = {},
-  customRenderer,
-  onClick,
-  closeMenu,
-  id
-}) {
+function SubMenu(_ref) {
+  let {
+    noAddon,
+    leftAddon = undefined,
+    label = undefined,
+    interactionType = 'hover',
+    children: subitems,
+    rightAddonType,
+    disabledAddonInactive,
+    checkableProps = {},
+    customRenderer,
+    onClick,
+    closeMenu,
+    id
+  } = _ref;
   const itemRef = React.useRef(null);
   const focusOnOpen = React.useRef(false);
   const [isAddonHovered, setIsAddonHovered] = React.useState(false);
@@ -100,11 +103,11 @@ function SubMenu({
   } : {
     onClick: handleShowWithMouse
   };
-  const rightAddon = rightAddonType === 'elipsis' ? /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+  const rightAddon = rightAddonType === 'elipsis' ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     "aria-label": "vertical-elipsis",
     "data-testid": "vertical-elipsis",
     buttonType: "text",
-    leftIcon: /*#__PURE__*/_jsx__default['default'](VerticalElipsis__default['default'], {
+    leftIcon: /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
       className: "submenu-arrow",
       color: visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500],
       size: "s"
@@ -112,14 +115,14 @@ function SubMenu({
     onClick: e => handleShowSubItemsWithMouse(e),
     size: "m",
     variant: DSButton.BUTTON_VARIANT.DEFAULT
-  }) : /*#__PURE__*/_jsx__default['default'](ChevronRightComp, {}, void 0, /*#__PURE__*/_jsx__default['default'](ChevronRight__default['default'], {
+  }) : /*#__PURE__*/_jsx__default["default"](ChevronRightComp, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallRight, {
     "data-testid": "chevron-right",
     className: "submenu-arrow",
     color: visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500],
     size: "sm"
   }));
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/_jsx__default['default'](DSPopper__default['default'], {
+    children: /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
       contentComponent: /*#__PURE__*/jsxRuntime.jsx(Menu.Menu, _objectSpread(_objectSpread({
         focusKeyBindings: {
           ArrowLeft: [() => focusItemByNode(itemRef.current), 'exit']
@@ -136,7 +139,7 @@ function SubMenu({
       onOpen: opening => opening ? onShow() : onHide(),
       placement: "right-start",
       showArrow: false,
-      triggerComponent: /*#__PURE__*/jsxRuntime.jsx(MenuItem['default'], _objectSpread(_objectSpread({
+      triggerComponent: /*#__PURE__*/jsxRuntime.jsx(MenuItem["default"], _objectSpread(_objectSpread({
         customRenderer: customRenderer,
         disabledAddonInactive: disabledAddonInactive,
         id: id,
@@ -171,7 +174,7 @@ const props = {
   label: reactDesc.PropTypes.string.description('submenu label'),
 
   /** A type indicating how to open/close the tooltip */
-  interactionType: reactDesc.PropTypes.oneOf(interaction.interactions).description('A type indicating how to open/close the tooltip'),
+  interactionType: reactDesc.PropTypes.oneOf(DSPopper.interactions).description('A type indicating how to open/close the tooltip'),
 
   /** sub menu items */
   children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.node]).description('sub menu items'),
@@ -197,4 +200,4 @@ const DSSubMenuWithSchema = reactDesc.describe(SubMenu);
 DSSubMenuWithSchema.propTypes = props;
 
 exports.DSSubMenuWithSchema = DSSubMenuWithSchema;
-exports['default'] = SubMenu;
+exports["default"] = SubMenu;

package/cjs/MenuItems/menuItemFactory.js

@@ -3,8 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var Separator = require('./Separator.js');
 var MenuItem = require('./MenuItem.js');
 var SubMenu = require('./SubMenu.js');
@@ -18,26 +25,30 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const itemTypes = {
-  separator: Separator['default'],
-  menuitem: MenuItem['default'],
-  radio: MenuItemRadio['default'],
+  separator: Separator["default"],
+  menuitem: MenuItem["default"],
+  radio: MenuItemRadio["default"],
   checkbox: MenuItemCheckbox,
-  submenu: SubMenu['default'],
-  'selection-group': SelectionGroup['default']
+  submenu: SubMenu["default"],
+  'selection-group': SelectionGroup["default"]
 };
 const fallback = {
   SelectionGroup: 'selection-group'
 };
-function menuItemFactory(type = '', items, defaultItem = itemTypes.menuitem) {
+function menuItemFactory() {
+  let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let items = arguments.length > 1 ? arguments[1] : undefined;
+  let defaultItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : itemTypes.menuitem;
   const itemsObject = items || itemTypes;
   const parsedType = fallback[type] || type.toLowerCase();
   return itemsObject[parsedType] || defaultItem;
 }
-function renderMenuItems(options, factory = menuItemFactory) {
+function renderMenuItems(options) {
+  let factory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : menuItemFactory;
   return options.map((option, index) => {
-    if (utils.isFunction(option.renderer)) {
+    if (dsUtilities.isFunction(option.renderer)) {
       return option.renderer({
         key: option.id,
         item: option

package/cjs/VirtualMenuList.js

@@ -1,6 +1,9 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('react');
 var reactWindow = require('react-window');
 var useHeightByAmountOfItems = require('./utils/useHeightByAmountOfItems.js');
@@ -9,27 +12,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const MenuItem = ({
-  data,
-  index,
-  style
-}) => /*#__PURE__*/_jsx__default['default']("div", {
-  style: style
-}, index, data && data[index] ? data[index] : ''); // eslint-disable-next-line no-unused-vars
+const MenuItem = _ref => {
+  let {
+    data,
+    index,
+    style
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    style: style
+  }, index, data && data[index] ? data[index] : '');
+}; // eslint-disable-next-line no-unused-vars
 
-function VirtualMenuList({
-  items,
-  itemHeight = 32,
-  amountItemsInWindow = 5,
-  width,
-  height
-}) {
+function VirtualMenuList(_ref2) {
+  let {
+    items,
+    itemHeight = 32,
+    amountItemsInWindow = 5,
+    width,
+    height
+  } = _ref2;
   const computedListHeight = useHeightByAmountOfItems({
     amountItems: amountItemsInWindow,
     itemHeight,
     items
   });
-  return /*#__PURE__*/_jsx__default['default'](reactWindow.FixedSizeList, {
+  return /*#__PURE__*/_jsx__default["default"](reactWindow.FixedSizeList, {
     height: height || computedListHeight,
     itemCount: items.length,
     itemData: items,

package/cjs/index.js

@@ -20,7 +20,7 @@ var menuItemFactory = require('./MenuItems/menuItemFactory.js');
 
 exports.DSMenuWithSchema = Menu.DSMenuWithSchema;
 exports.Menu = Menu.Menu;
-exports.default = Menu.Menu;
+exports["default"] = Menu.Menu;
 exports.DSMenuItemWithSchema = MenuItem.DSMenuItemWithSchema;
 exports.DSSubMenuWithSchema = SubMenu.DSSubMenuWithSchema;
 exports.DSMenuCheckboxGroupWithSchema = CheckboxGroup.DSMenuCheckboxGroupWithSchema;

package/cjs/utils/useHeightByAmountOfItems.js

@@ -7,11 +7,12 @@ const calculateHeight = (itemHeight, amountItemsInWindow, itemsLength) => {
   return itemHeight * realAmountItemsInWindow;
 };
 
-function useHeightByAmountOfItems({
-  itemHeight,
-  amountItems,
-  items
-}) {
+function useHeightByAmountOfItems(_ref) {
+  let {
+    itemHeight,
+    amountItems,
+    items
+  } = _ref;
   const calculatedHeight = React.useMemo(() => calculateHeight(itemHeight, amountItems, items.length), [amountItems, items]);
   return calculatedHeight;
 }

package/esm/Menu.js

@@ -1,6 +1,18 @@
 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';
@@ -34,13 +46,16 @@ const blockName = 'menu';
 
 const noop = () => {};
 
-const MenuComponent = aggregatedClasses('div')(blockName, '', ({
-  menuComboBox,
-  type
-}) => ({
-  'menu-combo-box': menuComboBox,
-  [`type-${type}`]: type
-}));
+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
@@ -48,7 +63,7 @@ const MenuComponent = aggregatedClasses('div')(blockName, '', ({
 
 const isChildOfType = (child, type) => child.type.name === type;
 
-function DSMenu(_ref) {
+function DSMenu(_ref2) {
   let {
     containerProps = {},
     innerRef,
@@ -64,8 +79,8 @@ function DSMenu(_ref) {
     maxWidth = undefined,
     closeMenu,
     responsiveHeight = false
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
+  } = _ref2,
+      otherProps = _objectWithoutProperties(_ref2, _excluded);
 
   const menuRef = useRef(null);
   const {
@@ -118,7 +133,7 @@ function DSMenu(_ref) {
         maxWidth
       }, responsiveHeight ? {
         overflowY: 'scroll',
-        maxHeight: responsiveHeight ? `${window.innerHeight - RESPONSIVE_HEIHGT_MARGIN}px` : undefined
+        maxHeight: responsiveHeight ? "".concat(window.innerHeight - RESPONSIVE_HEIHGT_MARGIN, "px") : undefined
       } : {})
     }, void 0, nextChildren)
   }))) : null;

package/esm/MenuCombobox.js

@@ -1,3 +1,8 @@
+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';

package/esm/MenuItems/CheckboxGroup.js

@@ -1,3 +1,8 @@
+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';