@elliemae/ds-mobile 1.60.0 → 2.0.0-alpha.12

package/cjs/MobileSelectList/MobileSelectList.js

@@ -3,199 +3,143 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var lodash = require('lodash');
-var PropTypes = require('prop-types');
 var dsGrid = require('@elliemae/ds-grid');
 var dsForm = require('@elliemae/ds-form');
 var dsSystem = require('@elliemae/ds-system');
-var MobileTouchable_MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
-var MobileSelectList_styled = require('./styled.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('styled-components');
-require('@elliemae/ds-icons');
-require('../MobileListItem/MobileListItem.js');
-require('react-desc');
+var MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
+var styled = require('./styled.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 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; }
-
-var MobileSelectList = function MobileSelectList(_ref) {
-  var _ref$open = _ref.open,
-      open = _ref$open === void 0 ? false : _ref$open,
-      _ref$header = _ref.header,
-      header = _ref$header === void 0 ? null : _ref$header,
-      _ref$multiple = _ref.multiple,
-      multiple = _ref$multiple === void 0 ? false : _ref$multiple,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? lodash.noop : _ref$onChange,
-      children = _ref.children,
-      theme = _ref.theme,
-      _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 1 : _ref$zIndex,
-      useSearch = _ref.useSearch,
-      _ref$onSearch = _ref.onSearch,
-      onSearch = _ref$onSearch === void 0 ? lodash.noop : _ref$onSearch,
-      _ref$dataTestid = _ref.dataTestid,
-      dataTestid = _ref$dataTestid === void 0 ? 'mobile-select-list' : _ref$dataTestid,
-      _ref$buttonFooter = _ref.buttonFooter,
-      buttonFooter = _ref$buttonFooter === void 0 ? null : _ref$buttonFooter,
-      _ref$onApply = _ref.onApply,
-      onApply = _ref$onApply === void 0 ? lodash.noop : _ref$onApply,
-      _ref$selecteds = _ref.selecteds,
-      initSelecteds = _ref$selecteds === void 0 ? [] : _ref$selecteds;
-  var rows = ['auto', 1];
-
-  var _useState = React.useState(initSelecteds),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      selecteds = _useState2[0],
-      setSelected = _useState2[1];
-
-  var _useState3 = React.useState(''),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      filter = _useState4[0],
-      setFilter = _useState4[1];
-
-  React.useEffect(function () {
+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 MobileSelectList = _ref => {
+  let {
+    open = false,
+    header = null,
+    multiple = false,
+    onChange = lodash.noop,
+    children,
+    theme,
+    zIndex = 1,
+    useSearch,
+    onSearch = lodash.noop,
+    dataTestid = 'mobile-select-list',
+    buttonFooter = null,
+    onApply = lodash.noop,
+    selecteds: initSelecteds = []
+  } = _ref;
+  const rows = ['auto', 1];
+  const [selecteds, setSelected] = React.useState(initSelecteds);
+  const [filter, setFilter] = React.useState('');
+  React.useEffect(() => {
     setSelected(initSelecteds);
   }, [initSelecteds]);
 
-  var handleSelection = function handleSelection(value) {
+  const handleSelection = value => {
     if (multiple) {
-      var index = selecteds.findIndex(function (s) {
-        return s === value;
-      });
-      if (index > -1) setSelected(selecteds.filter(function (s) {
-        return s !== value;
-      }));else setSelected([].concat(_toConsumableArray__default['default'](selecteds), [value]));
+      const index = selecteds.findIndex(s => s === value);
+      if (index > -1) setSelected(selecteds.filter(s => s !== value));else setSelected([...selecteds, value]);
     } else setSelected([value]);
   };
 
-  var handleChange = function handleChange(event) {
+  const handleChange = function (event) {
     onChange(event, this);
     handleSelection(this.value);
   };
 
-  var handleOnSearch = function handleOnSearch(e) {
+  const handleOnSearch = e => {
     setFilter(e.target.value);
     onSearch(e);
   };
 
-  var handleApply = function handleApply(e) {
+  const handleApply = function (e) {
     if (this.onClick) this.onClick(e);
     onApply(e, selecteds);
   };
 
   if (buttonFooter) rows.push(dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));
   if (!open) return null;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(MobileSelectList_styled.StyledContainer, {
-    "data-testid": dataTestid,
-    rows: rows,
-    zIndex: zIndex
-  }, /*#__PURE__*/React__default['default'].createElement(MobileSelectList_styled.HeaderContainer, null, header, useSearch && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    alignItems: "center",
-    height: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl),
-    pl: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-    pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, /*#__PURE__*/React__default['default'].createElement(dsForm.DSTextBox, {
-    onChange: handleOnSearch,
-    placeholder: "Filter by name",
-    value: filter
-  }))), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    style: {
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    style: {
-      overflow: 'auto'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(MobileSelectList_styled.ListContainer, {
-    "data-testid": "".concat(dataTestid, "--list-container")
-  }, React__default['default'].Children.map(children, function (child) {
-    var leftAddon = null;
-    var rightAddon = null;
-    var _child$props = child.props,
-        value = _child$props.value,
-        title = _child$props.title;
-    var found = selecteds.findIndex(function (s) {
-      return String(s) === String(value);
-    });
-    if (filter && !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) && !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())) return null;
-
-    if (multiple) {
-      if (found > -1) leftAddon = MobileSelectList_styled.checked;else leftAddon = MobileSelectList_styled.checkbox;
-    } else if (found > -1) {
-      rightAddon = MobileSelectList_styled.selectedMark;
-    }
-
-    return /*#__PURE__*/React__default['default'].createElement(MobileTouchable_MobileTouchable.DSMobileTouchable, {
-      onClick: handleChange.bind(child.props)
-    }, /*#__PURE__*/React__default['default'].cloneElement(child, {
-      leftAddon: leftAddon,
-      rightAddon: rightAddon
-    }));
-  })))), buttonFooter && /*#__PURE__*/React__default['default'].createElement(MobileSelectList_styled.Footer, {
-    alignItems: "center" // eslint-disable-next-line max-lines
-    ,
-    pl: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-    pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, /*#__PURE__*/React__default['default'].cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
-    containerProps: {
-      'data-testid': "".concat(dataTestid, "--btn")
-    },
-    buttonType: 'primary',
-    size: 'l',
-    onClick: handleApply.bind(buttonFooter.props)
-  })))));
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/_jsx__default["default"](styled.StyledContainer, {
+      "data-testid": dataTestid,
+      rows: rows,
+      zIndex: zIndex
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.HeaderContainer, {}, void 0, header, useSearch && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      alignItems: "center",
+      height: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl),
+      pl: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+      pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
+      onChange: handleOnSearch,
+      placeholder: "Filter by name",
+      value: filter
+    }))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      style: {
+        overflow: 'hidden'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      style: {
+        overflow: 'auto'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.ListContainer, {
+      "data-testid": "".concat(dataTestid, "--list-container")
+    }, void 0, React__default["default"].Children.map(children, child => {
+      let leftAddon = null;
+      let rightAddon = null;
+      const {
+        value,
+        title
+      } = child.props;
+      const found = selecteds.findIndex(s => String(s) === String(value));
+      if (filter && !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) && !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())) return null;
+
+      if (multiple) {
+        if (found > -1) leftAddon = styled.checked;else leftAddon = styled.checkbox;
+      } else if (found > -1) {
+        rightAddon = styled.selectedMark;
+      }
+
+      return /*#__PURE__*/_jsx__default["default"](MobileTouchable.DSMobileTouchable, {
+        onClick: handleChange.bind(child.props)
+      }, void 0, /*#__PURE__*/React__default["default"].cloneElement(child, {
+        leftAddon,
+        rightAddon
+      }));
+    })))), buttonFooter && /*#__PURE__*/_jsx__default["default"](styled.Footer, {
+      alignItems: "center" // eslint-disable-next-line max-lines
+      ,
+      pl: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+      pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
+    }, void 0, /*#__PURE__*/React__default["default"].cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
+      containerProps: {
+        'data-testid': "".concat(dataTestid, "--btn")
+      },
+      buttonType: 'primary',
+      size: 'l',
+      onClick: handleApply.bind(buttonFooter.props)
+    }))))
+  });
 };
 
