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

package/cjs/MobileContextMenu/MobileContextMenuItem.js

@@ -2,16 +2,21 @@
 
 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 Grid = require('@elliemae/ds-basic/Grid');
+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 DSCheckbox = require('@elliemae/ds-basic/form/Checkbox');
-var DSCheckmark = require('@elliemae/ds-icons/Checkmark');
+var dsForm = require('@elliemae/ds-form');
+var dsIcons = require('@elliemae/ds-icons');
 var MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -21,61 +26,50 @@ 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 DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
-var DSCheckmark__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckmark);
 
 var _CheckMark;
 
 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; }
-const Wrap = /*#__PURE__*/styled__default['default'](props => /*#__PURE__*/jsxRuntime.jsx(MobileTouchable.DSMobileTouchable, _objectSpread({}, props))).withConfig({
+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 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(Grid.Grid, _objectSpread({}, props))).withConfig({
+const PropWrap = /*#__PURE__*/styled__default["default"](props => /*#__PURE__*/jsxRuntime.jsx(dsGrid.Grid, _objectSpread({}, props))).withConfig({
   componentId: "sc-20od94-1"
 })(["", ""], props => {
   if (!props.isMulti) {
-    return `
-      & > span {
-        height: 18px;
-        width: 18px;
-      }
-
-      & > span > svg {
-        height: 18px;
-        width: 18px;
-      }
-      `;
+    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({
+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({
+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'](DSCheckmark__default['default']).withConfig({
+const CheckMark = /*#__PURE__*/styled__default["default"](dsIcons.Checkmark).withConfig({
   componentId: "sc-20od94-4"
 })(["fill:", ";"], props => props.theme.colors.brand['600']);
 
-const DSMobileContextMenuItem = ({
-  label,
-  title,
-  leftProp,
-  isGroup,
-  isMulti,
-  singleSelect,
-  isSelected,
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onClick = () => {},
-  value
-}) => {
-  var _Checkbox, _Grid, _Title;
-
-  return /*#__PURE__*/_jsx__default['default'](GroupItem__default['default'], {
+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
@@ -85,14 +79,14 @@ const DSMobileContextMenuItem = ({
       let showLeftAddon = isSelected;
       if (isMulti || !singleSelect) showLeftAddon = true;
       let leftAddon = leftProp || null;
-      if (isMulti) leftAddon = _Checkbox || (_Checkbox = /*#__PURE__*/_jsx__default['default'](DSCheckbox__default['default'], {
+      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, {
+      if (singleSelect) leftAddon = _CheckMark || (_CheckMark = /*#__PURE__*/_jsx__default["default"](CheckMark, {
         "data-testid": "leftAddon-checkmark"
       }));
-      return /*#__PURE__*/_jsx__default['default'](Wrap, {
+      return /*#__PURE__*/_jsx__default["default"](Wrap, {
         "data-testid": "ds-contextmenu-item",
         onClick: e => {
           if (singleSelect || isMulti) context.onChange(value, e, {
@@ -103,23 +97,23 @@ const DSMobileContextMenuItem = ({
           onClick(e);
         },
         cols: singleSelect && someItemSelected || leftAddon && !singleSelect || isMulti ? ['40px', 'auto'] : ['auto']
-      }, void 0, (singleSelect && someItemSelected || isMulti || leftAddon) && /*#__PURE__*/_jsx__default['default'](PropWrap, {
+      }, 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'](Grid.Grid, {
+      }, 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'](Grid.Grid, {
+      }, void 0, label && (_Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
         alignItems: "center"
-      }, void 0, /*#__PURE__*/_jsx__default['default'](Label, {
+      }, void 0, /*#__PURE__*/_jsx__default["default"](Label, {
         "data-testid": "contextMenuItem-label"
-      }, void 0, label)))), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+      }, void 0, label)))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
         alignItems: !label ? 'center' : undefined
-      }, void 0, _Title || (_Title = /*#__PURE__*/_jsx__default['default'](Title, {
+      }, void 0, _Title || (_Title = /*#__PURE__*/_jsx__default["default"](Title, {
         "data-testid": "contextMenuItem-title"
       }, void 0, title)))));
     }

package/cjs/MobileDatePicker/Input.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');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
@@ -19,15 +24,15 @@ const _excluded = ["innerRef"];
 
 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; }
-const StyledInput = /*#__PURE__*/styled__default['default'].input.withConfig({
+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 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);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsx(StyledInput, _objectSpread({
     ref: innerRef

package/cjs/MobileDatePicker/MobileDatePicker.js

@@ -5,28 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
-var Icon = require('@elliemae/ds-basic/Icon');
-var DatePicker = require('@elliemae/ds-icons/DatePicker');
-var DSButton = require('@elliemae/ds-basic/Button');
-var DSInputGroup = require('@elliemae/ds-basic/form/InputGroup');
+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 DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var DSInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSInputGroup);
 
 var _DatePicker;
 
-const DSMobileDatePicker = ({
-  disabled,
-  value,
-  tabIndex,
-  placeholder,
-  onChange
-}) => {
+const DSMobileDatePicker = _ref => {
+  let {
+    disabled,
+    value,
+    tabIndex,
+    placeholder,
+    onChange
+  } = _ref;
   const inputRef = React.useRef(null);
   React.useEffect(() => {
     /*
@@ -39,13 +38,13 @@ const DSMobileDatePicker = ({
     }
   }, [inputRef.current]);
   const valueArr = value.split('-');
-  const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;
-  return /*#__PURE__*/_jsx__default['default'](DSInputGroup__default['default'], {
-    rightAddon: /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+  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 ? Icon.DSIconColors.PRIMARY : Icon.DSIconColors.NEUTRAL,
+      color: !disabled ? dsIcon.DSIconColors.PRIMARY : dsIcon.DSIconColors.NEUTRAL,
       disabled: disabled,
-      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default['default'](DatePicker__default['default'], {})),
+      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](dsIcons.DatePicker, {})),
       type: "button",
       buttonType: "secondary",
       onClick: () => {
@@ -53,7 +52,7 @@ const DSMobileDatePicker = ({
         inputRef.current.click();
       }
     })
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Input.Input, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Input.Input, {
     "data-testid": "ds-mobile-date-picker",
     innerRef: inputRef,
     "aria-label": "Date Picker Input Mask",

package/cjs/MobileDropdownMenu/MobileDropdownInput.js

@@ -2,12 +2,17 @@
 
 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 ChevronDownIcon = require('@elliemae/ds-icons/ChevronDown');
+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 }; }
@@ -15,35 +20,40 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var ChevronDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDownIcon);
 
 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; }
-const MobileDropdownInput = /*#__PURE__*/styled__default['default'].input.withConfig({
+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 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({
+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({
+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 = ({
-  onClick
-}) => /*#__PURE__*/_jsx__default['default'](CaretWrap, {
-  onClick: onClick
-}, void 0, /*#__PURE__*/_jsx__default['default'](ChevronDownIcon__default['default'], {
-  color: ['brand-primary', '600']
-}));
-const DSMobileDropdownTriggerInput = ({
-  inputProps,
-  caretProps
-}) => /*#__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)));
+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;

package/cjs/MobileDropdownMenu/MobileDropdownMenu.js

@@ -3,6 +3,9 @@
 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');
@@ -16,49 +19,50 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const DSMobileDropdownMenu = ({
-  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: () => {}
-  }
-}) => {
+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(() => ({
+  const inputProps = React__default["default"].useMemo(() => ({
     readOnly: true,
     value,
     onClick: () => setMenuOpen(true),
     ref: inputRef,
     placeholder
   }), [value, placeholder]);
-  const caretProps = React__default['default'].useMemo(() => ({
+  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, {
+    children: [/*#__PURE__*/_jsx__default["default"](MobileDropdownInput.DSMobileDropdownTriggerInput, {
       inputProps: inputProps,
       caretProps: caretProps
-    }), menuOpen ? /*#__PURE__*/_jsx__default['default'](MobileContextMenu.DSMobileContextMenu, {
+    }), 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, {
+    }, void 0, options.map((opt, i) => /*#__PURE__*/_jsx__default["default"](MobileContextMenuItem.DSMobileContextMenuItem, {
       title: opt.label,
       value: opt.value,
       isSelected: itemsProps.isItemSelected(opt),
@@ -71,7 +75,7 @@ const DSMobileDropdownMenu = ({
       isGroup: itemsProps.isGroup,
       isMulti: itemsProps.isMulti,
       singleSelect: itemsProps.singleSelect
-    }, 'ddwn'.concat(`${i}`)))) : null]
+    }, 'ddwn'.concat("".concat(i))))) : null]
   });
 };
 

package/cjs/MobileEmtpyState/MobileEmptyState.js

@@ -6,27 +6,29 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var styled = require('styled-components');
 var reactDesc = require('react-desc');
-var Search = require('@elliemae/ds-icons/Search');
+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);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 
-const Wrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+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({
+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 = ({
-  label = 'No search results found.'
-}) => /*#__PURE__*/_jsx__default['default'](Wrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](Search__default['default'], {
-  size: "xxl",
-  color: ['neutral', 400]
-}), /*#__PURE__*/_jsx__default['default'](Label, {}, void 0, label));
+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 */

package/cjs/MobileEmtpyState/index.js

@@ -8,4 +8,4 @@ var MobileEmptyState = require('./MobileEmptyState.js');
 
 exports.DSMobileEmptyState = MobileEmptyState.DSMobileEmptyState;
 exports.DSMobileEmptyStateWithSchema = MobileEmptyState.DSMobileEmptyStateWithSchema;
-exports.default = MobileEmptyState.DSMobileEmptyState;
+exports["default"] = MobileEmptyState.DSMobileEmptyState;

package/cjs/MobileFilterbar/Filterbar.js

@@ -7,7 +7,7 @@ require('react');
 var styled = require('styled-components');
 var reactDesc = require('react-desc');
 var dsSystem = require('@elliemae/ds-system');
-var Grid = require('@elliemae/ds-basic/Grid');
+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 }; }
@@ -15,22 +15,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Bar = /*#__PURE__*/styled__default['default'].div.withConfig({
+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({
+const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-14ysw84-1"
 })(["& > *{margin:0;}"]);
 
-const DSMobileFilterbar = ({
-  children
-}) => /*#__PURE__*/_jsx__default['default'](Grid.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 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

package/cjs/MobileFilterbar/FilterbarItem.js

@@ -5,23 +5,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactDesc = require('react-desc');
-var Grid = require('@elliemae/ds-basic/Grid');
+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 = ({
-  children,
-  onClick
-}) => /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
-  "data-testid": "filter-bar-item-wrapper",
-  cols: ['min-content'],
-  pr: "xxs",
-  pt: "xxs",
-  role: "button",
-  onClick: onClick
-}, void 0, children);
+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,

package/cjs/MobileFilterbar/FilterbarSort.js

@@ -6,7 +6,7 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var Separator$1 = require('../MobileSeparator/Separator.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -15,23 +15,26 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Separator = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-103uq0b-0"
 })(["& > *{margin-left:0;}"]);
 
-const DSMobileFilterbarSort = ({
-  children
-}) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-  children: [children, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
-    pb: "xxs",
-    pt: "xxs",
-    cols: ['min-content']
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Separator, {}, void 0, /*#__PURE__*/_jsx__default['default'](Separator$1['default'], {
-    margin: "xxs",
-    direction: "vertical",
-    color: ['neutral', '300']
-  })))]
-});
+const DSMobileFilterbarSort = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [children, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      pb: "xxs",
+      pt: "xxs",
+      cols: ['min-content']
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Separator, {}, void 0, /*#__PURE__*/_jsx__default["default"](Separator$1["default"], {
+      margin: "xxs",
+      direction: "vertical",
+      color: ['neutral', '300']
+    })))]
+  });
+};
 
 const filterbarSortProps = {
   children: reactDesc.PropTypes.element.description('FilterBar Sort Item').isRequired