@elliemae/ds-form 1.60.0 → 2.0.0-alpha.12

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

@@ -2,8 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+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 Grid = require('@elliemae/ds-grid');
@@ -12,81 +18,77 @@ var Ellipsis = require('@elliemae/ds-icons/MoreOptionsVert');
 var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
 var dsDropdownmenu = require('@elliemae/ds-dropdownmenu');
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var MenuItem_props = require('../../props.js');
-var MenuItem_components_SubmenuItem_styled = require('./styled.js');
-var MenuItem_components_styled = require('../styled.js');
-require('lodash');
-require('styled-components');
-require('styled-system');
+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);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var Ellipsis__default = /*#__PURE__*/_interopDefaultLegacy(Ellipsis);
 var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
 
+var _Ellipsis, _ChevronRight;
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var SubmenuItem = function SubmenuItem(props) {
-  var propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, MenuItem_props.defaultProps);
-  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, SubmenuItemWithSchema.toTypescript());
-  var dsId = propsWithDefault.dsId,
-      label = propsWithDefault.label,
-      isSelected = propsWithDefault.isSelected,
-      isActive = propsWithDefault.isActive,
-      _onClick = propsWithDefault.onClick,
-      isFocus = propsWithDefault.isFocus,
-      rightAddon = propsWithDefault.rightAddon,
-      options = propsWithDefault.options,
-      selectedOptions = propsWithDefault.selectedOptions,
-      innerRef = propsWithDefault.innerRef,
-      onMouseEnter = propsWithDefault.onMouseEnter,
-      onMouseLeave = propsWithDefault.onMouseLeave,
-      onKeyDown = propsWithDefault.onKeyDown,
-      onOptionClick = propsWithDefault.onOptionClick,
-      onClickOutside = propsWithDefault.onClickOutside,
-      wrapperStyles = propsWithDefault.wrapperStyles,
-      minWidth = propsWithDefault.minWidth,
-      maxHeight = propsWithDefault.maxHeight,
-      render = propsWithDefault.render; // If we don't delay the opening of the poppers, the position will not be placed correctly
+const SubmenuItem = props$1 => {
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, props.itemProps);
+  const {
+    dsId,
+    label,
+    isSelected,
+    isActive,
+    onClick,
+    isFocus,
+    rightAddon,
+    options,
+    selectedOptions,
+    innerRef,
+    onMouseEnter,
+    onMouseLeave,
+    onKeyDown,
+    onOptionClick,
+    onClickOutside,
+    wrapperStyles,
+    minWidth,
+    maxHeight,
+    render
+  } = propsWithDefault; // If we don't delay the opening of the poppers, the position will not be placed correctly
   // That why we delay it for the next render using the useEffect hook
 
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      delayedIsOpened = _useState2[0],
-      setDelayedIsOpened = _useState2[1];
-
-  React.useEffect(function () {
+  const [delayedIsOpened, setDelayedIsOpened] = React.useState(false);
+  React.useEffect(() => {
     setDelayedIsOpened(isSelected);
   }, [isSelected]);
-  var timeoutRef = React.useRef(null);
-  var onMouseEnterHandler = React.useCallback(function (e) {
+  const timeoutRef = React.useRef(null);
+  const onMouseEnterHandler = React.useCallback(e => {
     if (rightAddon !== 'ellipsis') {
-      if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);else if (!isSelected) _onClick(e);
+      if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);else if (!isSelected) onClick(e);
       timeoutRef.current = null;
     }
 
     if (e.target) onMouseEnter(e);
-  }, [isSelected, _onClick, onMouseEnter, rightAddon]);
-  var onMouseLeaveHandler = React.useCallback(function (e) {
+  }, [isSelected, onClick, onMouseEnter, rightAddon]);
+  const onMouseLeaveHandler = React.useCallback(e => {
     if (rightAddon !== 'ellipsis') {
       if (timeoutRef.current === null) {
-        timeoutRef.current = setTimeout(function () {
+        timeoutRef.current = setTimeout(() => {
           timeoutRef.current = null;
-
-          _onClick(e);
+          onClick(e);
         }, 300);
       }
     }
 
     onMouseLeave(e);
-  }, [_onClick, onMouseLeave, rightAddon]);
-  return /*#__PURE__*/React__default['default'].createElement(dsDropdownmenu.DSDropdownMenuV2, {
+  }, [onClick, onMouseLeave, rightAddon]);
+  return /*#__PURE__*/_jsx__default["default"](dsDropdownmenu.DSDropdownMenuV2, {
     isOpened: delayedIsOpened,
     options: options,
     onOptionClick: onOptionClick,
@@ -103,7 +105,7 @@ var SubmenuItem = function SubmenuItem(props) {
     }),
     minWidth: minWidth,
     maxHeight: maxHeight
-  }, /*#__PURE__*/React__default['default'].createElement(MenuItem_components_styled.StyledSubmenuItemWrapper, {
+  }, void 0, /*#__PURE__*/jsxRuntime.jsxs(styled.StyledSubmenuItemWrapper, {
     "aria-selected": isSelected,
     pr: 0,
     id: dsId,
@@ -111,32 +113,30 @@ var SubmenuItem = function SubmenuItem(props) {
     isSelected: isSelected,
     isActive: isActive,
     isFocus: isFocus,
-    onClick: _onClick,
+    onClick: onClick,
     ref: innerRef,
     onMouseEnter: onMouseEnterHandler,
     onMouseLeave: onMouseLeaveHandler,
-    "aria-describedby": "dropdownmenu-submenu-".concat(dsId)
-  }, render ? render(props) : /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
-    cols: ['auto', 'min-content']
-  }, /*#__PURE__*/React__default['default'].createElement(MenuItem_components_SubmenuItem_styled.StyledItemLabel, null, label), /*#__PURE__*/React__default['default'].createElement(DSButton.DSButtonV2, {
-    buttonType: "icon",
-    onClick: function onClick(e) {
-      e.stopPropagation();
-
-      _onClick(e);
-    }
-  }, rightAddon === 'ellipsis' ? /*#__PURE__*/React__default['default'].createElement(Ellipsis__default['default'], null) : /*#__PURE__*/React__default['default'].createElement(ChevronRight__default['default'], null))), /*#__PURE__*/React__default['default'].createElement("span", {
-    id: "dropdownmenu-submenu-".concat(dsId),
-    style: {
-      display: 'none'
-    }
-  }, "Submenu. To open this submenu press the Right Arrow key.")));
+    "aria-describedby": "dropdownmenu-submenu-".concat(dsId),
+    children: [render ? render(props$1) : /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
+      cols: ['auto', 'min-content']
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled$1.StyledItemLabel, {}, void 0, label), /*#__PURE__*/_jsx__default["default"](DSButton.DSButtonV2, {
+      buttonType: "icon",
+      onClick: e => {
+        e.stopPropagation();
+        onClick(e);
+      }
+    }, void 0, rightAddon === 'ellipsis' ? _Ellipsis || (_Ellipsis = /*#__PURE__*/_jsx__default["default"](Ellipsis__default["default"], {})) : _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx__default["default"](ChevronRight__default["default"], {})))), /*#__PURE__*/_jsx__default["default"]("span", {
+      id: "dropdownmenu-submenu-".concat(dsId),
+      style: {
+        display: 'none'
+      }
+    }, void 0, "Submenu. To open this submenu press the Right Arrow key.")]
+  }));
 };
 
