@elliemae/ds-form 2.2.0-next.6 → 2.3.0-alpha.1

package/cjs/MenuItem/components/MenuItem/index.js

@@ -1,55 +1,63 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var Grid = require('@elliemae/ds-grid');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var props = require('../../props.js');
-var styled = require('../styled.js');
-var styled$1 = require('./styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-
-const MenuItem = props$1 => {
-  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
-  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, props.itemProps);
-  const {
-    dsId,
-    label,
-    isSelected,
-    onClick,
-    isFocus,
-    isActive,
-    innerRef,
-    onMouseEnter,
-    onMouseLeave,
-    wrapperStyles
-  } = propsWithDefault;
-  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledMenuItemWrapper, {
+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 MenuItem_exports = {};
+__export(MenuItem_exports, {
+  MenuItem: () => MenuItem,
+  MenuItemWithSchema: () => MenuItemWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_props = require("../../props");
+var import_styled = require("../styled");
+var import_styled2 = require("./styled");
+const MenuItem = (props) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_props.itemProps);
+  const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseEnter, onMouseLeave, wrapperStyles } = propsWithDefault;
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledMenuItemWrapper, {
     "aria-selected": isSelected,
     id: dsId,
     role: "option",
-    isSelected: isSelected,
-    isActive: isActive,
-    isFocus: isFocus,
-    onClick: onClick,
+    isSelected,
+    isActive,
+    isFocus,
+    onClick,
     ref: innerRef,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    style: wrapperStyles,
-    children: /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {}, void 0, /*#__PURE__*/_jsx__default["default"](styled$1.StyledItemLabel, {}, void 0, label))
-  });
+    onMouseEnter,
+    onMouseLeave,
+    style: wrapperStyles
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_styled2.StyledItemLabel, null, label)));
 };
-
-const MenuItemWithSchema = reactDesc.describe(MenuItem);
-MenuItemWithSchema.propTypes = props.itemProps;
-
-exports.MenuItem = MenuItem;
-exports.MenuItemWithSchema = MenuItemWithSchema;
+MenuItem.propTypes = import_props.itemProps;
+const MenuItemWithSchema = (0, import_react_desc.describe)(MenuItem);
+MenuItemWithSchema.propTypes = import_props.itemProps;
+module.exports = __toCommonJS(MenuItem_exports);
+//# sourceMappingURL=index.js.map

package/cjs/MenuItem/components/MenuItem/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/MenuItem/components/MenuItem/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledMenuItemWrapper } from '../styled';\nimport { StyledItemLabel } from './styled';\n\nconst MenuItem = (props: MenuItemT): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, itemProps);\n\n  const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseEnter, onMouseLeave, wrapperStyles } =\n    propsWithDefault;\n\n  return (\n    <StyledMenuItemWrapper\n      aria-selected={isSelected}\n      id={dsId}\n      role=\"option\"\n      isSelected={isSelected}\n      isActive={isActive}\n      isFocus={isFocus}\n      onClick={onClick}\n      ref={innerRef}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      style={wrapperStyles}\n    >\n      <Grid>\n        <StyledItemLabel>{label}</StyledItemLabel>\n      </Grid>\n    </StyledMenuItemWrapper>\n  );\n};\n\nMenuItem.propTypes = itemProps;\nconst MenuItemWithSchema = describe(MenuItem);\nMenuItemWithSchema.propTypes = itemProps;\n\nexport { MenuItem, MenuItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,qBAAqB;AACrB,8BAA6E;AAC7E,mBAAmD;AACnD,oBAAsC;AACtC,qBAAgC;AAEhC,MAAM,WAAW,CAAC,UAAkC;AAClD,QAAM,mBAAmB,0DAA6B,OAAO;AAE7D,8DAA+B,kBAAkB;AAEjD,QAAM,EAAE,MAAM,OAAO,YAAY,SAAS,SAAS,UAAU,UAAU,cAAc,cAAc,kBACjG;AAEF,SACE,mDAAC,qCAAD;AAAA,IACE,iBAAe;AAAA,IACf,IAAI;AAAA,IACJ,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO;AAAA,KAEP,mDAAC,qBAAD,MACE,mDAAC,gCAAD,MAAkB;AAAA;AAM1B,SAAS,YAAY;AACrB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;",
+  "names": []
+}

