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

package/cjs/MobilePageHeader/MobilePageHeader.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
@@ -11,182 +11,149 @@ var Grid = require('@elliemae/ds-basic/Grid');
 var dsSystem = require('@elliemae/ds-system');
 var ChevronSmallDown = require('@elliemae/ds-icons/ChevronSmallDown');
 var DSButton = require('@elliemae/ds-basic/Button');
-var MobileSeparator_Separator = require('../MobileSeparator/Separator.js');
-require('@babel/runtime/helpers/defineProperty');
+var Separator = require('../MobileSeparator/Separator.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var StyledTitle = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+var _ChevronSmallDown;
+const StyledTitle = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-1tfu1y9-0"
-})(["font-size:22px;font-weight:", ";color:", ";min-height:", ";padding-top:", ";"], function (props) {
-  return props.theme.fontWeights.regular;
-}, function (props) {
-  return props.theme.colors.neutral['700'];
-}, function (props) {
-  return props.withBreadcrumb ? 'auto' : '44px';
-}, function (props) {
-  return props.withBreadcrumb ? '0' : '6px';
-});
-var StyledBreadCrumb = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["font-size:22px;font-weight:", ";color:", ";min-height:", ";padding-top:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700'], props => props.withBreadcrumb ? 'auto' : '44px', props => props.withBreadcrumb ? '0' : '6px');
+const StyledBreadCrumb = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1tfu1y9-1"
-})(["font-size:16px;font-weight:", ";color:", ";", ""], function (props) {
-  return props.theme.fontWeights.regular;
-}, function (props) {
-  return props.theme.colors.neutral['600'];
-}, dsSystem.truncate());
-var Label = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["font-size:16px;font-weight:", ";color:", ";", ""], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['600'], dsSystem.truncate());
+const Label = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1tfu1y9-2"
-})(["color:", ";", ""], function (props) {
-  return props.theme.colors.neutral['500'];
-}, dsSystem.truncate());
-var Value = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["color:", ";", ""], props => props.theme.colors.neutral['500'], dsSystem.truncate());
+const Value = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1tfu1y9-3"
-})(["", " color:", ";", " margin-top:", ";"], dsSystem.truncate(), function (props) {
-  return props.theme.colors.neutral['600'];
-}, function (props) {
-  return props.withMarginRight ? "margin-right: 4px;" : '';
-}, function (props) {
-  return props.withBreadcrumb ? '12px' : '0';
-});
-var Wrapper = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+})(["", " color:", ";", " margin-top:", ";"], dsSystem.truncate(), props => props.theme.colors.neutral['600'], props => props.withMarginRight ? `margin-right: 4px;` : '', props => props.withBreadcrumb ? '12px' : '0');
+const Wrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-1tfu1y9-4"
-})(["border-bottom:", ";"], function (props) {
-  return dsSystem.border(props.theme.colors.neutral['300']);
-});
+})(["border-bottom:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
 
-var MobilePageHeader = function MobilePageHeader(_ref) {
-  var _ref$pageTitle = _ref.pageTitle,
-      pageTitle = _ref$pageTitle === void 0 ? null : _ref$pageTitle,
-      _ref$contextMenu = _ref.contextMenu,
-      contextMenu = _ref$contextMenu === void 0 ? null : _ref$contextMenu,
-      _ref$firstAction = _ref.firstAction,
-      firstAction = _ref$firstAction === void 0 ? null : _ref$firstAction,
-      _ref$secondAction = _ref.secondAction,
-      secondAction = _ref$secondAction === void 0 ? null : _ref$secondAction,
-      _ref$backArrow = _ref.backArrow,
-      backArrow = _ref$backArrow === void 0 ? null : _ref$backArrow,
-      _ref$breadCrumb = _ref.breadCrumb,
-      breadCrumb = _ref$breadCrumb === void 0 ? null : _ref$breadCrumb,
-      _ref$onOpenContextMen = _ref.onOpenContextMenu,
-      onOpenContextMenu = _ref$onOpenContextMen === void 0 ? function () {
-    return null;
-  } : _ref$onOpenContextMen,
-      value = _ref.value,
-      label = _ref.label,
-      theme = _ref.theme;
-  var hasValue = value === 0 || value;
-  var countActions = React.useMemo(function () {
-    var count = 0;
+const MobilePageHeader = ({
+  pageTitle = null,
+  contextMenu = null,
+  firstAction = null,
+  secondAction = null,
+  backArrow = null,
+  breadCrumb = null,
+  onOpenContextMenu = () => null,
+  value,
+  label,
+  theme
+}) => {
+  const hasValue = value === 0 || value;
+  const countActions = React.useMemo(() => {
+    let count = 0;
     if (firstAction) count++;
     if (secondAction) count++;
     return count;
   }, [firstAction, secondAction]);
-
-  var _useState = React.useState(),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var handleContext = React.useCallback(function () {
+  const [open, setOpen] = React.useState();
+  const handleContext = React.useCallback(() => {
     setOpen(!open);
   }, [open]);
-  var separator = /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+
+  const separator = /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: "32px",
     alignItems: "center"
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: "24px"
-  }, /*#__PURE__*/React__default['default'].createElement(MobileSeparator_Separator['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Separator["default"], {
     direction: "vertical",
     margin: "xxs",
     color: ['neutral', '300']
   })));
-  var cols = [1, 'auto'];
-  var cols2 = ['auto'];
+
+  const cols = [1, 'auto'];
+  const cols2 = ['auto'];
   if (countActions) cols.push('auto');
   if (hasValue) cols2.push('auto');
   if (label) cols2.push('auto');
-  return /*#__PURE__*/React__default['default'].createElement(Wrapper, {
+  return /*#__PURE__*/_jsx__default["default"](Wrapper, {
     cols: cols,
     pl: theme.space.xs,
     pr: theme.space.xs,
     alignItems: "flex-start",
     width: "100%",
     "data-testid": "page-header-wrapper"
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     alignItems: "flex-start",
     justifyContent: "flex-start",
     cols: cols2
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     cols: backArrow ? ['auto', 1] : [1],
     alignItems: "flex-start",
     pr: countActions === 0 && !hasValue && !label ? dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0
-  }, backArrow && /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, void 0, backArrow && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center"
-  }, backArrow), /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, void 0, backArrow), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     flexGrow: 0,
     pt: !breadCrumb ? 0 : theme.space.xxs
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     cols: ['auto', 'auto'],
     alignItems: "flex-start"
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.Grid, null, breadCrumb && /*#__PURE__*/React__default['default'].createElement(StyledBreadCrumb, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default["default"](StyledBreadCrumb, {
     "data-testid": "page-header-breadcrum"
-  }, breadCrumb), /*#__PURE__*/React__default['default'].createElement(StyledTitle, {
+  }, void 0, breadCrumb), /*#__PURE__*/_jsx__default["default"](StyledTitle, {
     maxWidth: "100%",
     alignItems: "flex-start",
     withBreadcrumb: !!breadCrumb,
     "data-testid": "page-header-title"
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     pt: breadCrumb ? 0 : theme.space.xxxs
-  }, /*#__PURE__*/React__default['default'].createElement(TruncatedExpandableText.TruncatedExpandableText, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](TruncatedExpandableText.TruncatedExpandableText, {
     value: pageTitle
-  })))), contextMenu && /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  })))), contextMenu && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     alignItems: "center",
     mt: breadCrumb ? '20px' : '8px'
