@elliemae/ds-menu 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/MenuItems/SubMenu.js

@@ -1,186 +1,203 @@
-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 SubMenu_exports = {};
-__export(SubMenu_exports, {
-  DSSubMenuWithSchema: () => DSSubMenuWithSchema,
-  SubMenu: () => SubMenu,
-  default: () => SubMenu_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_FocusGroup = __toESM(require("@elliemae/ds-shared/FocusGroup"));
-var import_ds_hidden = __toESM(require("@elliemae/ds-hidden"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ds_popper = __toESM(require("@elliemae/ds-popper"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_Menu = __toESM(require("../Menu"));
-var import_MenuItem = __toESM(require("./MenuItem"));
-var import_menuItemFactory = __toESM(require("./menuItemFactory"));
-const ChevronRightComp = import_styled_components.default.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 28px; // same width as the ellipsis button
-`;
-const SubMenu = ({
-  noAddon,
-  leftAddon = void 0,
-  label = void 0,
-  interactionType = "hover",
-  children: subitems,
-  rightAddonType,
-  disabledAddonInactive,
-  checkableProps = {},
-  customRenderer,
-  onClick,
-  closeMenu,
-  id
-}) => {
-  const itemRef = (0, import_react.useRef)(null);
-  const focusOnOpen = (0, import_react.useRef)(false);
-  const [isAddonHovered, setIsAddonHovered] = (0, import_react.useState)(false);
+'use strict';
+
+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 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 styled = require('styled-components');
+var Menu = require('../Menu.js');
+var MenuItem = require('./MenuItem.js');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+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); 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__default["default"](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 ChevronRightComp = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1qhp1z-0"
+})(["display:flex;justify-content:center;align-items:center;width:28px;"]);
+
+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);
   const {
     visible = false,
     onShow,
     onHide
-  } = (0, import_ds_hidden.useHiddenController)(void 0, {
-    interaction: "click"
+  } = dsHidden.useHiddenController(undefined, {
+    interaction: 'click'
   });
-  const interaction = rightAddonType === "elipsis" ? "click" : "hover";
-  const { focusItemByNode } = (0, import_FocusGroup.useFocusGroupItem)();
-  const handleShowSubItemsWithMouse = (e) => {
+  const interaction = rightAddonType === 'elipsis' ? 'click' : 'hover';
+  const {
+    focusItemByNode
+  } = FocusGroup.useFocusGroupItem(); // todo: create a menu state to handle all related menu things
+
+  const handleShowSubItemsWithMouse = e => {
     e.stopPropagation();
     onShow();
     focusOnOpen.current = true;
   };
-  const handleShowWithMouse = (e) => {
-    if (onClick)
-      onClick(e);
+
+  const handleShowWithMouse = e => {
+    if (onClick) onClick(e);
   };
+
   const handleShowWithMouseHover = () => {
     setIsAddonHovered(true);
     onShow();
     focusOnOpen.current = false;
   };
+
   const handleShowWithKeyboard = () => {
     onShow();
     focusOnOpen.current = true;
   };
-  const handleOnMouseEnter = (0, import_react.useCallback)(() => {
+
+  const handleOnMouseEnter = React.useCallback(() => {
     setIsAddonHovered(true);
   }, []);
-  const handleOnMouseLeave = (0, import_react.useCallback)(() => {
+  const handleOnMouseLeave = React.useCallback(() => {
     setIsAddonHovered(false);
   }, []);
-  const hoverHandlers = interaction === "hover" ? {
+  const hoverHandlers = interaction === 'hover' ? {
     onMouseEnter: handleShowWithMouseHover,
     onMouseLeave: () => {
       onHide();
       setIsAddonHovered(false);
     }
-  } : { onClick: handleShowWithMouse };
-  const rightAddon = rightAddonType === "elipsis" ? /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+  } : {
+    onClick: handleShowWithMouse
+  };
+  const rightAddon = rightAddonType === 'elipsis' ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     "aria-label": "vertical-elipsis",
     "data-testid": "vertical-elipsis",
     buttonType: "text",
-    leftIcon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, {
+    leftIcon: /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
       className: "submenu-arrow",
-      color: visible || isAddonHovered ? ["brand-primary", 800] : ["neutral", 500],
+      color: visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500],
       size: "s"
     }),
-    onClick: (e) => handleShowSubItemsWithMouse(e),
+    onClick: e => handleShowSubItemsWithMouse(e),
     size: "m",
-    variant: import_ds_button.BUTTON_VARIANT.DEFAULT
-  }) : /* @__PURE__ */ import_react.default.createElement(ChevronRightComp, null, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallRight, {
+    variant: DSButton.BUTTON_VARIANT.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],
+    color: visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500],
     size: "sm"
   }));
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
-    contentComponent: /* @__PURE__ */ import_react.default.createElement(import_Menu.Menu, {
-      focusKeyBindings: {
-        ArrowLeft: [() => focusItemByNode(itemRef.current), "exit"]
-      },
-      focusOnOpen: focusOnOpen.current,
-      onExitFocusGroup: onHide,
-      ...hoverHandlers,
-      closeMenu,
-      visible
-    }, subitems),
-    interactionType,
-    isOpen: visible,
-    onOpen: (opening) => opening ? onShow() : onHide(),
-    placement: "right-start",
-    showArrow: false,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_MenuItem.MenuItem, {
-      customRenderer,
-      disabledAddonInactive,
-      id,
-      innerRef: itemRef,
-      label,
-      leftAddon,
-      noAddon,
-      onFocus: handleOnMouseEnter,
-      onBlur: handleOnMouseLeave,
-      onMouseEnter: handleOnMouseEnter,
-      onMouseLeave: handleOnMouseLeave,
-      ...hoverHandlers,
-      onKeyDown: (e) => {
-        if (e.key === "ArrowRight" || e.key === "Enter" || e.keyCode === 32) {
-          handleShowWithKeyboard();
-        }
-      },
-      rightAddon,
-      ...checkableProps
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
+      contentComponent: /*#__PURE__*/jsxRuntime.jsx(Menu.Menu, _objectSpread(_objectSpread({
+        focusKeyBindings: {
+          ArrowLeft: [() => focusItemByNode(itemRef.current), 'exit']
+        },
+        focusOnOpen: focusOnOpen.current,
+        onExitFocusGroup: onHide
+      }, hoverHandlers), {}, {
+        closeMenu: closeMenu,
+        visible: visible,
+        children: subitems
+      })),
+      interactionType: interactionType,
+      isOpen: visible,
+      onOpen: opening => opening ? onShow() : onHide(),
+      placement: "right-start",
+      showArrow: false,
+      triggerComponent: /*#__PURE__*/jsxRuntime.jsx(MenuItem["default"], _objectSpread(_objectSpread({
+        customRenderer: customRenderer,
+        disabledAddonInactive: disabledAddonInactive,
+        id: id,
+        innerRef: itemRef,
+        label: label,
+        leftAddon: leftAddon,
+        noAddon: noAddon,
+        onFocus: handleOnMouseEnter,
+        onBlur: handleOnMouseLeave,
+        onMouseEnter: handleOnMouseEnter,
+        onMouseLeave: handleOnMouseLeave
+      }, hoverHandlers), {}, {
+        onKeyDown: e => {
+          if (e.key === 'ArrowRight' || e.key === 'Enter' || e.keyCode === 32) {
+            handleShowWithKeyboard();
+          }
+        },
+        rightAddon: rightAddon
+      }, checkableProps))
     })
-  }));
-};
+  });
+}
+
 const props = {
-  noAddon: import_react_desc.PropTypes.bool.description("dont show addon for submenu"),
-  leftAddon: import_react_desc.PropTypes.node.description("left addon"),
-  label: import_react_desc.PropTypes.string.description("submenu label"),
-  interactionType: import_react_desc.PropTypes.oneOf(import_ds_popper.interactions).description("A type indicating how to open/close the tooltip"),
-  children: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.array, import_react_desc.PropTypes.node]).description("sub menu items"),
-  rightAddonType: import_react_desc.PropTypes.oneOf(["ellipsis"]).description("right addon, ellipsis or undefined"),
-  disabledAddonInactive: import_react_desc.PropTypes.bool.description(""),
-  checkableProps: import_react_desc.PropTypes.object.description("props passed to MenuItem component"),
-  customRenderer: import_react_desc.PropTypes.func.description("custom renderer for menu item"),
-  onClick: import_react_desc.PropTypes.func.description("on click handler"),
-  closeMenu: import_react_desc.PropTypes.any.description(""),
-  id: import_react_desc.PropTypes.string.description("component id")
+  /** dont show addon for submenu */
+  noAddon: reactDesc.PropTypes.bool.description('dont show addon for submenu'),
+
+  /** left addon */
+  leftAddon: reactDesc.PropTypes.node.description('left addon'),
+
+  /** submenu label */
+  label: reactDesc.PropTypes.string.description('submenu label'),
+
+  /** 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'),
+
+  /** right addon, ellipsis or undefined */
+  rightAddonType: reactDesc.PropTypes.oneOf(['ellipsis']).description('right addon, ellipsis or undefined'),
+  disabledAddonInactive: reactDesc.PropTypes.bool.description(''),
+
+  /** props passed to MenuItem component */
+  checkableProps: reactDesc.PropTypes.object.description('props passed to MenuItem component'),
+
+  /** custom renderer for menu item */
+  customRenderer: reactDesc.PropTypes.func.description('custom renderer for menu item'),
+
+  /** on click handler */
+  onClick: reactDesc.PropTypes.func.description('on click handler'),
+  closeMenu: reactDesc.PropTypes.any.description(''),
+
+  /** component id */
+  id: reactDesc.PropTypes.string.description('component id')
 };
-SubMenu.propTypes = props;
-(0, import_menuItemFactory.registerMenuItem)("submenu", SubMenu);
-const DSSubMenuWithSchema = (0, import_react_desc.describe)(SubMenu);
+const DSSubMenuWithSchema = reactDesc.describe(SubMenu);
 DSSubMenuWithSchema.propTypes = props;
-var SubMenu_default = SubMenu;
-module.exports = __toCommonJS(SubMenu_exports);
-//# sourceMappingURL=SubMenu.js.map
+
+exports.DSSubMenuWithSchema = DSSubMenuWithSchema;
+exports["default"] = SubMenu;

package/cjs/MenuItems/menuItemFactory.js

@@ -1,41 +1,71 @@
-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 });
+'use strict';
+
+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 dsUtilities = require('@elliemae/ds-utilities');
+var Separator = require('./Separator.js');
+var MenuItem = require('./MenuItem.js');
+var SubMenu = require('./SubMenu.js');
+var SelectionGroup = require('./SelectionGroup.js');
+var MenuItemCheckbox = require('./MenuItemCheckbox.js');
+var MenuItemRadio = require('./MenuItemRadio.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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__default["default"](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 itemTypes = {
+  separator: Separator["default"],
+  menuitem: MenuItem["default"],
+  radio: MenuItemRadio["default"],
+  checkbox: MenuItemCheckbox,
+  submenu: SubMenu["default"],
+  'selection-group': SelectionGroup["default"]
 };
-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;
+const fallback = {
+  SelectionGroup: 'selection-group'
 };
-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 menuItemFactory_exports = {};
-__export(menuItemFactory_exports, {
-  menuItemFactory: () => menuItemFactory,
-  registerMenuItem: () => registerMenuItem
-});
-var React = __toESM(require("react"));
-const itemTypes = {};
-const 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;
-  return itemsObject[type] || itemsObject[type.toLowerCase()] || defaultItem;
-};
-const registerMenuItem = (type, item) => itemTypes[type] = item;
-module.exports = __toCommonJS(menuItemFactory_exports);
-//# sourceMappingURL=menuItemFactory.js.map
+  const parsedType = fallback[type] || type.toLowerCase();
+  return itemsObject[parsedType] || defaultItem;
+}
+function renderMenuItems(options) {
+  let factory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : menuItemFactory;
+  return options.map((option, index) => {
+    if (dsUtilities.isFunction(option.renderer)) {
+      return option.renderer({
+        key: option.id,
+        item: option
+      });
+    }
+
+    const ItemComponent = factory(option.type);
+    const children = option.subItems && renderMenuItems(option.subItems, factory);
+    return /*#__PURE__*/React.createElement(ItemComponent, _objectSpread(_objectSpread({}, option), {}, {
+      key: option.id || index,
+      item: option,
+      onClick: null,
+      onMouseDown: option.onClick // onClick callback called in onMouseDown due to events order issue
+
+    }), children);
+  });
+}
+
+exports.menuItemFactory = menuItemFactory;
+exports.renderMenuItems = renderMenuItems;

package/cjs/VirtualMenuList.js

@@ -1,78 +1,48 @@
-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 VirtualMenuList_exports = {};
-__export(VirtualMenuList_exports, {
-  VirtualMenuList: () => VirtualMenuList,
-  default: () => VirtualMenuList_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_window = __toESM(require("react-window"));
-var import_useHeightByAmountOfItems = __toESM(require("./utils/useHeightByAmountOfItems"));
-const MenuItem = ({ data, index, style }) => /* @__PURE__ */ import_react.default.createElement("div", {
-  key: index,
-  style
-}, data && data[index] ? data[index] : "");
-function resolveComputation(items, cb, timeout = 1e3) {
-  return () => new Promise((resolve) => {
-    const doResolve = (result2) => {
-      cb(result2);
-      resolve(result2);
-    };
-    let result = 0;
-    const timer = setTimeout(() => doResolve(result), timeout);
-    items.forEach((option) => {
-      result = option.props.label.length > result ? option.props.label.length : result;
-    });
-    clearTimeout(timer);
-    doResolve(result);
-  });
-}
-function VirtualMenuList({
-  items,
-  itemHeight = 32,
-  amountItemsInWindow = 5,
-  width,
-  height
-}) {
-  const computedListHeight = (0, import_useHeightByAmountOfItems.useHeightByAmountOfItems)({
+'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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+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(_ref2) {
+  let {
+    items,
+    itemHeight = 32,
+    amountItemsInWindow = 5,
+    width,
+    height
+  } = _ref2;
+  const computedListHeight = useHeightByAmountOfItems({
     amountItems: amountItemsInWindow,
     itemHeight,
     items
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_react_window.FixedSizeList, {
+  return /*#__PURE__*/_jsx__default["default"](reactWindow.FixedSizeList, {
     height: height || computedListHeight,
     itemCount: items.length,
     itemData: items,
     itemSize: itemHeight,
-    width
-  }, MenuItem);
+    width: width
+  }, void 0, MenuItem);
 }
-var VirtualMenuList_default = VirtualMenuList;
-module.exports = __toCommonJS(VirtualMenuList_exports);
-//# sourceMappingURL=VirtualMenuList.js.map
+
+module.exports = VirtualMenuList;