package/cjs/MenuItem/components/MenuItem/styled.js

@@ -1,15 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledItemLabel = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1f7cz5s-0"
-})(["display:grid;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;"]);
-
-exports.StyledItemLabel = StyledItemLabel;
+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 styled_exports = {};
+__export(styled_exports, {
+  StyledItemLabel: () => StyledItemLabel
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const StyledItemLabel = import_styled_components.default.div`
+  display: grid;
+  align-items: center;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  width: 100%;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/MenuItem/components/MenuItem/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/MenuItem/components/MenuItem/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledItemLabel = styled.div`\n  display: grid;\n  align-items: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js

@@ -1,21 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var dsControlledForm = require('@elliemae/ds-controlled-form');
-var props = require('../../props.js');
-var styled$1 = require('./styled.js');
-var styled = require('../styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const MultiMenuItem = props => {
+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 MultiMenuItem_exports = {};
+__export(MultiMenuItem_exports, {
+  MultiMenuItem: () => MultiMenuItem,
+  MultiMenuItemWithSchema: () => MultiMenuItemWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_props = require("../../props");
+var import_styled = require("./styled");
+var import_styled2 = require("../styled");
+const MultiMenuItem = (props) => {
   const {
     dsId,
     value,
@@ -33,40 +55,38 @@ const MultiMenuItem = props => {
     tabIndex,
     render
   } = props;
-  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledGlobalMenuItemWrapper, {
+  return /* @__PURE__ */ import_react.default.createElement(import_styled2.StyledGlobalMenuItemWrapper, {
     id: dsId,
-    disabled: disabled,
-    isActive: isActive,
-    isSelected: isSelected,
-    isFocus: isFocus,
-    onClick: onClick,
+    disabled,
+    isActive,
+    isSelected,
+    isFocus,
+    onClick,
     ref: innerRef,
-    onMouseDown: onMouseDown,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
+    onMouseDown,
+    onMouseEnter,
+    onMouseLeave,
     role: "option",
-    className: isActive ? 'ds-list-item-active' : '',
+    className: isActive ? "ds-list-item-active" : "",
     "aria-selected": isSelected,
     style: wrapperStyles,
     pr: render ? 0 : 40,
-    "data-testid": "combobox-option",
-    children: /*#__PURE__*/_jsx__default["default"](styled$1.StyledItemContent, {}, void 0, render ? render(props) : /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledCheckbox, {
-      tabIndex: tabIndex,
-      disabled: disabled,
-      checked: isSelected,
-      onMouseDown: onMouseDown,
-      name: value,
-      ariaLabel: label,
-      label: label,
-      id: value,
-      onChange: onClick
-    }))
-  });
+    "data-testid": "combobox-option"
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledItemContent, null, render ? render(props) : /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledCheckbox, {
+    tabIndex,
+    disabled,
+    checked: isSelected,
+    onMouseDown,
+    name: value,
+    ariaLabel: label,
+    label,
+    id: value,
+    onChange: onClick
+  })));
 };
-
-MultiMenuItem.defaultProps = props.defaultProps;
-const MultiMenuItemWithSchema = reactDesc.describe(MultiMenuItem);
-MultiMenuItemWithSchema.propTypes = props.itemProps;
-
-exports.MultiMenuItem = MultiMenuItem;
-exports.MultiMenuItemWithSchema = MultiMenuItemWithSchema;
+MultiMenuItem.propTypes = import_props.itemProps;
+MultiMenuItem.defaultProps = import_props.defaultProps;
+const MultiMenuItemWithSchema = (0, import_react_desc.describe)(MultiMenuItem);
+MultiMenuItemWithSchema.propTypes = import_props.itemProps;
+module.exports = __toCommonJS(MultiMenuItem_exports);
+//# sourceMappingURL=MultiMenuItem.js.map

package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/MenuItem/components/MultiMenuItem/MultiMenuItem.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemContent } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst MultiMenuItem = (props: MenuItemT): JSX.Element => {\n  const {\n    dsId,\n    value,\n    label,\n    disabled,\n    isSelected,\n    isActive,\n    onClick,\n    isFocus,\n    innerRef,\n    onMouseEnter,\n    onMouseLeave,\n    onMouseDown,\n    wrapperStyles,\n    tabIndex,\n    render,\n  } = props;\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      disabled={disabled}\n      isActive={isActive}\n      isSelected={isSelected}\n      isFocus={isFocus}\n      onClick={onClick}\n      ref={innerRef}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      role=\"option\"\n      className={isActive ? 'ds-list-item-active' : ''}\n      aria-selected={isSelected}\n      style={wrapperStyles}\n      pr={render ? 0 : 40}\n      data-testid=\"combobox-option\"\n    >\n      <StyledItemContent>\n        {render ? (\n          render(props)\n        ) : (\n          <DSControlledCheckbox\n            tabIndex={tabIndex}\n            disabled={disabled}\n            checked={isSelected}\n            onMouseDown={onMouseDown}\n            name={value}\n            ariaLabel={label}\n            label={label}\n            id={value}\n            onChange={onClick}\n          />\n        )}\n      </StyledItemContent>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nMultiMenuItem.propTypes = itemProps;\nMultiMenuItem.defaultProps = defaultProps;\nconst MultiMenuItemWithSchema = describe(MultiMenuItem);\nMultiMenuItemWithSchema.propTypes = itemProps;\n\nexport { MultiMenuItem, MultiMenuItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,gCAAqC;AACrC,mBAAmD;AACnD,oBAAkC;AAClC,qBAA4C;AAE5C,MAAM,gBAAgB,CAAC,UAAkC;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,SACE,mDAAC,4CAAD;AAAA,IACE,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAK;AAAA,IACL,WAAW,WAAW,wBAAwB;AAAA,IAC9C,iBAAe;AAAA,IACf,OAAO;AAAA,IACP,IAAI,SAAS,IAAI;AAAA,IACjB,eAAY;AAAA,KAEZ,mDAAC,iCAAD,MACG,SACC,OAAO,SAEP,mDAAC,gDAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA,IAAI;AAAA,IACJ,UAAU;AAAA;AAAA;AAQtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,MAAM,0BAA0B,gCAAS;AACzC,wBAAwB,YAAY;",
+  "names": []
+}

package/cjs/MenuItem/components/MultiMenuItem/styled.js

@@ -1,15 +1,42 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledItemContent = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1stlix4-0"
-})(["display:flex;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;"]);
-
-exports.StyledItemContent = StyledItemContent;
+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 styled_exports = {};
+__export(styled_exports, {
+  StyledItemContent: () => StyledItemContent
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const StyledItemContent = import_styled_components.default.div`
+  display: flex;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  width: 100%;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/MenuItem/components/MultiMenuItem/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/MenuItem/components/MultiMenuItem/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledItemContent = styled.div`\n  display: flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/MenuItem/components/Section/index.js

@@ -1,38 +1,52 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var Grid = require('@elliemae/ds-grid');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var props = require('./props.js');
-var styled = require('./styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-
-const Section = props$1 => {
-  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
-  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, props.itemProps);
-  const {
-    label,
-    wrapperStyles,
-    innerRef,
-    render
-  } = props$1;
-  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledSectionWrapper, {
+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 Section_exports = {};
+__export(Section_exports, {
+  Section: () => Section
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_props = require("./props");
+var import_styled = require("./styled");
+const Section = (props) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_props.itemProps);
+  const { label, wrapperStyles, innerRef, render } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSectionWrapper, {
     style: wrapperStyles,
-    ref: innerRef,
-    children: render ? render(props$1) : /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {}, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledGroupLabel, {}, void 0, label))
-  });
+    ref: innerRef
+  }, render ? render(props) : /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledGroupLabel, null, label)));
 };