-  }, /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(ChevronSmallDown__default['default'], null),
+    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](ChevronSmallDown__default["default"], {})),
     size: "s",
-    onClick: function onClick() {
+    onClick: () => {
       handleContext();
       onOpenContextMenu();
     },
     containerProps: {
       'data-testid': 'trigger-context-menu'
     }
-  }), /*#__PURE__*/React__default['default'].cloneElement(contextMenu, {
+  }), /*#__PURE__*/React__default["default"].cloneElement(contextMenu, {
     open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,
-    onChange: function onChange(event, item) {
+    onChange: (event, item) => {
       if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);
       handleContext();
     }
-  }))))), hasValue && /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }))))), hasValue && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center",
     cols: ['auto', 'auto']
-  }, separator, /*#__PURE__*/React__default['default'].createElement(Value, {
+  }, void 0, separator, /*#__PURE__*/_jsx__default["default"](Value, {
     withMarginRight: !!label,
     "data-testid": "page-header-value"
-  }, value)), label && /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, void 0, value)), label && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center"
-  }, /*#__PURE__*/React__default['default'].createElement(Label, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Label, {
     withBreadcrumb: !!breadCrumb,
     "data-testid": "page-header-label"
-  }, label))), countActions > 0 && /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, void 0, label))), countActions > 0 && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center",
     cols: countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']
