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

package/cjs/MobileContextMenu/MobileContextMenuItem.js

@@ -1,155 +0,0 @@
-'use strict';
-
-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 _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var reactDesc = require('react-desc');
-var dsGrid = require('@elliemae/ds-grid');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var GroupItem = require('@elliemae/ds-shared/GroupContext/GroupItem');
-var dsForm = require('@elliemae/ds-form');
-var dsIcons = require('@elliemae/ds-icons');
-var MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var GroupItem__default = /*#__PURE__*/_interopDefaultLegacy(GroupItem);
-
-var _CheckMark;
-
-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 Wrap = /*#__PURE__*/styled__default["default"](props => /*#__PURE__*/jsxRuntime.jsx(MobileTouchable.DSMobileTouchable, _objectSpread({}, props))).withConfig({
-  componentId: "sc-20od94-0"
-})(["border-bottom:none;"]);
-const PropWrap = /*#__PURE__*/styled__default["default"](props => /*#__PURE__*/jsxRuntime.jsx(dsGrid.Grid, _objectSpread({}, props))).withConfig({
-  componentId: "sc-20od94-1"
-})(["", ""], props => {
-  if (!props.isMulti) {
-    return "\n      & > span {\n        height: 18px;\n        width: 18px;\n      }\n\n      & > span > svg {\n        height: 18px;\n        width: 18px;\n      }\n      ";
-  }
-
-  return '';
-});
-const Title = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-20od94-2"
-})(["font-size:16px;color:", ";", ""], props => props.theme.colors.brand['600'], dsSystem.truncate());
-const Label = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-20od94-3"
-})(["font-size:13px;color:", ";"], props => props.theme.colors.neutral['600']);
-const CheckMark = /*#__PURE__*/styled__default["default"](dsIcons.Checkmark).withConfig({
-  componentId: "sc-20od94-4"
-})(["fill:", ";"], props => props.theme.colors.brand['600']);
-
-const DSMobileContextMenuItem = _ref => {
-  var _DSCheckbox, _Grid, _Title;
-
-  let {
-    label,
-    title,
-    leftProp,
-    isGroup,
-    isMulti,
-    singleSelect,
-    isSelected,
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onClick = () => {},
-    value
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](GroupItem__default["default"], {
-    render: context => {
-      const {
-        activeValue
-      } = context;
-      let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);
-      if (isGroup) someItemSelected = typeof activeValue === 'string';
-      let showLeftAddon = isSelected;
-      if (isMulti || !singleSelect) showLeftAddon = true;
-      let leftAddon = leftProp || null;
-      if (isMulti) leftAddon = _DSCheckbox || (_DSCheckbox = /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
-        checked: isSelected,
-        "data-testid": "leftAddon-checkbox"
-      }));
-      if (singleSelect) leftAddon = _CheckMark || (_CheckMark = /*#__PURE__*/_jsx__default["default"](CheckMark, {
-        "data-testid": "leftAddon-checkmark"
-      }));
-      return /*#__PURE__*/_jsx__default["default"](Wrap, {
-        "data-testid": "ds-contextmenu-item",
-        onClick: e => {
-          if (singleSelect || isMulti) context.onChange(value, e, {
-            value,
-            label,
-            title
-          });
-          onClick(e);
-        },
-        cols: singleSelect && someItemSelected || leftAddon && !singleSelect || isMulti ? ['40px', 'auto'] : ['auto']
-      }, void 0, (singleSelect && someItemSelected || isMulti || leftAddon) && /*#__PURE__*/_jsx__default["default"](PropWrap, {
-        "data-testid": "left-addon",
-        isMulti: isMulti,
-        alignItems: "center",
-        justifyContent: "center",
-        pl: "16px"
-      }, void 0, showLeftAddon && leftAddon), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        height: "44px",
-        pr: "xs",
-        pl: !leftAddon && isGroup ? '24px' : 'xs'
-      }, void 0, label && (_Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        alignItems: "center"
-      }, void 0, /*#__PURE__*/_jsx__default["default"](Label, {
-        "data-testid": "contextMenuItem-label"
-      }, void 0, label)))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        alignItems: !label ? 'center' : undefined
-      }, void 0, _Title || (_Title = /*#__PURE__*/_jsx__default["default"](Title, {
-        "data-testid": "contextMenuItem-title"
-      }, void 0, title)))));
-    }
-  });
-};
-
-const props = {
-  /** label */
-  label: reactDesc.PropTypes.string.description('label'),
-
-  /** menu item title */
-  title: reactDesc.PropTypes.string.isRequired.description('menu item title'),
-
-  /**  */
-  leftProp: reactDesc.PropTypes.element.description(''),
-
-  /** multi select */
-  isMulti: reactDesc.PropTypes.bool.description('multi select'),
-
-  /**  */
-  singleSelect: reactDesc.PropTypes.bool.description(''),
-
-  /**  */
-  isGroup: reactDesc.PropTypes.bool.description(''),
-
-  /** on click handler */
-  onClick: reactDesc.PropTypes.func.description('on click handler'),
-
-  /** value for select */
-  value: reactDesc.PropTypes.number.description('value for select'),
-
-  /** selected value */
-  isSelected: reactDesc.PropTypes.bool.description('selected value')
-};
-const DSMobileContextMenuItemWithSchema = reactDesc.describe(DSMobileContextMenuItem);
-DSMobileContextMenuItemWithSchema.propTypes = props;
-
-exports.DSMobileContextMenuItem = DSMobileContextMenuItem;
-exports.DSMobileContextMenuItemWithSchema = DSMobileContextMenuItemWithSchema;

