@elliemae/ds-menu 3.0.0-next.2 → 3.0.0-next.6

package/esm/MenuItems/SearchableGroup.js

@@ -1,91 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-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 { useRef, useState, useEffect, useContext, useMemo } from 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { focusGroupManagerHoc } from '@elliemae/ds-shared/FocusGroup';
-import DSSearchBox from '@elliemae/ds-form/SearchBox';
-import { PropTypes, describe } from 'react-desc';
-import VirtualMenuList from '../VirtualMenuList.js';
-import MenuContext from '../MenuContext.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-const SearchBoxWrapper = aggregatedClasses('div')('menu-search-group', 'search-wrapper');
-const NoOptionsWrapper = aggregatedClasses('div')('menu-search-group', 'no-options');
-
-function SearchableGroup(_ref) {
-  let {
-    children,
-    amountItemsInWindow = 5,
-    searchTerm: searchTermProp = '',
-    noOptionsText = 'No options',
-    height,
-    width,
-    focusOnOpen = false
-  } = _ref;
-  const searchRef = useRef(null);
-  const [searchTerm, setSearchTerm] = useState(searchTermProp);
-  useEffect(() => {
-    if (searchRef.current) searchRef.current.focus();
-  }, []);
-  const {
-    visible
-  } = useContext(MenuContext) || {};
-  useEffect(() => {
-    if (focusOnOpen && visible) {
-      setTimeout(() => {
-        if (searchRef.current) searchRef.current.focus();
-      }, 0);
-    }
-  }, [focusOnOpen, visible]);
-  const filteredChildren = useMemo(() => children.filter(child => !searchTerm || child.props.label.toLowerCase().startsWith(searchTerm.toLowerCase())), [children, searchTerm]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(SearchBoxWrapper, {}, void 0, /*#__PURE__*/_jsx(DSSearchBox, {
-      innerRef: searchRef,
-      onSearch: _ref2 => {
-        let {
-          value
-        } = _ref2;
-        return setSearchTerm(value);
-      },
-      searchOnEnter: false,
-      showIcon: false,
-      value: searchTerm
-    })), !filteredChildren.length && /*#__PURE__*/_jsx(NoOptionsWrapper, {}, void 0, noOptionsText), /*#__PURE__*/_jsx(VirtualMenuList, {
-      amountItemsInWindow: amountItemsInWindow,
-      height: height,
-      items: filteredChildren,
-      width: width
-    })]
-  });
-}
-
-const props = {
-  /** The amount of items that are going to be rendered in the group */
-  amountItemsInWindow: PropTypes.number.description('The amount of items that are going to be rendered in the group'),
-
-  /** A search term */
-  searchTerm: PropTypes.string.description('A search term'),
-
-  /** Text to show when there's no options to show */
-  noOptionsText: PropTypes.string.description("Text to show when there's no options to show"),
-
-  /** array of children for search list */
-  children: PropTypes.array.description('array of children for search list'),
-
-  /** height for virtual list wrapper */
-  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('height for virtual list wrapper'),
-
-  /** width for virtual list wrapper */
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('width for virtual list wrapper'),
-
-  /** weather to focus on searchable group on open */
-  focusOnOpen: PropTypes.bool.description('weather to focus on searchable group on open')
-};
-const DSMenuSearchableGroupWithSchema = describe(SearchableGroup);
-DSMenuSearchableGroupWithSchema.propTypes = props;
-var SearchableGroup$1 = focusGroupManagerHoc(SearchableGroup);
-
-export { DSMenuSearchableGroupWithSchema, SearchableGroup$1 as default };

package/esm/MenuItems/SearchableList.js

