@elliemae/ds-menu 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/Menu.js

@@ -5,6 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.js');
+require('core-js/modules/esnext.async-iterator.constructor.js');
+require('core-js/modules/esnext.async-iterator.to-array.js');
+require('core-js/modules/esnext.iterator.to-array.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.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');
@@ -39,19 +51,22 @@ const _excluded = ["containerProps", "innerRef", "as", "children", "onClickOutsi
 
 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; }
 const RESPONSIVE_HEIHGT_MARGIN = 120;
 const blockName = 'menu';
 
 const noop = () => {};
 
-const MenuComponent = dsClassnames.aggregatedClasses('div')(blockName, '', ({
-  menuComboBox,
-  type
-}) => ({
-  'menu-combo-box': menuComboBox,
-  [`type-${type}`]: type
-}));
+const MenuComponent = dsClassnames.aggregatedClasses('div')(blockName, '', _ref => {
+  let {
+    menuComboBox,
+    type
+  } = _ref;
+  return {
+    'menu-combo-box': menuComboBox,
+    ["type-".concat(type)]: type
+  };
+});
 /**
  * todo: -- IDEA -- each menu could have an overlay based on an overlay stack context so we can
  * capture the context of the clicks on very nested components
@@ -59,7 +74,7 @@ const MenuComponent = dsClassnames.aggregatedClasses('div')(blockName, '', ({
 
 const isChildOfType = (child, type) => child.type.name === type;
 
-function DSMenu(_ref) {
+function DSMenu(_ref2) {
   let {
     containerProps = {},
     innerRef,
@@ -75,8 +90,8 @@ function DSMenu(_ref) {
     maxWidth = undefined,
     closeMenu,
     responsiveHeight = false
-  } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   const menuRef = React.useRef(null);
   const {
@@ -87,12 +102,12 @@ function DSMenu(_ref) {
     visible,
     style
   }),
-        hiddenProps = _objectWithoutProperties__default['default'](_useHiddenTransition, _excluded2); // force no addon to the children if the menu doesn't have any item with leftAddon like SelectionGroup
+        hiddenProps = _objectWithoutProperties__default["default"](_useHiddenTransition, _excluded2); // force no addon to the children if the menu doesn't have any item with leftAddon like SelectionGroup
 
 
   const nextChildren = React.useMemo(() => {
-    const forceLeftAddon = React__default['default'].Children.toArray(children).some(child => isChildOfType(child, 'SelectionGroup') || isChildOfType(child, 'MenuItemCheckbox') || isChildOfType(child, 'MenuItemRadio') || child.props.leftAddon);
-    return React__default['default'].Children.map(children, child => child && /*#__PURE__*/React__default['default'].cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
+    const forceLeftAddon = React__default["default"].Children.toArray(children).some(child => isChildOfType(child, 'SelectionGroup') || isChildOfType(child, 'MenuItemCheckbox') || isChildOfType(child, 'MenuItemRadio') || child.props.leftAddon);
+    return React__default["default"].Children.map(children, child => child && /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
       noAddon: !forceLeftAddon ? true : undefined,
       maxOption,
       closeMenu
@@ -107,7 +122,7 @@ function DSMenu(_ref) {
     }
   }, [visible, focusOnOpen]); // todo: find out a better approach to this
 
