@elliemae/ds-mobile 3.0.0-next.1 → 3.0.0-next.5

package/cjs/MobileCard/ExpandChevron.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('styled-components');
-var dsIcons = require('@elliemae/ds-icons');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const ChevronWrap = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1l0ask2-0"
-})(["margin-top:", ";align-self:", ";margin-left:", ";"], props => props.align === 'top' ? '18px' : '0', props => props.align === 'top' ? 'flex-start' : 'center', props => props.theme.space.xs);
-const ExpandChevron = _ref => {
-  let {
-    isExpanded,
-    onClick,
-    align
-  } = _ref;
-  const Chevron = isExpanded ? dsIcons.ChevronDown : dsIcons.ChevronRight;
-  return /*#__PURE__*/_jsx__default["default"](ChevronWrap, {
-    "data-testid": "ds-card-expand-chevron",
-    align: align
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Chevron, {
-    size: "s",
-    color: ['brand-primary', 800],
-    onClick: onClick
-  }));
-};
-
-exports.ExpandChevron = ExpandChevron;

package/cjs/MobileCard/ExpandableRegion.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const RegionWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-mduzz9-0"
-})(["width:100%;height:100%;"]);
-const Region = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-mduzz9-1"
-})(["display:flex;", " transition:max-height ", " linear;max-height:0;", " align-items:center;", ";border-top:", ";font-weight:", ";"], props => props.hide ? 'visibility: hidden;' : '', props => props.animate ? '0.25s' : '0.20s', props => props.animate ? "\n      max-height: ".concat(props.refHeight, "px;\n    ") : '', dsSystem.truncate(), props => dsSystem.border(props.theme.colors.neutral['300']), props => props.theme.fontWeights.regular);
-const ExpandableRegion = _ref => {
-  var _ref$current;
-
-  let {
-    show,
-    content
-  } = _ref;
-  const ref = React.useRef(null); // triggers transition
-
-  const [animate, setAnimate] = React.useState(show); // needed to properly handle the transition. Hide after transition ends
-
-  const [hide, setHide] = React.useState(!show);
-  React.useEffect(() => {
-    setAnimate(show);
-    if (show) setHide(false);
-  }, [show]);
-
-  const hideOnAnimationEnd = () => {
-    if (!show) setHide(true);
-  };
-
-  return /*#__PURE__*/_jsx__default["default"](Region, {
-    hide: hide // needed to handle transition, `auto` max-height isn't supported
-    ,
-    refHeight: (ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight) || 9999,
-    onTransitionEnd: hideOnAnimationEnd,
-    animate: animate
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(RegionWrapper, {
-    ref: ref,
-    children: content
-  }));
-};
-
-exports.ExpandableRegion = ExpandableRegion;

package/cjs/MobileCard/Group.js

@@ -1,98 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var React = require('react');
-var reactDesc = require('react-desc');
-var styled = require('styled-components');
-var Group = require('@elliemae/ds-shared/GroupContext/Group');
-var dsGrid = require('@elliemae/ds-grid');
-var dsSystem = require('@elliemae/ds-system');
-var StyledCard = require('./StyledCard.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var Group__default = /*#__PURE__*/_interopDefaultLegacy(Group);
-
-const GroupGrid = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-17xukaf-0"
-})(["", "{border-top:none;}", ""], StyledCard.StyledCard, _ref => {
-  let {
-    theme,
-    withTopBorder
-  } = _ref;
-  return withTopBorder ? "border-top: ".concat(dsSystem.border(theme.colors.neutral['100'])) : '';
-});
-const GroupTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-17xukaf-1"
-})(["", ""], dsSystem.truncate());
-const GroupTitleGrid = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-17xukaf-2"
-})(["display:flex;justify-content:space-between;padding:0 ", ";font-size:", ";", " font-weight:", ";background-color:", ";border-top:", ";line-height:", ";@media (min-width:1024px){background-color:", ";border-top:", ";}"], props => props.theme.space.xs, props => "calc(".concat(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), " / 2)"), dsSystem.color('neutral', '700'), props => props.theme.fontWeights.semibold, props => props.theme.colors.brand['200'], props => dsSystem.border(props.theme.colors.brand['300']), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), props => props.theme.colors.neutral['080'], props => dsSystem.border(props.theme.colors.neutral['080']));
-
-const MobileCardGroup = _ref2 => {
-  let {
-    children,
-    theme,
-    title,
-    action,
-    activeValue,
-    allowMultipleOpen = false,
-    onChange = () => null
-  } = _ref2;
-  const rows = !title ? ['auto'] : [dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];
-  return /*#__PURE__*/_jsx__default["default"](Group__default["default"], {
-    activeValue: activeValue,
-    multiple: allowMultipleOpen,
-    onChange: onChange
-  }, void 0, /*#__PURE__*/_jsx__default["default"](GroupGrid, {
-    withTopBorder: !title,
-    rows: rows
-  }, void 0, !!title && /*#__PURE__*/_jsx__default["default"](GroupTitleGrid, {
-    pl: "xxs"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](GroupTitle, {}, void 0, title), action), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, React__default["default"].Children.map(children, (child, idx) => /*#__PURE__*/React__default["default"].cloneElement(child, {
-    key: idx,
-    value: idx,
-    idx
-  }), null))));
-};
-
-const props = {
-  theme: reactDesc.PropTypes.object.isRequired.description(''),
-
-  /**
-   * Defines group title
-   */
-  title: reactDesc.PropTypes.string.description(''),
-
-  /**
-   * Pass one or more Mobile Cards to render as a group
-   */
-  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element)]).isRequired.description(''),
-
-  /**
-   * Group header addon
-   */
-  action: reactDesc.PropTypes.element.description(''),
-
-  /**  */
-  activeValue: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number)]).description(''),
-
-  /**  */
-  allowMultipleOpen: reactDesc.PropTypes.bool.description(''),
-
-  /**  */
-  onChange: reactDesc.PropTypes.func.description('')
-};
-const DSMobileCardGroupWithSchema = reactDesc.describe(MobileCardGroup);
-DSMobileCardGroupWithSchema.propTypes = props;
-var MobileGroup = dsSystem.withTheme(MobileCardGroup);
-
-exports.DSMobileCardGroupWithSchema = DSMobileCardGroupWithSchema;
-exports["default"] = MobileGroup;

