@elliemae/ds-mobile 1.55.0-next.7 → 2.0.0-alpha.10

package/cjs/MobileSelectList/styled.js

@@ -2,63 +2,51 @@
 
 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 Grid = require('@elliemae/ds-basic/Grid');
 var DSCheckbox = require('@elliemae/ds-basic/form/Checkbox');
-var Checkmark = require('@elliemae/ds-icons/Checkmark');
+var DSCheckmark = require('@elliemae/ds-icons/Checkmark');
 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 DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
-var Checkmark__default = /*#__PURE__*/_interopDefaultLegacy(Checkmark);
+var DSCheckmark__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckmark);
 
-var StyledContainer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const StyledContainer = /*#__PURE__*/styled__default["default"](Grid.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'](Grid.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"](Grid.Grid).withConfig({
   componentId: "sc-1dckxve-1"
-})(["border-bottom:", ";"], function (props) {
-  return dsSystem.border(props.theme.colors.neutral['300']);
-});
-var Footer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+})(["border-bottom:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
+const Footer = /*#__PURE__*/styled__default["default"](Grid.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(DSCheckbox__default['default'], {
+})(["& ", ":last-child ", "{border:none;}"], MobileTouchable.DSMobileTouchable, MobileListItem.DSMobileListItem);
+const checkbox = /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
   checked: false,
   onChange: lodash.noop,
   style: {
     pointerEvents: 'none'
   }
 });
-var checked = /*#__PURE__*/React__default['default'].createElement(DSCheckbox__default['default'], {
+const checked = /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
   checked: true,
   onChange: lodash.noop,
   style: {
     pointerEvents: 'none'
   }
 });
-var selectedMark = /*#__PURE__*/React__default['default'].createElement(Checkmark__default['default'], {
+const selectedMark = /*#__PURE__*/_jsx__default["default"](DSCheckmark__default["default"], {
   color: ['brand-primary', 600]
 });
 
@@ -69,4 +57,3 @@ exports.StyledContainer = StyledContainer;
 exports.checkbox = checkbox;
 exports.checked = checked;
 exports.selectedMark = selectedMark;
-//# sourceMappingURL=styled.js.map

package/cjs/MobileSeparator/Separator.js

@@ -3,61 +3,59 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
+require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
 var Grid = require('@elliemae/ds-basic/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'](Grid.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"](Grid.Grid).withConfig({
   componentId: "sc-lje3kq-0"
-})(["border-top:", ";border-left:", ";"], function (_ref) {
-  var theme = _ref.theme,
-      color = _ref.color,
-      borderType = _ref.borderType;
-  return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
-}, function (_ref2) {
-  var theme = _ref2.theme,
-      color = _ref2.color,
-      borderType = _ref2.borderType;
-  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 = {
+})(["border-top:", ";border-left:", ";"], ({
+  theme,
+  color,
+  borderType
+}) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`, ({
+  theme,
+  color,
+  borderType
+}) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`);
+
+const MobileSeparator = ({
+  color = ['neutral', '800'],
+  direction = 'horizontal',
+  type = 'solid',
+  margin = 'xs'
+}) => {
+  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-basic/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,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 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

package/cjs/MobileTimePicker/MobileTimePicker.js

@@ -2,34 +2,34 @@
 
 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 RecentDocuments = require('@elliemae/ds-icons/RecentDocuments');
 var DSButton = require('@elliemae/ds-basic/Button');
 var DSInputGroup = require('@elliemae/ds-basic/form/InputGroup');
-var MobileTimePicker_Input = require('./Input.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-system');
-require('styled-components');
+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 RecentDocuments__default = /*#__PURE__*/_interopDefaultLegacy(RecentDocuments);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DSInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSInputGroup);
 
-var DSMobileTimePicker = function DSMobileTimePicker(_ref) {
-  var disabled = _ref.disabled,
-      value = _ref.value,
-      tabIndex = _ref.tabIndex,
-      placeholder = _ref.placeholder,
-      _onChange = _ref.onChange;
-  var inputRef = React.useRef(null);
-  var valueArr = value.split(':');
-  React.useEffect(function () {
+var _RecentDocuments;
+
+const DSMobileTimePicker = ({
+  disabled,
+  value,
+  tabIndex,
+  placeholder,
+  onChange
+}) => {
+  const inputRef = React.useRef(null);
+  const valueArr = value.split(':');
+  React.useEffect(() => {
     /*
       necessary if value is being set in mount, 
       otherwise the clear won't work on the first click
@@ -39,26 +39,26 @@ var DSMobileTimePicker = function DSMobileTimePicker(_ref) {
       inputRef.current.defaultValue = '';
     }
   }, [inputRef.current]);
-  var displayValue = React.useMemo(function () {
+  const displayValue = React.useMemo(() => {
     if (!value || !valueArr[0] || !valueArr[1]) return '';
-    var ampm = valueArr[0] >= 12 ? 'pm' : 'am';
-    var h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];
-    return "".concat(h, " : ").concat(valueArr[1], " ").concat(ampm);
+    const ampm = valueArr[0] >= 12 ? 'pm' : 'am';
+    const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];
+    return `${h} : ${valueArr[1]} ${ampm}`;
   }, [value]);
-  return /*#__PURE__*/React__default['default'].createElement(DSInputGroup__default['default'], {
-    rightAddon: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](DSInputGroup__default["default"], {
+    rightAddon: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       "aria-label": "Time Picker Button",
       color: !disabled ? Icon.DSIconColors.PRIMARY : Icon.DSIconColors.NEUTRAL,
       disabled: disabled,
-      icon: /*#__PURE__*/React__default['default'].createElement(RecentDocuments__default['default'], null),
+      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](RecentDocuments__default["default"], {})),
       type: "button",
       buttonType: "secondary",
-      onClick: function onClick() {
+      onClick: () => {
         inputRef.current.focus();
         inputRef.current.click();
       }
     })
-  }, /*#__PURE__*/React__default['default'].createElement(MobileTimePicker_Input.Input, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Input.Input, {
     innerRef: inputRef,
     type: "time",
     "data-testid": "ds-mobile-time-picker",
@@ -68,17 +68,18 @@ var DSMobileTimePicker = function DSMobileTimePicker(_ref) {
     tabIndex: tabIndex,
     value: value,
     "data-displayvalue": displayValue,
-    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);
     }
   }));
 };
@@ -89,7 +90,7 @@ DSMobileTimePicker.defaultProps = {
   placeholder: 'HH : MM am',
   value: ''
 };
-var pickerProps = {
+const pickerProps = {
   /**
    * defaults to false
    */
@@ -115,10 +116,8 @@ var pickerProps = {
    */
   value: reactDesc.PropTypes.string.description('HH:MM string representing the time or empty string')
 };
-DSMobileTimePicker.propTypes = pickerProps;
-var DSMobileTimePickerWithSchema = reactDesc.describe(DSMobileTimePicker).description('Time picker for mobile & tablet');
+const DSMobileTimePickerWithSchema = reactDesc.describe(DSMobileTimePicker).description('Time picker for mobile & tablet');
 DSMobileTimePickerWithSchema.propTypes = pickerProps;
 
 exports.DSMobileTimePicker = DSMobileTimePicker;
 exports.DSMobileTimePickerWithSchema = DSMobileTimePickerWithSchema;
-//# sourceMappingURL=MobileTimePicker.js.map

package/cjs/MobileTimePicker/MobileTimePicker.stories.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var Grid = require('@elliemae/ds-basic/Grid');
+var dsDevutils = require('@elliemae/ds-devutils');
+var MobileTimePicker = require('./MobileTimePicker.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var MobileTimePicker_stories = {
+  title: dsDevutils.PATH_MOBILE_TIME_PICKER
+};
+const Basic = () => {
+  // KNOBS
+  const {
+    value,
+    onChange
+  } = dsDevutils.useMobileTimePicker(); // KNOBS
+
+  return /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+    m: "xs"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](MobileTimePicker.DSMobileTimePicker, {
+    value: value,
+    onChange: onChange
+  }));
+};
+dsDevutils.addDefaultMobileView(Basic);
+
+exports.Basic = Basic;
+exports["default"] = MobileTimePicker_stories;

package/cjs/MobileTimePicker/index.js

@@ -2,21 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileTimePicker_MobileTimePicker = require('./MobileTimePicker.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-basic/Icon');
-require('@elliemae/ds-icons/RecentDocuments');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-basic/form/InputGroup');
-require('./Input.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-system');
-require('styled-components');
+var MobileTimePicker = require('./MobileTimePicker.js');
 
 
 
-exports.DSMobileTimePicker = MobileTimePicker_MobileTimePicker.DSMobileTimePicker;
-exports.DSMobileTimePickerWithSchema = MobileTimePicker_MobileTimePicker.DSMobileTimePickerWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSMobileTimePicker = MobileTimePicker.DSMobileTimePicker;
+exports.DSMobileTimePickerWithSchema = MobileTimePicker.DSMobileTimePickerWithSchema;

package/cjs/MobileTouchable/MobileTouchable.js

@@ -2,70 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var lodash = require('lodash');
-var PropTypes = require('prop-types');
 var styled = require('styled-components');
 var Grid = require('@elliemae/ds-basic/Grid');
 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 _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _excluded = ["children", "onClick", "theme", "dataTestid", "render"];
-var StyledContainer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
-  componentId: "sc-6cxve6-0"
-})(["cursor:pointer;background:", ";"], function (props) {
-  return props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000'];
-});
-
-var MobileTouchable = function MobileTouchable(_ref) {
-  var children = _ref.children,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? lodash.noop : _ref$onClick;
-      _ref.theme;
-      var _ref$dataTestid = _ref.dataTestid,
-      dataTestid = _ref$dataTestid === void 0 ? 'mobile-touchable' : _ref$dataTestid,
-      render = _ref.render,
-      gridProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+const _excluded = ["children", "onClick", "theme", "dataTestid", "render"];
 
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      touching = _useState2[0],
-      setTouching = _useState2[1];
+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; }
 
-  var handleStart = React.useCallback(function () {
-    return setTouching(true);
-  });
-  var handleEnd = React.useCallback(function () {
-    return setTouching(false);
-  });
-  return /*#__PURE__*/React__default['default'].createElement(StyledContainer, _extends__default['default']({}, gridProps, {
+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 StyledContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+  componentId: "sc-6cxve6-0"
+})(["cursor:pointer;background:", ";"], props => props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000']);
+
+const MobileTouchable = _ref => {
+  let {
+    children,
+    onClick = lodash.noop,
+    theme,
+    dataTestid = 'mobile-touchable',
+    render
+  } = _ref,
+      gridProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const [touching, setTouching] = React.useState(false);
+  const handleStart = React.useCallback(() => setTouching(true));
+  const handleEnd = React.useCallback(() => setTouching(false));
+  return /*#__PURE__*/jsxRuntime.jsx(StyledContainer, _objectSpread(_objectSpread({}, gridProps), {}, {
     touching: touching,
     onClick: onClick,
     onTouchStart: handleStart,
     onTouchEnd: handleEnd,
-    "data-testid": dataTestid
-  }), children || render(gridProps));
+    "data-testid": dataTestid,
+    children: children || render(gridProps)
+  }));
 };
 
-MobileTouchable.propTypes = {
-  onClick: PropTypes__default['default'].func,
-  children: PropTypes__default['default'].any,
-  render: PropTypes__default['default'].func,
-  theme: PropTypes__default['default'].any,
-  dataTestid: PropTypes__default['default'].string
-};
-var DSMobileTouchable = dsSystem.withTheme(MobileTouchable);
+const DSMobileTouchable = dsSystem.withTheme(MobileTouchable);
 
 exports.DSMobileTouchable = DSMobileTouchable;
-//# sourceMappingURL=MobileTouchable.js.map

package/cjs/MobileTouchable/index.js

@@ -2,18 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileTouchable_MobileTouchable = require('./MobileTouchable.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('lodash');
-require('prop-types');
-require('styled-components');
-require('@elliemae/ds-basic/Grid');
-require('@elliemae/ds-system');
+var MobileTouchable = require('./MobileTouchable.js');
 
 
 
-exports.DSMobileTouchable = MobileTouchable_MobileTouchable.DSMobileTouchable;
-//# sourceMappingURL=index.js.map
+exports.DSMobileTouchable = MobileTouchable.DSMobileTouchable;