@elliemae/ds-menu 2.2.0-next.3 → 2.3.0-alpha.1

package/cjs/MenuItems/CheckboxGroup.js

@@ -1,45 +1,52 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var reactDesc = require('react-desc');
-var CheckableGroup = require('@elliemae/ds-shared/CheckableGroup');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var CheckableGroup__default = /*#__PURE__*/_interopDefaultLegacy(CheckableGroup);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function CheckboxGroup(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(CheckableGroup__default["default"], _objectSpread(_objectSpread({}, props), {}, {
-    multi: true
-  }));
-}
-
+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 CheckboxGroup_exports = {};
+__export(CheckboxGroup_exports, {
+  CheckboxGroup: () => CheckboxGroup,
+  DSMenuCheckboxGroupWithSchema: () => DSMenuCheckboxGroupWithSchema,
+  default: () => CheckboxGroup_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");
+const CheckboxGroup = (props2) => /* @__PURE__ */ import_react.default.createElement(import_CheckableGroup.CheckableGroup, {
+  ...props2,
+  multi: true
+});
 const props = {
-  /* The item (if multi false) or items (if multi true) selected */
-  active: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('The item (if multi false) or items (if multi true) selected'),
-
-  /* Whether is multi select or not */
-  multi: reactDesc.PropTypes.bool.description('Whether is multi select or not'),
-
-  /* Handler when a user checks an item */
-  onCheck: reactDesc.PropTypes.func.description('Handler when a user checks an item')
+  active: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("The item (if multi false) or items (if multi true) selected"),
+  multi: import_react_desc.PropTypes.bool.description("Whether is multi select or not"),
+  onCheck: import_react_desc.PropTypes.func.description("Handler when a user checks an item")
 };
-const DSMenuCheckboxGroupWithSchema = reactDesc.describe(CheckboxGroup);
+CheckboxGroup.propTypes = props;
+const DSMenuCheckboxGroupWithSchema = (0, import_react_desc.describe)(CheckboxGroup);
 DSMenuCheckboxGroupWithSchema.propTypes = props;
-
-exports.DSMenuCheckboxGroupWithSchema = DSMenuCheckboxGroupWithSchema;
-exports["default"] = CheckboxGroup;
+var CheckboxGroup_default = CheckboxGroup;
+module.exports = __toCommonJS(CheckboxGroup_exports);
+//# sourceMappingURL=CheckboxGroup.js.map

package/cjs/MenuItems/CheckboxGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MenuItems/CheckboxGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { CheckableGroup } from '@elliemae/ds-shared/CheckableGroup';\n\nconst CheckboxGroup = (props) => <CheckableGroup {...props} multi />;\n\nconst props = {\n  /* The item (if multi false) or items (if multi true) selected */\n  active: PropTypes.arrayOf(PropTypes.string).description(\n    'The item (if multi false) or items (if multi true) selected',\n  ),\n  /* Whether is multi select or not */\n  multi: PropTypes.bool.description('Whether is multi select or not'),\n  /* Handler when a user checks an item */\n  onCheck: PropTypes.func.description('Handler when a user checks an item'),\n};\n\nCheckboxGroup.propTypes = props;\n\nconst DSMenuCheckboxGroupWithSchema = describe(CheckboxGroup);\nDSMenuCheckboxGroupWithSchema.propTypes = props;\n\nexport { DSMenuCheckboxGroupWithSchema, CheckboxGroup };\nexport default CheckboxGroup;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,4BAA+B;AAE/B,MAAM,gBAAgB,CAAC,WAAU,mDAAC,sCAAD;AAAA,KAAoB;AAAA,EAAO,OAAK;AAAA;AAEjE,MAAM,QAAQ;AAAA,EAEZ,QAAQ,4BAAU,QAAQ,4BAAU,QAAQ,YAC1C;AAAA,EAGF,OAAO,4BAAU,KAAK,YAAY;AAAA,EAElC,SAAS,4BAAU,KAAK,YAAY;AAAA;AAGtC,cAAc,YAAY;AAE1B,MAAM,gCAAgC,gCAAS;AAC/C,8BAA8B,YAAY;AAG1C,IAAO,wBAAQ;",
+  "names": []
+}

package/cjs/MenuItems/MenuItem.js

@@ -1,98 +1,77 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var reactDesc = require('react-desc');
-var lodash = require('lodash');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsUtilities = require('@elliemae/ds-utilities');
-var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var menuItemFactory = require('./menuItemFactory.js');
-var SubMenu = require('./SubMenu.js');
-var MenuContext = require('../MenuContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-const _excluded = ["innerRef", "as", "role", "leftAddon", "rightAddon", "disabledAddonInactive", "label", "children", "tabIndex", "onKeyDown", "fixedItem", "noAddon", "disabled", "customRenderer", "maxOption", "closeMenu", "style"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const noop = () => null;
-
-const blockName = 'menu-item';
-const Content = dsClassnames.aggregatedClasses('div')(blockName, 'content');
-const Addon = dsClassnames.aggregatedClasses('div')(blockName, 'addon', _ref => {
-  let {
-    empty,
-    fixedItem
-  } = _ref;
-  return {
-    empty,
-    fixedItem
-  };
-});
-
-const renderAddon = (addon, fixedItem, addonId) => /*#__PURE__*/_jsx__default["default"](Addon, {
-  classProps: {
-    fixedItem
+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 });
   }
-}, addonId, addon);
-
-const renderAddons = (addons, fixedItem) => Array.isArray(addons) ? addons.map(renderAddon) : renderAddon(addons, fixedItem);
-
-const Wrapper = dsClassnames.aggregatedClasses('li')(blockName, null, _ref2 => {
-  let {
-    disabled,
-    disabledAddonInactive,
-    customRenderer,
-    fixedItem,
-    type
-  } = _ref2;
-  return {
-    disabled,
-    disabledAddonInactive,
-    customRenderer,
-    fixedItem,
-    ["menu-type-".concat(type)]: type
+  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 MenuItem_exports = {};
+__export(MenuItem_exports, {
+  DSMenuItemWithSchema: () => DSMenuItemWithSchema,
+  MenuItem: () => MenuItem,
+  default: () => MenuItem_default
 });
-
-const calculateSize = function () {
-  let length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  if (length > 45) return 45 * 7;
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_FocusGroup = require("@elliemae/ds-shared/FocusGroup");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_MenuContext = require("../MenuContext");
+var import_menuItemFactory = require("./menuItemFactory");
+var import_renderMenuItems = require("./renderMenuItems");
+const noop = () => null;
+const blockName = "menu-item";
+const Content = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "content");
+const Addon = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "addon", ({ empty, fixedItem }) => ({ empty, fixedItem }));
+const renderAddon = (addon, fixedItem, addonId) => /* @__PURE__ */ import_react.default.createElement(Addon, {
+  key: addonId,
+  classProps: { fixedItem }
+}, addon);
+const renderAddons = (addons, fixedItem) => Array.isArray(addons) ? addons.map(renderAddon) : renderAddon(addons, fixedItem);
+const Wrapper = (0, import_ds_classnames.aggregatedClasses)("li")(blockName, null, ({ disabled, disabledAddonInactive, customRenderer, fixedItem, type }) => ({
+  disabled,
+  disabledAddonInactive,
+  customRenderer,
+  fixedItem,
+  [`menu-type-${type}`]: type
+}));
+const calculateSize = (length = 0) => {
+  if (length > 45)
+    return 45 * 7;
   return length * 7;
 };
-
-function MenuItem(props) {
+const MenuItem = (props2) => {
   const {
     innerRef,
-    as = 'li',
-    role = 'menuitem',
+    as = "li",
+    role = "menuitem",
     leftAddon = null,
-    rightAddon = undefined,
-    disabledAddonInactive = undefined,
-    label = undefined,
+    rightAddon = void 0,
+    disabledAddonInactive = void 0,
+    label = void 0,
     children,
     tabIndex = -1,
     onKeyDown = noop,
@@ -102,33 +81,28 @@ function MenuItem(props) {
     customRenderer,
     maxOption,
     closeMenu,
-    style
-  } = props,
-        otherProps = _objectWithoutProperties__default["default"](props, _excluded);
-
-  const menuCxt = React.useContext(MenuContext);
-  const ref = React.useRef(null);
-  FocusGroup.useFocusGroupItem(ref);
-
+    style,
+    ...otherProps
+  } = props2;
+  const menuCxt = (0, import_react.useContext)(import_MenuContext.MenuContext);
+  const ref = (0, import_react.useRef)(null);
+  (0, import_FocusGroup.useFocusGroupItem)(ref);
   if (otherProps.subItems) {
-    return /*#__PURE__*/jsxRuntime.jsx(SubMenu["default"], _objectSpread(_objectSpread({}, props), {}, {
-      closeMenu: menuCxt.closeMenu,
-      children: menuItemFactory.renderMenuItems(otherProps.subItems)
-    }));
+    return /* @__PURE__ */ import_react.default.createElement(SubMenu, {
+      ...props2,
+      closeMenu: menuCxt.closeMenu
+    }, (0, import_renderMenuItems.renderMenuItems)(otherProps.subItems));
   }
-
-  const wrapperProps = React.useMemo(() => lodash.omit(otherProps, ['icon']), [otherProps]);
-
-  const onClick = function () {
-    if (wrapperProps.onClick) wrapperProps.onClick(...arguments);
-
+  const wrapperProps = (0, import_react.useMemo)(() => (0, import_lodash.omit)(otherProps, ["icon"]), [otherProps]);
+  const onClick = (...args) => {
+    if (wrapperProps.onClick)
+      wrapperProps.onClick(...args);
     if (wrapperProps.closeOnClick && menuCxt.closeMenu) {
-      menuCxt.closeMenu(...arguments);
+      menuCxt.closeMenu(...args);
     }
   };
-
-  return /*#__PURE__*/jsxRuntime.jsxs(Wrapper, _objectSpread(_objectSpread({
-    as: as,
+  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+    as,
     classProps: {
       disabled,
       disabledAddonInactive,
@@ -137,67 +111,46 @@ function MenuItem(props) {
       type: otherProps.type
     },
     id: otherProps.id,
-    innerRef: otherProps.type !== 'disabled' ? dsUtilities.mergeRefs(innerRef, ref) : innerRef,
-    onKeyDown: !fixedItem && dsUtilities.runAll(e => {
-      if (e.key === ' ' || e.key === 'Enter') {
+    innerRef: otherProps.type !== "disabled" ? (0, import_ds_utilities.mergeRefs)(innerRef, ref) : innerRef,
+    onKeyDown: !fixedItem && (0, import_ds_utilities.runAll)((e) => {
+      if (e.key === " " || e.key === "Enter") {
         e.preventDefault();
-        e.target.dispatchEvent(new MouseEvent('click', {
+        e.target.dispatchEvent(new MouseEvent("click", {
           view: window,
           bubbles: true,
           cancelable: false
         }));
       }
     }, onKeyDown),
-    role: role,
-    style: style,
-    tabIndex: tabIndex
-  }, wrapperProps), {}, {
-    onClick: onClick,
-    children: [!noAddon && renderAddons(leftAddon, fixedItem), label && /*#__PURE__*/_jsx__default["default"](Content, {
-      style: maxOption > 0 ? {
-        width: "".concat(calculateSize(maxOption), "px"),
-        maxWidth: "".concat(calculateSize(maxOption), "px")
-      } : undefined
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-      value: label
-    })), customRenderer, rightAddon && renderAddons(rightAddon), children]
-  }));
-}
-
+    role,
+    style,
+    tabIndex,
+    ...wrapperProps,
+    onClick
+  }, !noAddon && renderAddons(leftAddon, fixedItem), label && /* @__PURE__ */ import_react.default.createElement(Content, {
+    style: maxOption > 0 ? {
+      width: `${calculateSize(maxOption)}px`,
+      maxWidth: `${calculateSize(maxOption)}px`
+    } : void 0
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+    value: label
+  })), customRenderer, rightAddon && renderAddons(rightAddon), children);
+};
 const props = {
-  /** Renders the MenuItem with a specific html element */
-  as: reactDesc.PropTypes.element.description('Renders the MenuItem with a specific html element'),
-
-  /**
-   * reference to the component
-   */
-  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.shape({
-    current: reactDesc.PropTypes.any
-  })]).description('reference to the component'),
-
-  /** Renders the passed element to the left */
-  leftAddon: reactDesc.PropTypes.element.description('Renders the passed element to the left'),
-
-  /** Renders the passed element to the right */
-  rightAddon: reactDesc.PropTypes.element.description('Renders the passed element to the right'),
-
-  /** Label for the menu item */
-  label: reactDesc.PropTypes.string.description('Label for the menu item'),
-
-  /** style object for menu item wrapper */
-  style: reactDesc.PropTypes.object.description('style object for menu item wrapper'),
-
-  /** disable menu item */
-  disabled: reactDesc.PropTypes.bool.description('disable menu item'),
-
-  /** HTML tabindex to manage focus order */
-  tabindex: reactDesc.PropTypes.number.description('HTML tabindex to manage focus order'),
-
-  /** a11y role */
-  role: reactDesc.PropTypes.string.description('a11y role')
+  as: import_react_desc.PropTypes.element.description("Renders the MenuItem with a specific html element"),
+  innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.any })]).description("reference to the component"),
+  leftAddon: import_react_desc.PropTypes.element.description("Renders the passed element to the left"),
+  rightAddon: import_react_desc.PropTypes.element.description("Renders the passed element to the right"),
+  label: import_react_desc.PropTypes.string.description("Label for the menu item"),
+  style: import_react_desc.PropTypes.object.description("style object for menu item wrapper"),
+  disabled: import_react_desc.PropTypes.bool.description("disable menu item"),
+  tabindex: import_react_desc.PropTypes.number.description("HTML tabindex to manage focus order"),
+  role: import_react_desc.PropTypes.string.description("a11y role")
 };