@@ -1,108 +0,0 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useCallback, useMemo } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import { uniqBy } from '@elliemae/ds-utilities';
-import { DSComboBox } from '@elliemae/ds-form';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const noop = () => {};
-
-function SearchableList(_ref) {
-  let {
-    onSelectMenuItem = noop,
-    components = {},
-    searchTerm: searchTermProp = '',
-    items = [],
-    dropdownFilterOptions = {},
-    returnValue,
-    extraListProps = {},
-    appendTermInList = false,
-    maxOptions = 10,
-    loading = false
-  } = _ref;
-  const [searchTerm, setInputValue] = useState(searchTermProp);
-  const handleInputChange = useCallback((value, args) => {
-    const action = args ? args.action : null;
-    if (action === 'input-blur' || action === 'menu-close') return;
-    setInputValue(value);
-  }, [searchTerm]);
-  const handleFilterByText = useCallback(() => {
-    if (searchTerm) onSelectMenuItem(searchTerm);
-  }, [searchTerm]);
-  const handleKeyDown = useCallback(e => {
-    if (e.key === 'ArrowRight') {
-      handleFilterByText();
-    }
-  }, [searchTerm]);
-  const options = useMemo(() => searchTerm && appendTermInList ? uniqBy([{
-    id: searchTerm,
-    label: searchTerm
-  }].concat(items), item => item.label) : items, [searchTerm, appendTermInList]);
-  return /*#__PURE__*/jsx(DSComboBox, _objectSpread(_objectSpread({
-    autoFocus: true,
-    components: _objectSpread({
-      DropdownIndicator: null
-    }, components),
-    customMenuItemOptions: {
-      useTruncatedText: true
-    },
-    inlineMenu: true,
-    inputValue: searchTerm,
-    menuIsOpen: true,
-    onChange: onSelectMenuItem,
-    onFilterByInputText: handleFilterByText,
-    onInputChange: handleInputChange,
-    onKeyDown: handleKeyDown,
-    options: options,
-    returnValue: returnValue,
-    valueProperty: "id",
-    maxOptions: maxOptions,
-    loading: loading
-  }, extraListProps), dropdownFilterOptions));
-}
-
-const props = {
-  /** callback after item gets selected */
-  onSelectMenuItem: PropTypes.func.description('callback after item gets selected'),
-
-  /** Object with custom components for react-select */
-  components: PropTypes.shape({}).description('Object with custom components for react-select'),
-
-  /** search term to filter for */
-  searchTerm: PropTypes.string.description('search term to filter for'),
-
-  /** item options */
-  items: PropTypes.array.description('item options'),
-
-  /** options */
-  dropdownFilterOptions: PropTypes.shape({}).description('options'),
-
-  /** Whether the combo box is has value to return or not */
-  returnValue: PropTypes.bool.description('Whether the combo box is has value to return or not'),
-
-  /** extra props to pass down to combo */
-  extraListProps: PropTypes.shape({}).description('extra props to pass down to combo'),
-
-  /** append search term as item on the list */
-  appendTermInList: PropTypes.bool.description('append search term as item on the list'),
-
-  /** maxoptions for combobox */
-  maxOptions: PropTypes.number.description('maxoptions for combobox'),
-
-  /**  loading flag */
-  loading: PropTypes.bool.description('loading flag')
-};
-const DSMenuSearchableListWithSchema = describe(SearchableList);
-DSMenuSearchableListWithSchema.propTypes = props;
-
-export { DSMenuSearchableListWithSchema, SearchableList as default };

package/esm/MenuItems/SelectionGroup.js

@@ -1,97 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-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.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 { useMemo, createElement } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import { useCheckableGroup } from '@elliemae/ds-shared/CheckableGroup';
-import SearchableGroup from './SearchableGroup.js';
-import { menuItemFactory } from './menuItemFactory.js';
-import VirtualMenuList from '../VirtualMenuList.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const 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 = useMemo(() => items && items.map(item => {
-    const Component = menuItemFactory(multi ? 'checkbox' : 'radio');
-    return /*#__PURE__*/createElement(Component, _objectSpread(_objectSpread({}, item), {}, {
-      key: item.name || item.id || item.key,
-      item: item,
-      name: item.id || item.name
-    }));
-  }), [items]);
-  const decoratedGroupChildren = useCheckableGroup({
-    children: renderedItems || children,
-    multi,
-    active,
-    onCheck: onSelect
-  });
-
-  if (searchable) {
-    return /*#__PURE__*/_jsx(SearchableGroup, {
-      focusOnOpen: focusOnOpen,
-      height: height,
-      items: items,
-      width: width
-    }, void 0, decoratedGroupChildren);
-  }
-
-  return /*#__PURE__*/_jsx(VirtualMenuList, {
-    height: height,
-    items: decoratedGroupChildren,
-    width: width,
-    amountItemsInWindow: maxOptions
-  });
-}
-
-const props = {
-  /** toggle on multi select */
-  multi: PropTypes.bool.description('toggle on multi select'),
-
-  /** toggle on searchable behavior */
-  searchable: PropTypes.bool.description('toggle on searchable behavior'),
-
-  /** toggle to focus component on open */
-  focusOnOpen: PropTypes.bool.description('toggle to focus component on open'),
-
-  /** callback that triggers when select happens */
-  onSelect: PropTypes.func.description('callback that triggers when select happens'),
-  children: PropTypes.node.description(''),
-
-  /** selection group items  */
-  items: PropTypes.array.description('selection group items'),
-
-  /** array of values for multi and string for single selection */
-  active: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).description('array of values for multi and string for single selection'),
-
-  /** selection group width */
-  width: PropTypes.number.description('selection group width'),
-
-  /** selection group height */
-  height: PropTypes.number.description('selection group height')
-};
-const DSMenuSelectionGroupWithSchema = describe(SelectionGroup);
-DSMenuSelectionGroupWithSchema.propTypes = props;
-
-export { DSMenuSelectionGroupWithSchema, SelectionGroup as default };

