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

package/esm/MobileContextMenu/MobileContextMenuGroup.js

@@ -1,4 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React from 'react';
 import styled from 'styled-components';
 import { Grid } from '@elliemae/ds-grid';
@@ -8,51 +16,41 @@ import { PropTypes, describe } from 'react-desc';
 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(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 Title = /*#__PURE__*/styled.div.withConfig({
+const Title = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-atfpfh-0"
-})(["height:24px;line-height:24px;font-size:12px;border-top:1px solid ", ";background:", ";padding:0 ", ";color:", ";font-weight:", ";"], function (props) {
-  return props.theme.colors.brand['300'];
-}, function (props) {
-  return props.theme.colors.brand['200'];
-}, function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.theme.colors.neutral['700'];
-}, function (props) {
-  return props.theme.fontWeights.semibold;
-});
+})(["height:24px;line-height:24px;font-size:12px;border-top:1px solid ", ";background:", ";padding:0 ", ";color:", ";font-weight:", ";"], props => props.theme.colors.brand['300'], props => props.theme.colors.brand['200'], props => props.theme.space.xs, props => props.theme.colors.neutral['700'], props => props.theme.fontWeights.semibold);
 
-var DSMobileContextMenuGroup = function DSMobileContextMenuGroup(_ref) {
-  var title = _ref.title,
-      isMulti = _ref.isMulti,
-      singleSelect = _ref.singleSelect,
-      children = _ref.children,
-      groupValue = _ref.value,
-      selectedItems = _ref.selectedItems;
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Title, null, title)), /*#__PURE__*/React.createElement(Grid, null, React.Children.map(children, function (child, index) {
-    var _child$props$onClick = child.props.onClick,
-        _onClick = _child$props$onClick === void 0 ? noop : _child$props$onClick;
-
-    var value = "".concat(groupValue, ":").concat(index);
-    var isSelected;
+const DSMobileContextMenuGroup = _ref => {
+  let {
+    title,
+    isMulti,
+    singleSelect,
+    children,
+    value: groupValue,
+    selectedItems
+  } = _ref;
+  return /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(Title, {}, void 0, title)), /*#__PURE__*/_jsx(Grid, {}, void 0, React.Children.map(children, (child, index) => {
+    const {
+      onClick = noop
+    } = child.props;
+    const value = "".concat(groupValue, ":").concat(index);
+    let isSelected;
     if (singleSelect) isSelected = selectedItems === value;else if (isMulti) isSelected = selectedItems.includes(value);
     return /*#__PURE__*/React.cloneElement(child, {
-      value: value,
+      value,
       key: 'group.'.concat(index),
       isGroup: true,
-      isMulti: isMulti,
-      singleSelect: singleSelect,
-      isSelected: isSelected,
-      onClick: function onClick(e) {
-        return _onClick(e, _objectSpread({
-          value: value
-        }, child.props));
-      }
+      isMulti,
+      singleSelect,
+      isSelected,
+      onClick: e => onClick(e, _objectSpread({
+        value
+      }, child.props))
     });
   })));
 };
 
-var props = {
+const props = {
   /**
    * Group title
    */
@@ -75,10 +73,8 @@ var props = {
   /** selected items, array for multi, string for single */
   selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description('selected items, array for multi, string for single')
 };
-DSMobileContextMenuGroup.propTypes = props;
 DSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';
-var DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);
+const DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);
 DSMobileContextMenuGroupWithSchema.propTypes = props;
 
 export { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };
-//# sourceMappingURL=MobileContextMenuGroup.js.map

package/esm/MobileContextMenu/MobileContextMenuItem.js

@@ -1,4 +1,11 @@
-import React from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import { Grid } from '@elliemae/ds-grid';
 import styled from 'styled-components';
@@ -7,108 +14,102 @@ import GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';
 import { DSCheckbox } from '@elliemae/ds-form';
 import { Checkmark } from '@elliemae/ds-icons';
 import { DSMobileTouchable } from '../MobileTouchable/MobileTouchable.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'lodash';
-import 'prop-types';
-
-/* eslint-disable max-lines */
-var Wrap = /*#__PURE__*/styled(function (props) {
-  return /*#__PURE__*/React.createElement(DSMobileTouchable, props);
-}).withConfig({
+import { jsx } from 'react/jsx-runtime';
+
+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(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(props => /*#__PURE__*/jsx(DSMobileTouchable, _objectSpread({}, props))).withConfig({
   componentId: "sc-20od94-0"
 })(["border-bottom:none;"]);
-var PropWrap = /*#__PURE__*/styled(function (props) {
-  return /*#__PURE__*/React.createElement(Grid, props);
-}).withConfig({
+const PropWrap = /*#__PURE__*/styled(props => /*#__PURE__*/jsx(Grid, _objectSpread({}, props))).withConfig({
   componentId: "sc-20od94-1"
-})(["", ""], function (props) {
+})(["", ""], props => {
   if (!props.isMulti) {
     return "\n      & > span {\n        height: 18px;\n        width: 18px;\n      }\n\n      & > span > svg {\n        height: 18px;\n        width: 18px;\n      }\n      ";
   }
 
   return '';
 });
-var Title = /*#__PURE__*/styled.span.withConfig({
+const Title = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-20od94-2"
-})(["font-size:16px;color:", ";", ""], function (props) {
-  return props.theme.colors.brand['600'];
-}, truncate());
-var Label = /*#__PURE__*/styled.span.withConfig({
+})(["font-size:16px;color:", ";", ""], props => props.theme.colors.brand['600'], truncate());
+const Label = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-20od94-3"
-})(["font-size:13px;color:", ";"], function (props) {
-  return props.theme.colors.neutral['600'];
-});
-var CheckMark = /*#__PURE__*/styled(Checkmark).withConfig({
+})(["font-size:13px;color:", ";"], props => props.theme.colors.neutral['600']);
+const CheckMark = /*#__PURE__*/styled(Checkmark).withConfig({
   componentId: "sc-20od94-4"
-})(["fill:", ";"], function (props) {
-  return props.theme.colors.brand['600'];
-});
+})(["fill:", ";"], props => props.theme.colors.brand['600']);
+
+const DSMobileContextMenuItem = _ref => {
+  var _DSCheckbox, _Grid, _Title;
 
-var DSMobileContextMenuItem = function DSMobileContextMenuItem(_ref) {
-  var label = _ref.label,
-      title = _ref.title,
-      leftProp = _ref.leftProp,
-      isGroup = _ref.isGroup,
-      isMulti = _ref.isMulti,
-      singleSelect = _ref.singleSelect,
-      isSelected = _ref.isSelected,
-      _ref$onClick = _ref.onClick,
-      _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-      value = _ref.value;
-
-  return /*#__PURE__*/React.createElement(GroupItem, {
-    render: function render(context) {
-      var activeValue = context.activeValue;
-      var someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);
+  let {
+    label,
+    title,
+    leftProp,
+    isGroup,
+    isMulti,
+    singleSelect,
+    isSelected,
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onClick = () => {},
+    value
+  } = _ref;
+  return /*#__PURE__*/_jsx(GroupItem, {
+    render: context => {
+      const {
+        activeValue
+      } = context;
+      let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);
       if (isGroup) someItemSelected = typeof activeValue === 'string';
-      var showLeftAddon = isSelected;
+      let showLeftAddon = isSelected;
       if (isMulti || !singleSelect) showLeftAddon = true;
-      var leftAddon = leftProp || null;
-      if (isMulti) leftAddon = /*#__PURE__*/React.createElement(DSCheckbox, {
+      let leftAddon = leftProp || null;
+      if (isMulti) leftAddon = _DSCheckbox || (_DSCheckbox = /*#__PURE__*/_jsx(DSCheckbox, {
         checked: isSelected,
         "data-testid": "leftAddon-checkbox"
-      });
-      if (singleSelect) leftAddon = /*#__PURE__*/React.createElement(CheckMark, {
+      }));
+      if (singleSelect) leftAddon = _CheckMark || (_CheckMark = /*#__PURE__*/_jsx(CheckMark, {
         "data-testid": "leftAddon-checkmark"
-      });
-      return /*#__PURE__*/React.createElement(Wrap, {
+      }));
+      return /*#__PURE__*/_jsx(Wrap, {
         "data-testid": "ds-contextmenu-item",
-        onClick: function onClick(e) {
+        onClick: e => {
           if (singleSelect || isMulti) context.onChange(value, e, {
-            value: value,
-            label: label,
-            title: title
+            value,
+            label,
+            title
           });
-
-          _onClick(e);
+          onClick(e);
         },
         cols: singleSelect && someItemSelected || leftAddon && !singleSelect || isMulti ? ['40px', 'auto'] : ['auto']
-      }, (singleSelect && someItemSelected || isMulti || leftAddon) && /*#__PURE__*/React.createElement(PropWrap, {
+      }, void 0, (singleSelect && someItemSelected || isMulti || leftAddon) && /*#__PURE__*/_jsx(PropWrap, {
         "data-testid": "left-addon",
         isMulti: isMulti,
         alignItems: "center",
         justifyContent: "center",
         pl: "16px"
-      }, showLeftAddon && leftAddon), /*#__PURE__*/React.createElement(Grid, {
+      }, void 0, showLeftAddon && leftAddon), /*#__PURE__*/_jsx(Grid, {
         height: "44px",
         pr: "xs",
         pl: !leftAddon && isGroup ? '24px' : 'xs'
-      }, label && /*#__PURE__*/React.createElement(Grid, {
+      }, void 0, label && (_Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {
         alignItems: "center"
-      }, /*#__PURE__*/React.createElement(Label, {
+      }, void 0, /*#__PURE__*/_jsx(Label, {
         "data-testid": "contextMenuItem-label"
-      }, label)), /*#__PURE__*/React.createElement(Grid, {
+      }, void 0, label)))), /*#__PURE__*/_jsx(Grid, {
         alignItems: !label ? 'center' : undefined
-      }, /*#__PURE__*/React.createElement(Title, {
+      }, void 0, _Title || (_Title = /*#__PURE__*/_jsx(Title, {
         "data-testid": "contextMenuItem-title"
-      }, title))));
+      }, void 0, title)))));
     }
   });
 };
 
-var props = {
+const props = {
   /** label */
   label: PropTypes.string.description('label'),
 
@@ -136,9 +137,7 @@ var props = {
   /** selected value */
   isSelected: PropTypes.bool.description('selected value')
 };
-DSMobileContextMenuItem.propTypes = props;
-var DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);
+const DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);
 DSMobileContextMenuItemWithSchema.propTypes = props;
 
 export { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };
-//# sourceMappingURL=MobileContextMenuItem.js.map

package/esm/MobileContextMenu/index.js

@@ -1,22 +1,3 @@
 export { DSMobileContextMenu, DSMobileContextMenuWithSchema } from './MobileContextMenu.js';
 export { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema } from './MobileContextMenuItem.js';
 export { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema } from './MobileContextMenuGroup.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import 'lodash';
-import 'react-desc';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-backdrop';
-import '@elliemae/ds-system';
-import '@elliemae/ds-shared/GroupContext/Group';
-import '@elliemae/ds-shared/GroupContext/GroupItem';
-import '@elliemae/ds-form';
-import '@elliemae/ds-icons';
-import '../MobileTouchable/MobileTouchable.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'prop-types';
-//# sourceMappingURL=index.js.map

package/esm/MobileDatePicker/Input.js

@@ -1,35 +1,32 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import 'react';
 import styled from 'styled-components';
 import { __UNSAFE_SPACE_TO_DIMSUM, focus } from '@elliemae/ds-system';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["innerRef"];
-var StyledInput = /*#__PURE__*/styled.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(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.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 __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l);
-}, function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs);
-}, function (props) {
-  return props.theme.colors.neutral[200];
-}, function (props) {
-  return 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,
+})(["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 => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l), props => props.theme.colors.neutral['000'], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), props => props.theme.colors.neutral[200], props => 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(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(StyledInput, _extends({
+  return /*#__PURE__*/jsx(StyledInput, _objectSpread({
     ref: innerRef
   }, props));
 };
 
 export { Input };
-//# sourceMappingURL=Input.js.map

package/esm/MobileDatePicker/MobileDatePicker.js

@@ -1,23 +1,24 @@
-import React, { useRef, useEffect } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useRef, useEffect } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import { DSIconColors } from '@elliemae/ds-icon';
 import { DatePicker } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import { DSInputGroup } from '@elliemae/ds-form';
 import { Input } from './Input.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'styled-components';
