@elliemae/ds-menu 3.0.0-next.2 → 3.0.0-next.6

package/esm/Menu.js

@@ -1,180 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/esnext.async-iterator.some.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.some.js';
-import 'core-js/modules/esnext.async-iterator.constructor.js';
-import 'core-js/modules/esnext.async-iterator.to-array.js';
-import 'core-js/modules/esnext.iterator.to-array.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React, { useRef, useContext, useMemo, useEffect } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import { omit } from 'lodash';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { animated } from 'react-spring/web';
-import { useOnClickOutside } from '@elliemae/ds-utilities/hooks';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
-import { focusGroupManagerHoc, FocusGroupContext } from '@elliemae/ds-shared/FocusGroup';
-import { useHiddenTransition } from '@elliemae/ds-hidden';
-import MenuItemRadio from './MenuItems/MenuItemRadio.js';
-import MenuItemCheckbox from './MenuItems/MenuItemCheckbox.js';
-import CheckboxGroup from './MenuItems/CheckboxGroup.js';
-import RadioGroup from './MenuItems/RadioGroup.js';
-import MenuSeparator from './MenuItems/Separator.js';
-import MenuItem from './MenuItems/MenuItem.js';
-import SubMenu from './MenuItems/SubMenu.js';
-import SearchableGroup from './MenuItems/SearchableGroup.js';
-import SelectionGroup from './MenuItems/SelectionGroup.js';
-export { menuItemFactory, renderMenuItems } from './MenuItems/menuItemFactory.js';
-import MenuContext from './MenuContext.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps", "innerRef", "as", "children", "onClickOutside", "visible", "focusOnOpen", "maxOption", "style", "minWidth", "maxWidth", "closeMenu", "responsiveHeight"],
-      _excluded2 = ["destroyed"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const RESPONSIVE_HEIHGT_MARGIN = 120;
-const blockName = 'menu';
-
-const noop = () => {};
-
-const MenuComponent = 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
- */
-
-const isChildOfType = (child, type) => child.type.name === type;
-
-function DSMenu(_ref2) {
-  let {
-    containerProps = {},
-    innerRef,
-    as: MenuTag = animated.ul,
-    children = undefined,
-    onClickOutside = noop,
-    // handlers from hidden
-    visible = undefined,
-    focusOnOpen = false,
-    maxOption = 0,
-    style = {},
-    minWidth = undefined,
-    maxWidth = undefined,
-    closeMenu,
-    responsiveHeight = false
-  } = _ref2,
-      otherProps = _objectWithoutProperties(_ref2, _excluded);
-
-  const menuRef = useRef(null);
-  const {
-    focusFirst
-  } = useContext(FocusGroupContext);
-
-  const _useHiddenTransition = useHiddenTransition({
-    visible,
-    style
-  }),
-        hiddenProps = _objectWithoutProperties(_useHiddenTransition, _excluded2); // force no addon to the children if the menu doesn't have any item with leftAddon like SelectionGroup
-
-
-  const nextChildren = useMemo(() => {
-    const forceLeftAddon = React.Children.toArray(children).some(child => isChildOfType(child, 'SelectionGroup') || isChildOfType(child, 'MenuItemCheckbox') || isChildOfType(child, 'MenuItemRadio') || child.props.leftAddon);
-    return React.Children.map(children, child => child && /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
-      noAddon: !forceLeftAddon ? true : undefined,
-      maxOption,
-      closeMenu
-    })));
-  }, [children]);
-  useOnClickOutside(menuRef, onClickOutside);
-  useEffect(() => {
-    if (focusOnOpen && visible) {
-      setTimeout(() => {
-        focusFirst();
-      }, 0);
-    }
-  }, [visible, focusOnOpen]); // todo: find out a better approach to this
-
-  return !hiddenProps.destroyed ? /*#__PURE__*/_jsx(MenuContext.Provider, {
-    value: {
-      visible,
-      closeMenu
-    }
-  }, void 0, /*#__PURE__*/jsx(MenuComponent, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    "data-testid": containerProps !== null && containerProps !== void 0 && containerProps['data-testid'] ? containerProps['data-testid'] : "em-ds-menu"
-  }, containerProps), {}, {
-    as: MenuTag,
-    classProps: _objectSpread(_objectSpread({}, otherProps.classProps || {}), {}, {
-      type: otherProps.type
-    }),
-    innerRef: mergeRefs(innerRef, menuRef),
-    role: "menu"
-  }, omit(otherProps, ['scheduleUpdate'])), hiddenProps), {}, {
-    children: /*#__PURE__*/_jsx("div", {
-      className: "menu-component-internal-wrapper",
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        minWidth,
-        maxWidth
-      }, responsiveHeight ? {
-        overflowY: 'scroll',
-        maxHeight: responsiveHeight ? "".concat(window.innerHeight - RESPONSIVE_HEIHGT_MARGIN, "px") : undefined
-      } : {})
-    }, void 0, nextChildren)
-  }))) : null;
-}
-
-const Menu = focusGroupManagerHoc(DSMenu, {
-  loop: true
-});
-const props = {
-  /** Injected props to wrapper element of component */
-  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),
-
-  /** Renders the menu with a specific html element */
-  as: PropTypes.element.description('Renders the menu with a specific html element'),
-
-  /** Handler when a user clicks outside the menu */
-  onClickOutside: PropTypes.func.description('Handler when a user clicks outside the menu'),
-
-  /** Whether the menu is visible or not */
-  visible: PropTypes.bool.description('Whether the menu is visible or not'),
-
-  /** When set to true, it's going to focus the first item */
-  focusOnOpen: PropTypes.bool.description("When set to true, it's going to focus the first item"),
-
-  /** Customize menu minWidth. Can be undefined or 'number' */
-  minWidth: PropTypes.number.description("Customize menu minWidth. Can be undefined or 'number'"),
-
-  /** Customize menu maxWidth. Can be undefined or 'number' */
-  maxWidth: PropTypes.number.description("Customize menu maxWidth. Can be undefined or 'number'")
-};
-const DSMenuWithSchema = describe(DSMenu);
-DSMenuWithSchema.propTypes = props; // todo: add a handler to get this kind of exports for documentation
-
-Menu.Item = MenuItem;
-Menu.ItemCheckbox = MenuItemCheckbox;
-Menu.ItemRadio = MenuItemRadio;
-Menu.SubMenu = SubMenu;
-Menu.Separator = MenuSeparator;
-Menu.CheckboxGroup = CheckboxGroup;
-Menu.RadioGroup = RadioGroup;
-Menu.SearchableGroup = SearchableGroup;
-Menu.SelectionGroup = SelectionGroup;
-
-export { DSMenuWithSchema, Menu, Menu as default };

