@elliemae/ds-menu 1.60.0 → 2.0.0-alpha.12

package/cjs/MenuItems/SubMenu.js

@@ -2,39 +2,202 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('react-desc');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/FocusGroup');
-require('@elliemae/ds-hidden');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popper');
-require('styled-components');
-var MenuItems_SelectionGroup = require('../SubMenu-22be0a18.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-require('lodash');
-require('@elliemae/ds-classnames');
-require('react-spring/web.cjs');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./Separator.js');
-require('@elliemae/ds-separator');
-require('@elliemae/ds-shared/CheckableGroup');
-require('./SearchableGroup.js');
-require('@elliemae/ds-form/SearchBox');
-require('../VirtualMenuList.js');
-require('react-window');
-require('../utils/useHeightByAmountOfItems.js');
-require('../MenuContext.js');
-require('@elliemae/ds-form');
-require('./CheckboxGroup.js');
-require('./RadioGroup.js');
-
-
-
-exports.DSSubMenuWithSchema = MenuItems_SelectionGroup.DSSubMenuWithSchema;
-exports.default = MenuItems_SelectionGroup.SubMenu;
-//# sourceMappingURL=SubMenu.js.map
+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); 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({
+  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
+  } = dsHidden.useHiddenController(undefined, {
+    interaction: 'click'
+  });
+  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 handleShowWithMouseHover = () => {
+    setIsAddonHovered(true);
+    onShow();
+    focusOnOpen.current = false;
+  };
+
+  const handleShowWithKeyboard = () => {
+    onShow();
+    focusOnOpen.current = true;
+  };
+
+  const handleOnMouseEnter = React.useCallback(() => {
+    setIsAddonHovered(true);
+  }, []);
+  const handleOnMouseLeave = React.useCallback(() => {
+    setIsAddonHovered(false);
+  }, []);
+  const hoverHandlers = interaction === 'hover' ? {
+    onMouseEnter: handleShowWithMouseHover,
+    onMouseLeave: () => {
+      onHide();
+      setIsAddonHovered(false);
+    }
+  } : {
+    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__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
+      className: "submenu-arrow",
+      color: visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500],
+      size: "s"
+    }),
+    onClick: e => handleShowSubItemsWithMouse(e),
+    size: "m",
+    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],
+    size: "sm"
+  }));
+  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 = {
+  /** 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')
+};
+const DSSubMenuWithSchema = reactDesc.describe(SubMenu);
+DSSubMenuWithSchema.propTypes = props;
+
+exports.DSSubMenuWithSchema = DSSubMenuWithSchema;
+exports["default"] = SubMenu;

package/cjs/MenuItems/menuItemFactory.js

@@ -2,39 +2,70 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@babel/runtime/helpers/extends');
-require('react');
-require('@elliemae/ds-utilities');
-require('./Separator.js');
-var MenuItems_SelectionGroup = require('../SubMenu-22be0a18.js');
-require('react-desc');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-separator');
-require('styled-components');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/FocusGroup');
-require('@elliemae/ds-hidden');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popper');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-require('lodash');
-require('react-spring/web.cjs');
-require('@elliemae/ds-truncated-tooltip-text');
-require('@elliemae/ds-shared/CheckableGroup');
-require('./SearchableGroup.js');
-require('@elliemae/ds-form/SearchBox');
-require('../VirtualMenuList.js');
-require('react-window');
-require('../utils/useHeightByAmountOfItems.js');
-require('../MenuContext.js');
-require('@elliemae/ds-form');
-require('./CheckboxGroup.js');
-require('./RadioGroup.js');
-
-
-
-exports.menuItemFactory = MenuItems_SelectionGroup.menuItemFactory;
-exports.renderMenuItems = MenuItems_SelectionGroup.renderMenuItems;
-//# sourceMappingURL=menuItemFactory.js.map
+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); 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 itemTypes = {
+  separator: Separator["default"],
+  menuitem: MenuItem["default"],
+  radio: MenuItemRadio["default"],
+  checkbox: MenuItemCheckbox,
+  submenu: SubMenu["default"],
+  'selection-group': SelectionGroup["default"]
+};
+const fallback = {
+  SelectionGroup: 'selection-group'
+};
+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) {
+  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,44 +1,48 @@
 'use strict';
 
-var React = require('react');
+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 utils_useHeightByAmountOfItems = require('./utils/useHeightByAmountOfItems.js');
+var useHeightByAmountOfItems = require('./utils/useHeightByAmountOfItems.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var MenuItem = function MenuItem(_ref) {
-  var data = _ref.data,
-      index = _ref.index,
-      style = _ref.style;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    key: index,
+const MenuItem = _ref => {
+  let {
+    data,
+    index,
+    style
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     style: style
-  }, data[index]);
+  }, index, data && data[index] ? data[index] : '');
 }; // eslint-disable-next-line no-unused-vars
 
 function VirtualMenuList(_ref2) {
-  var items = _ref2.items,
-      _ref2$itemHeight = _ref2.itemHeight,
-      itemHeight = _ref2$itemHeight === void 0 ? 32 : _ref2$itemHeight,
-      _ref2$amountItemsInWi = _ref2.amountItemsInWindow,
-      amountItemsInWindow = _ref2$amountItemsInWi === void 0 ? 5 : _ref2$amountItemsInWi,
-      width = _ref2.width,
-      height = _ref2.height;
-  var computedListHeight = utils_useHeightByAmountOfItems({
+  let {
+    items,
+    itemHeight = 32,
+    amountItemsInWindow = 5,
+    width,
+    height
+  } = _ref2;
+  const computedListHeight = useHeightByAmountOfItems({
     amountItems: amountItemsInWindow,
-    itemHeight: itemHeight,
-    items: items
+    itemHeight,
+    items
   });
-  return /*#__PURE__*/React__default['default'].createElement(reactWindow.FixedSizeList, {
+  return /*#__PURE__*/_jsx__default["default"](reactWindow.FixedSizeList, {
     height: height || computedListHeight,
     itemCount: items.length,
     itemData: items,
     itemSize: itemHeight,
     width: width
-  }, MenuItem);
+  }, void 0, MenuItem);
 }
 
 module.exports = VirtualMenuList;
