@elliemae/ds-menu 2.2.2-rc.1 → 2.3.0-alpha.10

package/dist/cjs/MenuItems/SelectionGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MenuItems/SelectionGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { useCheckableGroup } from '@elliemae/ds-shared/CheckableGroup';\nimport { SearchableGroup } from './SearchableGroup';\nimport { registerMenuItem, menuItemFactory } from './menuItemFactory';\nimport { VirtualMenuList } from '../VirtualMenuList';\n\nconst noop = () => null;\n\nconst SelectionGroup = ({\n  multi = false,\n  searchable = false,\n  focusOnOpen = false,\n  onSelect = noop,\n  children,\n  items = undefined,\n  active = multi ? [] : '',\n  width,\n  height,\n  maxOptions = 5,\n}) => {\n  const renderedItems = useMemo(\n    () =>\n      items &&\n      items.map((item) => {\n        const Component = menuItemFactory(multi ? 'checkbox' : 'radio');\n        return <Component {...item} key={item.name || item.id || item.key} item={item} name={item.id || item.name} />;\n      }),\n    [items],\n  );\n  const decoratedGroupChildren = useCheckableGroup({\n    children: renderedItems || children,\n    multi,\n    active,\n    onCheck: onSelect,\n  });\n\n  if (searchable) {\n    return (\n      <SearchableGroup focusOnOpen={focusOnOpen} height={height} items={items} width={width}>\n        {decoratedGroupChildren}\n      </SearchableGroup>\n    );\n  }\n  return (\n    <VirtualMenuList height={height} items={decoratedGroupChildren} width={width} amountItemsInWindow={maxOptions} />\n  );\n};\n\nconst props = {\n  /** toggle on multi select */\n  multi: PropTypes.bool.description('toggle on multi select'),\n  /** toggle on searchable behavior */\n  searchable: PropTypes.bool.description('toggle on searchable behavior'),\n  /** toggle to focus component on open */\n  focusOnOpen: PropTypes.bool.description('toggle to focus component on open'),\n  /** callback that triggers when select happens */\n  onSelect: PropTypes.func.description('callback that triggers when select happens'),\n  children: PropTypes.node.description(''),\n  /** selection group items  */\n  items: PropTypes.array.description('selection group items'),\n  /** array of values for multi and string for single selection */\n  active: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).description(\n    'array of values for multi and string for single selection',\n  ),\n  /** selection group width */\n  width: PropTypes.number.description('selection group width'),\n  /** selection group height */\n  height: PropTypes.number.description('selection group height'),\n};\n\nSelectionGroup.propTypes = props;\nregisterMenuItem('selectiongroup', SelectionGroup);\nregisterMenuItem('SelectionGroup', SelectionGroup);\n\nconst DSMenuSelectionGroupWithSchema = describe(SelectionGroup);\nDSMenuSelectionGroupWithSchema.propTypes = props;\n\nexport { DSMenuSelectionGroupWithSchema, SelectionGroup };\nexport default SelectionGroup;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,wBAAoC;AACpC,4BAAkC;AAClC,6BAAgC;AAChC,6BAAkD;AAClD,6BAAgC;AAEhC,MAAM,OAAO,MAAM;AAEnB,MAAM,iBAAiB,CAAC;AAAA,EACtB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,cAAc;AAAA,EACd,WAAW;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,EACR,SAAS,QAAQ,KAAK;AAAA,EACtB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,MACT;AACJ,QAAM,gBAAgB,0BACpB,MACE,SACA,MAAM,IAAI,CAAC,SAAS;AAClB,UAAM,YAAY,4CAAgB,QAAQ,aAAa;AACvD,WAAO,mDAAC,WAAD;AAAA,SAAe;AAAA,MAAM,KAAK,KAAK,QAAQ,KAAK,MAAM,KAAK;AAAA,MAAK;AAAA,MAAY,MAAM,KAAK,MAAM,KAAK;AAAA;AAAA,MAEzG,CAAC;AAEH,QAAM,yBAAyB,6CAAkB;AAAA,IAC/C,UAAU,iBAAiB;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,SAAS;AAAA;AAGX,MAAI,YAAY;AACd,WACE,mDAAC,wCAAD;AAAA,MAAiB;AAAA,MAA0B;AAAA,MAAgB;AAAA,MAAc;AAAA,OACtE;AAAA;AAIP,SACE,mDAAC,wCAAD;AAAA,IAAiB;AAAA,IAAgB,OAAO;AAAA,IAAwB;AAAA,IAAc,qBAAqB;AAAA;AAAA;AAIvG,MAAM,QAAQ;AAAA,EAEZ,OAAO,4BAAU,KAAK,YAAY;AAAA,EAElC,YAAY,4BAAU,KAAK,YAAY;AAAA,EAEvC,aAAa,4BAAU,KAAK,YAAY;AAAA,EAExC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,OAAO,4BAAU,MAAM,YAAY;AAAA,EAEnC,QAAQ,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,QAAQ,YAC/D;AAAA,EAGF,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,QAAQ,4BAAU,OAAO,YAAY;AAAA;AAGvC,eAAe,YAAY;AAC3B,6CAAiB,kBAAkB;AACnC,6CAAiB,kBAAkB;AAEnC,MAAM,iCAAiC,gCAAS;AAChD,+BAA+B,YAAY;AAG3C,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/cjs/MenuItems/Separator.js