-SubmenuItem.propTypes = MenuItem_props.itemProps;
-var SubmenuItemWithSchema = reactDesc.describe(SubmenuItem);
-SubmenuItemWithSchema.propTypes = MenuItem_props.itemProps;
+const SubmenuItemWithSchema = reactDesc.describe(SubmenuItem);
+SubmenuItemWithSchema.propTypes = props.itemProps;
 
 exports.SubmenuItem = SubmenuItem;
 exports.SubmenuItemWithSchema = SubmenuItemWithSchema;
-//# sourceMappingURL=index.js.map

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

@@ -3,22 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var MenuItem_components_styled = require('../styled.js');
-require('styled-system');
+var styled$1 = require('../styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledItemWrapper = /*#__PURE__*/styled__default['default'](MenuItem_components_styled.StyledGlobalMenuItemWrapper).withConfig({
+const StyledItemWrapper = /*#__PURE__*/styled__default["default"](styled$1.StyledGlobalMenuItemWrapper).withConfig({
   componentId: "sc-1kei8ft-0"
-})(["background-color:", " !important;"], function (props) {
-  return props.isSelected ? props.theme.colors.brand[200] : 'white';
-});
-var StyledItemLabel = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["background-color:", " !important;"], props => props.isSelected ? props.theme.colors.brand[200] : 'white');
+const StyledItemLabel = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1kei8ft-1"
 })(["display:grid;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;"]);
 
 exports.StyledItemLabel = StyledItemLabel;
 exports.StyledItemWrapper = StyledItemWrapper;