-//# sourceMappingURL=VirtualMenuList.js.map

package/cjs/index.js

@@ -2,56 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MenuItems_SelectionGroup = require('./SubMenu-22be0a18.js');
-var MenuItems_CheckboxGroup = require('./MenuItems/CheckboxGroup.js');
-var MenuItems_RadioGroup = require('./MenuItems/RadioGroup.js');
-var MenuItems_SearchableGroup = require('./MenuItems/SearchableGroup.js');
-var MenuItems_SearchableList = require('./MenuItems/SearchableList.js');
-var MenuItems_Separator = require('./MenuItems/Separator.js');
+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');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('react-desc');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/FocusGroup');
-require('@elliemae/ds-hidden');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popper');
-require('styled-components');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-require('lodash');
-require('@elliemae/ds-classnames');
-require('react-spring/web.cjs');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-truncated-tooltip-text');
-require('@elliemae/ds-shared/CheckableGroup');
-require('./VirtualMenuList.js');
-require('react-window');
-require('./utils/useHeightByAmountOfItems.js');
-require('@elliemae/ds-form');
-require('./MenuContext.js');
-require('@elliemae/ds-form/SearchBox');
-require('@elliemae/ds-separator');
-require('prop-types');
+var menuItemFactory = require('./MenuItems/menuItemFactory.js');
 
 
 
-exports.DSMenuItemCheckeableWithSchema = MenuItems_SelectionGroup.DSMenuItemCheckeableWithSchema;
-exports.DSMenuItemRadioWithSchema = MenuItems_SelectionGroup.DSMenuItemRadioWithSchema;
-exports.DSMenuItemWithSchema = MenuItems_SelectionGroup.DSMenuItemWithSchema;
-exports.DSMenuSelectionGroupWithSchema = MenuItems_SelectionGroup.DSMenuSelectionGroupWithSchema;
-exports.DSMenuWithSchema = MenuItems_SelectionGroup.DSMenuWithSchema;
-exports.DSSubMenuWithSchema = MenuItems_SelectionGroup.DSSubMenuWithSchema;
-exports.Menu = MenuItems_SelectionGroup.Menu;
-exports.default = MenuItems_SelectionGroup.Menu;
-exports.menuItemFactory = MenuItems_SelectionGroup.menuItemFactory;
-exports.renderMenuItems = MenuItems_SelectionGroup.renderMenuItems;
-exports.DSMenuCheckboxGroupWithSchema = MenuItems_CheckboxGroup.DSMenuCheckboxGroupWithSchema;
-exports.DSMenuRadioGroupWithSchema = MenuItems_RadioGroup.DSMenuRadioGroupWithSchema;
-exports.DSMenuSearchableGroupWithSchema = MenuItems_SearchableGroup.DSMenuSearchableGroupWithSchema;
-exports.DSMenuSearchableListWithSchema = MenuItems_SearchableList.DSMenuSearchableListWithSchema;
-exports.DSMenuSeparatorWithSchema = MenuItems_Separator.DSMenuSeparatorWithSchema;
+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;
-//# sourceMappingURL=index.js.map
+exports.menuItemFactory = menuItemFactory.menuItemFactory;
+exports.renderMenuItems = menuItemFactory.renderMenuItems;

package/cjs/utils/useHeightByAmountOfItems.js

@@ -2,20 +2,19 @@
 
 var React = require('react');
 
-var calculateHeight = function calculateHeight(itemHeight, amountItemsInWindow, itemsLength) {
-  var realAmountItemsInWindow = itemsLength < amountItemsInWindow ? itemsLength : amountItemsInWindow;
+const calculateHeight = (itemHeight, amountItemsInWindow, itemsLength) => {
+  const realAmountItemsInWindow = itemsLength < amountItemsInWindow ? itemsLength : amountItemsInWindow;
   return itemHeight * realAmountItemsInWindow;
 };
 
 function useHeightByAmountOfItems(_ref) {
-  var itemHeight = _ref.itemHeight,
-      amountItems = _ref.amountItems,
-      items = _ref.items;
-  var calculatedHeight = React.useMemo(function () {
-    return calculateHeight(itemHeight, amountItems, items.length);
-  }, [amountItems, items]);
+  let {
+    itemHeight,
+    amountItems,
+    items
+  } = _ref;
+  const calculatedHeight = React.useMemo(() => calculateHeight(itemHeight, amountItems, items.length), [amountItems, items]);
   return calculatedHeight;
 }
 
 module.exports = useHeightByAmountOfItems;
-//# sourceMappingURL=useHeightByAmountOfItems.js.map