package/esm/MenuCombobox.js

@@ -1,48 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import SearchableList from './MenuItems/SearchableList.js';
-import { Menu } from './Menu.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["dropdownFilterOptions", "options", "onSelectMenuItem", "innerRef", "maxOptions", "loading"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function MenuCombobox(_ref) {
-  let {
-    dropdownFilterOptions = {},
-    options = [],
-    onSelectMenuItem = () => null,
-    innerRef,
-    maxOptions = 10,
-    loading = false
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(Menu, _objectSpread(_objectSpread({}, rest), {}, {
-    classProps: {
-      menuComboBox: true
-    },
-    innerRef: innerRef,
-    visible: true,
-    children: /*#__PURE__*/_jsx(SearchableList, {
-      appendTermInList: true,
-      extraListProps: dropdownFilterOptions,
-      items: options,
-      onSelectMenuItem: onSelectMenuItem,
-      maxOptions: maxOptions,
-      loading: loading
-    })
-  }));
-}
-
-export { MenuCombobox as default };

package/esm/MenuContext.js

@@ -1,5 +0,0 @@
-import React from 'react';
-
-var MenuContext = /*#__PURE__*/React.createContext();
-
-export { MenuContext as default };

package/esm/MenuItems/CheckboxGroup.js

@@ -1,35 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import CheckableGroup from '@elliemae/ds-shared/CheckableGroup';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function CheckboxGroup(props) {
-  return /*#__PURE__*/jsx(CheckableGroup, _objectSpread(_objectSpread({}, props), {}, {
-    multi: true
-  }));
-}
-
-const props = {
-  /* The item (if multi false) or items (if multi true) selected */
-  active: PropTypes.arrayOf(PropTypes.string).description('The item (if multi false) or items (if multi true) selected'),
-
-  /* Whether is multi select or not */
-  multi: PropTypes.bool.description('Whether is multi select or not'),
-
-  /* Handler when a user checks an item */
-  onCheck: PropTypes.func.description('Handler when a user checks an item')
-};
-const DSMenuCheckboxGroupWithSchema = describe(CheckboxGroup);
-DSMenuCheckboxGroupWithSchema.propTypes = props;
-
-export { DSMenuCheckboxGroupWithSchema, CheckboxGroup as default };