-//# sourceMappingURL=styled.js.map

package/cjs/MenuItem/components/index.js

@@ -2,47 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MenuItem_components_SingleMenuItem_SingleMenuItem = require('./SingleMenuItem/SingleMenuItem.js');
-var MenuItem_components_MultiMenuItem_MultiMenuItem = require('./MultiMenuItem/MultiMenuItem.js');
-var MenuItem_components_MenuItem_index = require('./MenuItem/index.js');
-var MenuItem_components_SubmenuItem_index = require('./SubmenuItem/index.js');
-var MenuItem_components_Section_index = require('./Section/index.js');
-var MenuItem_components_Separator_index = require('./Separator/index.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-truncated-tooltip-text');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-grid');
-require('../props.js');
-require('lodash');
-require('./SingleMenuItem/styled.js');
-require('styled-components');
-require('./styled.js');
-require('styled-system');
-require('@elliemae/ds-controlled-form');
-require('./MultiMenuItem/styled.js');
-require('@elliemae/ds-props-helpers');
-require('./MenuItem/styled.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons/MoreOptionsVert');
-require('@elliemae/ds-icons/ChevronRight');
-require('@elliemae/ds-dropdownmenu');
-require('./SubmenuItem/styled.js');
-require('./Section/props.js');
-require('./Section/styled.js');
-require('./Separator/styled.js');
+var SingleMenuItem = require('./SingleMenuItem/SingleMenuItem.js');
+var MultiMenuItem = require('./MultiMenuItem/MultiMenuItem.js');
+var index = require('./MenuItem/index.js');
+var index$1 = require('./SubmenuItem/index.js');
+var index$2 = require('./Section/index.js');
+var index$3 = require('./Separator/index.js');
 
 
 
-exports.SingleMenuItem = MenuItem_components_SingleMenuItem_SingleMenuItem.SingleMenuItem;
-exports.MultiMenuItem = MenuItem_components_MultiMenuItem_MultiMenuItem.MultiMenuItem;
-exports.MultiMenuItemWithSchema = MenuItem_components_MultiMenuItem_MultiMenuItem.MultiMenuItemWithSchema;
-exports.MenuItem = MenuItem_components_MenuItem_index.MenuItem;
-exports.MenuItemWithSchema = MenuItem_components_MenuItem_index.MenuItemWithSchema;
-exports.SubmenuItem = MenuItem_components_SubmenuItem_index.SubmenuItem;
-exports.SubmenuItemWithSchema = MenuItem_components_SubmenuItem_index.SubmenuItemWithSchema;
-exports.Section = MenuItem_components_Section_index.Section;
-exports.Separator = MenuItem_components_Separator_index.Separator;
-//# sourceMappingURL=index.js.map
+exports.SingleMenuItem = SingleMenuItem.SingleMenuItem;
+exports.MultiMenuItem = MultiMenuItem.MultiMenuItem;
+exports.MultiMenuItemWithSchema = MultiMenuItem.MultiMenuItemWithSchema;
+exports.MenuItem = index.MenuItem;
+exports.MenuItemWithSchema = index.MenuItemWithSchema;
+exports.SubmenuItem = index$1.SubmenuItem;
+exports.SubmenuItemWithSchema = index$1.SubmenuItemWithSchema;
+exports.Section = index$2.Section;
+exports.Separator = index$3.Separator;

package/cjs/MenuItem/components/styled.js

@@ -2,51 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var styled = require('styled-components');
+var dsSystem = require('@elliemae/ds-system');
 var styledSystem = require('styled-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var borderOutside = function borderOutside(color) {
-  var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  return styled.css([":after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:", "px solid ", ";pointer-events:none;z-index:7;}"], width, color);
-};
+var _templateObject, _templateObject2;
 