package/esm/MenuItems/Separator.js

@@ -1,33 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import DSSeparator from '@elliemae/ds-separator';
-import styled from 'styled-components';
-
-var _DSSeparator;
-const blockName = 'menu-separator';
-const Li = /*#__PURE__*/styled.li.withConfig({
-  componentId: "sc-aysbq3-0"
-})(["display:flex;align-items:flex-start;flex-direction:column;"]);
-const Title = aggregatedClasses('h5')(blockName, 'title');
-
-const MenuSeparator = _ref => {
-  let {
-    title,
-    showSeparator = true
-  } = _ref;
-  return /*#__PURE__*/_jsx(Li, {}, void 0, showSeparator && (_DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx(DSSeparator, {}))), title && /*#__PURE__*/_jsx(Title, {}, void 0, title));
-};
-
-const props = {
-  /** menu separator h5 title */
-  title: PropTypes.string.description('menu separator h5 title'),
-
-  /** toggle separator on and off */
-  showSeparator: PropTypes.bool.description('toggle separator on and off')
-};
-const DSMenuSeparatorWithSchema = describe(MenuSeparator);
-DSMenuSeparatorWithSchema.propTypes = props;
-
-export { DSMenuSeparatorWithSchema, MenuSeparator as default };

package/esm/MenuItems/SubMenu.js

@@ -1,190 +0,0 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
-import { useRef, useState, useCallback } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import { MoreOptionsVert, ChevronSmallRight } from '@elliemae/ds-icons';
-import { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup';
-import { useHiddenController } from '@elliemae/ds-hidden';
-import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';
-import DSPopper, { interactions } from '@elliemae/ds-popper';
-import styled from 'styled-components';
-import { Menu } from '../Menu.js';
-import MenuItem from './MenuItem.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const ChevronRightComp = /*#__PURE__*/styled.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 = useRef(null);
-  const focusOnOpen = useRef(false);
-  const [isAddonHovered, setIsAddonHovered] = useState(false);
-  const {
-    visible = false,
-    onShow,
-    onHide
-  } = useHiddenController(undefined, {
-    interaction: 'click'
-  });
-  const interaction = rightAddonType === 'elipsis' ? 'click' : 'hover';
-  const {
-    focusItemByNode
-  } = 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 = useCallback(() => {
-    setIsAddonHovered(true);
-  }, []);
-  const handleOnMouseLeave = useCallback(() => {
-    setIsAddonHovered(false);
-  }, []);
-  const hoverHandlers = interaction === 'hover' ? {
-    onMouseEnter: handleShowWithMouseHover,
-    onMouseLeave: () => {
-      onHide();
-      setIsAddonHovered(false);
-    }
-  } : {
-    onClick: handleShowWithMouse
-  };
-  const rightAddon = rightAddonType === 'elipsis' ? /*#__PURE__*/_jsx(DSButton, {
-    "aria-label": "vertical-elipsis",
-    "data-testid": "vertical-elipsis",
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/_jsx(MoreOptionsVert, {
-      className: "submenu-arrow",
-      color: visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500],
-      size: "s"
-    }),
-    onClick: e => handleShowSubItemsWithMouse(e),
-    size: "m",
-    variant: BUTTON_VARIANT.DEFAULT
-  }) : /*#__PURE__*/_jsx(ChevronRightComp, {}, void 0, /*#__PURE__*/_jsx(ChevronSmallRight, {
-    "data-testid": "chevron-right",
-    className: "submenu-arrow",
-    color: visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500],
-    size: "sm"
-  }));
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/_jsx(DSPopper, {
-      contentComponent: /*#__PURE__*/jsx(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__*/jsx(MenuItem, _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: PropTypes.bool.description('dont show addon for submenu'),
-
-  /** left addon */
-  leftAddon: PropTypes.node.description('left addon'),
-
-  /** submenu label */
-  label: PropTypes.string.description('submenu label'),
-
-  /** A type indicating how to open/close the tooltip */
-  interactionType: PropTypes.oneOf(interactions).description('A type indicating how to open/close the tooltip'),
-
-  /** sub menu items */
-  children: PropTypes.oneOfType([PropTypes.array, PropTypes.node]).description('sub menu items'),
-
-  /** right addon, ellipsis or undefined */
-  rightAddonType: PropTypes.oneOf(['ellipsis']).description('right addon, ellipsis or undefined'),
-  disabledAddonInactive: PropTypes.bool.description(''),
-
-  /** props passed to MenuItem component */
-  checkableProps: PropTypes.object.description('props passed to MenuItem component'),
-
-  /** custom renderer for menu item */
-  customRenderer: PropTypes.func.description('custom renderer for menu item'),
-
-  /** on click handler */
-  onClick: PropTypes.func.description('on click handler'),
-  closeMenu: PropTypes.any.description(''),
-
-  /** component id */
-  id: PropTypes.string.description('component id')
-};
-const DSSubMenuWithSchema = describe(SubMenu);
-DSSubMenuWithSchema.propTypes = props;
-
-export { DSSubMenuWithSchema, SubMenu as default };

package/esm/MenuItems/menuItemFactory.js

@@ -1,62 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-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.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 { createElement } from 'react';
-import { isFunction } from '@elliemae/ds-utilities';
-import MenuSeparator from './Separator.js';
-import MenuItem from './MenuItem.js';
-import SubMenu from './SubMenu.js';
-import SelectionGroup from './SelectionGroup.js';
-import MenuItemCheckbox from './MenuItemCheckbox.js';
-import MenuItemRadio from './MenuItemRadio.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const itemTypes = {
-  separator: MenuSeparator,
-  menuitem: MenuItem,
-  radio: MenuItemRadio,
-  checkbox: MenuItemCheckbox,
-  submenu: SubMenu,
-  'selection-group': SelectionGroup
-};
-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 (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__*/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);
-  });
-}
-
-export { menuItemFactory, renderMenuItems };