@@ -0,0 +1,59 @@
+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 Separator_exports = {};
+__export(Separator_exports, {
+  DSMenuSeparatorWithSchema: () => DSMenuSeparatorWithSchema,
+  MenuSeparator: () => MenuSeparator,
+  default: () => Separator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_separator = require("@elliemae/ds-separator");
+var import_styled_components = __toESM(require("styled-components"));
+var import_menuItemFactory = require("./menuItemFactory");
+const blockName = "menu-separator";
+const Li = import_styled_components.default.li`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+`;
+const Title = (0, import_ds_classnames.aggregatedClasses)("h5")(blockName, "title");
+const MenuSeparator = ({ title, showSeparator = true }) => /* @__PURE__ */ import_react.default.createElement(Li, null, showSeparator && /* @__PURE__ */ import_react.default.createElement(import_ds_separator.DSSeparator, null), title && /* @__PURE__ */ import_react.default.createElement(Title, null, title));
+const props = {
+  title: import_react_desc.PropTypes.string.description("menu separator h5 title"),
+  showSeparator: import_react_desc.PropTypes.bool.description("toggle separator on and off")
+};
+MenuSeparator.propTypes = props;
+(0, import_menuItemFactory.registerMenuItem)("separator", MenuSeparator);
+const DSMenuSeparatorWithSchema = (0, import_react_desc.describe)(MenuSeparator);
+DSMenuSeparatorWithSchema.propTypes = props;
+var Separator_default = MenuSeparator;
+module.exports = __toCommonJS(Separator_exports);
+//# sourceMappingURL=Separator.js.map

package/dist/cjs/MenuItems/Separator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MenuItems/Separator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport styled from 'styled-components';\nimport { registerMenuItem } from './menuItemFactory';\n\nconst blockName = 'menu-separator';\nconst Li = styled.li`\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n`;\n\nconst Title = aggregatedClasses('h5')(blockName, 'title');\nconst MenuSeparator = ({ title, showSeparator = true }) => (\n  <Li>\n    {showSeparator && <DSSeparator />}\n    {title && <Title>{title}</Title>}\n  </Li>\n);\n\nconst props = {\n  /** menu separator h5 title */\n  title: PropTypes.string.description('menu separator h5 title'),\n  /** toggle separator on and off */\n  showSeparator: PropTypes.bool.description('toggle separator on and off'),\n};\n\nMenuSeparator.propTypes = props;\nregisterMenuItem('separator', MenuSeparator);\n\nconst DSMenuSeparatorWithSchema = describe(MenuSeparator);\nDSMenuSeparatorWithSchema.propTypes = props;\n\nexport { DSMenuSeparatorWithSchema, MenuSeparator };\nexport default MenuSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,2BAAkC;AAClC,0BAA4B;AAC5B,+BAAmB;AACnB,6BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,KAAK,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMlB,MAAM,QAAQ,4CAAkB,MAAM,WAAW;AACjD,MAAM,gBAAgB,CAAC,EAAE,OAAO,gBAAgB,WAC9C,mDAAC,IAAD,MACG,iBAAiB,mDAAC,iCAAD,OACjB,SAAS,mDAAC,OAAD,MAAQ;AAItB,MAAM,QAAQ;AAAA,EAEZ,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,eAAe,4BAAU,KAAK,YAAY;AAAA;AAG5C,cAAc,YAAY;AAC1B,6CAAiB,aAAa;AAE9B,MAAM,4BAA4B,gCAAS;AAC3C,0BAA0B,YAAY;AAGtC,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/cjs/MenuItems/SubMenu.js

@@ -0,0 +1,187 @@
+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 = require("react-desc");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_FocusGroup = require("@elliemae/ds-shared/FocusGroup");
+var import_ds_hidden = require("@elliemae/ds-hidden");
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_popper = require("@elliemae/ds-popper");
+var import_Menu = require("../Menu");
+var import_MenuItem = require("./MenuItem");
+var import_menuItemFactory = 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);
+  const {
+    visible = false,
+    onShow,
+    onHide
+  } = (0, import_ds_hidden.useHiddenController)(void 0, {
+    interaction: "click"
+  });
+  const interaction = rightAddonType === "elipsis" ? "click" : "hover";
+  const { focusItemByNode } = (0, import_FocusGroup.useFocusGroupItem)();
+  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 = (0, import_react.useCallback)(() => {
+    setIsAddonHovered(true);
+  }, []);
+  const handleOnMouseLeave = (0, import_react.useCallback)(() => {
+    setIsAddonHovered(false);
+  }, []);
+  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, {
+    "aria-label": "vertical-elipsis",
+    "data-testid": "vertical-elipsis",
+    buttonType: "text",
+    leftIcon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, {
+      className: "submenu-arrow",
+      color: visible || isAddonHovered ? ["brand-primary", 800] : ["neutral", 500],
+      size: "s"
+    }),
+    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, {
+    "data-testid": "chevron-right",
+    className: "submenu-arrow",
+    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
+    })
+  }));
+};
+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")
+};
+SubMenu.propTypes = props;
+(0, import_menuItemFactory.registerMenuItem)("submenu", SubMenu);
+(0, import_Menu.setSubMenu)(SubMenu);
+const DSSubMenuWithSchema = (0, import_react_desc.describe)(SubMenu);
+DSSubMenuWithSchema.propTypes = props;
+var SubMenu_default = SubMenu;
+module.exports = __toCommonJS(SubMenu_exports);
+//# sourceMappingURL=SubMenu.js.map