-  return !hiddenProps.destroyed ? /*#__PURE__*/_jsx__default['default'](MenuContext.Provider, {
+  return !hiddenProps.destroyed ? /*#__PURE__*/_jsx__default["default"](MenuContext.Provider, {
     value: {
       visible,
       closeMenu
@@ -122,14 +137,14 @@ function DSMenu(_ref) {
     innerRef: system.mergeRefs(innerRef, menuRef),
     role: "menu"
   }, lodash.omit(otherProps, ['scheduleUpdate'])), hiddenProps), {}, {
-    children: /*#__PURE__*/_jsx__default['default']("div", {
+    children: /*#__PURE__*/_jsx__default["default"]("div", {
       className: "menu-component-internal-wrapper",
       style: _objectSpread(_objectSpread({}, style), {}, {
         minWidth,
         maxWidth
       }, responsiveHeight ? {
         overflowY: 'scroll',
-        maxHeight: responsiveHeight ? `${window.innerHeight - RESPONSIVE_HEIHGT_MARGIN}px` : undefined
+        maxHeight: responsiveHeight ? "".concat(window.innerHeight - RESPONSIVE_HEIHGT_MARGIN, "px") : undefined
       } : {})
     }, void 0, nextChildren)
   }))) : null;
@@ -163,18 +178,18 @@ const props = {
 const DSMenuWithSchema = reactDesc.describe(DSMenu);
 DSMenuWithSchema.propTypes = props; // todo: add a handler to get this kind of exports for documentation
 
-Menu.Item = MenuItem['default'];
+Menu.Item = MenuItem["default"];
 Menu.ItemCheckbox = MenuItemCheckbox;
-Menu.ItemRadio = MenuItemRadio['default'];
-Menu.SubMenu = SubMenu['default'];
-Menu.Separator = Separator['default'];
-Menu.CheckboxGroup = CheckboxGroup['default'];
-Menu.RadioGroup = RadioGroup['default'];
-Menu.SearchableGroup = SearchableGroup['default'];
-Menu.SelectionGroup = SelectionGroup['default'];
+Menu.ItemRadio = MenuItemRadio["default"];
+Menu.SubMenu = SubMenu["default"];
+Menu.Separator = Separator["default"];
+Menu.CheckboxGroup = CheckboxGroup["default"];
+Menu.RadioGroup = RadioGroup["default"];
+Menu.SearchableGroup = SearchableGroup["default"];
+Menu.SelectionGroup = SelectionGroup["default"];
 
 exports.menuItemFactory = menuItemFactory.menuItemFactory;
 exports.renderMenuItems = menuItemFactory.renderMenuItems;
 exports.DSMenuWithSchema = DSMenuWithSchema;
 exports.Menu = Menu;
-exports['default'] = Menu;
+exports["default"] = Menu;

package/cjs/MenuCombobox.js

@@ -1,5 +1,10 @@
 'use strict';
 
+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');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -18,7 +23,7 @@ const _excluded = ["dropdownFilterOptions", "options", "onSelectMenuItem", "inne
 
 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; }
 
 function MenuCombobox(_ref) {
   let {
@@ -29,7 +34,7 @@ function MenuCombobox(_ref) {
     maxOptions = 10,
     loading = false
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsx(Menu.Menu, _objectSpread(_objectSpread({}, rest), {}, {
     classProps: {
@@ -37,7 +42,7 @@ function MenuCombobox(_ref) {
     },
     innerRef: innerRef,
     visible: true,
-    children: /*#__PURE__*/_jsx__default['default'](SearchableList['default'], {
+    children: /*#__PURE__*/_jsx__default["default"](SearchableList["default"], {
       appendTermInList: true,
       extraListProps: dropdownFilterOptions,
       items: options,

package/cjs/MenuContext.js

@@ -6,6 +6,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var MenuContext = /*#__PURE__*/React__default['default'].createContext();
+var MenuContext = /*#__PURE__*/React__default["default"].createContext();
 
 module.exports = MenuContext;

package/cjs/MenuItems/CheckboxGroup.js

@@ -2,6 +2,11 @@
 
 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');
@@ -15,10 +20,10 @@ var CheckableGroup__default = /*#__PURE__*/_interopDefaultLegacy(CheckableGroup)
 
 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; }
 
 function CheckboxGroup(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(CheckableGroup__default['default'], _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(CheckableGroup__default["default"], _objectSpread(_objectSpread({}, props), {}, {
     multi: true
   }));
 }
@@ -37,4 +42,4 @@ const DSMenuCheckboxGroupWithSchema = reactDesc.describe(CheckboxGroup);
 DSMenuCheckboxGroupWithSchema.propTypes = props;
 
 exports.DSMenuCheckboxGroupWithSchema = DSMenuCheckboxGroupWithSchema;
-exports['default'] = CheckboxGroup;
+exports["default"] = CheckboxGroup;

package/cjs/MenuItems/MenuItem.js

@@ -5,13 +5,20 @@ 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 system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
-var utils = require('@elliemae/ds-utilities/utils');
 var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var menuItemFactory = require('./menuItemFactory.js');
 var SubMenu = require('./SubMenu.js');
@@ -29,21 +36,24 @@ const _excluded = ["innerRef", "as", "role", "leftAddon", "rightAddon", "disable
 
 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; }
 
 const noop = () => null;
 
 const blockName = 'menu-item';
 const Content = dsClassnames.aggregatedClasses('div')(blockName, 'content');
-const Addon = dsClassnames.aggregatedClasses('div')(blockName, 'addon', ({
-  empty,
-  fixedItem
-}) => ({
-  empty,
-  fixedItem
-}));
-
-const renderAddon = (addon, fixedItem, addonId) => /*#__PURE__*/_jsx__default['default'](Addon, {
+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
   }
@@ -51,21 +61,25 @@ const renderAddon = (addon, fixedItem, addonId) => /*#__PURE__*/_jsx__default['d
 
 const renderAddons = (addons, fixedItem) => Array.isArray(addons) ? addons.map(renderAddon) : renderAddon(addons, fixedItem);
 
-const Wrapper = dsClassnames.aggregatedClasses('li')(blockName, null, ({
-  disabled,
-  disabledAddonInactive,
-  customRenderer,
-  fixedItem,
-  type
-}) => ({
-  disabled,
-  disabledAddonInactive,
-  customRenderer,
-  fixedItem,
-  [`menu-type-${type}`]: type
-}));
-
-const calculateSize = (length = 0) => {
+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
+  };
+});
+
+const calculateSize = function () {
+  let length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   if (length > 45) return 45 * 7;
   return length * 7;
 };
@@ -90,14 +104,14 @@ function MenuItem(props) {
     closeMenu,
     style
   } = props,
-        otherProps = _objectWithoutProperties__default['default'](props, _excluded);
+        otherProps = _objectWithoutProperties__default["default"](props, _excluded);
 
   const menuCxt = React.useContext(MenuContext);
   const ref = React.useRef(null);
   FocusGroup.useFocusGroupItem(ref);
 
   if (otherProps.subItems) {
-    return /*#__PURE__*/jsxRuntime.jsx(SubMenu['default'], _objectSpread(_objectSpread({}, props), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(SubMenu["default"], _objectSpread(_objectSpread({}, props), {}, {
       closeMenu: menuCxt.closeMenu,
       children: menuItemFactory.renderMenuItems(otherProps.subItems)
     }));
@@ -105,11 +119,11 @@ function MenuItem(props) {
 
   const wrapperProps = React.useMemo(() => lodash.omit(otherProps, ['icon']), [otherProps]);
 
-  const onClick = (...args) => {
-    if (wrapperProps.onClick) wrapperProps.onClick(...args);
+  const onClick = function () {
+    if (wrapperProps.onClick) wrapperProps.onClick(...arguments);
 
     if (wrapperProps.closeOnClick && menuCxt.closeMenu) {
-      menuCxt.closeMenu(...args);
+      menuCxt.closeMenu(...arguments);
     }
   };
 
@@ -123,8 +137,8 @@ function MenuItem(props) {
       type: otherProps.type
     },
     id: otherProps.id,
-    innerRef: otherProps.type !== 'disabled' ? system.mergeRefs(innerRef, ref) : innerRef,
-    onKeyDown: !fixedItem && utils.runAll(e => {
+    innerRef: otherProps.type !== 'disabled' ? dsUtilities.mergeRefs(innerRef, ref) : innerRef,
+    onKeyDown: !fixedItem && dsUtilities.runAll(e => {
       if (e.key === ' ' || e.key === 'Enter') {
         e.preventDefault();
         e.target.dispatchEvent(new MouseEvent('click', {
@@ -139,12 +153,12 @@ function MenuItem(props) {
     tabIndex: tabIndex
   }, wrapperProps), {}, {
     onClick: onClick,
-    children: [!noAddon && renderAddons(leftAddon, fixedItem), label && /*#__PURE__*/_jsx__default['default'](Content, {
+    children: [!noAddon && renderAddons(leftAddon, fixedItem), label && /*#__PURE__*/_jsx__default["default"](Content, {
       style: maxOption > 0 ? {
-        width: `${calculateSize(maxOption)}px`,
-        maxWidth: `${calculateSize(maxOption)}px`
+        width: "".concat(calculateSize(maxOption), "px"),
+        maxWidth: "".concat(calculateSize(maxOption), "px")
       } : undefined
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
       value: label
     })), customRenderer, rightAddon && renderAddons(rightAddon), children]
   }));
@@ -186,4 +200,4 @@ const DSMenuItemWithSchema = reactDesc.describe(MenuItem);
 DSMenuItemWithSchema.propTypes = props;
 
 exports.DSMenuItemWithSchema = DSMenuItemWithSchema;
-exports['default'] = MenuItem;
+exports["default"] = MenuItem;

package/cjs/MenuItems/MenuItemCheckable.js

@@ -2,13 +2,18 @@
 
 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');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
 var reactDesc = require('react-desc');
-var Checkmark = require('@elliemae/ds-icons/Checkmark');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsIcons = require('@elliemae/ds-icons');
+var dsUtilities = require('@elliemae/ds-utilities');
 var MenuItem = require('./MenuItem.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -17,7 +22,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var Checkmark__default = /*#__PURE__*/_interopDefaultLegacy(Checkmark);
 
 var _div;
 
@@ -25,11 +29,12 @@ const _excluded = ["role", "checked", "name", "checkIcon", "children", "leftAddo
 
 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; }
 
-function useCheckable({
-  checked
-}) {
+function useCheckable(_ref) {
+  let {
+    checked
+  } = _ref;
   return {
     checked,
     'aria-checked': checked
@@ -49,37 +54,37 @@ function useCheckable({
  */
 
 
-function MenuItemCheckable(_ref) {
+function MenuItemCheckable(_ref2) {
   let {
     role = 'menuitemcheckbox',
     checked = false,
     name = '',
-    checkIcon = /*#__PURE__*/_jsx__default['default'](Checkmark__default['default'], {
+    checkIcon = /*#__PURE__*/_jsx__default["default"](dsIcons.Checkmark, {
       color: ['brand-primary', 600]
     }),
     // eslint-disable-next-line react/prop-types
     children,
     leftAddon,
     item = undefined
-  } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   const checkableProps = useCheckable({
     checked,
     name
   });
 
-  const handleClick = () => utils.runAll(otherProps.onClick, checkableProps.onClick)({
+  const handleClick = () => dsUtilities.runAll(otherProps.onClick, checkableProps.onClick)({
     target: {
       value: name,
       checked
     }
   }, item);
 
-  const checkAddon = leftAddon || (checkableProps.checked ? /*#__PURE__*/_jsx__default['default']("div", {
+  const checkAddon = leftAddon || (checkableProps.checked ? /*#__PURE__*/_jsx__default["default"]("div", {
     className: "checkable-mark"
-  }, void 0, checkIcon) : _div || (_div = /*#__PURE__*/_jsx__default['default']("div", {})));
-  return /*#__PURE__*/jsxRuntime.jsx(MenuItem['default'], _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, item), otherProps), checkableProps), {}, {
+  }, void 0, checkIcon) : _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})));
+  return /*#__PURE__*/jsxRuntime.jsx(MenuItem["default"], _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, item), otherProps), checkableProps), {}, {
     customRenderer: item && item.customRenderer ? item.customRenderer : () => {},
     items: otherProps.subItems,
     leftAddon: checkAddon,
@@ -111,4 +116,4 @@ const DSMenuItemCheckeableWithSchema = reactDesc.describe(MenuItemCheckable);
 DSMenuItemCheckeableWithSchema.propTypes = props;
 
 exports.DSMenuItemCheckeableWithSchema = DSMenuItemCheckeableWithSchema;
-exports['default'] = MenuItemCheckable;
+exports["default"] = MenuItemCheckable;

package/cjs/MenuItems/MenuItemCheckbox.js

@@ -1,10 +1,15 @@
 'use strict';
 
+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');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
-var DSCheckbox = require('@elliemae/ds-form/Checkbox');
+var dsForm = require('@elliemae/ds-form');
 var MenuItemCheckable = require('./MenuItemCheckable.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -13,22 +18,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
 
 const _excluded = ["checked"];
 
 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; }
 
 function MenuItemCheckbox(_ref) {
   let {
     checked
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/jsxRuntime.jsx(MenuItemCheckable['default'], _objectSpread(_objectSpread({}, rest), {}, {
-    leftAddon: /*#__PURE__*/_jsx__default['default'](DSCheckbox__default['default'], {
+  return /*#__PURE__*/jsxRuntime.jsx(MenuItemCheckable["default"], _objectSpread(_objectSpread({}, rest), {}, {
+    leftAddon: /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
       checked: checked
     }),
     role: "menuitemcheckbox"

package/cjs/MenuItems/MenuItemRadio.js

@@ -2,6 +2,11 @@
 
 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');
@@ -14,10 +19,10 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
 
 function MenuItemRadio(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(MenuItemCheckable['default'], _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(MenuItemCheckable["default"], _objectSpread(_objectSpread({}, props), {}, {
     role: "menuitemradio"
   }));
 }
@@ -29,8 +34,8 @@ const props = {
   /** A custom item when the item is checked */
   checkIcon: reactDesc.PropTypes.element.description('A custom item when the item is checked')
 };
-const DSMenuItemRadioWithSchema = reactDesc.describe(MenuItemCheckable['default']);
+const DSMenuItemRadioWithSchema = reactDesc.describe(MenuItemCheckable["default"]);
 DSMenuItemRadioWithSchema.propTypes = props;
 
 exports.DSMenuItemRadioWithSchema = DSMenuItemRadioWithSchema;
-exports['default'] = MenuItemRadio;
+exports["default"] = MenuItemRadio;

package/cjs/MenuItems/RadioGroup.js

@@ -2,6 +2,11 @@
 
 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');
@@ -15,10 +20,10 @@ var CheckableGroup__default = /*#__PURE__*/_interopDefaultLegacy(CheckableGroup)
 
 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; }
 
 function RadioGroup(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(CheckableGroup__default['default'], _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(CheckableGroup__default["default"], _objectSpread(_objectSpread({}, props), {}, {
     multi: false
   }));
 }
@@ -34,4 +39,4 @@ const DSMenuRadioGroupWithSchema = reactDesc.describe(RadioGroup);
 DSMenuRadioGroupWithSchema.propTypes = props;
 
 exports.DSMenuRadioGroupWithSchema = DSMenuRadioGroupWithSchema;
-exports['default'] = RadioGroup;
+exports["default"] = RadioGroup;