-
-const MenuSectionItemWithSchema = reactDesc.describe(Section);
-MenuSectionItemWithSchema.propTypes = props.itemProps;
-
-exports.Section = Section;
+Section.propTypes = import_props.itemProps;
+const MenuSectionItemWithSchema = (0, import_react_desc.describe)(Section);
+MenuSectionItemWithSchema.propTypes = import_props.itemProps;
+module.exports = __toCommonJS(Section_exports);
+//# sourceMappingURL=index.js.map

package/cjs/MenuItem/components/Section/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/MenuItem/components/Section/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuSectionItemT, defaultProps, itemProps } from './props';\nimport { StyledSectionWrapper, StyledGroupLabel } from './styled';\nconst Section = (props: MenuSectionItemT): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, itemProps);\n  const { label, wrapperStyles, innerRef, render } = props;\n  return (\n    <StyledSectionWrapper style={wrapperStyles} ref={innerRef}>\n      {render ? (\n        render(props)\n      ) : (\n        <Grid>\n          <StyledGroupLabel>{label}</StyledGroupLabel>\n        </Grid>\n      )}\n    </StyledSectionWrapper>\n  );\n};\n\nSection.propTypes = itemProps;\nconst MenuSectionItemWithSchema = describe(Section);\nMenuSectionItemWithSchema.propTypes = itemProps;\n\nexport { Section };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,qBAAqB;AACrB,8BAA6E;AAC7E,mBAA0D;AAC1D,oBAAuD;AACvD,MAAM,UAAU,CAAC,UAAyC;AACxD,QAAM,mBAAmB,0DAA6B,OAAO;AAE7D,8DAA+B,kBAAkB;AACjD,QAAM,EAAE,OAAO,eAAe,UAAU,WAAW;AACnD,SACE,mDAAC,oCAAD;AAAA,IAAsB,OAAO;AAAA,IAAe,KAAK;AAAA,KAC9C,SACC,OAAO,SAEP,mDAAC,qBAAD,MACE,mDAAC,gCAAD,MAAmB;AAAA;AAO7B,QAAQ,YAAY;AACpB,MAAM,4BAA4B,gCAAS;AAC3C,0BAA0B,YAAY;",
+  "names": []
+}

