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

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-basic/Grid';
-import '@elliemae/ds-basic';
-import '@elliemae/ds-system';
-import '@elliemae/ds-shared/GroupContext/Group';
-import '@elliemae/ds-shared/GroupContext/GroupItem';
-import '@elliemae/ds-basic/form/Checkbox';
-import '@elliemae/ds-icons/Checkmark';
-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,27 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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,23 @@
-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-basic/Icon';
 import DatePicker from '@elliemae/ds-icons/DatePicker';
 import DSButton from '@elliemae/ds-basic/Button';
 import DSInputGroup from '@elliemae/ds-basic/form/InputGroup';
 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 = ({
+  disabled,
+  value,
+  tabIndex,
+  placeholder,
+  onChange
+}) => {
+  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 +27,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 && `${valueArr[1]} / ${valueArr[2]} / ${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 +74,7 @@ DSMobileDatePicker.defaultProps = {
   tabIndex: 0,
   placeholder: 'MM / DD / YYYY'
 };
-var props = {
+const props = {
   /**
    * defaults to false
    */
@@ -101,9 +100,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-basic/Icon';
-import '@elliemae/ds-icons/DatePicker';
-import '@elliemae/ds-basic/Button';
-import '@elliemae/ds-basic/form/InputGroup';
-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,37 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+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 ChevronDownIcon from '@elliemae/ds-icons/ChevronDown';
+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, {
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
-    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, {
-    "data-testid": "ds-mobile-ddwn-menu"
-  }, /*#__PURE__*/React.createElement(MobileDropdownInput, _extends({}, inputProps, {
-    readOnly: true
-  })), /*#__PURE__*/React.createElement(Caret, caretProps));
-};
+const Caret = ({
+  onClick
+}) => /*#__PURE__*/_jsx(CaretWrap, {
+  onClick: onClick
+}, void 0, /*#__PURE__*/_jsx(ChevronDownIcon, {
+  color: ['brand-primary', '600']
+}));
+const DSMobileDropdownTriggerInput = ({
+  inputProps,
+  caretProps
+}) => /*#__PURE__*/_jsx(MobileDropdownInputWrap, {
+  "data-testid": "ds-mobile-ddwn-menu"
+}, void 0, /*#__PURE__*/jsx(MobileDropdownInput, _objectSpread(_objectSpread({}, inputProps), {}, {
+  readOnly: true
+})), /*#__PURE__*/jsx(Caret, _objectSpread({}, caretProps)));
 
 export { Caret, DSMobileDropdownTriggerInput, MobileDropdownInput, MobileDropdownInputWrap };
-//# sourceMappingURL=MobileDropdownInput.js.map

package/esm/MobileDropdownMenu/MobileDropdownMenu.js

@@ -1,91 +1,59 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React, { useState, useRef } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import { DSMobileContextMenu } from '../MobileContextMenu/MobileContextMenu.js';
 import { DSMobileContextMenuItem } from '../MobileContextMenu/MobileContextMenuItem.js';
 import '../MobileContextMenu/MobileContextMenuGroup.js';
 import { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import 'lodash';
-import 'styled-components';
-import '@elliemae/ds-basic/Grid';
-import '@elliemae/ds-basic';
-import '@elliemae/ds-system';
-import '@elliemae/ds-shared/GroupContext/Group';
-import '@elliemae/ds-shared/GroupContext/GroupItem';
-import '@elliemae/ds-basic/form/Checkbox';
-import '@elliemae/ds-icons/Checkmark';
-import '../MobileTouchable/MobileTouchable.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'prop-types';
-import '@elliemae/ds-icons/ChevronDown';
+import { jsxs, Fragment } from 'react/jsx-runtime';
 
-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 = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      menuOpen = _useState2[0],
-      setMenuOpen = _useState2[1];
-
-  var inputRef = useRef(null);
-  var inputProps = React.useMemo(function () {
-    return {
-      readOnly: true,
-      value: value,
-      onClick: function onClick() {
-        return setMenuOpen(true);
-      },
-      ref: inputRef,
-      placeholder: placeholder
-    };
-  }, [value, placeholder]);
-  var caretProps = React.useMemo(function () {
-    return {
-      onClick: function onClick() {
-        inputRef.current.focus();
-        setMenuOpen(true);
-      }
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DSMobileDropdownTriggerInput, {
-    inputProps: inputProps,
-    caretProps: caretProps
-  }), menuOpen ? /*#__PURE__*/React.createElement(DSMobileContextMenu, {
-    title: title,
-    open: true,
-    onChange: function onChange(_, e) {
-      setMenuOpen(false);
-    },
-    onClickOutside: function onClickOutside() {
-      return setMenuOpen(false);
+    onClick: () => {}
+  }
+}) => {
+  const [menuOpen, setMenuOpen] = useState(false);
+  const inputRef = useRef(null);
+  const inputProps = React.useMemo(() => ({
+    readOnly: true,
+    value,
+    onClick: () => setMenuOpen(true),
+    ref: inputRef,
+    placeholder
+  }), [value, placeholder]);
+  const caretProps = React.useMemo(() => ({
+    onClick: () => {
+      inputRef.current.focus();
+      setMenuOpen(true);
     }
-  }, options.map(function (opt, i) {
-    return /*#__PURE__*/React.createElement(DSMobileContextMenuItem, {
-      key: 'ddwn'.concat("".concat(i)),
+  }), []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx(DSMobileDropdownTriggerInput, {
+      inputProps: inputProps,
+      caretProps: caretProps
+    }), menuOpen ? /*#__PURE__*/_jsx(DSMobileContextMenu, {
+      title: title,
+      open: true,
+      onChange: (_, e) => {
+        setMenuOpen(false);
+      },
+      onClickOutside: () => setMenuOpen(false)
+    }, void 0, options.map((opt, i) => /*#__PURE__*/_jsx(DSMobileContextMenuItem, {
       title: opt.label,
       value: opt.value,
       isSelected: itemsProps.isItemSelected(opt),
-      onClick: function onClick(e) {
+      onClick: e => {
         setMenuOpen(false);
         itemsProps.onClick(opt, e);
       },
@@ -94,11 +62,11 @@ var DSMobileDropdownMenu = function DSMobileDropdownMenu(_ref) {
       isGroup: itemsProps.isGroup,
       isMulti: itemsProps.isMulti,
       singleSelect: itemsProps.singleSelect
-    });
-  })) : null);
+    }, 'ddwn'.concat(`${i}`)))) : null]
+  });
 };
 
-var props = {
+const props = {
   /** dropdown menu placeholder */
   placeholder: PropTypes.string.description('dropdown menu placeholder'),
 
@@ -111,9 +79,7 @@ var props = {
     label: PropTypes.string
   })).description('context menu options / items')
 };
-DSMobileDropdownMenu.propTypes = props;
-var DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);
+const DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);
 DSMobileDropdownMenuWithSchema.propTypes = props;
 
 export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };
-//# sourceMappingURL=MobileDropdownMenu.js.map

package/esm/MobileDropdownMenu/index.js

@@ -1,25 +1,2 @@
 export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema } from './MobileDropdownMenu.js';
 export { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import 'react-desc';
-import '../MobileContextMenu/MobileContextMenu.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import 'lodash';
-import 'styled-components';
-import '@elliemae/ds-basic/Grid';
-import '@elliemae/ds-basic';
-import '@elliemae/ds-system';
-import '@elliemae/ds-shared/GroupContext/Group';
-import '../MobileContextMenu/MobileContextMenuGroup.js';
-import '../MobileContextMenu/MobileContextMenuItem.js';
-import '@elliemae/ds-shared/GroupContext/GroupItem';
-import '@elliemae/ds-basic/form/Checkbox';
-import '@elliemae/ds-icons/Checkmark';
-import '../MobileTouchable/MobileTouchable.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'prop-types';
-import '@elliemae/ds-icons/ChevronDown';
-//# sourceMappingURL=index.js.map

package/esm/MobileEmtpyState/MobileEmptyState.js

@@ -1,37 +1,28 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { PropTypes, describe } from 'react-desc';
 import Search from '@elliemae/ds-icons/Search';
 
-var Wrapper = /*#__PURE__*/styled.div.withConfig({
+const Wrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1v2x6kj-0"
 })(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;"]);
-var Label = /*#__PURE__*/styled.p.withConfig({
+const Label = /*#__PURE__*/styled.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;
-});
+})(["color:", ";font-size:", ";font-weight:", ";min-width:132px;"], props => props.theme.colors.neutral['600'], props => props.theme.space.xs, props => 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.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Search, {
-    size: "xxl",
-    color: ['neutral', 400]
-  }), /*#__PURE__*/React.createElement(Label, null, label));
-};
+const DSMobileEmptyState = ({
+  label = 'No search results found.'
+}) => /*#__PURE__*/_jsx(Wrapper, {}, void 0, /*#__PURE__*/_jsx(Search, {
+  size: "xxl",
+  color: ['neutral', 400]
+}), /*#__PURE__*/_jsx(Label, {}, void 0, label));
 
-var props = {
+const props = {
   /** empty state label */
   label: PropTypes.string.description('empty state label')
 };
-DSMobileEmptyState.propTypes = props;
-var DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);
+const DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);
 DSMobileEmptyStateWithSchema.propTypes = props;
 
 export { DSMobileEmptyState, DSMobileEmptyStateWithSchema };
-//# sourceMappingURL=MobileEmptyState.js.map

package/esm/MobileEmtpyState/index.js

@@ -1,7 +1,2 @@
 import { DSMobileEmptyState } from './MobileEmptyState.js';
 export { DSMobileEmptyState, DSMobileEmptyStateWithSchema, DSMobileEmptyState as default } from './MobileEmptyState.js';
-import 'react';
-import 'styled-components';
-import 'react-desc';
-import '@elliemae/ds-icons/Search';
-//# sourceMappingURL=index.js.map

package/esm/MobileFilterbar/Filterbar.js

@@ -1,40 +1,32 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { PropTypes, describe } from 'react-desc';
 import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { Grid } from '@elliemae/ds-basic/Grid';
 import MobileSeparator from '../MobileSeparator/Separator.js';
-import '@babel/runtime/helpers/esm/defineProperty';
 
-/* eslint-disable import/no-unresolved */
-var Bar = /*#__PURE__*/styled.div.withConfig({
+const Bar = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-14ysw84-0"
-})(["display:flex;overflow:auto;background-color:", ";padding-left:", ";& > *{flex-shrink:0;}&::-webkit-scrollbar{display:none;}"], function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs);
-});
-var Separator = /*#__PURE__*/styled.div.withConfig({
+})(["display:flex;overflow:auto;background-color:", ";padding-left:", ";& > *{flex-shrink:0;}&::-webkit-scrollbar{display:none;}"], props => props.theme.colors.neutral['000'], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
+const Separator = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-14ysw84-1"
 })(["& > *{margin:0;}"]);
 
-var DSMobileFilterbar = function DSMobileFilterbar(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(Grid, {
-    rows: ['auto', 'auto'],
-    "data-testid": "filter-bar-wrapper"
-  }, /*#__PURE__*/React.createElement(Bar, null, children), /*#__PURE__*/React.createElement(Separator, null, /*#__PURE__*/React.createElement(MobileSeparator, {
-    margin: "xxs",
-    color: ['neutral', '300']
-  })));
-};
+const DSMobileFilterbar = ({
+  children
+}) => /*#__PURE__*/_jsx(Grid, {
+  rows: ['auto', 'auto'],
+  "data-testid": "filter-bar-wrapper"
+}, void 0, /*#__PURE__*/_jsx(Bar, {}, void 0, children), /*#__PURE__*/_jsx(Separator, {}, void 0, /*#__PURE__*/_jsx(MobileSeparator, {
+  margin: "xxs",
+  color: ['neutral', '300']
+})));
 
-var filterbarProps = {
+const filterbarProps = {
   children: PropTypes.element.description('FilterBar Items').isRequired
 };
-DSMobileFilterbar.propTypes = filterbarProps;
-var FilterbarWithSchema = describe(DSMobileFilterbar);
+const FilterbarWithSchema = describe(DSMobileFilterbar);
 FilterbarWithSchema.propTypes = filterbarProps;
 
 export { DSMobileFilterbar, FilterbarWithSchema };
-//# sourceMappingURL=Filterbar.js.map

package/esm/MobileFilterbar/FilterbarItem.js

@@ -1,27 +1,25 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import { Grid } from '@elliemae/ds-basic/Grid';
 
-var DSMobileFilterbarItem = function DSMobileFilterbarItem(_ref) {
-  var children = _ref.children,
-      onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(Grid, {
-    "data-testid": "filter-bar-item-wrapper",
-    cols: ['min-content'],
-    pr: "xxs",
-    pt: "xxs",
-    role: "button",
-    onClick: onClick
-  }, children);
-};
+const DSMobileFilterbarItem = ({
+  children,
+  onClick
+}) => /*#__PURE__*/_jsx(Grid, {
+  "data-testid": "filter-bar-item-wrapper",
+  cols: ['min-content'],
+  pr: "xxs",
+  pt: "xxs",
+  role: "button",
+  onClick: onClick
+}, void 0, children);
 
-var filterbarItemProps = {
+const filterbarItemProps = {
   children: PropTypes.element.description('FilterBar Items').isRequired,
   onClick: PropTypes.func.description('Function executed when clicking filterbar item')
 };
-DSMobileFilterbarItem.propTypes = filterbarItemProps;
-var FilterbarItemWithSchema = describe(DSMobileFilterbarItem);
+const FilterbarItemWithSchema = describe(DSMobileFilterbarItem);
 FilterbarItemWithSchema.propTypes = filterbarItemProps;
 
 export { DSMobileFilterbarItem, FilterbarItemWithSchema };
-//# sourceMappingURL=FilterbarItem.js.map