package/esm/MenuItems/MenuItem.js

@@ -1,191 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useContext, useRef, useMemo } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import { omit } from 'lodash';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { mergeRefs, runAll } from '@elliemae/ds-utilities';
-import { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup';
-import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
-import { renderMenuItems } from './menuItemFactory.js';
-import SubMenu from './SubMenu.js';
-import MenuContext from '../MenuContext.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-const _excluded = ["innerRef", "as", "role", "leftAddon", "rightAddon", "disabledAddonInactive", "label", "children", "tabIndex", "onKeyDown", "fixedItem", "noAddon", "disabled", "customRenderer", "maxOption", "closeMenu", "style"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const noop = () => null;
-
-const blockName = 'menu-item';
-const Content = aggregatedClasses('div')(blockName, 'content');
-const Addon = aggregatedClasses('div')(blockName, 'addon', _ref => {
-  let {
-    empty,
-    fixedItem
-  } = _ref;
-  return {
-    empty,
-    fixedItem
-  };
-});
-
-const renderAddon = (addon, fixedItem, addonId) => /*#__PURE__*/_jsx(Addon, {
-  classProps: {
-    fixedItem
-  }
-}, addonId, addon);
-
-const renderAddons = (addons, fixedItem) => Array.isArray(addons) ? addons.map(renderAddon) : renderAddon(addons, fixedItem);
-
-const Wrapper = 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;
-};
-
-function MenuItem(props) {
-  const {
-    innerRef,
-    as = 'li',
-    role = 'menuitem',
-    leftAddon = null,
-    rightAddon = undefined,
-    disabledAddonInactive = undefined,
-    label = undefined,
-    children,
-    tabIndex = -1,
-    onKeyDown = noop,
-    fixedItem = false,
-    noAddon,
-    disabled = false,
-    customRenderer,
-    maxOption,
-    closeMenu,
-    style
-  } = props,
-        otherProps = _objectWithoutProperties(props, _excluded);
-
-  const menuCxt = useContext(MenuContext);
-  const ref = useRef(null);
-  useFocusGroupItem(ref);
-
-  if (otherProps.subItems) {
-    return /*#__PURE__*/jsx(SubMenu, _objectSpread(_objectSpread({}, props), {}, {
-      closeMenu: menuCxt.closeMenu,
-      children: renderMenuItems(otherProps.subItems)
-    }));
-  }
-
-  const wrapperProps = useMemo(() => omit(otherProps, ['icon']), [otherProps]);
-
-  const onClick = function () {
-    if (wrapperProps.onClick) wrapperProps.onClick(...arguments);
-
-    if (wrapperProps.closeOnClick && menuCxt.closeMenu) {
-      menuCxt.closeMenu(...arguments);
-    }
-  };
-
-  return /*#__PURE__*/jsxs(Wrapper, _objectSpread(_objectSpread({
-    as: as,
-    classProps: {
-      disabled,
-      disabledAddonInactive,
-      customRenderer,
-      fixedItem,
-      type: otherProps.type
-    },
-    id: otherProps.id,
-    innerRef: otherProps.type !== 'disabled' ? mergeRefs(innerRef, ref) : innerRef,
-    onKeyDown: !fixedItem && runAll(e => {
-      if (e.key === ' ' || e.key === 'Enter') {
-        e.preventDefault();
-        e.target.dispatchEvent(new MouseEvent('click', {
-          view: window,
-          bubbles: true,
-          cancelable: false
-        }));
-      }
-    }, onKeyDown),
-    role: role,
-    style: style,
-    tabIndex: tabIndex
-  }, wrapperProps), {}, {
-    onClick: onClick,
-    children: [!noAddon && renderAddons(leftAddon, fixedItem), label && /*#__PURE__*/_jsx(Content, {
-      style: maxOption > 0 ? {
-        width: "".concat(calculateSize(maxOption), "px"),
-        maxWidth: "".concat(calculateSize(maxOption), "px")
-      } : undefined
-    }, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
-      value: label
-    })), customRenderer, rightAddon && renderAddons(rightAddon), children]
-  }));
-}
-
-const props = {
-  /** Renders the MenuItem with a specific html element */
-  as: PropTypes.element.description('Renders the MenuItem with a specific html element'),
-
-  /**
-   * reference to the component
-   */
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  })]).description('reference to the component'),
-
-  /** Renders the passed element to the left */
-  leftAddon: PropTypes.element.description('Renders the passed element to the left'),
-
-  /** Renders the passed element to the right */
-  rightAddon: PropTypes.element.description('Renders the passed element to the right'),
-
-  /** Label for the menu item */
-  label: PropTypes.string.description('Label for the menu item'),
-
-  /** style object for menu item wrapper */
-  style: PropTypes.object.description('style object for menu item wrapper'),
-
-  /** disable menu item */
-  disabled: PropTypes.bool.description('disable menu item'),
-
-  /** HTML tabindex to manage focus order */
-  tabindex: PropTypes.number.description('HTML tabindex to manage focus order'),
-
-  /** a11y role */
-  role: PropTypes.string.description('a11y role')
-};
-const DSMenuItemWithSchema = describe(MenuItem);
-DSMenuItemWithSchema.propTypes = props;
-
-export { DSMenuItemWithSchema, MenuItem as default };