package/cjs/MobileContextMenu/index.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MobileContextMenu = require('./MobileContextMenu.js');
-var MobileContextMenuItem = require('./MobileContextMenuItem.js');
-var MobileContextMenuGroup = require('./MobileContextMenuGroup.js');
-
-
-
-exports.DSMobileContextMenu = MobileContextMenu.DSMobileContextMenu;
-exports.DSMobileContextMenuWithSchema = MobileContextMenu.DSMobileContextMenuWithSchema;
-exports.DSMobileContextMenuItem = MobileContextMenuItem.DSMobileContextMenuItem;
-exports.DSMobileContextMenuItemWithSchema = MobileContextMenuItem.DSMobileContextMenuItemWithSchema;
-exports.DSMobileContextMenuGroup = MobileContextMenuGroup.DSMobileContextMenuGroup;
-exports.DSMobileContextMenuGroupWithSchema = MobileContextMenuGroup.DSMobileContextMenuGroupWithSchema;

package/cjs/MobileDatePicker/Input.js

@@ -1,42 +0,0 @@
-'use strict';
-
-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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const _excluded = ["innerRef"];
-
-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 StyledInput = /*#__PURE__*/styled__default["default"].input.withConfig({
-  componentId: "sc-1djip5a-0"
-})(["input[type=date]&{-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none;color:transparent;white-space:nowrap;position:relative;height:", ";width:100%;max-width:calc(100% - 32px);outline:none;box-sizing:border-box;display:flex;background:", ";padding:0 ", ";z-index:1;border-radius:2px;border:solid 1px ", ";}input[type=date]&:active,input[type=date]&:focus{", "}&:before{color:", ";content:'", "';}input[type=date]&::-webkit-datetime-edit,input[type=date]&::-webkit-inner-spin-button,input[type=date]&::-webkit-clear-button{-webkit-appearance:none;display:none;}"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l), props => props.theme.colors.neutral['000'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), props => props.theme.colors.neutral[200], props => dsSystem.focus(props.theme.colors.brand[700]), props => props.value === '' ? props.theme.colors.neutral['500'] : props.theme.colors.neutral['800'], props => props.value === '' ? props.placeholder : props['data-displayvalue']);
-const Input = _ref => {
-  let {
-    innerRef
-  } = _ref,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/jsxRuntime.jsx(StyledInput, _objectSpread({
-    ref: innerRef
-  }, props));
-};
-
-exports.Input = Input;

package/cjs/MobileDatePicker/MobileDatePicker.js