package/cjs/MobileCard/StyledCard.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledCard = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-28g2t3-0"
-})(["display:flex;align-items:center;height:fit-content;min-height:", ";border:", ";border-bottom:", ";"], props => props.minHeight, props => dsSystem.border(props.theme.colors.neutral['100']), props => dsSystem.border('.5px', props.theme.colors.neutral['500']));
-
-exports.StyledCard = StyledCard;

package/cjs/MobileCard/index.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Card = require('./Card.js');
-var Group = require('./Group.js');
-var ActionAddon = require('./ActionAddon.js');
-var CardIcons = require('./CardIcons.js');
-
-Card["default"].Group = Group["default"];
-const DSMobileCard = Card["default"];
-
-exports.DSMobileCardWithSchema = Card.DSMobileCardWithSchema;
-exports["default"] = Card["default"];
-exports.DSMobileCardGroupWithSchema = Group.DSMobileCardGroupWithSchema;
-exports.ActionAddon = ActionAddon.ActionAddon;
-exports.SubIcons = CardIcons.SubIcons;
-exports.DSMobileCard = DSMobileCard;

package/cjs/MobileCard/props.js

@@ -1,62 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
-const cardPropsTypes = {
-  /**
-   * card height
-   */
-  height: reactDesc.PropTypes.oneOf(['s', 'm']).description('card height'),
-
-  /**
-   * Defines mobile card title
-   */
-  children: reactDesc.PropTypes.string.description('Defines mobile card title').isRequired,
-
-  /**
-   * Wheter if the card is expandable or not
-   */
-  expandable: reactDesc.PropTypes.bool.description('Wheter if the card is expandable or not'),
-
-  /**
-   * content to display in expand card section
-   */
-  expandedContent: reactDesc.PropTypes.element.description('content to display in expand card section'),
-
-  /**
-   * Icon to the left of the card. Size is adjusted automatically.
-   */
-  leftAddOn: reactDesc.PropTypes.element.description('Icon to the left of the card. Size is adjusted automatically.'),
-
-  /**
-   * Pass an element to render left. For example a Button with an icon
-   */
-  leftProp: reactDesc.PropTypes.element.description('Pass an element to render left. For example a Button with an icon'),
-
-  /**
-   * Pass an array of 1 or 2 elements to render right. For example a Button with an icon
-   */
-  rightProp: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).description('Pass an array of 1 or 2 elements to render right. For example a Button with an icon'),
-
-  /**
-   * Pass an array of 1 or 2 strings
-   */
-  subText: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Pass an array of 1 or 2 strings'),
-
-  /**
-   * SubIcons component
-   */
-  subIcons: reactDesc.PropTypes.element.description('SubIcons component'),
-
-  /**
-   * Pass an array of 1, 2 or 3 strings
-   */
-  details: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Pass an array of 1, 2 or 3 strings'),
-  theme: reactDesc.PropTypes.object.description('').isRequired,
-  value: reactDesc.PropTypes.number.description(''),
-  cardContent: reactDesc.PropTypes.node.description('JSX content for the card')
-};
-
-exports.cardPropsTypes = cardPropsTypes;