-  }, firstAction && /*#__PURE__*/React__default['default'].createElement(Grid.Grid, null, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/React__default['default'].createElement(Grid.Grid, null, secondAction)));
+  }, void 0, firstAction && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, secondAction)));
 };
 
-var pageHeaderProps = {
+const pageHeaderProps = {
   pageTitle: reactDesc.PropTypes.string.description('Page title').isRequired,
   contextMenu: reactDesc.PropTypes.element.description('Context Menu to open'),
   onOpenContextMenu: reactDesc.PropTypes.func.description('function called when context menu opens'),
@@ -198,11 +165,9 @@ var pageHeaderProps = {
   label: reactDesc.PropTypes.string.description('Page summary label'),
   theme: reactDesc.PropTypes.object.description('dimsum theme')
 };
-MobilePageHeader.propTypes = pageHeaderProps;
-var PageHeaderWithSchema = reactDesc.describe(MobilePageHeader);
+const PageHeaderWithSchema = reactDesc.describe(MobilePageHeader);
 PageHeaderWithSchema.propTypes = pageHeaderProps;
-var DSMobilePageHeader = dsSystem.withTheme(MobilePageHeader);
+const DSMobilePageHeader = dsSystem.withTheme(MobilePageHeader);
 
 exports.DSMobilePageHeader = DSMobilePageHeader;
 exports.PageHeaderWithSchema = PageHeaderWithSchema;
-//# sourceMappingURL=MobilePageHeader.js.map

package/cjs/MobilePageHeader/index.js

@@ -2,21 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobilePageHeader_MobilePageHeader = require('./MobilePageHeader.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('react-desc');
-require('styled-components');
-require('@elliemae/ds-basic/TruncatedExpandableText');
-require('@elliemae/ds-basic/Grid');
-require('@elliemae/ds-system');
-require('@elliemae/ds-icons/ChevronSmallDown');
-require('@elliemae/ds-basic/Button');
-require('../MobileSeparator/Separator.js');
-require('@babel/runtime/helpers/defineProperty');
+var MobilePageHeader = require('./MobilePageHeader.js');
 
 
 
-exports.DSMobilePageHeader = MobilePageHeader_MobilePageHeader.DSMobilePageHeader;
-exports.PageHeaderWithSchema = MobilePageHeader_MobilePageHeader.PageHeaderWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSMobilePageHeader = MobilePageHeader.DSMobilePageHeader;
+exports.PageHeaderWithSchema = MobilePageHeader.PageHeaderWithSchema;

package/cjs/MobileSelectList/MobileSelectList.js

@@ -3,201 +3,135 @@
 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');
 var React = require('react');
 var lodash = require('lodash');
-var PropTypes = require('prop-types');
 var Grid = require('@elliemae/ds-basic/Grid');
 var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
 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-basic/form/Checkbox');
-require('@elliemae/ds-icons/Checkmark');
-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);
 var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
 
 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 = ({
+  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 = []
+}) => {
+  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(Grid.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(DSTextBox__default['default'], {
-    onChange: handleOnSearch,
-    placeholder: "Filter by name",
-    value: filter
-  }))), /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
-    style: {
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.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"](Grid.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"](DSTextBox__default["default"], {
+      onChange: handleOnSearch,
+      placeholder: "Filter by name",
+      value: filter
+    }))), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+      style: {
+        overflow: 'hidden'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+      style: {
+        overflow: 'auto'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.ListContainer, {
+      "data-testid": `${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': `${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,27 +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-basic/Grid');
-require('@elliemae/ds-basic/form/TextBox');
-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-basic/form/Checkbox');
-require('@elliemae/ds-icons/Checkmark');
-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;