-var DSMobileSelectList = dsSystem.withTheme(MobileSelectList);
-MobileSelectList.propTypes = {
-  /** show select list */
-  open: PropTypes__default['default'].bool,
-
-  /** DSMobilePageHeader instance */
-  header: PropTypes__default['default'].element,
-
-  /** called when a DSMobileListItem is touched */
-  onChange: PropTypes__default['default'].func,
-
-  /** allow multiple selection */
-  multiple: PropTypes__default['default'].bool,
-
-  /** Array of DSMobileListItem instances */
-  children: PropTypes__default['default'].arrayOf(PropTypes__default['default'].element),
-
-  /** data test id for testing purposes */
-  dataTestid: PropTypes__default['default'].string,
-
-  /** footer action, DSButton instance */
-  buttonFooter: PropTypes__default['default'].element,
-
-  /** called when footer action is triggered */
-  onApply: PropTypes__default['default'].func,
-
-  /** zIndex */
-  zIndex: PropTypes__default['default'].number,
-
-  /** init selecteds */
-  selecteds: PropTypes__default['default'].arrayOf(PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number])),
-  theme: PropTypes__default['default'].object.isRequired,
-  useSearch: PropTypes__default['default'].bool,
-  onSearch: PropTypes__default['default'].func
-};
+const DSMobileSelectList = dsSystem.withTheme(MobileSelectList);
 
 exports.DSMobileSelectList = DSMobileSelectList;
