@elliemae/ds-menu 2.3.0-alpha.9 → 2.3.0-next.11

package/dist/cjs/MenuItems/SearchableGroup.js

@@ -1,97 +0,0 @@
-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 SearchableGroup_exports = {};
-__export(SearchableGroup_exports, {
-  DSMenuSearchableGroupWithSchema: () => DSMenuSearchableGroupWithSchema,
-  SearchableGroup: () => SearchableGroupHOC,
-  default: () => SearchableGroup_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_FocusGroup = require("@elliemae/ds-shared/FocusGroup");
-var import_SearchBox = require("@elliemae/ds-form/SearchBox");
-var import_react_desc = require("react-desc");
-var import_VirtualMenuList = require("../VirtualMenuList");
-var import_MenuContext = require("../MenuContext");
-const SearchBoxWrapper = (0, import_ds_classnames.aggregatedClasses)("div")("menu-search-group", "search-wrapper");
-const NoOptionsWrapper = (0, import_ds_classnames.aggregatedClasses)("div")("menu-search-group", "no-options");
-const SearchableGroup = ({
-  children,
-  amountItemsInWindow = 5,
-  searchTerm: searchTermProp = "",
-  noOptionsText = "No options",
-  height,
-  width,
-  focusOnOpen = false
-}) => {
-  const searchRef = (0, import_react.useRef)(null);
-  const [searchTerm, setSearchTerm] = (0, import_react.useState)(searchTermProp);
-  (0, import_react.useEffect)(() => {
-    if (searchRef.current)
-      searchRef.current.focus();
-  }, []);
-  const { visible } = (0, import_react.useContext)(import_MenuContext.MenuContext) || {};
-  (0, import_react.useEffect)(() => {
-    if (focusOnOpen && visible) {
-      setTimeout(() => {
-        if (searchRef.current)
-          searchRef.current.focus();
-      }, 0);
-    }
-  }, [focusOnOpen, visible]);
-  const filteredChildren = (0, import_react.useMemo)(() => children.filter((child) => !searchTerm || child.props.label.toLowerCase().startsWith(searchTerm.toLowerCase())), [children, searchTerm]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(SearchBoxWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_SearchBox.DSSearchBox, {
-    innerRef: searchRef,
-    onSearch: ({ value }) => setSearchTerm(value),
-    searchOnEnter: false,
-    showIcon: false,
-    value: searchTerm
-  })), !filteredChildren.length && /* @__PURE__ */ import_react.default.createElement(NoOptionsWrapper, null, noOptionsText), /* @__PURE__ */ import_react.default.createElement(import_VirtualMenuList.VirtualMenuList, {
-    amountItemsInWindow,
-    height,
-    items: filteredChildren,
-    width
-  }));
-};
-const props = {
-  amountItemsInWindow: import_react_desc.PropTypes.number.description("The amount of items that are going to be rendered in the group"),
-  searchTerm: import_react_desc.PropTypes.string.description("A search term"),
-  noOptionsText: import_react_desc.PropTypes.string.description("Text to show when there's no options to show"),
-  children: import_react_desc.PropTypes.array.description("array of children for search list"),
-  height: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("height for virtual list wrapper"),
-  width: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("width for virtual list wrapper"),
-  focusOnOpen: import_react_desc.PropTypes.bool.description("weather to focus on searchable group on open")
-};
-SearchableGroup.propTypes = props;
-const DSMenuSearchableGroupWithSchema = (0, import_react_desc.describe)(SearchableGroup);
-DSMenuSearchableGroupWithSchema.propTypes = props;
-const SearchableGroupHOC = (0, import_FocusGroup.focusGroupManagerHoc)(SearchableGroup);
-var SearchableGroup_default = SearchableGroupHOC;
-module.exports = __toCommonJS(SearchableGroup_exports);
-//# sourceMappingURL=SearchableGroup.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/MenuItems/SearchableGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useEffect, useMemo, useState, useRef, useContext } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { focusGroupManagerHoc } from '@elliemae/ds-shared/FocusGroup';\nimport { DSSearchBox } from '@elliemae/ds-form/SearchBox';\nimport { PropTypes, describe } from 'react-desc';\nimport { VirtualMenuList } from '../VirtualMenuList';\nimport { MenuContext } from '../MenuContext';\n\nconst SearchBoxWrapper = aggregatedClasses('div')(\n  'menu-search-group',\n  'search-wrapper',\n);\nconst NoOptionsWrapper = aggregatedClasses('div')(\n  'menu-search-group',\n  'no-options',\n);\n\nconst SearchableGroup = ({\n  children,\n  amountItemsInWindow = 5,\n  searchTerm: searchTermProp = '',\n  noOptionsText = 'No options',\n  height,\n  width,\n  focusOnOpen = false,\n}) => {\n  const searchRef = useRef(null);\n  const [searchTerm, setSearchTerm] = useState(searchTermProp);\n\n  useEffect(() => {\n    if (searchRef.current) searchRef.current.focus();\n  }, []);\n\n  const { visible } = useContext(MenuContext) || {};\n\n  useEffect(() => {\n    if (focusOnOpen && visible) {\n      setTimeout(() => {\n        if (searchRef.current) searchRef.current.focus();\n      }, 0);\n    }\n  }, [focusOnOpen, visible]);\n\n  const filteredChildren = useMemo(\n    () =>\n      children.filter(\n        (child) =>\n          !searchTerm ||\n          child.props.label.toLowerCase().startsWith(searchTerm.toLowerCase()),\n      ),\n    [children, searchTerm],\n  );\n\n  return (\n    <>\n      <SearchBoxWrapper>\n        <DSSearchBox\n          innerRef={searchRef}\n          onSearch={({ value }) => setSearchTerm(value)}\n          searchOnEnter={false}\n          showIcon={false}\n          value={searchTerm}\n        />\n      </SearchBoxWrapper>\n      {!filteredChildren.length && (\n        <NoOptionsWrapper>{noOptionsText}</NoOptionsWrapper>\n      )}\n      <VirtualMenuList\n        amountItemsInWindow={amountItemsInWindow}\n        height={height}\n        items={filteredChildren}\n        width={width}\n      />\n    </>\n  );\n};\n\nconst props = {\n  /** The amount of items that are going to be rendered in the group */\n  amountItemsInWindow: PropTypes.number.description(\n    'The amount of items that are going to be rendered in the group',\n  ),\n  /** A search term */\n  searchTerm: PropTypes.string.description('A search term'),\n  /** Text to show when there's no options to show */\n  noOptionsText: PropTypes.string.description(\n    \"Text to show when there's no options to show\",\n  ),\n  /** array of children for search list */\n  children: PropTypes.array.description('array of children for search list'),\n  /** height for virtual list wrapper */\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'height for virtual list wrapper',\n  ),\n  /** width for virtual list wrapper */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'width for virtual list wrapper',\n  ),\n  /** weather to focus on searchable group on open */\n  focusOnOpen: PropTypes.bool.description(\n    'weather to focus on searchable group on open',\n  ),\n};\n\nSearchableGroup.propTypes = props;\n\nconst DSMenuSearchableGroupWithSchema = describe(SearchableGroup);\nDSMenuSearchableGroupWithSchema.propTypes = props;\n\nconst SearchableGroupHOC = focusGroupManagerHoc(SearchableGroup);\n\nexport { DSMenuSearchableGroupWithSchema, SearchableGroupHOC as SearchableGroup };\nexport default SearchableGroupHOC;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwE;AACxE,2BAAkC;AAClC,wBAAqC;AACrC,uBAA4B;AAC5B,wBAAoC;AACpC,6BAAgC;AAChC,yBAA4B;AAE5B,MAAM,mBAAmB,4CAAkB,OACzC,qBACA;AAEF,MAAM,mBAAmB,4CAAkB,OACzC,qBACA;AAGF,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,sBAAsB;AAAA,EACtB,YAAY,iBAAiB;AAAA,EAC7B,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,MACV;AACJ,QAAM,YAAY,yBAAO;AACzB,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAE7C,8BAAU,MAAM;AACd,QAAI,UAAU;AAAS,gBAAU,QAAQ;AAAA,KACxC;AAEH,QAAM,EAAE,YAAY,6BAAW,mCAAgB;AAE/C,8BAAU,MAAM;AACd,QAAI,eAAe,SAAS;AAC1B,iBAAW,MAAM;AACf,YAAI,UAAU;AAAS,oBAAU,QAAQ;AAAA,SACxC;AAAA;AAAA,KAEJ,CAAC,aAAa;AAEjB,QAAM,mBAAmB,0BACvB,MACE,SAAS,OACP,CAAC,UACC,CAAC,cACD,MAAM,MAAM,MAAM,cAAc,WAAW,WAAW,iBAE5D,CAAC,UAAU;AAGb,SACE,wFACE,mDAAC,kBAAD,MACE,mDAAC,8BAAD;AAAA,IACE,UAAU;AAAA,IACV,UAAU,CAAC,EAAE,YAAY,cAAc;AAAA,IACvC,eAAe;AAAA,IACf,UAAU;AAAA,IACV,OAAO;AAAA,OAGV,CAAC,iBAAiB,UACjB,mDAAC,kBAAD,MAAmB,gBAErB,mDAAC,wCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA;AAAA;AAMR,MAAM,QAAQ;AAAA,EAEZ,qBAAqB,4BAAU,OAAO,YACpC;AAAA,EAGF,YAAY,4BAAU,OAAO,YAAY;AAAA,EAEzC,eAAe,4BAAU,OAAO,YAC9B;AAAA,EAGF,UAAU,4BAAU,MAAM,YAAY;AAAA,EAEtC,QAAQ,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,YAChE;AAAA,EAGF,OAAO,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,YAC/D;AAAA,EAGF,aAAa,4BAAU,KAAK,YAC1B;AAAA;AAIJ,gBAAgB,YAAY;AAE5B,MAAM,kCAAkC,gCAAS;AACjD,gCAAgC,YAAY;AAE5C,MAAM,qBAAqB,4CAAqB;AAGhD,IAAO,0BAAQ;",
-  "names": []
-}