package/cjs/MenuItem/components/Section/props.js

@@ -1,16 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
+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 props_exports = {};
+__export(props_exports, {
+  defaultProps: () => defaultProps,
+  itemProps: () => itemProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
 const defaultProps = {
-  label: '',
+  label: "",
   wrapperStyles: {}
 };
 const itemProps = {
-  label: reactDesc.PropTypes.string.description('').defaultValue('')
+  label: import_react_desc.PropTypes.string.description("").defaultValue("")
 };
-
-exports.defaultProps = defaultProps;
-exports.itemProps = itemProps;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/cjs/MenuItem/components/Section/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/MenuItem/components/Section/props.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport interface MenuSectionItemT {\n  label: string;\n  wrapperStyles?: Record<string, unknown>;\n  innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n  render?: (props: MenuSectionItemT) => JSX.Element;\n}\n\nexport const defaultProps: MenuSectionItemT = {\n  label: '',\n  wrapperStyles: {},\n};\n\nexport const itemProps = {\n  label: PropTypes.string.description('').defaultValue(''),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AASnB,MAAM,eAAiC;AAAA,EAC5C,OAAO;AAAA,EACP,eAAe;AAAA;AAGV,MAAM,YAAY;AAAA,EACvB,OAAO,4BAAU,OAAO,YAAY,IAAI,aAAa;AAAA;",
+  "names": []
+}