-var activeBorderCss = function activeBorderCss(props) {
-  return borderOutside(props.theme.colors.brand[500]);
+const borderOutside = function (color) {
+  let width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  return dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  :after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: ", "px solid ", ";\n    pointer-events: none;\n    z-index: 7;\n  }\n"])), width, color);
 };
 
-var focusBorderCss = function focusBorderCss(props) {
-  return borderOutside(props.theme.colors.brand[700], 2);
-};
+const disabledOption = () => dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n  cursor: not-allowed;\n  * {\n    cursor: not-allowed;\n  }\n"])));
+
+const activeBorderCss = props => borderOutside(props.theme.colors.brand[500]);
+
+const focusBorderCss = props => borderOutside(props.theme.colors.brand[700], 2);
 
-var StyledGlobalMenuItemWrapper = /*#__PURE__*/styled__default['default'].li.withConfig({
+const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled__default["default"].li.withConfig({
   componentId: "sc-jyoobd-0"
-})(["cursor:pointer;height:32px;padding-left:16px;padding-right:40px;display:grid;align-items:center;list-style:none;position:relative;", " ", " ", " ", ";background-color:", ";&:hover{background-color:", ";}"], styledSystem.position, styledSystem.layout, styledSystem.space, function (props) {
+})(["cursor:pointer;height:32px;padding-left:16px;padding-right:16px;display:grid;align-items:center;list-style:none;position:relative;", " ", " ", ";background-color:", ";&:hover{background-color:", ";}"], styledSystem.position, styledSystem.layout, props => {
+  if (props.disabled) return disabledOption();
   if (props.isFocus) return focusBorderCss(props);
   if (props.isActive) return activeBorderCss(props);
   return '';
-}, function (props) {
-  return props.isActive ? props.theme.colors.brand[200] : 'white';
-}, function (props) {
-  return props.theme.colors.brand[200];
-});
-var StyledMenuItemWrapper = /*#__PURE__*/styled__default['default'](StyledGlobalMenuItemWrapper).withConfig({
+}, props => props.isActive ? props.theme.colors.brand[200] : 'white', props => !props.disabled && props.theme.colors.brand[200]);
+const StyledMenuItemWrapper = /*#__PURE__*/styled__default["default"](StyledGlobalMenuItemWrapper).withConfig({
   componentId: "sc-jyoobd-1"
-})(["background-color:", " !important;", ";"], function (props) {
-  return props.isSelected ? props.theme.colors.brand[200] : 'white';
-}, function (props) {
-  return props.isSelected && !props.isFocus ? activeBorderCss(props) : '';
-});
-var StyledSubmenuItemWrapper = /*#__PURE__*/styled__default['default'](StyledGlobalMenuItemWrapper).withConfig({
+})(["background-color:", " !important;cursor:", ";", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.disabled && 'not-allowed', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
+const StyledSubmenuItemWrapper = /*#__PURE__*/styled__default["default"](StyledGlobalMenuItemWrapper).withConfig({
   componentId: "sc-jyoobd-2"
-})(["", ";padding-right:0;"], function (props) {
-  return props.isSelected || props.isActive ? activeBorderCss(props) : '';
-});
+})(["", ";padding-right:0;"], props => props.isSelected || props.isActive ? activeBorderCss(props) : '');
 
 exports.StyledGlobalMenuItemWrapper = StyledGlobalMenuItemWrapper;
 exports.StyledMenuItemWrapper = StyledMenuItemWrapper;
 exports.StyledSubmenuItemWrapper = StyledSubmenuItemWrapper;
-//# sourceMappingURL=styled.js.map

package/cjs/MenuItem/index.js

@@ -2,47 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MenuItem_components_SingleMenuItem_SingleMenuItem = require('./components/SingleMenuItem/SingleMenuItem.js');
-var MenuItem_components_MultiMenuItem_MultiMenuItem = require('./components/MultiMenuItem/MultiMenuItem.js');
-var MenuItem_components_MenuItem_index = require('./components/MenuItem/index.js');
-var MenuItem_components_SubmenuItem_index = require('./components/SubmenuItem/index.js');
-var MenuItem_components_Section_index = require('./components/Section/index.js');
-var MenuItem_components_Separator_index = require('./components/Separator/index.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-truncated-tooltip-text');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-grid');
-require('./props.js');
-require('lodash');
-require('./components/SingleMenuItem/styled.js');
-require('styled-components');
-require('./components/styled.js');
-require('styled-system');
-require('@elliemae/ds-controlled-form');
-require('./components/MultiMenuItem/styled.js');
-require('@elliemae/ds-props-helpers');
-require('./components/MenuItem/styled.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons/MoreOptionsVert');
-require('@elliemae/ds-icons/ChevronRight');
-require('@elliemae/ds-dropdownmenu');
-require('./components/SubmenuItem/styled.js');
-require('./components/Section/props.js');
-require('./components/Section/styled.js');
-require('./components/Separator/styled.js');
+var SingleMenuItem = require('./components/SingleMenuItem/SingleMenuItem.js');
+var MultiMenuItem = require('./components/MultiMenuItem/MultiMenuItem.js');
+var index = require('./components/MenuItem/index.js');
+var index$1 = require('./components/SubmenuItem/index.js');
+var index$2 = require('./components/Section/index.js');
+var index$3 = require('./components/Separator/index.js');
 
 
 
-exports.SingleMenuItem = MenuItem_components_SingleMenuItem_SingleMenuItem.SingleMenuItem;
-exports.MultiMenuItem = MenuItem_components_MultiMenuItem_MultiMenuItem.MultiMenuItem;
-exports.MultiMenuItemWithSchema = MenuItem_components_MultiMenuItem_MultiMenuItem.MultiMenuItemWithSchema;
-exports.MenuItem = MenuItem_components_MenuItem_index.MenuItem;
-exports.MenuItemWithSchema = MenuItem_components_MenuItem_index.MenuItemWithSchema;
-exports.SubmenuItem = MenuItem_components_SubmenuItem_index.SubmenuItem;
-exports.SubmenuItemWithSchema = MenuItem_components_SubmenuItem_index.SubmenuItemWithSchema;
-exports.Section = MenuItem_components_Section_index.Section;
-exports.Separator = MenuItem_components_Separator_index.Separator;
-//# sourceMappingURL=index.js.map
+exports.SingleMenuItem = SingleMenuItem.SingleMenuItem;
+exports.MultiMenuItem = MultiMenuItem.MultiMenuItem;
+exports.MultiMenuItemWithSchema = MultiMenuItem.MultiMenuItemWithSchema;
+exports.MenuItem = index.MenuItem;
+exports.MenuItemWithSchema = index.MenuItemWithSchema;
+exports.SubmenuItem = index$1.SubmenuItem;
+exports.SubmenuItemWithSchema = index$1.SubmenuItemWithSchema;
+exports.Section = index$2.Section;
+exports.Separator = index$3.Separator;

package/cjs/MenuItem/props.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var lodash = require('lodash');
 var reactDesc = require('react-desc');
 
-var defaultProps = {
+const defaultProps = {
   dsId: '',
   value: '',
   label: '',
@@ -19,11 +19,10 @@ var defaultProps = {
   withVirtualization: false,
   dataTestid: 'ds-menu-item'
 };
-var itemProps = {
+const itemProps = {
   value: reactDesc.PropTypes.any.description('').defaultValue(''),
   label: reactDesc.PropTypes.string.description('').defaultValue('')
 };
 
 exports.defaultProps = defaultProps;
 exports.itemProps = itemProps;
-//# sourceMappingURL=props.js.map

package/cjs/Radio/Circle.js

@@ -1,20 +1,23 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsSystem = require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var Circle = function Circle(_ref) {
-  var checked = _ref.checked,
-      theme = _ref.theme;
-  var r = theme.breakpoints.medium.split('px')[0] - window.innerWidth >= 0 ? 6 : 4;
-  return /*#__PURE__*/React__default['default'].createElement("svg", {
+const Circle = _ref => {
+  let {
+    checked,
+    theme
+  } = _ref;
+  const r = theme.breakpoints.medium.split('px')[0] - window.innerWidth >= 0 ? 6 : 4;
+  return /*#__PURE__*/_jsx__default["default"]("svg", {
     width: "100%",
     height: "100%"
-  }, /*#__PURE__*/React__default['default'].createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: checked ? 'checked' : 'unchecked',
     r: r,
     cx: "50%",
@@ -25,4 +28,3 @@ var Circle = function Circle(_ref) {
 var Circle$1 = dsSystem.withTheme(Circle);
 
 module.exports = Circle$1;
-//# sourceMappingURL=Circle.js.map