@elliemae/ds-mobile 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/MobileContextMenu/index.js

@@ -2,34 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileContextMenu_MobileContextMenu = require('./MobileContextMenu.js');
-var MobileContextMenu_MobileContextMenuItem = require('./MobileContextMenuItem.js');
-var MobileContextMenu_MobileContextMenuGroup = require('./MobileContextMenuGroup.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('lodash');
-require('react-desc');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-backdrop');
-require('@elliemae/ds-system');
-require('@elliemae/ds-shared/GroupContext/Group');
-require('@elliemae/ds-shared/GroupContext/GroupItem');
-require('@elliemae/ds-form');
-require('@elliemae/ds-icons');
-require('../MobileTouchable/MobileTouchable.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('prop-types');
+var MobileContextMenu = require('./MobileContextMenu.js');
+var MobileContextMenuItem = require('./MobileContextMenuItem.js');
+var MobileContextMenuGroup = require('./MobileContextMenuGroup.js');
 
 
 
-exports.DSMobileContextMenu = MobileContextMenu_MobileContextMenu.DSMobileContextMenu;
-exports.DSMobileContextMenuWithSchema = MobileContextMenu_MobileContextMenu.DSMobileContextMenuWithSchema;
-exports.DSMobileContextMenuItem = MobileContextMenu_MobileContextMenuItem.DSMobileContextMenuItem;
-exports.DSMobileContextMenuItemWithSchema = MobileContextMenu_MobileContextMenuItem.DSMobileContextMenuItemWithSchema;
-exports.DSMobileContextMenuGroup = MobileContextMenu_MobileContextMenuGroup.DSMobileContextMenuGroup;
-exports.DSMobileContextMenuGroupWithSchema = MobileContextMenu_MobileContextMenuGroup.DSMobileContextMenuGroupWithSchema;
-//# sourceMappingURL=index.js.map
+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

@@ -2,45 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _excluded = ["innerRef"];
-var StyledInput = /*#__PURE__*/styled__default['default'].input.withConfig({
+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({
   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;}"], function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l);
-}, function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs);
-}, function (props) {
-  return props.theme.colors.neutral[200];
-}, function (props) {
-  return dsSystem.focus(props.theme.colors.brand[700]);
-}, function (props) {
-  return props.value === '' ? props.theme.colors.neutral['500'] : props.theme.colors.neutral['800'];
-}, function (props) {
-  return props.value === '' ? props.placeholder : props['data-displayvalue'];
-});
-var Input = function Input(_ref) {
-  var innerRef = _ref.innerRef,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  return /*#__PURE__*/React__default['default'].createElement(StyledInput, _extends__default['default']({
+})(["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;
-//# sourceMappingURL=Input.js.map

package/cjs/MobileDatePicker/MobileDatePicker.js

@@ -2,31 +2,33 @@
 
 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 MobileDatePicker_Input = require('./Input.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('styled-components');
-require('@elliemae/ds-system');
+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 Input = require('./Input.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+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 DSMobileDatePicker = function DSMobileDatePicker(_ref) {
-  var disabled = _ref.disabled,
-      value = _ref.value,
-      tabIndex = _ref.tabIndex,
-      placeholder = _ref.placeholder,
-      _onChange = _ref.onChange;
-  var inputRef = React.useRef(null);
-  React.useEffect(function () {
+var _DatePicker;
+
+const DSMobileDatePicker = ({
+  disabled,
+  value,
+  tabIndex,
+  placeholder,
+  onChange
+}) => {
+  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
@@ -36,42 +38,41 @@ var DSMobileDatePicker = function DSMobileDatePicker(_ref) {
       inputRef.current.defaultValue = '';
     }
   }, [inputRef.current]);
-  var valueArr = value.split('-');
-  var displayValue = value && "".concat(valueArr[1], " / ").concat(valueArr[2], " / ").concat(valueArr[0]);
-  return /*#__PURE__*/React__default['default'].createElement(dsForm.DSInputGroup, {
-    rightAddon: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+  const valueArr = value.split('-');
+  const displayValue = value && "".concat(valueArr[1], " / ").concat(valueArr[2], " / ").concat(valueArr[0]);
+  return /*#__PURE__*/_jsx__default["default"](DSInputGroup__default["default"], {
+    rightAddon: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       "aria-label": "Date Picker Button",
-      color: !disabled ? dsIcon.DSIconColors.PRIMARY : dsIcon.DSIconColors.NEUTRAL,
+      color: !disabled ? Icon.DSIconColors.PRIMARY : Icon.DSIconColors.NEUTRAL,
       disabled: disabled,
-      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.DatePicker, null),
+      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](DatePicker__default["default"], {})),
       type: "button",
       buttonType: "secondary",
-      onClick: function onClick() {
+      onClick: () => {
         inputRef.current.focus();
         inputRef.current.click();
       }
     })
-  }, /*#__PURE__*/React__default['default'].createElement(MobileDatePicker_Input.Input, {
+  }, 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: function onKeyDown(e) {
-      return e.preventDefault();
-    },
+    onKeyDown: e => e.preventDefault(),
     type: "date",
     placeholder: placeholder,
-    onChange: function onChange(e) {
+    onChange: e => {
       // https://github.com/facebook/react/issues/8938#issuecomment-360573204
-      var target = e.nativeEvent.target;
+      const {
+        target
+      } = e.nativeEvent;
 
       function iosClearDefault() {
         target.defaultValue = '';
       }
 
       window.setTimeout(iosClearDefault, 0);
-
-      _onChange(e);
+      onChange(e);
     },
     tabIndex: tabIndex,
     value: value,
@@ -84,7 +85,7 @@ DSMobileDatePicker.defaultProps = {
   tabIndex: 0,
   placeholder: 'MM / DD / YYYY'
 };
-var props = {
+const props = {
   /**
    * defaults to false
    */
@@ -110,10 +111,8 @@ var props = {
    */
   value: reactDesc.PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string')
 };
-DSMobileDatePicker.propTypes = props;
-var DSMobileDatePickerWithSchema = reactDesc.describe(DSMobileDatePicker);
+const DSMobileDatePickerWithSchema = reactDesc.describe(DSMobileDatePicker);
 DSMobileDatePickerWithSchema.propTypes = props;
 
 exports.DSMobileDatePicker = DSMobileDatePicker;
 exports.DSMobileDatePickerWithSchema = DSMobileDatePickerWithSchema;
-//# sourceMappingURL=MobileDatePicker.js.map

package/cjs/MobileDatePicker/index.js

@@ -2,21 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileDatePicker_MobileDatePicker = require('./MobileDatePicker.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-icon');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('@elliemae/ds-form');
-require('./Input.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('styled-components');
-require('@elliemae/ds-system');
+var MobileDatePicker = require('./MobileDatePicker.js');
 
 
 
-exports.DSMobileDatePicker = MobileDatePicker_MobileDatePicker.DSMobileDatePicker;
-exports.DSMobileDatePickerWithSchema = MobileDatePicker_MobileDatePicker.DSMobileDatePickerWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSMobileDatePicker = MobileDatePicker.DSMobileDatePicker;
+exports.DSMobileDatePickerWithSchema = MobileDatePicker.DSMobileDatePickerWithSchema;

package/cjs/MobileDropdownMenu/MobileDropdownInput.js

@@ -2,58 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styled = require('styled-components');
-var PropTypes = require('prop-types');
 var dsSystem = require('@elliemae/ds-system');
-var dsIcons = require('@elliemae/ds-icons');
+var ChevronDownIcon = require('@elliemae/ds-icons/ChevronDown');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var ChevronDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDownIcon);
 
-var MobileDropdownInput = /*#__PURE__*/styled__default['default'].input.withConfig({
+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({
   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{", "}"], function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.theme.colors.neutral[200];
-}, function (props) {
-  return dsSystem.focus(props.theme.colors.brand[700]);
-});
-var MobileDropdownInputWrap = /*#__PURE__*/styled__default['default'].span.withConfig({
+})(["-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;"]);
-var 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;"]);
-var Caret = function Caret(_ref) {
-  var onClick = _ref.onClick;
-  return /*#__PURE__*/React__default['default'].createElement(CaretWrap, {
-    onClick: onClick
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronDown, {
-    color: ['brand-primary', '600']
-  }));
-};
-Caret.propTypes = {
-  onClick: PropTypes__default['default'].func.isRequired
-};
-var DSMobileDropdownTriggerInput = function DSMobileDropdownTriggerInput(_ref2) {
-  var inputProps = _ref2.inputProps,
-      caretProps = _ref2.caretProps;
-  return /*#__PURE__*/React__default['default'].createElement(MobileDropdownInputWrap, {
-    "data-testid": "ds-mobile-ddwn-menu"
-  }, /*#__PURE__*/React__default['default'].createElement(MobileDropdownInput, _extends__default['default']({}, inputProps, {
-    readOnly: true
-  })), /*#__PURE__*/React__default['default'].createElement(Caret, caretProps));
-};
+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)));
 
 exports.Caret = Caret;
 exports.DSMobileDropdownTriggerInput = DSMobileDropdownTriggerInput;
 exports.MobileDropdownInput = MobileDropdownInput;
 exports.MobileDropdownInputWrap = MobileDropdownInputWrap;
-//# sourceMappingURL=MobileDropdownInput.js.map

package/cjs/MobileDropdownMenu/MobileDropdownMenu.js

@@ -2,98 +2,68 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDesc = require('react-desc');
-var MobileContextMenu_MobileContextMenu = require('../MobileContextMenu/MobileContextMenu.js');
-var MobileContextMenu_MobileContextMenuItem = require('../MobileContextMenu/MobileContextMenuItem.js');
+var MobileContextMenu = require('../MobileContextMenu/MobileContextMenu.js');
+var MobileContextMenuItem = require('../MobileContextMenu/MobileContextMenuItem.js');
 require('../MobileContextMenu/MobileContextMenuGroup.js');
-var MobileDropdownMenu_MobileDropdownInput = require('./MobileDropdownInput.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/toConsumableArray');
-require('lodash');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-backdrop');
-require('@elliemae/ds-system');
-require('@elliemae/ds-shared/GroupContext/Group');
-require('@elliemae/ds-shared/GroupContext/GroupItem');
-require('@elliemae/ds-form');
-require('@elliemae/ds-icons');
-require('../MobileTouchable/MobileTouchable.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('prop-types');
+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 _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var DSMobileDropdownMenu = function DSMobileDropdownMenu(_ref) {
-  var placeholder = _ref.placeholder,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      title = _ref.title,
-      value = _ref.value,
-      _ref$itemsProps = _ref.itemsProps,
-      itemsProps = _ref$itemsProps === void 0 ? {
+const DSMobileDropdownMenu = ({
+  placeholder,
+  options = [],
+  title,
+  value,
+  itemsProps = {
     label: undefined,
     leftProp: undefined,
     isGroup: false,
     isMulti: false,
     singleSelect: false,
-    isItemSelected: function isItemSelected() {
-      return false;
-    },
+    isItemSelected: () => false,
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onClick: function onClick() {}
-  } : _ref$itemsProps;
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      menuOpen = _useState2[0],
-      setMenuOpen = _useState2[1];
-
-  var inputRef = React.useRef(null);
-  var inputProps = React__default['default'].useMemo(function () {
-    return {
-      readOnly: true,
-      value: value,
-      onClick: function onClick() {
-        return setMenuOpen(true);
-      },
-      ref: inputRef,
-      placeholder: placeholder
-    };
-  }, [value, placeholder]);
-  var caretProps = React__default['default'].useMemo(function () {
-    return {
-      onClick: function onClick() {
-        inputRef.current.focus();
-        setMenuOpen(true);
-      }
-    };
-  }, []);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(MobileDropdownMenu_MobileDropdownInput.DSMobileDropdownTriggerInput, {
-    inputProps: inputProps,
-    caretProps: caretProps
-  }), menuOpen ? /*#__PURE__*/React__default['default'].createElement(MobileContextMenu_MobileContextMenu.DSMobileContextMenu, {
-    title: title,
-    open: true,
-    onChange: function onChange(_, e) {
-      setMenuOpen(false);
-    },
-    onClickOutside: function onClickOutside() {
-      return setMenuOpen(false);
+    onClick: () => {}
+  }
+}) => {
+  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);
     }
-  }, options.map(function (opt, i) {
-    return /*#__PURE__*/React__default['default'].createElement(MobileContextMenu_MobileContextMenuItem.DSMobileContextMenuItem, {
-      key: 'ddwn'.concat("".concat(i)),
+  }), []);
+  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: function onClick(e) {
+      onClick: e => {
         setMenuOpen(false);
         itemsProps.onClick(opt, e);
       },
@@ -102,11 +72,11 @@ var DSMobileDropdownMenu = function DSMobileDropdownMenu(_ref) {
       isGroup: itemsProps.isGroup,
       isMulti: itemsProps.isMulti,
       singleSelect: itemsProps.singleSelect
-    });
-  })) : null);
+    }, 'ddwn'.concat("".concat(i))))) : null]
+  });
 };
 
-var props = {
+const props = {
   /** dropdown menu placeholder */
   placeholder: reactDesc.PropTypes.string.description('dropdown menu placeholder'),
 
@@ -119,10 +89,8 @@ var props = {
     label: reactDesc.PropTypes.string
   })).description('context menu options / items')
 };
-DSMobileDropdownMenu.propTypes = props;
-var DSMobileDropdownMenuWithSchema = reactDesc.describe(DSMobileDropdownMenu);
+const DSMobileDropdownMenuWithSchema = reactDesc.describe(DSMobileDropdownMenu);
 DSMobileDropdownMenuWithSchema.propTypes = props;
 
 exports.DSMobileDropdownMenu = DSMobileDropdownMenu;
 exports.DSMobileDropdownMenuWithSchema = DSMobileDropdownMenuWithSchema;
-//# sourceMappingURL=MobileDropdownMenu.js.map

package/cjs/MobileDropdownMenu/index.js

@@ -2,33 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileDropdownMenu_MobileDropdownMenu = require('./MobileDropdownMenu.js');
-var MobileDropdownMenu_MobileDropdownInput = require('./MobileDropdownInput.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('react-desc');
-require('../MobileContextMenu/MobileContextMenu.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/toConsumableArray');
-require('lodash');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-backdrop');
-require('@elliemae/ds-system');
-require('@elliemae/ds-shared/GroupContext/Group');
-require('../MobileContextMenu/MobileContextMenuGroup.js');
-require('../MobileContextMenu/MobileContextMenuItem.js');
-require('@elliemae/ds-shared/GroupContext/GroupItem');
-require('@elliemae/ds-form');
-require('@elliemae/ds-icons');
-require('../MobileTouchable/MobileTouchable.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('prop-types');
+var MobileDropdownMenu = require('./MobileDropdownMenu.js');
+var MobileDropdownInput = require('./MobileDropdownInput.js');
 
 
 
-exports.DSMobileDropdownMenu = MobileDropdownMenu_MobileDropdownMenu.DSMobileDropdownMenu;
-exports.DSMobileDropdownMenuWithSchema = MobileDropdownMenu_MobileDropdownMenu.DSMobileDropdownMenuWithSchema;
-exports.DSMobileDropdownTriggerInput = MobileDropdownMenu_MobileDropdownInput.DSMobileDropdownTriggerInput;
-//# sourceMappingURL=index.js.map
+exports.DSMobileDropdownMenu = MobileDropdownMenu.DSMobileDropdownMenu;
+exports.DSMobileDropdownMenuWithSchema = MobileDropdownMenu.DSMobileDropdownMenuWithSchema;
+exports.DSMobileDropdownTriggerInput = MobileDropdownInput.DSMobileDropdownTriggerInput;

package/cjs/MobileEmtpyState/MobileEmptyState.js

@@ -2,46 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+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');
+var Search = require('@elliemae/ds-icons/Search');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 
-var 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%;"]);
-var 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;"], function (props) {
-  return props.theme.colors.neutral['600'];
-}, function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.theme.fontWeights.semibold;
-});
-
-var DSMobileEmptyState = function DSMobileEmptyState(_ref) {
-  var _ref$label = _ref.label,
-      label = _ref$label === void 0 ? 'No search results found.' : _ref$label;
-  return /*#__PURE__*/React__default['default'].createElement(Wrapper, null, /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, {
-    size: "xxl",
-    color: ['neutral', 400]
-  }), /*#__PURE__*/React__default['default'].createElement(Label, null, label));
-};
+})(["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));
 
-var props = {
+const props = {
   /** empty state label */
   label: reactDesc.PropTypes.string.description('empty state label')
 };
-DSMobileEmptyState.propTypes = props;
-var DSMobileEmptyStateWithSchema = reactDesc.describe(DSMobileEmptyState);
+const DSMobileEmptyStateWithSchema = reactDesc.describe(DSMobileEmptyState);
 DSMobileEmptyStateWithSchema.propTypes = props;
 
 exports.DSMobileEmptyState = DSMobileEmptyState;
 exports.DSMobileEmptyStateWithSchema = DSMobileEmptyStateWithSchema;
-//# sourceMappingURL=MobileEmptyState.js.map