package/esm/VirtualMenuList.js

@@ -1,42 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'react';
-import { FixedSizeList } from 'react-window';
-import useHeightByAmountOfItems from './utils/useHeightByAmountOfItems.js';
-
-const MenuItem = _ref => {
-  let {
-    data,
-    index,
-    style
-  } = _ref;
-  return /*#__PURE__*/_jsx("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(FixedSizeList, {
-    height: height || computedListHeight,
-    itemCount: items.length,
-    itemData: items,
-    itemSize: itemHeight,
-    width: width
-  }, void 0, MenuItem);
-}
-
-export { VirtualMenuList as default };

package/esm/index.js

@@ -1,13 +0,0 @@
-export { DSMenuWithSchema, Menu, Menu as default } from './Menu.js';
-export { DSMenuItemWithSchema } from './MenuItems/MenuItem.js';
-export { DSSubMenuWithSchema } from './MenuItems/SubMenu.js';
-export { DSMenuCheckboxGroupWithSchema } from './MenuItems/CheckboxGroup.js';
-export { DSMenuItemCheckeableWithSchema } from './MenuItems/MenuItemCheckable.js';
-export { DSMenuItemRadioWithSchema } from './MenuItems/MenuItemRadio.js';
-export { DSMenuRadioGroupWithSchema } from './MenuItems/RadioGroup.js';
-export { DSMenuSearchableGroupWithSchema } from './MenuItems/SearchableGroup.js';
-export { DSMenuSearchableListWithSchema } from './MenuItems/SearchableList.js';
-export { DSMenuSeparatorWithSchema } from './MenuItems/Separator.js';
-export { DSMenuSelectionGroupWithSchema } from './MenuItems/SelectionGroup.js';
-export { default as MenuCombobox } from './MenuCombobox.js';
-export { menuItemFactory, renderMenuItems } from './MenuItems/menuItemFactory.js';

package/esm/utils/useHeightByAmountOfItems.js

@@ -1,18 +0,0 @@
-import { useMemo } from '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 = useMemo(() => calculateHeight(itemHeight, amountItems, items.length), [amountItems, items]);
-  return calculatedHeight;
-}
-
-export { useHeightByAmountOfItems as default };