@@ -1,117 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var reactDesc = require('react-desc');
-var dsIcon = require('@elliemae/ds-icon');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-var dsForm = require('@elliemae/ds-form');
-var Input = require('./Input.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _DatePicker;
-
-const DSMobileDatePicker = _ref => {
-  let {
-    disabled,
-    value,
-    tabIndex,
-    placeholder,
-    onChange
-  } = _ref;
-  const inputRef = React.useRef(null);
-  React.useEffect(() => {
-    /*
-      necessary if value is being set in mount, 
-      otherwise the clear won't work on the first click
-      [SEE input onChange comment]
-    */
-    if (inputRef.current) {
-      inputRef.current.defaultValue = '';
-    }
-  }, [inputRef.current]);
-  const valueArr = value.split('-');
-  const displayValue = value && "".concat(valueArr[1], " / ").concat(valueArr[2], " / ").concat(valueArr[0]);
-  return /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {
-    rightAddon: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      "aria-label": "Date Picker Button",
-      color: !disabled ? dsIcon.DSIconColors.PRIMARY : dsIcon.DSIconColors.NEUTRAL,
-      disabled: disabled,
-      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](dsIcons.DatePicker, {})),
-      type: "button",
-      buttonType: "secondary",
-      onClick: () => {
-        inputRef.current.focus();
-        inputRef.current.click();
-      }
-    })
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Input.Input, {
-    "data-testid": "ds-mobile-date-picker",
-    innerRef: inputRef,
-    "aria-label": "Date Picker Input Mask",
-    disabled: disabled,
-    onKeyDown: e => e.preventDefault(),
-    type: "date",
-    placeholder: placeholder,
-    onChange: e => {
-      // https://github.com/facebook/react/issues/8938#issuecomment-360573204
-      const {
-        target
-      } = e.nativeEvent;
-
-      function iosClearDefault() {
-        target.defaultValue = '';
-      }
-
-      window.setTimeout(iosClearDefault, 0);
-      onChange(e);
-    },
-    tabIndex: tabIndex,
-    value: value,
-    "data-displayvalue": displayValue
-  }));
-};
-
-DSMobileDatePicker.defaultProps = {
-  disabled: false,
-  tabIndex: 0,
-  placeholder: 'MM / DD / YYYY'
-};
-const props = {
-  /**
-   * defaults to false
-   */
-  disabled: reactDesc.PropTypes.bool.description('defaults to false'),
-
-  /**
-   * 0 as default
-   */
-  tabIndex: reactDesc.PropTypes.number.description('0 as default'),
-
-  /**
-   * MM / DD / YYYY as default
-   */
-  placeholder: reactDesc.PropTypes.string.description('MM / DD / YYYY as default'),
-
-  /**
-   * onChange handler, receives change event as first argument
-   */
-  onChange: reactDesc.PropTypes.func.description('onChange handler, receives change event as first argument'),
-
-  /**
-   * ISO8601 string representing the date in format YYYY-MM-DD or empty string
-   */
-  value: reactDesc.PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string')
-};
-const DSMobileDatePickerWithSchema = reactDesc.describe(DSMobileDatePicker);
-DSMobileDatePickerWithSchema.propTypes = props;
-
-exports.DSMobileDatePicker = DSMobileDatePicker;
-exports.DSMobileDatePickerWithSchema = DSMobileDatePickerWithSchema;

package/cjs/MobileDatePicker/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MobileDatePicker = require('./MobileDatePicker.js');
-
-
-
-exports.DSMobileDatePicker = MobileDatePicker.DSMobileDatePicker;
-exports.DSMobileDatePickerWithSchema = MobileDatePicker.DSMobileDatePickerWithSchema;

package/cjs/MobileDropdownMenu/MobileDropdownInput.js