package/dist/cjs/MenuItems/SearchableList.js

@@ -1,114 +0,0 @@
-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 SearchableList_exports = {};
-__export(SearchableList_exports, {
-  DSMenuSearchableListWithSchema: () => DSMenuSearchableListWithSchema,
-  SearchableList: () => SearchableList,
-  default: () => SearchableList_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_Combobox = require("@elliemae/ds-form/ComboBox/v2/Combobox");
-const noop = () => {
-};
-const SearchableList = ({
-  onSelectMenuItem = noop,
-  components = {},
-  searchTerm: searchTermProp = "",
-  items = [],
-  dropdownFilterOptions = {},
-  returnValue,
-  extraListProps = {},
-  appendTermInList = false,
-  maxOptions = 10,
-  loading = false
-}) => {
-  const [searchTerm, setInputValue] = (0, import_react.useState)(searchTermProp);
-  const handleInputChange = (0, import_react.useCallback)((value, args) => {
-    const action = args ? args.action : null;
-    if (action === "input-blur" || action === "menu-close")
-      return;
-    setInputValue(value);
-  }, [searchTerm]);
-  const handleFilterByText = (0, import_react.useCallback)(() => {
-    if (searchTerm)
-      onSelectMenuItem(searchTerm);
-  }, [searchTerm]);
-  const handleKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.key === "ArrowRight") {
-      handleFilterByText();
-    }
-  }, [searchTerm]);
-  const options = (0, import_react.useMemo)(() => searchTerm && appendTermInList ? (0, import_ds_utilities.uniqBy)([
-    {
-      id: searchTerm,
-      label: searchTerm
-    }
-  ].concat(items), (item) => item.label) : items, [searchTerm, appendTermInList]);
-  return /* @__PURE__ */ import_react.default.createElement(import_Combobox.DSComboBox2, {
-    autoFocus: true,
-    components: { DropdownIndicator: null, ...components },
-    customMenuItemOptions: {
-      useTruncatedText: true
-    },
-    inlineMenu: true,
-    inputValue: searchTerm,
-    menuIsOpen: true,
-    onChange: onSelectMenuItem,
-    onFilterByInputText: handleFilterByText,
-    onInputChange: handleInputChange,
-    onKeyDown: handleKeyDown,
-    options,
-    returnValue,
-    valueProperty: "id",
-    maxOptions,
-    loading,
-    ...extraListProps,
-    ...dropdownFilterOptions
-  });
-};
-const props = {
-  onSelectMenuItem: import_react_desc.PropTypes.func.description("callback after item gets selected"),
-  components: import_react_desc.PropTypes.shape({}).description("Object with custom components for react-select"),
-  searchTerm: import_react_desc.PropTypes.string.description("search term to filter for"),
-  items: import_react_desc.PropTypes.array.description("item options"),
-  dropdownFilterOptions: import_react_desc.PropTypes.shape({}).description("options"),
-  returnValue: import_react_desc.PropTypes.bool.description("Whether the combo box is has value to return or not"),
-  extraListProps: import_react_desc.PropTypes.shape({}).description("extra props to pass down to combo"),
-  appendTermInList: import_react_desc.PropTypes.bool.description("append search term as item on the list"),
-  maxOptions: import_react_desc.PropTypes.number.description("maxoptions for combobox"),
-  loading: import_react_desc.PropTypes.bool.description("loading flag")
-};
-SearchableList.propTypes = props;
-const DSMenuSearchableListWithSchema = (0, import_react_desc.describe)(SearchableList);
-DSMenuSearchableListWithSchema.propTypes = props;
-var SearchableList_default = SearchableList;
-module.exports = __toCommonJS(SearchableList_exports);
-//# sourceMappingURL=SearchableList.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/MenuItems/SearchableList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useMemo, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { uniqBy } from '@elliemae/ds-utilities';\nimport { DSComboBox2 as DSComboBox } from '@elliemae/ds-form/ComboBox/v2/Combobox';\n\nconst noop = () => {};\n\nconst SearchableList = ({\n  onSelectMenuItem = noop,\n  components = {},\n  searchTerm: searchTermProp = '',\n  items = [],\n  dropdownFilterOptions = {},\n  returnValue,\n  extraListProps = {},\n  appendTermInList = false,\n  maxOptions = 10,\n  loading = false,\n}) => {\n  const [searchTerm, setInputValue] = useState(searchTermProp);\n\n  const handleInputChange = useCallback(\n    (value, args) => {\n      const action = args ? args.action : null;\n      if (action === 'input-blur' || action === 'menu-close') return;\n      setInputValue(value);\n    },\n    [searchTerm],\n  );\n\n  const handleFilterByText = useCallback(() => {\n    if (searchTerm) onSelectMenuItem(searchTerm);\n  }, [searchTerm]);\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      if (e.key === 'ArrowRight') {\n        handleFilterByText();\n      }\n    },\n    [searchTerm],\n  );\n\n  const options = useMemo(\n    () =>\n      searchTerm && appendTermInList\n        ? uniqBy(\n            [\n              {\n                id: searchTerm,\n                label: searchTerm,\n              },\n            ].concat(items),\n            (item) => item.label,\n          )\n        : items,\n    [searchTerm, appendTermInList],\n  );\n\n  return (\n    <DSComboBox\n      autoFocus\n      components={{ DropdownIndicator: null, ...components }}\n      customMenuItemOptions={{\n        useTruncatedText: true,\n      }}\n      inlineMenu\n      inputValue={searchTerm}\n      menuIsOpen\n      onChange={onSelectMenuItem}\n      onFilterByInputText={handleFilterByText}\n      onInputChange={handleInputChange}\n      onKeyDown={handleKeyDown}\n      options={options}\n      returnValue={returnValue}\n      valueProperty=\"id\"\n      maxOptions={maxOptions}\n      loading={loading}\n      {...extraListProps}\n      {...dropdownFilterOptions}\n    />\n  );\n};\n\nconst props = {\n  /** callback after item gets selected */\n  onSelectMenuItem: PropTypes.func.description('callback after item gets selected'),\n  /** Object with custom components for react-select */\n  components: PropTypes.shape({}).description('Object with custom components for react-select'),\n  /** search term to filter for */\n  searchTerm: PropTypes.string.description('search term to filter for'),\n  /** item options */\n  items: PropTypes.array.description('item options'),\n  /** options */\n  dropdownFilterOptions: PropTypes.shape({}).description('options'),\n  /** Whether the combo box is has value to return or not */\n  returnValue: PropTypes.bool.description('Whether the combo box is has value to return or not'),\n  /** extra props to pass down to combo */\n  extraListProps: PropTypes.shape({}).description('extra props to pass down to combo'),\n  /** append search term as item on the list */\n  appendTermInList: PropTypes.bool.description('append search term as item on the list'),\n  /** maxoptions for combobox */\n  maxOptions: PropTypes.number.description('maxoptions for combobox'),\n  /**  loading flag */\n  loading: PropTypes.bool.description('loading flag'),\n};\n\nSearchableList.propTypes = props;\n\nconst DSMenuSearchableListWithSchema = describe(SearchableList);\n\nDSMenuSearchableListWithSchema.propTypes = props;\n\nexport { DSMenuSearchableListWithSchema, SearchableList };\nexport default SearchableList;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsD;AACtD,wBAAoC;AACpC,0BAAuB;AACvB,sBAA0C;AAE1C,MAAM,OAAO,MAAM;AAAA;AAEnB,MAAM,iBAAiB,CAAC;AAAA,EACtB,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY,iBAAiB;AAAA,EAC7B,QAAQ;AAAA,EACR,wBAAwB;AAAA,EACxB;AAAA,EACA,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,UAAU;AAAA,MACN;AACJ,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAE7C,QAAM,oBAAoB,8BACxB,CAAC,OAAO,SAAS;AACf,UAAM,SAAS,OAAO,KAAK,SAAS;AACpC,QAAI,WAAW,gBAAgB,WAAW;AAAc;AACxD,kBAAc;AAAA,KAEhB,CAAC;AAGH,QAAM,qBAAqB,8BAAY,MAAM;AAC3C,QAAI;AAAY,uBAAiB;AAAA,KAChC,CAAC;AAEJ,QAAM,gBAAgB,8BACpB,CAAC,MAAM;AACL,QAAI,EAAE,QAAQ,cAAc;AAC1B;AAAA;AAAA,KAGJ,CAAC;AAGH,QAAM,UAAU,0BACd,MACE,cAAc,mBACV,gCACE;AAAA,IACE;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA;AAAA,IAET,OAAO,QACT,CAAC,SAAS,KAAK,SAEjB,OACN,CAAC,YAAY;AAGf,SACE,mDAAC,6BAAD;AAAA,IACE,WAAS;AAAA,IACT,YAAY,EAAE,mBAAmB,SAAS;AAAA,IAC1C,uBAAuB;AAAA,MACrB,kBAAkB;AAAA;AAAA,IAEpB,YAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAU;AAAA,IACV,UAAU;AAAA,IACV,qBAAqB;AAAA,IACrB,eAAe;AAAA,IACf,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,eAAc;AAAA,IACd;AAAA,IACA;AAAA,OACI;AAAA,OACA;AAAA;AAAA;AAKV,MAAM,QAAQ;AAAA,EAEZ,kBAAkB,4BAAU,KAAK,YAAY;AAAA,EAE7C,YAAY,4BAAU,MAAM,IAAI,YAAY;AAAA,EAE5C,YAAY,4BAAU,OAAO,YAAY;AAAA,EAEzC,OAAO,4BAAU,MAAM,YAAY;AAAA,EAEnC,uBAAuB,4BAAU,MAAM,IAAI,YAAY;AAAA,EAEvD,aAAa,4BAAU,KAAK,YAAY;AAAA,EAExC,gBAAgB,4BAAU,MAAM,IAAI,YAAY;AAAA,EAEhD,kBAAkB,4BAAU,KAAK,YAAY;AAAA,EAE7C,YAAY,4BAAU,OAAO,YAAY;AAAA,EAEzC,SAAS,4BAAU,KAAK,YAAY;AAAA;AAGtC,eAAe,YAAY;AAE3B,MAAM,iCAAiC,gCAAS;AAEhD,+BAA+B,YAAY;AAG3C,IAAO,yBAAQ;",
-  "names": []
-}

