@elliemae/ds-menu 3.0.0-next.0 → 3.0.0-next.12

package/cjs/MenuItems/SelectionGroup.js

@@ -1,107 +0,0 @@
-'use strict';
-
-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');
-var SearchableGroup = require('./SearchableGroup.js');
-var menuItemFactory = require('./menuItemFactory.js');
-var VirtualMenuList = require('../VirtualMenuList.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-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 noop = () => null;
-
-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), {}, {
-      key: item.name || item.id || item.key,
-      item: item,
-      name: item.id || item.name
-    }));
-  }), [items]);
-  const decoratedGroupChildren = CheckableGroup.useCheckableGroup({
-    children: renderedItems || children,
-    multi,
-    active,
-    onCheck: onSelect
-  });
-
-  if (searchable) {
-    return /*#__PURE__*/_jsx__default["default"](SearchableGroup["default"], {
-      focusOnOpen: focusOnOpen,
-      height: height,
-      items: items,
-      width: width
-    }, void 0, decoratedGroupChildren);
-  }
-
-  return /*#__PURE__*/_jsx__default["default"](VirtualMenuList, {
-    height: height,
-    items: decoratedGroupChildren,
-    width: width,
-    amountItemsInWindow: maxOptions
-  });
-}
-
-const props = {
-  /** toggle on multi select */
-  multi: reactDesc.PropTypes.bool.description('toggle on multi select'),
-
-  /** toggle on searchable behavior */
-  searchable: reactDesc.PropTypes.bool.description('toggle on searchable behavior'),
-
-  /** toggle to focus component on open */
-  focusOnOpen: reactDesc.PropTypes.bool.description('toggle to focus component on open'),
-
-  /** callback that triggers when select happens */
-  onSelect: reactDesc.PropTypes.func.description('callback that triggers when select happens'),
-  children: reactDesc.PropTypes.node.description(''),
-
-  /** selection group items  */
-  items: reactDesc.PropTypes.array.description('selection group items'),
-
-  /** array of values for multi and string for single selection */
-  active: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.array]).description('array of values for multi and string for single selection'),
-
-  /** selection group width */
-  width: reactDesc.PropTypes.number.description('selection group width'),
-
-  /** selection group height */
-  height: reactDesc.PropTypes.number.description('selection group height')
-};
-const DSMenuSelectionGroupWithSchema = reactDesc.describe(SelectionGroup);
-DSMenuSelectionGroupWithSchema.propTypes = props;
-
-exports.DSMenuSelectionGroupWithSchema = DSMenuSelectionGroupWithSchema;
-exports["default"] = SelectionGroup;

package/cjs/MenuItems/Separator.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DSSeparator = require('@elliemae/ds-separator');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _DSSeparator;
-const blockName = 'menu-separator';
-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 = _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 */
-  title: reactDesc.PropTypes.string.description('menu separator h5 title'),
-
-  /** toggle separator on and off */
-  showSeparator: reactDesc.PropTypes.bool.description('toggle separator on and off')
-};
-const DSMenuSeparatorWithSchema = reactDesc.describe(MenuSeparator);
-DSMenuSeparatorWithSchema.propTypes = props;
-
-exports.DSMenuSeparatorWithSchema = DSMenuSeparatorWithSchema;
-exports["default"] = MenuSeparator;

package/cjs/MenuItems/SubMenu.js

@@ -1,203 +0,0 @@
-'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
-  } = 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

@@ -1,71 +0,0 @@
-'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"]
-};
-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,48 +0,0 @@
-'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__*/_jsx__default["default"](reactWindow.FixedSizeList, {
-    height: height || computedListHeight,
-    itemCount: items.length,
-    itemData: items,
-    itemSize: itemHeight,
-    width: width
-  }, void 0, MenuItem);
-}
-
-module.exports = VirtualMenuList;

package/cjs/index.js

@@ -1,36 +0,0 @@
-'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,20 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-const calculateHeight = (itemHeight, amountItemsInWindow, itemsLength) => {
-  const realAmountItemsInWindow = itemsLength < amountItemsInWindow ? itemsLength : amountItemsInWindow;
-  return itemHeight * realAmountItemsInWindow;
-};
-
-function useHeightByAmountOfItems(_ref) {
-  let {
-    itemHeight,
-    amountItems,
-    items
-  } = _ref;
-  const calculatedHeight = React.useMemo(() => calculateHeight(itemHeight, amountItems, items.length), [amountItems, items]);
-  return calculatedHeight;
-}
-
-module.exports = useHeightByAmountOfItems;