-//# sourceMappingURL=MobileSelectList.js.map

package/cjs/MobileSelectList/index.js

@@ -2,26 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileSelectList_MobileSelectList = require('./MobileSelectList.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('lodash');
-require('prop-types');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-form');
-require('@elliemae/ds-system');
-require('../MobileTouchable/MobileTouchable.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('styled-components');
-require('./styled.js');
-require('@elliemae/ds-icons');
-require('../MobileListItem/MobileListItem.js');
-require('react-desc');
+var MobileSelectList = require('./MobileSelectList.js');
 
 
 
-exports.DSMobileSelectList = MobileSelectList_MobileSelectList.DSMobileSelectList;
-//# sourceMappingURL=index.js.map
+exports.DSMobileSelectList = MobileSelectList.DSMobileSelectList;

package/cjs/MobileSelectList/styled.js

@@ -2,61 +2,49 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var lodash = require('lodash');
 var styled = require('styled-components');
 var dsGrid = require('@elliemae/ds-grid');
 var dsForm = require('@elliemae/ds-form');
 var dsIcons = require('@elliemae/ds-icons');
 var dsSystem = require('@elliemae/ds-system');
-var MobileTouchable_MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
-var MobileListItem_MobileListItem = require('../MobileListItem/MobileListItem.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('prop-types');
-require('react-desc');
+var MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
+var MobileListItem = require('../MobileListItem/MobileListItem.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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1dckxve-0"
-})(["background:", ";z-index:", ";position:fixed;width:100%;top:0;left:0;right:0;height:100%;"], function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.zIndex;
-});
-var HeaderContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["background:", ";z-index:", ";position:fixed;width:100%;top:0;left:0;right:0;height:100%;"], props => props.theme.colors.neutral['000'], props => props.zIndex);
+const HeaderContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1dckxve-1"
-})(["border-bottom:", ";"], function (props) {
-  return dsSystem.border(props.theme.colors.neutral['300']);
-});
-var Footer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["border-bottom:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
+const Footer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1dckxve-2"
-})(["border-top:", ";"], function (props) {
-  return dsSystem.border(props.theme.colors.neutral['300']);
-});
-var ListContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["border-top:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
+const ListContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1dckxve-3"
-})(["& ", ":last-child ", "{border:none;}"], MobileTouchable_MobileTouchable.DSMobileTouchable, MobileListItem_MobileListItem.DSMobileListItem);
-var checkbox = /*#__PURE__*/React__default['default'].createElement(dsForm.DSCheckbox, {
+})(["& ", ":last-child ", "{border:none;}"], MobileTouchable.DSMobileTouchable, MobileListItem.DSMobileListItem);
+const checkbox = /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
   checked: false,
   onChange: lodash.noop,
   style: {
     pointerEvents: 'none'
   }
 });
-var checked = /*#__PURE__*/React__default['default'].createElement(dsForm.DSCheckbox, {
+const checked = /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
   checked: true,
   onChange: lodash.noop,
   style: {
     pointerEvents: 'none'
   }
 });
-var selectedMark = /*#__PURE__*/React__default['default'].createElement(dsIcons.Checkmark, {
+const selectedMark = /*#__PURE__*/_jsx__default["default"](dsIcons.Checkmark, {
   color: ['brand-primary', 600]
 });
 
@@ -67,4 +55,3 @@ exports.StyledContainer = StyledContainer;
 exports.checkbox = checkbox;
 exports.checked = checked;
 exports.selectedMark = selectedMark;
-//# sourceMappingURL=styled.js.map

package/cjs/MobileSeparator/Separator.js

@@ -2,62 +2,72 @@
 
 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 React = require('react');
+require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
 var dsGrid = require('@elliemae/ds-grid');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Separator = /*#__PURE__*/styled__default['default'](dsGrid.Grid).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 Separator = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-lje3kq-0"
-})(["border-top:", ";border-left:", ";"], function (_ref) {
-  var theme = _ref.theme,
-      color = _ref.color,
-      borderType = _ref.borderType;
+})(["border-top:", ";border-left:", ";"], _ref => {
+  let {
+    theme,
+    color,
+    borderType
+  } = _ref;
   return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
-}, function (_ref2) {
-  var theme = _ref2.theme,
-      color = _ref2.color,
-      borderType = _ref2.borderType;
+}, _ref2 => {
+  let {
+    theme,
+    color,
+    borderType
+  } = _ref2;
   return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
 });
 