-const DSMenuItemWithSchema = reactDesc.describe(MenuItem);
+MenuItem.propTypes = props;
+(0, import_menuItemFactory.registerMenuItem)("menuitem", MenuItem);
+const DSMenuItemWithSchema = (0, import_react_desc.describe)(MenuItem);
 DSMenuItemWithSchema.propTypes = props;
-
-exports.DSMenuItemWithSchema = DSMenuItemWithSchema;
-exports["default"] = MenuItem;
+var MenuItem_default = MenuItem;
+module.exports = __toCommonJS(MenuItem_exports);
+//# sourceMappingURL=MenuItem.js.map

package/cjs/MenuItems/MenuItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MenuItems/MenuItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable import/no-cycle */\nimport React, { useRef, useMemo, useContext } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { mergeRefs, runAll } from '@elliemae/ds-utilities';\nimport { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { MenuContext } from '../MenuContext';\nimport { registerMenuItem } from './menuItemFactory';\nimport { renderMenuItems } from './renderMenuItems';\n\nconst noop = () => null;\n\nconst blockName = 'menu-item';\n\nconst Content = aggregatedClasses('div')(blockName, 'content');\nconst Addon = aggregatedClasses('div')(blockName, 'addon', ({ empty, fixedItem }) => ({ empty, fixedItem }));\n\nconst renderAddon = (addon, fixedItem, addonId) => (\n  <Addon key={addonId} classProps={{ fixedItem }}>\n    {addon}\n  </Addon>\n);\n\nconst renderAddons = (addons, fixedItem) =>\n  Array.isArray(addons) ? addons.map(renderAddon) : renderAddon(addons, fixedItem);\n\nconst Wrapper = aggregatedClasses('li')(\n  blockName,\n  null,\n  ({ disabled, disabledAddonInactive, customRenderer, fixedItem, type }) => ({\n    disabled,\n    disabledAddonInactive,\n    customRenderer,\n    fixedItem,\n    [`menu-type-${type}`]: type,\n  }),\n);\nconst calculateSize = (length = 0) => {\n  if (length > 45) return 45 * 7;\n  return length * 7;\n};\n\nconst MenuItem = (props) => {\n  const {\n    innerRef,\n    as = 'li',\n    role = 'menuitem',\n    leftAddon = null,\n    rightAddon = undefined,\n    disabledAddonInactive = undefined,\n    label = undefined,\n    children,\n    tabIndex = -1,\n    onKeyDown = noop,\n    fixedItem = false,\n    noAddon,\n    disabled = false,\n    customRenderer,\n    maxOption,\n    closeMenu,\n    style,\n    ...otherProps\n  } = props;\n\n  const menuCxt = useContext(MenuContext);\n  const ref = useRef(null);\n  useFocusGroupItem(ref);\n  if (otherProps.subItems) {\n    return (\n      <SubMenu {...props} closeMenu={menuCxt.closeMenu}>\n        {renderMenuItems(otherProps.subItems)}\n      </SubMenu>\n    );\n  }\n\n  const wrapperProps = useMemo(() => omit(otherProps, ['icon']), [otherProps]);\n\n  const onClick = (...args) => {\n    if (wrapperProps.onClick) wrapperProps.onClick(...args);\n    if (wrapperProps.closeOnClick && menuCxt.closeMenu) {\n      menuCxt.closeMenu(...args);\n    }\n  };\n\n  return (\n    <Wrapper\n      as={as}\n      classProps={{\n        disabled,\n        disabledAddonInactive,\n        customRenderer,\n        fixedItem,\n        type: otherProps.type,\n      }}\n      id={otherProps.id}\n      innerRef={otherProps.type !== 'disabled' ? mergeRefs(innerRef, ref) : innerRef}\n      onKeyDown={\n        !fixedItem &&\n        runAll((e) => {\n          if (e.key === ' ' || e.key === 'Enter') {\n            e.preventDefault();\n            e.target.dispatchEvent(\n              new MouseEvent('click', {\n                view: window,\n                bubbles: true,\n                cancelable: false,\n              }),\n            );\n          }\n        }, onKeyDown)\n      }\n      role={role}\n      style={style}\n      tabIndex={tabIndex}\n      {...wrapperProps}\n      onClick={onClick}\n    >\n      {!noAddon && renderAddons(leftAddon, fixedItem)}\n      {label && (\n        <Content\n          style={\n            maxOption > 0\n              ? {\n                  width: `${calculateSize(maxOption)}px`,\n                  maxWidth: `${calculateSize(maxOption)}px`,\n                }\n              : undefined\n          }\n        >\n          <DSTruncatedTooltipText value={label} />\n        </Content>\n      )}\n      {customRenderer}\n      {rightAddon && renderAddons(rightAddon)}\n      {children}\n    </Wrapper>\n  );\n};\n\nconst props = {\n  /** Renders the MenuItem with a specific html element */\n  as: PropTypes.element.description('Renders the MenuItem with a specific html element'),\n  /**\n   * reference to the component\n   */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'reference to the component',\n  ),\n  /** Renders the passed element to the left */\n  leftAddon: PropTypes.element.description('Renders the passed element to the left'),\n  /** Renders the passed element to the right */\n  rightAddon: PropTypes.element.description('Renders the passed element to the right'),\n  /** Label for the menu item */\n  label: PropTypes.string.description('Label for the menu item'),\n  /** style object for menu item wrapper */\n  style: PropTypes.object.description('style object for menu item wrapper'),\n  /** disable menu item */\n  disabled: PropTypes.bool.description('disable menu item'),\n  /** HTML tabindex to manage focus order */\n  tabindex: PropTypes.number.description('HTML tabindex to manage focus order'),\n  /** a11y role */\n  role: PropTypes.string.description('a11y role'),\n};\n\nMenuItem.propTypes = props;\nregisterMenuItem('menuitem', MenuItem);\n\nconst DSMenuItemWithSchema = describe(MenuItem);\nDSMenuItemWithSchema.propTypes = props;\n\nexport { DSMenuItemWithSchema, MenuItem };\nexport default MenuItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}