-import '@elliemae/ds-system';
 
-var DSMobileDatePicker = function DSMobileDatePicker(_ref) {
-  var disabled = _ref.disabled,
-      value = _ref.value,
-      tabIndex = _ref.tabIndex,
-      placeholder = _ref.placeholder,
-      _onChange = _ref.onChange;
-  var inputRef = useRef(null);
-  useEffect(function () {
+var _DatePicker;
+
+const DSMobileDatePicker = _ref => {
+  let {
+    disabled,
+    value,
+    tabIndex,
+    placeholder,
+    onChange
+  } = _ref;
+  const inputRef = useRef(null);
+  useEffect(() => {
     /*
       necessary if value is being set in mount, 
       otherwise the clear won't work on the first click
@@ -27,42 +28,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.createElement(DSInputGroup, {
-    rightAddon: /*#__PURE__*/React.createElement(DSButton, {
+  const valueArr = value.split('-');
+  const displayValue = value && "".concat(valueArr[1], " / ").concat(valueArr[2], " / ").concat(valueArr[0]);
+  return /*#__PURE__*/_jsx(DSInputGroup, {
+    rightAddon: /*#__PURE__*/_jsx(DSButton, {
       "aria-label": "Date Picker Button",
       color: !disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL,
       disabled: disabled,
-      icon: /*#__PURE__*/React.createElement(DatePicker, null),
+      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker, {})),
       type: "button",
       buttonType: "secondary",
-      onClick: function onClick() {
+      onClick: () => {
         inputRef.current.focus();
         inputRef.current.click();
       }
     })
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, void 0, /*#__PURE__*/_jsx(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,
@@ -75,7 +75,7 @@ DSMobileDatePicker.defaultProps = {
   tabIndex: 0,
   placeholder: 'MM / DD / YYYY'
 };
-var props = {
+const props = {
   /**
    * defaults to false
    */
@@ -101,9 +101,7 @@ var props = {
    */
   value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string')
 };
-DSMobileDatePicker.propTypes = props;
-var DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);
+const DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);
 DSMobileDatePickerWithSchema.propTypes = props;
 
 export { DSMobileDatePicker, DSMobileDatePickerWithSchema };
-//# sourceMappingURL=MobileDatePicker.js.map

package/esm/MobileDatePicker/index.js

@@ -1,13 +1 @@
 export { DSMobileDatePicker, DSMobileDatePickerWithSchema } from './MobileDatePicker.js';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-icon';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '@elliemae/ds-form';
-import './Input.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'styled-components';
-import '@elliemae/ds-system';
-//# sourceMappingURL=index.js.map

package/esm/MobileDropdownMenu/MobileDropdownInput.js

@@ -1,45 +1,48 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
-import PropTypes from 'prop-types';
 import { focus } from '@elliemae/ds-system';
 import { ChevronDown } from '@elliemae/ds-icons';
+import { jsx } from 'react/jsx-runtime';
 
-var MobileDropdownInput = /*#__PURE__*/styled.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(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.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 focus(props.theme.colors.brand[700]);
-});
-var MobileDropdownInputWrap = /*#__PURE__*/styled.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 => focus(props.theme.colors.brand[700]));
+const MobileDropdownInputWrap = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-1rsc1yn-1"
 })(["position:relative;width:100%;display:inline-block;height:32px;"]);
-var CaretWrap = /*#__PURE__*/styled.span.withConfig({
+const CaretWrap = /*#__PURE__*/styled.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.createElement(CaretWrap, {
+const Caret = _ref => {
+  let {
+    onClick
+  } = _ref;
+  return /*#__PURE__*/_jsx(CaretWrap, {
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(ChevronDown, {
+  }, void 0, /*#__PURE__*/_jsx(ChevronDown, {
     color: ['brand-primary', '600']
   }));
 };
-Caret.propTypes = {
-  onClick: PropTypes.func.isRequired
-};
-var DSMobileDropdownTriggerInput = function DSMobileDropdownTriggerInput(_ref2) {
-  var inputProps = _ref2.inputProps,
-      caretProps = _ref2.caretProps;
-  return /*#__PURE__*/React.createElement(MobileDropdownInputWrap, {
+const DSMobileDropdownTriggerInput = _ref2 => {
+  let {
+    inputProps,
+    caretProps
+  } = _ref2;
+  return /*#__PURE__*/_jsx(MobileDropdownInputWrap, {
     "data-testid": "ds-mobile-ddwn-menu"
-  }, /*#__PURE__*/React.createElement(MobileDropdownInput, _extends({}, inputProps, {
+  }, void 0, /*#__PURE__*/jsx(MobileDropdownInput, _objectSpread(_objectSpread({}, inputProps), {}, {
     readOnly: true
-  })), /*#__PURE__*/React.createElement(Caret, caretProps));
+  })), /*#__PURE__*/jsx(Caret, _objectSpread({}, caretProps)));
 };
 
 export { Caret, DSMobileDropdownTriggerInput, MobileDropdownInput, MobileDropdownInputWrap };
-//# sourceMappingURL=MobileDropdownInput.js.map