package/cjs/MobileCard/useHeight.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var polished = require('polished');
-
-function getCurrentFont() {
-  return Number(window.getComputedStyle(document.querySelector(':root')).getPropertyValue('font-size').match(/\d+/)[0]);
-}
-
-function useHeight(ref) {
-  const [height, setHeight] = React.useState('0rem');
-  const [currentFont, setCurrentFont] = React.useState(13);
-  React.useEffect(() => {
-    setCurrentFont(getCurrentFont());
-  }, []);
-  React.useEffect(() => {
-    if (ref.current && height !== polished.rem(ref.current.clientHeight, currentFont)) {
-      setHeight(polished.rem(ref.current.clientHeight, currentFont));
-    }
-  }, [ref.current, currentFont]);
-  return height;
-}
-
-exports.useHeight = useHeight;

package/cjs/MobileContextMenu/MobileContextMenu.js

@@ -1,198 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.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.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 lodash = require('lodash');
-var reactDesc = require('react-desc');
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-var Backdrop = require('@elliemae/ds-backdrop');
-var dsSystem = require('@elliemae/ds-system');
-var Group = require('@elliemae/ds-shared/GroupContext/Group');
-var MobileContextMenuGroup = require('./MobileContextMenuGroup.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var Group__default = /*#__PURE__*/_interopDefaultLegacy(Group);
-
-var _ContextMenuGroup;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-15ys5tq-0"
-})(["background:", ";z-index:", ";width:", ";position:fixed;bottom:0;left:", ";max-height:90vh;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0px 24px 0 rgba(0,0,0,0.5),0 0px 11px 0 rgba(0,0,0,0.5);"], props => props.theme.colors.neutral['000'], props => props.zIndex, props => "calc(100% - ".concat(props.theme.space.xs, ")"), props => props.theme.space.xxs);
-const StyledTitle = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-15ys5tq-1"
-})(["font-size:16px;font-weight:", ";color:", ";", " & > span{height:20px;width:20px;}& > span > svg,svg:not([fill]){height:20px;width:20px;fill:", ";}"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['000'], dsSystem.truncate(), props => props.theme.colors.neutral['000']);
-const HeaderContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-15ys5tq-2"
-})(["border-top-left-radius:5px;border-top-right-radius:5px;background:", ";"], props => props.theme.colors.brand['600']);
-
-const isArr = prop => Array.isArray(prop);
-
-const DSMobileContextMenu = dsSystem.withTheme(_ref => {
-  let {
-    open = false,
-    title = '',
-    multiple = false,
-    singleSelect = false,
-    onChange = lodash.noop,
-    onClickOutside = lodash.noop,
-    children,
-    theme,
-    backdropZIndex,
-    zIndex = 1,
-    dataTestid = 'mobile-context-menu',
-    buttonFooter = null,
-    onApply = lodash.noop,
-    selecteds: initSelecteds
-  } = _ref;
-  const [selectedItems, setSelectedItems] = React.useState([]);
-  const trueSelected = React.useMemo(() => initSelecteds !== undefined ? initSelecteds : [...selectedItems], [initSelecteds, selectedItems]);
-  const containerRef = React.useRef(null);
-
-  const handleChange = (value, childProps, event) => {
-    onChange(value, childProps, event);
-
-    if (initSelecteds === undefined) {
-      if (multiple) setSelectedItems([...value]);else if (singleSelect) setSelectedItems(value);
-    }
-  };
-
-  const handleApply = function (e) {
-    if (this.onClick) this.onClick(e);
-    onApply(e, selectedItems);
-  };
-
-  const rows = [theme.space.s, 1];
-  if (buttonFooter) rows.push('56px');
-  if (!open) return null;
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default["default"](Backdrop.DSBackdrop, {
-      type: "cover",
-      zIndex: backdropZIndex,
-      onClick: e => {
-        // PUI-4481 prevent click on elements below backdrop
-        e.stopPropagation();
-        onClickOutside(e);
-      }
-    }), /*#__PURE__*/jsxRuntime.jsxs(StyledContainer, {
-      zIndex: zIndex,
-      rows: rows,
-      ref: containerRef,
-      "data-testid": "ds-mobile-context-menu",
-      children: [/*#__PURE__*/_jsx__default["default"](HeaderContainer, {
-        justifyContent: "center",
-        alignItems: "center",
-        pl: "xs",
-        pr: "xs"
-      }, void 0, /*#__PURE__*/_jsx__default["default"](StyledTitle, {
-        alignItems: "center",
-        gutter: "xxs",
-        cols: Array(isArr(title) ? title.length : 1).fill('auto')
-      }, void 0, title)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        style: {
-          overflow: 'hidden'
-        }
-      }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        style: {
-          overflow: 'auto'
-        }
-      }, void 0, /*#__PURE__*/_jsx__default["default"](Group__default["default"], {
-        activeValue: trueSelected,
-        multiple: multiple,
-        onChange: handleChange
-      }, void 0, React__default["default"].Children.map(children, (child, ii) => {
-        var _child$type;
-
-        const isGroup = child.type === (_ContextMenuGroup || (_ContextMenuGroup = /*#__PURE__*/_jsx__default["default"](MobileContextMenuGroup.DSMobileContextMenuGroup, {}))).type || ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) === MobileContextMenuGroup.DSMobileContextMenuGroup.componentType || child.type === MobileContextMenuGroup.DSMobileContextMenuGroup.type;
-        const {
-          onClick = lodash.noop
-        } = child.props;
-        const value = ii;
-        let isSelected;
-        if (singleSelect) isSelected = trueSelected === value;else if (multiple) isSelected = trueSelected.includes(value);
-        return /*#__PURE__*/React__default["default"].cloneElement(child, {
-          value,
-          key: "cm.".concat(ii),
-          isMulti: multiple,
-          singleSelect,
-          isSelected,
-          onClick: !isGroup ? e => onClick(e, child.props) : null,
-          selectedItems: isGroup ? trueSelected : null
-        });
-      })))), buttonFooter && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        pl: "xs",
-        pr: "xs",
-        alignItems: "center"
-      }, void 0, /*#__PURE__*/React__default["default"].cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
-        containerProps: {
-          'data-testid': "".concat(dataTestid, "--btn")
-        },
-        buttonType: 'primary',
-        size: 'l',
-        onClick: handleApply.bind(buttonFooter.props)
-      })))]
-    })]
-  });
-});
-const props = {
-  /** toggle open the menu */
-  open: reactDesc.PropTypes.bool.description('toggle open the menu'),
-
-  /** context menu title  */
-  title: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.node]))]).description('context menu title'),
-
-  /** change handler for selectable context menu  */
-  onChange: reactDesc.PropTypes.func.description('change handler for selectable context menu'),
-
-  /** multi select */
-  multiple: reactDesc.PropTypes.bool.description('multi select'),
-
-  /** click outside callback handler */
-  onClickOutside: reactDesc.PropTypes.func.description('click outside callback handler'),
-
-  /** array of mobile context menu items */
-  children: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).description('array of mobile context menu items'),
-
-  /** z index for overlay div */
-  backdropZIndex: reactDesc.PropTypes.number.description('z index for overlay div'),
-
-  /** z index for menu container */
-  zIndex: reactDesc.PropTypes.number.description('z index for menu container'),
-
-  /** for e2e tests */
-  dataTestid: reactDesc.PropTypes.string.description('for e2e tests'),
-
-  /** bottom button */
-  buttonFooter: reactDesc.PropTypes.element.description('bottom button'),
-
-  /** callback */
-  onApply: reactDesc.PropTypes.func.description('callback'),
-
-  /** selected elements for multi and single select */
-  selecteds: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number])), reactDesc.PropTypes.number]).description('selected elements for multi and single select')
-};
-const DSMobileContextMenuWithSchema = reactDesc.describe(DSMobileContextMenu);
-DSMobileContextMenuWithSchema.propTypes = props;
-
-exports.DSMobileContextMenu = DSMobileContextMenu;
-exports.DSMobileContextMenuWithSchema = DSMobileContextMenuWithSchema;