package/dist/cjs/MenuItems/SubMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MenuItems/SubMenu.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport React, { useCallback, useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { ChevronSmallRight, MoreOptionsVert } from '@elliemae/ds-icons';\nimport { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup';\nimport { useHiddenController } from '@elliemae/ds-hidden';\nimport { DSButton, BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { DSPopper, interactions } from '@elliemae/ds-popper';\nimport { Menu, setSubMenu } from '../Menu';\nimport { MenuItem } from './MenuItem';\nimport { registerMenuItem } from './menuItemFactory';\n\nconst ChevronRightComp = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 28px; // same width as the ellipsis button\n`;\n\nconst SubMenu = ({\n  noAddon,\n  leftAddon = undefined,\n  label = undefined,\n  interactionType = 'hover',\n  children: subitems,\n  rightAddonType,\n  disabledAddonInactive,\n  checkableProps = {},\n  customRenderer,\n  onClick,\n  closeMenu,\n  id,\n}) => {\n  const itemRef = useRef(null);\n  const focusOnOpen = useRef(false);\n  const [isAddonHovered, setIsAddonHovered] = useState<boolean>(false);\n  const {\n    visible = false,\n    onShow,\n    onHide,\n  } = useHiddenController(undefined, {\n    interaction: 'click',\n  });\n\n  const interaction = rightAddonType === 'elipsis' ? 'click' : 'hover';\n\n  const { focusItemByNode } = useFocusGroupItem();\n  // todo: create a menu state to handle all related menu things\n  const handleShowSubItemsWithMouse = (e) => {\n    e.stopPropagation();\n    onShow();\n    focusOnOpen.current = true;\n  };\n  const handleShowWithMouse = (e) => {\n    if (onClick) onClick(e);\n  };\n  const handleShowWithMouseHover = () => {\n    setIsAddonHovered(true);\n    onShow();\n    focusOnOpen.current = false;\n  };\n\n  const handleShowWithKeyboard = () => {\n    onShow();\n    focusOnOpen.current = true;\n  };\n\n  const handleOnMouseEnter = useCallback(() => {\n    setIsAddonHovered(true);\n  }, []);\n\n  const handleOnMouseLeave = useCallback(() => {\n    setIsAddonHovered(false);\n  }, []);\n\n  const hoverHandlers =\n    interaction === 'hover'\n      ? {\n          onMouseEnter: handleShowWithMouseHover,\n          onMouseLeave: () => {\n            onHide();\n            setIsAddonHovered(false);\n          },\n        }\n      : { onClick: handleShowWithMouse };\n\n  const rightAddon =\n    rightAddonType === 'elipsis' ? (\n      <DSButton\n        aria-label=\"vertical-elipsis\"\n        data-testid=\"vertical-elipsis\"\n        buttonType=\"text\"\n        leftIcon={\n          <MoreOptionsVert\n            className=\"submenu-arrow\"\n            color={visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500]}\n            size=\"s\"\n          />\n        }\n        onClick={(e) => handleShowSubItemsWithMouse(e)}\n        size=\"m\"\n        variant={BUTTON_VARIANT.DEFAULT}\n      />\n    ) : (\n      <ChevronRightComp>\n        <ChevronSmallRight\n          data-testid=\"chevron-right\"\n          className=\"submenu-arrow\"\n          color={visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500]}\n          size=\"sm\"\n        />\n      </ChevronRightComp>\n    );\n\n  return (\n    <>\n      <DSPopper\n        contentComponent={\n          <Menu\n            focusKeyBindings={{\n              ArrowLeft: [() => focusItemByNode(itemRef.current), 'exit'],\n            }}\n            focusOnOpen={focusOnOpen.current}\n            onExitFocusGroup={onHide}\n            {...hoverHandlers}\n            closeMenu={closeMenu}\n            visible={visible}\n          >\n            {subitems}\n          </Menu>\n        }\n        interactionType={interactionType}\n        isOpen={visible}\n        onOpen={(opening) => (opening ? onShow() : onHide())}\n        placement=\"right-start\"\n        showArrow={false}\n        triggerComponent={\n          <MenuItem\n            customRenderer={customRenderer}\n            disabledAddonInactive={disabledAddonInactive}\n            id={id}\n            innerRef={itemRef}\n            label={label}\n            leftAddon={leftAddon}\n            noAddon={noAddon}\n            onFocus={handleOnMouseEnter}\n            onBlur={handleOnMouseLeave}\n            onMouseEnter={handleOnMouseEnter}\n            onMouseLeave={handleOnMouseLeave}\n            {...hoverHandlers}\n            onKeyDown={(e) => {\n              if (e.key === 'ArrowRight' || e.key === 'Enter' || e.keyCode === 32) {\n                handleShowWithKeyboard();\n              }\n            }}\n            rightAddon={rightAddon}\n            {...checkableProps}\n          />\n        }\n      />\n    </>\n  );\n};\n\nconst props = {\n  /** dont show addon for submenu */\n  noAddon: PropTypes.bool.description('dont show addon for submenu'),\n  /** left addon */\n  leftAddon: PropTypes.node.description('left addon'),\n  /** submenu label */\n  label: PropTypes.string.description('submenu label'),\n  /** A type indicating how to open/close the tooltip */\n  interactionType: PropTypes.oneOf(interactions).description('A type indicating how to open/close the tooltip'),\n  /** sub menu items */\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.node]).description('sub menu items'),\n  /** right addon, ellipsis or undefined */\n  rightAddonType: PropTypes.oneOf(['ellipsis']).description('right addon, ellipsis or undefined'),\n  disabledAddonInactive: PropTypes.bool.description(''),\n  /** props passed to MenuItem component */\n  checkableProps: PropTypes.object.description('props passed to MenuItem component'),\n  /** custom renderer for menu item */\n  customRenderer: PropTypes.func.description('custom renderer for menu item'),\n  /** on click handler */\n  onClick: PropTypes.func.description('on click handler'),\n  closeMenu: PropTypes.any.description(''),\n  /** component id */\n  id: PropTypes.string.description('component id'),\n};\n\nSubMenu.propTypes = props;\nregisterMenuItem('submenu', SubMenu);\nsetSubMenu(SubMenu);\nconst DSSubMenuWithSchema = describe(SubMenu);\n\nDSSubMenuWithSchema.propTypes = props;\n\nexport { DSSubMenuWithSchema, SubMenu };\nexport default SubMenu;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/MenuItems/menuItemFactory.js

@@ -0,0 +1,41 @@
+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 menuItemFactory_exports = {};
+__export(menuItemFactory_exports, {
+  menuItemFactory: () => menuItemFactory,
+  registerMenuItem: () => registerMenuItem
+});
+var React = __toESM(require("react"));
+const itemTypes = {};
+const menuItemFactory = (type = "", items, defaultItem = 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

package/dist/cjs/MenuItems/menuItemFactory.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MenuItems/menuItemFactory.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\n\nconst itemTypes = {};\n\nexport const menuItemFactory = (type = '', items, defaultItem = itemTypes.menuitem) => {\n  const itemsObject = items || itemTypes;\n  return itemsObject[type] || itemsObject[type.toLowerCase()] || defaultItem;\n};\n\nexport const registerMenuItem = (type, item) => (itemTypes[type] = item);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,MAAM,YAAY;AAEX,MAAM,kBAAkB,CAAC,OAAO,IAAI,OAAO,cAAc,UAAU,aAAa;AACrF,QAAM,cAAc,SAAS;AAC7B,SAAO,YAAY,SAAS,YAAY,KAAK,kBAAkB;AAAA;AAG1D,MAAM,mBAAmB,CAAC,MAAM,SAAU,UAAU,QAAQ;",
+  "names": []
+}

package/dist/cjs/MenuItems/renderMenuItems.js

@@ -0,0 +1,54 @@
+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 renderMenuItems_exports = {};
+__export(renderMenuItems_exports, {
+  renderMenuItems: () => renderMenuItems
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_menuItemFactory = require("./menuItemFactory");
+const renderMenuItems = (options, factory = import_menuItemFactory.menuItemFactory) => options.map((option, index) => {
+  if ((0, import_ds_utilities.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__ */ import_react.default.createElement(ItemComponent, {
+    ...option,
+    key: option.id || index,
+    item: option,
+    onClick: null,
+    onMouseDown: option.onClick
+  }, children);
+});
+module.exports = __toCommonJS(renderMenuItems_exports);
+//# sourceMappingURL=renderMenuItems.js.map

package/dist/cjs/MenuItems/renderMenuItems.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MenuItems/renderMenuItems.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable import/no-cycle */\nimport React from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { menuItemFactory } from './menuItemFactory';\n\nexport const renderMenuItems = (options, factory = menuItemFactory) =>\n  options.map((option, index) => {\n    if (isFunction(option.renderer)) {\n      return option.renderer({\n        key: option.id,\n        item: option,\n      });\n    }\n    const ItemComponent = factory(option.type);\n    const children = option.subItems && renderMenuItems(option.subItems, factory);\n    return (\n      <ItemComponent\n        {...option}\n        key={option.id || index}\n        item={option}\n        onClick={null}\n        onMouseDown={option.onClick}\n        // onClick callback called in onMouseDown due to events order issue\n      >\n        {children}\n      </ItemComponent>\n    );\n  });\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,0BAA2B;AAC3B,6BAAgC;AAEzB,MAAM,kBAAkB,CAAC,SAAS,UAAU,2CACjD,QAAQ,IAAI,CAAC,QAAQ,UAAU;AAC7B,MAAI,oCAAW,OAAO,WAAW;AAC/B,WAAO,OAAO,SAAS;AAAA,MACrB,KAAK,OAAO;AAAA,MACZ,MAAM;AAAA;AAAA;AAGV,QAAM,gBAAgB,QAAQ,OAAO;AACrC,QAAM,WAAW,OAAO,YAAY,gBAAgB,OAAO,UAAU;AACrE,SACE,mDAAC,eAAD;AAAA,OACM;AAAA,IACJ,KAAK,OAAO,MAAM;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,aAAa,OAAO;AAAA,KAGnB;AAAA;",
+  "names": []
+}

package/dist/cjs/VirtualMenuList.js

@@ -0,0 +1,78 @@
+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 = require("react-window");
+var import_useHeightByAmountOfItems = 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)({
+    amountItems: amountItemsInWindow,
+    itemHeight,
+    items
+  });
+  return /* @__PURE__ */ import_react.default.createElement(import_react_window.FixedSizeList, {
+    height: height || computedListHeight,
+    itemCount: items.length,
+    itemData: items,
+    itemSize: itemHeight,
+    width
+  }, MenuItem);
+}
+var VirtualMenuList_default = VirtualMenuList;
+module.exports = __toCommonJS(VirtualMenuList_exports);
+//# sourceMappingURL=VirtualMenuList.js.map

package/dist/cjs/VirtualMenuList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/VirtualMenuList.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { FixedSizeList as List } from 'react-window';\nimport { useHeightByAmountOfItems } from './utils/useHeightByAmountOfItems';\n\nconst MenuItem = ({ data, index, style }) => (\n  <div key={index} style={style}>\n    {data && data[index] ? data[index] : ''}\n  </div>\n);\n\n// eslint-disable-next-line no-unused-vars\nfunction resolveComputation(items, cb, timeout = 1000) {\n  return () =>\n    new Promise(resolve => {\n      const doResolve = result => {\n        cb(result);\n        resolve(result);\n      };\n      let result = 0;\n      const timer = setTimeout(() => doResolve(result), timeout);\n      items.forEach(option => {\n        result =\n          option.props.label.length > result\n            ? option.props.label.length\n            : result;\n      });\n\n      clearTimeout(timer);\n      doResolve(result);\n    });\n}\n\nfunction VirtualMenuList({\n  items,\n  itemHeight = 32,\n  amountItemsInWindow = 5,\n  width,\n  height,\n}) {\n  const computedListHeight = useHeightByAmountOfItems({\n    amountItems: amountItemsInWindow,\n    itemHeight,\n    items,\n  });\n\n  return (\n    <List\n      height={height || computedListHeight}\n      itemCount={items.length}\n      itemData={items}\n      itemSize={itemHeight}\n      width={width}\n    >\n      {MenuItem}\n    </List>\n  );\n}\n\nexport { VirtualMenuList };\nexport default VirtualMenuList;", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAsC;AACtC,sCAAyC;AAEzC,MAAM,WAAW,CAAC,EAAE,MAAM,OAAO,YAC/B,mDAAC,OAAD;AAAA,EAAK,KAAK;AAAA,EAAO;AAAA,GACd,QAAQ,KAAK,SAAS,KAAK,SAAS;AAKzC,4BAA4B,OAAO,IAAI,UAAU,KAAM;AACrD,SAAO,MACL,IAAI,QAAQ,aAAW;AACrB,UAAM,YAAY,aAAU;AAC1B,SAAG;AACH,cAAQ;AAAA;AAEV,QAAI,SAAS;AACb,UAAM,QAAQ,WAAW,MAAM,UAAU,SAAS;AAClD,UAAM,QAAQ,YAAU;AACtB,eACE,OAAO,MAAM,MAAM,SAAS,SACxB,OAAO,MAAM,MAAM,SACnB;AAAA;AAGR,iBAAa;AACb,cAAU;AAAA;AAAA;AAIhB,yBAAyB;AAAA,EACvB;AAAA,EACA,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,GACC;AACD,QAAM,qBAAqB,8DAAyB;AAAA,IAClD,aAAa;AAAA,IACb;AAAA,IACA;AAAA;AAGF,SACE,mDAAC,mCAAD;AAAA,IACE,QAAQ,UAAU;AAAA,IAClB,WAAW,MAAM;AAAA,IACjB,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,KAEC;AAAA;AAMP,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,63 @@
+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 src_exports = {};
+__export(src_exports, {
+  DSMenuCheckboxGroupWithSchema: () => import_CheckboxGroup.DSMenuCheckboxGroupWithSchema,
+  DSMenuItemCheckeableWithSchema: () => import_MenuItemCheckable.DSMenuItemCheckeableWithSchema,
+  DSMenuItemRadioWithSchema: () => import_MenuItemRadio.DSMenuItemRadioWithSchema,
+  DSMenuItemWithSchema: () => import_MenuItem.DSMenuItemWithSchema,
+  DSMenuRadioGroupWithSchema: () => import_RadioGroup.DSMenuRadioGroupWithSchema,
+  DSMenuSearchableGroupWithSchema: () => import_SearchableGroup.DSMenuSearchableGroupWithSchema,
+  DSMenuSearchableListWithSchema: () => import_SearchableList.DSMenuSearchableListWithSchema,
+  DSMenuSelectionGroupWithSchema: () => import_SelectionGroup.DSMenuSelectionGroupWithSchema,
+  DSMenuSeparatorWithSchema: () => import_Separator.DSMenuSeparatorWithSchema,
+  DSMenuWithSchema: () => import_Menu.DSMenuWithSchema,
+  DSSubMenuWithSchema: () => import_SubMenu.DSSubMenuWithSchema,
+  Menu: () => import_Menu.Menu,
+  MenuCombobox: () => import_MenuCombobox.default,
+  default: () => import_Menu.Menu,
+  menuItemFactory: () => import_menuItemFactory.menuItemFactory,
+  renderMenuItems: () => import_renderMenuItems.renderMenuItems
+});
+var React = __toESM(require("react"));
+var import_MenuItem = require("./MenuItems/MenuItem");
+var import_SubMenu = require("./MenuItems/SubMenu");
+var import_CheckboxGroup = require("./MenuItems/CheckboxGroup");
+var import_MenuItemCheckable = require("./MenuItems/MenuItemCheckable");
+var import_MenuItemRadio = require("./MenuItems/MenuItemRadio");
+var import_RadioGroup = require("./MenuItems/RadioGroup");
+var import_SearchableGroup = require("./MenuItems/SearchableGroup");
+var import_SearchableList = require("./MenuItems/SearchableList");
+var import_Separator = require("./MenuItems/Separator");
+var import_SelectionGroup = require("./MenuItems/SelectionGroup");
+var import_MenuCombobox = __toESM(require("./MenuCombobox"));
+var import_menuItemFactory = require("./MenuItems/menuItemFactory");
+var import_renderMenuItems = require("./MenuItems/renderMenuItems");
+var import_Menu = require("./Menu");
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DSMenuItemWithSchema } from './MenuItems/MenuItem';\nexport { DSSubMenuWithSchema } from './MenuItems/SubMenu';\nexport { DSMenuCheckboxGroupWithSchema } from './MenuItems/CheckboxGroup';\nexport { DSMenuItemCheckeableWithSchema } from './MenuItems/MenuItemCheckable';\nexport { DSMenuItemRadioWithSchema } from './MenuItems/MenuItemRadio';\nexport { DSMenuRadioGroupWithSchema } from './MenuItems/RadioGroup';\nexport { DSMenuSearchableGroupWithSchema } from './MenuItems/SearchableGroup';\nexport { DSMenuSearchableListWithSchema } from './MenuItems/SearchableList';\nexport { DSMenuSeparatorWithSchema } from './MenuItems/Separator';\nexport { DSMenuSelectionGroupWithSchema } from './MenuItems/SelectionGroup';\n\nexport { default as MenuCombobox } from './MenuCombobox';\nexport { menuItemFactory } from './MenuItems/menuItemFactory';\nexport { renderMenuItems } from './MenuItems/renderMenuItems';\nexport { DSMenuWithSchema, Menu, Menu as default } from './Menu';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAqC;AACrC,qBAAoC;AACpC,2BAA8C;AAC9C,+BAA+C;AAC/C,2BAA0C;AAC1C,wBAA2C;AAC3C,6BAAgD;AAChD,4BAA+C;AAC/C,uBAA0C;AAC1C,4BAA+C;AAE/C,0BAAwC;AACxC,6BAAgC;AAChC,6BAAgC;AAChC,kBAAwD;",
+  "names": []
+}

package/dist/cjs/utils/useHeightByAmountOfItems.js

@@ -0,0 +1,49 @@
+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 useHeightByAmountOfItems_exports = {};
+__export(useHeightByAmountOfItems_exports, {
+  default: () => useHeightByAmountOfItems_default,
+  useHeightByAmountOfItems: () => useHeightByAmountOfItems
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+const calculateHeight = (itemHeight, amountItemsInWindow, itemsLength) => {
+  const realAmountItemsInWindow = itemsLength < amountItemsInWindow ? itemsLength : amountItemsInWindow;
+  return itemHeight * realAmountItemsInWindow;
+};
+function useHeightByAmountOfItems({
+  itemHeight,
+  amountItems,
+  items
+}) {
+  const calculatedHeight = (0, import_react.useMemo)(() => calculateHeight(itemHeight, amountItems, items.length), [amountItems, items]);
+  return calculatedHeight;
+}
+var useHeightByAmountOfItems_default = useHeightByAmountOfItems;
+module.exports = __toCommonJS(useHeightByAmountOfItems_exports);
+//# sourceMappingURL=useHeightByAmountOfItems.js.map