package/esm/MenuItems/MenuItemCheckable.js

@@ -1,108 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { Checkmark } from '@elliemae/ds-icons';
-import { runAll } from '@elliemae/ds-utilities';
-import MenuItem from './MenuItem.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _div;
-
-const _excluded = ["role", "checked", "name", "checkIcon", "children", "leftAddon", "item"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function useCheckable(_ref) {
-  let {
-    checked
-  } = _ref;
-  return {
-    checked,
-    'aria-checked': checked
-  };
-}
-/**
- * Reuses the same props as the MenuItem
- *
- * @param root0
- * @param root0.role
- * @param root0.checked
- * @param root0.name
- * @param root0.checkIcon
- * @param root0.children
- * @param root0.leftAddon
- * @param root0.item
- */
-
-
-function MenuItemCheckable(_ref2) {
-  let {
-    role = 'menuitemcheckbox',
-    checked = false,
-    name = '',
-    checkIcon = /*#__PURE__*/_jsx(Checkmark, {
-      color: ['brand-primary', 600]
-    }),
-    // eslint-disable-next-line react/prop-types
-    children,
-    leftAddon,
-    item = undefined
-  } = _ref2,
-      otherProps = _objectWithoutProperties(_ref2, _excluded);
-
-  const checkableProps = useCheckable({
-    checked,
-    name
-  });
-
-  const handleClick = () => runAll(otherProps.onClick, checkableProps.onClick)({
-    target: {
-      value: name,
-      checked
-    }
-  }, item);
-
-  const checkAddon = leftAddon || (checkableProps.checked ? /*#__PURE__*/_jsx("div", {
-    className: "checkable-mark"
-  }, void 0, checkIcon) : _div || (_div = /*#__PURE__*/_jsx("div", {})));
-  return /*#__PURE__*/jsx(MenuItem, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, item), otherProps), checkableProps), {}, {
-    customRenderer: item && item.customRenderer ? item.customRenderer : () => {},
-    items: otherProps.subItems,
-    leftAddon: checkAddon,
-    onClick: handleClick,
-    role: role
-  }));
-}
-
-const props = {
-  /** Whether the item is checked or not */
-  checked: PropTypes.bool.description('Whether the item is checked or not'),
-
-  /** A custom item when the item is checked */
-  checkIcon: PropTypes.element.description('A custom item when the item is checked'),
-
-  /** form field name */
-  name: PropTypes.string.description('form field name'),
-
-  /** menu item object props */
-  item: PropTypes.object.description('menu item object props'),
-
-  /** a11y role */
-  role: PropTypes.string.description('a11y role'),
-
-  /** left addon component */
-  leftAddon: PropTypes.node.description('left addon component')
-};
-const DSMenuItemCheckeableWithSchema = describe(MenuItemCheckable);
-DSMenuItemCheckeableWithSchema.propTypes = props;
-
-export { DSMenuItemCheckeableWithSchema, MenuItemCheckable as default };