@@ -1,61 +0,0 @@
-'use strict';
-
-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');
-require('react');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var dsIcons = require('@elliemae/ds-icons');
-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 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 MobileDropdownInput = /*#__PURE__*/styled__default["default"].input.withConfig({
-  componentId: "sc-1rsc1yn-0"
-})(["-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;caret-color:transparent;padding-right:32px;padding-left:10px;border-radius:2px;width:100%;background:", ";height:32px;line-height:32px;border:solid 1px ", ";&:active,&:focus{", "}"], props => props.theme.colors.neutral['000'], props => props.theme.colors.neutral[200], props => dsSystem.focus(props.theme.colors.brand[700]));
-const MobileDropdownInputWrap = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-1rsc1yn-1"
-})(["position:relative;width:100%;display:inline-block;height:32px;"]);
-const CaretWrap = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-1rsc1yn-2"
-})(["width:32px;height:32px;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center;"]);
-const Caret = _ref => {
-  let {
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](CaretWrap, {
-    onClick: onClick
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDown, {
-    color: ['brand-primary', '600']
-  }));
-};
-const DSMobileDropdownTriggerInput = _ref2 => {
-  let {
-    inputProps,
-    caretProps
-  } = _ref2;
-  return /*#__PURE__*/_jsx__default["default"](MobileDropdownInputWrap, {
-    "data-testid": "ds-mobile-ddwn-menu"
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(MobileDropdownInput, _objectSpread(_objectSpread({}, inputProps), {}, {
-    readOnly: true
-  })), /*#__PURE__*/jsxRuntime.jsx(Caret, _objectSpread({}, caretProps)));
-};
-
-exports.Caret = Caret;
-exports.DSMobileDropdownTriggerInput = DSMobileDropdownTriggerInput;
-exports.MobileDropdownInput = MobileDropdownInput;
-exports.MobileDropdownInputWrap = MobileDropdownInputWrap;

package/cjs/MobileDropdownMenu/MobileDropdownMenu.js

@@ -1,99 +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');
-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 MobileContextMenu = require('../MobileContextMenu/MobileContextMenu.js');
-var MobileContextMenuItem = require('../MobileContextMenu/MobileContextMenuItem.js');
-require('../MobileContextMenu/MobileContextMenuGroup.js');
-var MobileDropdownInput = require('./MobileDropdownInput.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const DSMobileDropdownMenu = _ref => {
-  let {
-    placeholder,
-    options = [],
-    title,
-    value,
-    itemsProps = {
-      label: undefined,
-      leftProp: undefined,
-      isGroup: false,
-      isMulti: false,
-      singleSelect: false,
-      isItemSelected: () => false,
-      // eslint-disable-next-line @typescript-eslint/no-empty-function
-      onClick: () => {}
-    }
-  } = _ref;
-  const [menuOpen, setMenuOpen] = React.useState(false);
-  const inputRef = React.useRef(null);
-  const inputProps = React__default["default"].useMemo(() => ({
-    readOnly: true,
-    value,
-    onClick: () => setMenuOpen(true),
-    ref: inputRef,
-    placeholder
-  }), [value, placeholder]);
-  const caretProps = React__default["default"].useMemo(() => ({
-    onClick: () => {
-      inputRef.current.focus();
-      setMenuOpen(true);
-    }
-  }), []);
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default["default"](MobileDropdownInput.DSMobileDropdownTriggerInput, {
-      inputProps: inputProps,
-      caretProps: caretProps
-    }), menuOpen ? /*#__PURE__*/_jsx__default["default"](MobileContextMenu.DSMobileContextMenu, {
-      title: title,
-      open: true,
-      onChange: (_, e) => {
-        setMenuOpen(false);
-      },
-      onClickOutside: () => setMenuOpen(false)
-    }, void 0, options.map((opt, i) => /*#__PURE__*/_jsx__default["default"](MobileContextMenuItem.DSMobileContextMenuItem, {
-      title: opt.label,
-      value: opt.value,
-      isSelected: itemsProps.isItemSelected(opt),
-      onClick: e => {
-        setMenuOpen(false);
-        itemsProps.onClick(opt, e);
-      },
-      label: itemsProps.label,
-      leftProp: itemsProps.leftProp,
-      isGroup: itemsProps.isGroup,
-      isMulti: itemsProps.isMulti,
-      singleSelect: itemsProps.singleSelect
-    }, 'ddwn'.concat("".concat(i))))) : null]
-  });
-};
-
-const props = {
-  /** dropdown menu placeholder */
-  placeholder: reactDesc.PropTypes.string.description('dropdown menu placeholder'),
-
-  /** context menu menu title */
-  title: reactDesc.PropTypes.string.description('context menu menu title'),
-
-  /** context menu options / items */
-  options: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
-    value: reactDesc.PropTypes.string,
-    label: reactDesc.PropTypes.string
-  })).description('context menu options / items')
-};
-const DSMobileDropdownMenuWithSchema = reactDesc.describe(DSMobileDropdownMenu);
-DSMobileDropdownMenuWithSchema.propTypes = props;
-
-exports.DSMobileDropdownMenu = DSMobileDropdownMenu;
-exports.DSMobileDropdownMenuWithSchema = DSMobileDropdownMenuWithSchema;