-var MobileSeparator = function MobileSeparator(_ref3) {
-  var _styles;
-
-  var _ref3$color = _ref3.color,
-      color = _ref3$color === void 0 ? ['neutral', '800'] : _ref3$color,
-      _ref3$direction = _ref3.direction,
-      direction = _ref3$direction === void 0 ? 'horizontal' : _ref3$direction,
-      _ref3$type = _ref3.type,
-      type = _ref3$type === void 0 ? 'solid' : _ref3$type,
-      _ref3$margin = _ref3.margin,
-      margin = _ref3$margin === void 0 ? 'xs' : _ref3$margin;
-  var orientation = direction === 'vertical' ? 'height' : 'width';
-  var xORy = direction === 'vertical' ? 'mx' : 'my';
-  var styles = (_styles = {
+const MobileSeparator = _ref3 => {
+  let {
+    color = ['neutral', '800'],
+    direction = 'horizontal',
+    type = 'solid',
+    margin = 'xs'
+  } = _ref3;
+  const orientation = direction === 'vertical' ? 'height' : 'width';
+  const xORy = direction === 'vertical' ? 'mx' : 'my';
+  const styles = {
     width: 0,
-    height: 0
-  }, _defineProperty__default['default'](_styles, orientation, '100%'), _defineProperty__default['default'](_styles, xORy, margin), _defineProperty__default['default'](_styles, "borderType", type), _defineProperty__default['default'](_styles, "color", color), _styles);
-  return /*#__PURE__*/React__default['default'].createElement(Separator, styles);
+    height: 0,
+    [orientation]: '100%',
+    [xORy]: margin,
+    borderType: type,
+    color
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Separator, _objectSpread({}, styles));
 };
 
-var mobileSeparatorProps = {
+const mobileSeparatorProps = {
   type: reactDesc.PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),
   direction: reactDesc.PropTypes.oneOf(['vertical', 'horizontal']).description('Direction of the separator').defaultValue('horizontal'),
   color: reactDesc.PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),
   margin: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('Margin of the separator').defaultValue('xs')
 };
-MobileSeparator.propTypes = mobileSeparatorProps;
-var MobileSeparatorWithSchema = reactDesc.describe(MobileSeparator);
+const MobileSeparatorWithSchema = reactDesc.describe(MobileSeparator);
 MobileSeparatorWithSchema.propTypes = mobileSeparatorProps;
 
 exports.MobileSeparatorWithSchema = MobileSeparatorWithSchema;
-exports['default'] = MobileSeparator;
-//# sourceMappingURL=Separator.js.map
+exports["default"] = MobileSeparator;

package/cjs/MobileSeparator/index.js

@@ -2,15 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileSeparator_Separator = require('./Separator.js');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('react-desc');
-require('styled-components');
-require('@elliemae/ds-grid');
+var Separator = require('./Separator.js');
 
 
 
-exports.MobileSeparatorWithSchema = MobileSeparator_Separator.MobileSeparatorWithSchema;
-exports.default = MobileSeparator_Separator['default'];
-//# sourceMappingURL=index.js.map
+exports.MobileSeparatorWithSchema = Separator.MobileSeparatorWithSchema;
+exports["default"] = Separator["default"];

package/cjs/MobileTimePicker/Input.js

@@ -2,45 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+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');
-var React = require('react');
+require('react');
 var dsSystem = require('@elliemae/ds-system');
 var styled = require('styled-components');
+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-ra7fth-0"
-})(["input[type=time]&{-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=time]&:active,input[type=time]&:focus{", "}&:before{color:", ";content:'", "';}input[type=time]&::-webkit-datetime-edit,input[type=time]&::-webkit-inner-spin-button,input[type=time]&::-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=time]&{-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=time]&:active,input[type=time]&:focus{", "}&:before{color:", ";content:'", "';}input[type=time]&::-webkit-datetime-edit,input[type=time]&::-webkit-inner-spin-button,input[type=time]&::-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