package/esm/MenuItems/MenuItemCheckbox.js

@@ -1,34 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { DSCheckbox } from '@elliemae/ds-form';
-import MenuItemCheckable from './MenuItemCheckable.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["checked"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function MenuItemCheckbox(_ref) {
-  let {
-    checked
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(MenuItemCheckable, _objectSpread(_objectSpread({}, rest), {}, {
-    leftAddon: /*#__PURE__*/_jsx(DSCheckbox, {
-      checked: checked
-    }),
-    role: "menuitemcheckbox"
-  }));
-}
-
-export { MenuItemCheckbox as default };

package/esm/MenuItems/MenuItemRadio.js

@@ -1,32 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import MenuItemCheckable from './MenuItemCheckable.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function MenuItemRadio(props) {
-  return /*#__PURE__*/jsx(MenuItemCheckable, _objectSpread(_objectSpread({}, props), {}, {
-    role: "menuitemradio"
-  }));
-}
-
-const props = {
-  /** Whether the item is checked or not */
-  checked: PropTypes.bool.description('Whether the item is checked or not'),
-
-  /** A custom item when the item is checked */
-  checkIcon: PropTypes.element.description('A custom item when the item is checked')
-};
-const DSMenuItemRadioWithSchema = describe(MenuItemCheckable);
-DSMenuItemRadioWithSchema.propTypes = props;
-
-export { DSMenuItemRadioWithSchema, MenuItemRadio as default };

package/esm/MenuItems/RadioGroup.js

@@ -1,32 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import CheckableGroup from '@elliemae/ds-shared/CheckableGroup';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function RadioGroup(props) {
-  return /*#__PURE__*/jsx(CheckableGroup, _objectSpread(_objectSpread({}, props), {}, {
-    multi: false
-  }));
-}
-
-const props = {
-  /* The item selected */
-  active: PropTypes.arrayOf(PropTypes.string).description('the item selected'),
-
-  /* Handler when a user checks an item */
-  onCheck: PropTypes.func.description('Handler when a user checks an item')
-};
-const DSMenuRadioGroupWithSchema = describe(RadioGroup);
-DSMenuRadioGroupWithSchema.propTypes = props;
-
-export { DSMenuRadioGroupWithSchema, RadioGroup as default };