package/dist/cjs/MenuItems/SelectionGroup.js

@@ -1,102 +0,0 @@
-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 SelectionGroup_exports = {};
-__export(SelectionGroup_exports, {
-  DSMenuSelectionGroupWithSchema: () => DSMenuSelectionGroupWithSchema,
-  SelectionGroup: () => SelectionGroup,
-  default: () => SelectionGroup_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_CheckableGroup = require("@elliemae/ds-shared/CheckableGroup");
-var import_SearchableGroup = require("./SearchableGroup");
-var import_menuItemFactory = require("./menuItemFactory");
-var import_VirtualMenuList = require("../VirtualMenuList");
-const noop = () => null;
-const SelectionGroup = ({
-  multi = false,
-  searchable = false,
-  focusOnOpen = false,
-  onSelect = noop,
-  children,
-  items = void 0,
-  active = multi ? [] : "",
-  width,
-  height,
-  maxOptions = 5
-}) => {
-  const renderedItems = (0, import_react.useMemo)(() => items && items.map((item) => {
-    const Component = (0, import_menuItemFactory.menuItemFactory)(multi ? "checkbox" : "radio");
-    return /* @__PURE__ */ import_react.default.createElement(Component, {
-      ...item,
-      key: item.name || item.id || item.key,
-      item,
-      name: item.id || item.name
-    });
-  }), [items]);
-  const decoratedGroupChildren = (0, import_CheckableGroup.useCheckableGroup)({
-    children: renderedItems || children,
-    multi,
-    active,
-    onCheck: onSelect
-  });
-  if (searchable) {
-    return /* @__PURE__ */ import_react.default.createElement(import_SearchableGroup.SearchableGroup, {
-      focusOnOpen,
-      height,
-      items,
-      width
-    }, decoratedGroupChildren);
-  }
-  return /* @__PURE__ */ import_react.default.createElement(import_VirtualMenuList.VirtualMenuList, {
-    height,
-    items: decoratedGroupChildren,
-    width,
-    amountItemsInWindow: maxOptions
-  });
-};
-const props = {
-  multi: import_react_desc.PropTypes.bool.description("toggle on multi select"),
-  searchable: import_react_desc.PropTypes.bool.description("toggle on searchable behavior"),
-  focusOnOpen: import_react_desc.PropTypes.bool.description("toggle to focus component on open"),
-  onSelect: import_react_desc.PropTypes.func.description("callback that triggers when select happens"),
-  children: import_react_desc.PropTypes.node.description(""),
-  items: import_react_desc.PropTypes.array.description("selection group items"),
-  active: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.array]).description("array of values for multi and string for single selection"),
-  width: import_react_desc.PropTypes.number.description("selection group width"),
-  height: import_react_desc.PropTypes.number.description("selection group height")
-};
-SelectionGroup.propTypes = props;
-(0, import_menuItemFactory.registerMenuItem)("selectiongroup", SelectionGroup);
-(0, import_menuItemFactory.registerMenuItem)("SelectionGroup", SelectionGroup);
-const DSMenuSelectionGroupWithSchema = (0, import_react_desc.describe)(SelectionGroup);
-DSMenuSelectionGroupWithSchema.propTypes = props;
-var SelectionGroup_default = SelectionGroup;
-module.exports = __toCommonJS(SelectionGroup_exports);
-//# sourceMappingURL=SelectionGroup.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,59 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,187 +0,0 @@
-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