package/cjs/MobileDropdownMenu/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MobileDropdownMenu = require('./MobileDropdownMenu.js');
-var MobileDropdownInput = require('./MobileDropdownInput.js');
-
-
-
-exports.DSMobileDropdownMenu = MobileDropdownMenu.DSMobileDropdownMenu;
-exports.DSMobileDropdownMenuWithSchema = MobileDropdownMenu.DSMobileDropdownMenuWithSchema;
-exports.DSMobileDropdownTriggerInput = MobileDropdownInput.DSMobileDropdownTriggerInput;

package/cjs/MobileEmtpyState/MobileEmptyState.js

@@ -1,41 +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 reactDesc = require('react-desc');
-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 Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1v2x6kj-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;"]);
-const Label = /*#__PURE__*/styled__default["default"].p.withConfig({
-  componentId: "sc-1v2x6kj-1"
-})(["color:", ";font-size:", ";font-weight:", ";min-width:132px;"], props => props.theme.colors.neutral['600'], props => props.theme.space.xs, props => props.theme.fontWeights.semibold);
-
-const DSMobileEmptyState = _ref => {
-  let {
-    label = 'No search results found.'
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
-    size: "xxl",
-    color: ['neutral', 400]
-  }), /*#__PURE__*/_jsx__default["default"](Label, {}, void 0, label));
-};
-
-const props = {
-  /** empty state label */
-  label: reactDesc.PropTypes.string.description('empty state label')
-};
-const DSMobileEmptyStateWithSchema = reactDesc.describe(DSMobileEmptyState);
-DSMobileEmptyStateWithSchema.propTypes = props;
-
-exports.DSMobileEmptyState = DSMobileEmptyState;
-exports.DSMobileEmptyStateWithSchema = DSMobileEmptyStateWithSchema;

package/cjs/MobileEmtpyState/index.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MobileEmptyState = require('./MobileEmptyState.js');
-
-
-
-exports.DSMobileEmptyState = MobileEmptyState.DSMobileEmptyState;
-exports.DSMobileEmptyStateWithSchema = MobileEmptyState.DSMobileEmptyStateWithSchema;
-exports["default"] = MobileEmptyState.DSMobileEmptyState;

package/cjs/MobileFilterbar/Filterbar.js

@@ -1,45 +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 reactDesc = require('react-desc');
-var dsSystem = require('@elliemae/ds-system');
-var dsGrid = require('@elliemae/ds-grid');
-var Separator$1 = require('../MobileSeparator/Separator.js');
-
-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 Bar = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-14ysw84-0"
-})(["display:flex;overflow:auto;background-color:", ";padding-left:", ";& > *{flex-shrink:0;}&::-webkit-scrollbar{display:none;}"], props => props.theme.colors.neutral['000'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
-const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-14ysw84-1"
-})(["& > *{margin:0;}"]);
-
-const DSMobileFilterbar = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    rows: ['auto', 'auto'],
-    "data-testid": "filter-bar-wrapper"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Bar, {}, void 0, children), /*#__PURE__*/_jsx__default["default"](Separator, {}, void 0, /*#__PURE__*/_jsx__default["default"](Separator$1["default"], {
-    margin: "xxs",
-    color: ['neutral', '300']
-  })));
-};
-
-const filterbarProps = {
-  children: reactDesc.PropTypes.element.description('FilterBar Items').isRequired
-};
-const FilterbarWithSchema = reactDesc.describe(DSMobileFilterbar);
-FilterbarWithSchema.propTypes = filterbarProps;
-
-exports.DSMobileFilterbar = DSMobileFilterbar;
-exports.FilterbarWithSchema = FilterbarWithSchema;

package/cjs/MobileFilterbar/FilterbarItem.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var dsGrid = require('@elliemae/ds-grid');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const DSMobileFilterbarItem = _ref => {
-  let {
-    children,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    "data-testid": "filter-bar-item-wrapper",
-    cols: ['min-content'],
-    pr: "xxs",
-    pt: "xxs",
-    role: "button",
-    onClick: onClick
-  }, void 0, children);
-};
-
-const filterbarItemProps = {
-  children: reactDesc.PropTypes.element.description('FilterBar Items').isRequired,
-  onClick: reactDesc.PropTypes.func.description('Function executed when clicking filterbar item')
-};
-const FilterbarItemWithSchema = reactDesc.describe(DSMobileFilterbarItem);
-FilterbarItemWithSchema.propTypes = filterbarItemProps;
-
-exports.DSMobileFilterbarItem = DSMobileFilterbarItem;
-exports.FilterbarItemWithSchema = FilterbarItemWithSchema;