package/cjs/MobileContextMenu/MobileContextMenuGroup.js

@@ -1,92 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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/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 styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-var lodash = require('lodash');
-var reactDesc = require('react-desc');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const Title = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-atfpfh-0"
-})(["height:24px;line-height:24px;font-size:12px;border-top:1px solid ", ";background:", ";padding:0 ", ";color:", ";font-weight:", ";"], props => props.theme.colors.brand['300'], props => props.theme.colors.brand['200'], props => props.theme.space.xs, props => props.theme.colors.neutral['700'], props => props.theme.fontWeights.semibold);
-
-const DSMobileContextMenuGroup = _ref => {
-  let {
-    title,
-    isMulti,
-    singleSelect,
-    children,
-    value: groupValue,
-    selectedItems
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](Title, {}, void 0, title)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, React__default["default"].Children.map(children, (child, index) => {
-    const {
-      onClick = lodash.noop
-    } = child.props;
-    const value = "".concat(groupValue, ":").concat(index);
-    let isSelected;
-    if (singleSelect) isSelected = selectedItems === value;else if (isMulti) isSelected = selectedItems.includes(value);
-    return /*#__PURE__*/React__default["default"].cloneElement(child, {
-      value,
-      key: 'group.'.concat(index),
-      isGroup: true,
-      isMulti,
-      singleSelect,
-      isSelected,
-      onClick: e => onClick(e, _objectSpread({
-        value
-      }, child.props))
-    });
-  })));
-};
-
-const props = {
-  /**
-   * Group title
-   */
-  title: reactDesc.PropTypes.string.isRequired.description('group title'),
-
-  /**
-   *  Array of MobileContextMenuItem
-   */
-  children: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).isRequired.description('Array of MobileContextMenuItem'),
-
-  /** multi select */
-  isMulti: reactDesc.PropTypes.bool.description('multi select'),
-
-  /** single select */
-  singleSelect: reactDesc.PropTypes.bool.description('single select'),
-
-  /** value for select */
-  value: reactDesc.PropTypes.string.description('value for select'),
-
-  /** selected items, array for multi, string for single */
-  selectedItems: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.string]).description('selected items, array for multi, string for single')
-};
-DSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';
-const DSMobileContextMenuGroupWithSchema = reactDesc.describe(DSMobileContextMenuGroup);
-DSMobileContextMenuGroupWithSchema.propTypes = props;
-
-exports.DSMobileContextMenuGroup = DSMobileContextMenuGroup;
-exports.DSMobileContextMenuGroupWithSchema = DSMobileContextMenuGroupWithSchema;