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

package/esm/MobileDropdownMenu/MobileDropdownMenu.js

@@ -1,90 +1,63 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 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-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';
+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 ? {
-    label: undefined,
-    leftProp: undefined,
-    isGroup: false,
-    isMulti: false,
-    singleSelect: false,
-    isItemSelected: function isItemSelected() {
-      return 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);
+const DSMobileDropdownMenu = _ref => {
+  let {
+    placeholder,
+    options = [],
+    title,
+    value,
+    itemsProps = {
+      label: undefined,
+      leftProp: undefined,
+      isGroup: false,
+      isMulti: false,
+      singleSelect: false,
+      isItemSelected: () => false,
+      // eslint-disable-next-line @typescript-eslint/no-empty-function
+      onClick: () => {}
     }
-  }, options.map(function (opt, i) {
-    return /*#__PURE__*/React.createElement(DSMobileContextMenuItem, {
-      key: 'ddwn'.concat("".concat(i)),
+  } = _ref;
+  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);
+    }
+  }), []);
+  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);
       },
@@ -93,11 +66,11 @@ var DSMobileDropdownMenu = function DSMobileDropdownMenu(_ref) {
       isGroup: itemsProps.isGroup,
       isMulti: itemsProps.isMulti,
       singleSelect: itemsProps.singleSelect
-    });
-  })) : null);
+    }, 'ddwn'.concat("".concat(i))))) : null]
+  });
 };
 
-var props = {
+const props = {
   /** dropdown menu placeholder */
   placeholder: PropTypes.string.description('dropdown menu placeholder'),
 
@@ -110,9 +83,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,24 +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-grid';
-import '@elliemae/ds-backdrop';
-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-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/MobileEmtpyState/MobileEmptyState.js

@@ -1,37 +1,31 @@
-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';
 
-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, {
+const DSMobileEmptyState = _ref => {
+  let {
+    label = 'No search results found.'
+  } = _ref;
+  return /*#__PURE__*/_jsx(Wrapper, {}, void 0, /*#__PURE__*/_jsx(Search, {
     size: "xxl",
     color: ['neutral', 400]
-  }), /*#__PURE__*/React.createElement(Label, null, label));
+  }), /*#__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';
-//# sourceMappingURL=index.js.map

package/esm/MobileFilterbar/Filterbar.js

@@ -1,40 +1,35 @@
-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-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, {
+const DSMobileFilterbar = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(Grid, {
     rows: ['auto', 'auto'],
     "data-testid": "filter-bar-wrapper"
-  }, /*#__PURE__*/React.createElement(Bar, null, children), /*#__PURE__*/React.createElement(Separator, null, /*#__PURE__*/React.createElement(MobileSeparator, {
+  }, 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,28 @@
-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-grid';
 
-var DSMobileFilterbarItem = function DSMobileFilterbarItem(_ref) {
-  var children = _ref.children,
-      onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(Grid, {
+const DSMobileFilterbarItem = _ref => {
+  let {
+    children,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/_jsx(Grid, {
     "data-testid": "filter-bar-item-wrapper",
     cols: ['min-content'],
     pr: "xxs",
     pt: "xxs",
     role: "button",
     onClick: onClick
-  }, children);
+  }, 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

package/esm/MobileFilterbar/FilterbarSort.js

@@ -1,33 +1,36 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
 import { Grid } from '@elliemae/ds-grid';
 import MobileSeparator from '../MobileSeparator/Separator.js';
-import '@babel/runtime/helpers/esm/defineProperty';
+import { jsxs, Fragment } from 'react/jsx-runtime';
 
-var Separator = /*#__PURE__*/styled.div.withConfig({
+const Separator = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-103uq0b-0"
 })(["& > *{margin-left:0;}"]);
 
-var DSMobileFilterbarSort = function DSMobileFilterbarSort(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(Grid, {
-    pb: "xxs",
-    pt: "xxs",
-    cols: ['min-content']
-  }, /*#__PURE__*/React.createElement(Separator, null, /*#__PURE__*/React.createElement(MobileSeparator, {
-    margin: "xxs",
-    direction: "vertical",
-    color: ['neutral', '300']
-  }))));
+const DSMobileFilterbarSort = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [children, /*#__PURE__*/_jsx(Grid, {
+      pb: "xxs",
+      pt: "xxs",
+      cols: ['min-content']
+    }, void 0, /*#__PURE__*/_jsx(Separator, {}, void 0, /*#__PURE__*/_jsx(MobileSeparator, {
+      margin: "xxs",
+      direction: "vertical",
+      color: ['neutral', '300']
+    })))]
+  });
 };
 
-var filterbarSortProps = {
+const filterbarSortProps = {
   children: PropTypes.element.description('FilterBar Sort Item').isRequired
 };
-DSMobileFilterbarSort.propTypes = filterbarSortProps;
-var FilterbarSortWithSchema = describe(DSMobileFilterbarSort);
+const FilterbarSortWithSchema = describe(DSMobileFilterbarSort);
 FilterbarSortWithSchema.propTypes = filterbarSortProps;
 
 export { DSMobileFilterbarSort, FilterbarSortWithSchema };
-//# sourceMappingURL=FilterbarSort.js.map

package/esm/MobileFilterbar/index.js

@@ -1,11 +1,3 @@
 export { DSMobileFilterbar, FilterbarWithSchema } from './Filterbar.js';
 export { DSMobileFilterbarSort, FilterbarSortWithSchema } from './FilterbarSort.js';
 export { DSMobileFilterbarItem, FilterbarItemWithSchema } from './FilterbarItem.js';
-import 'react';
-import 'styled-components';
-import 'react-desc';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '../MobileSeparator/Separator.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-//# sourceMappingURL=index.js.map

package/esm/MobileFooter/Action.js

@@ -1,3 +1,4 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React from 'react';
 import styled from 'styled-components';
 import { typography } from 'styled-system';
@@ -5,39 +6,36 @@ import { color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { Grid } from '@elliemae/ds-grid';
 import { PropTypes, describe } from 'react-desc';
 
-/* eslint-disable jest/valid-describe */
-var Label = /*#__PURE__*/styled.span.withConfig({
+const Label = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-1op229o-0"
-})(["", " ", " padding-bottom:", ";padding-top:calc(", " / 2);"], typography, color('neutral', '800'), function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-});
+})(["", " ", " padding-bottom:", ";padding-top:calc(", " / 2);"], typography, color('neutral', '800'), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
 
-var DSMobileFooterAction = function DSMobileFooterAction(_ref) {
-  var label = _ref.label,
-      icon = _ref.icon,
-      onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(Grid, {
+const DSMobileFooterAction = _ref => {
+  let {
+    label,
+    icon,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/_jsx(Grid, {
     "data-testid": "ds-mobile-footer-action",
     rows: ['auto'].concat(label ? 'min-content' : 'none'),
     justifyContent: "center",
     role: "button",
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     justifyContent: "center",
     alignItems: "center"
-  }, /*#__PURE__*/React.cloneElement(icon, {
+  }, void 0, /*#__PURE__*/React.cloneElement(icon, {
     'data-testid': 'ds-mobile-footer-action-icon',
     size: !label ? 'l' : 'm'
-  })), label && /*#__PURE__*/React.createElement(Grid, {
+  })), label && /*#__PURE__*/_jsx(Grid, {
     justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, void 0, /*#__PURE__*/_jsx(Label, {
     fontSize: "11px"
-  }, label)));
+  }, void 0, label)));
 };
 
-var actionProps = {
+const actionProps = {
   /** Action label */
   label: PropTypes.string.description('Action label'),
 
@@ -47,9 +45,7 @@ var actionProps = {
   /** onClick callback */
   onClick: PropTypes.func.description('onClick callback')
 };
-DSMobileFooterAction.propTypes = actionProps;
-var DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');
+const DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');
 DSMobileFooterActionWithSchema.propTypes = actionProps;
 
 export { DSMobileFooterAction, DSMobileFooterActionWithSchema };
-//# sourceMappingURL=Action.js.map

package/esm/MobileFooter/Footer.js

@@ -1,3 +1,10 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.constructor.js';
+import 'core-js/modules/esnext.async-iterator.to-array.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.to-array.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import React from 'react';
 import styled from 'styled-components';
 import { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
@@ -6,57 +13,43 @@ import DSButton from '@elliemae/ds-button';
 import { PropTypes, describe } from 'react-desc';
 import { DSMobileFooterText } from './Text.js';
 
-/* eslint-disable jest/valid-describe */
-var FooterWrap = /*#__PURE__*/styled(Grid).withConfig({
+const FooterWrap = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-ls5vfg-0"
-})(["background-color:", ";border-top:", ";height:", ";"], function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return border(props.theme.colors.neutral[100]);
-}, function (props) {
-  return "calc(".concat(__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), " * 7)");
-});
+})(["background-color:", ";border-top:", ";height:", ";"], props => props.theme.colors.neutral['000'], props => border(props.theme.colors.neutral[100]), props => "calc(".concat(__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), " * 7)"));
 
-var MobileFooter = function MobileFooter(_ref) {
-  var children = _ref.children;
-  var childArr = React.Children.toArray(children);
-  var isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;
+const MobileFooter = _ref => {
+  let {
+    children
+  } = _ref;
+  const childArr = React.Children.toArray(children);
+  const isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;
 
-  var setCols = function setCols() {
+  const setCols = () => {
     if (isButtonType) {
       return childArr.length === 1 ? ['90%'] : ['45%', '45%'];
     }
 
-    return childArr.map(function () {
-      return "".concat(100 / childArr.length, "%");
-    });
+    return childArr.map(() => "".concat(100 / childArr.length, "%"));
   };
 
-  return /*#__PURE__*/React.createElement(FooterWrap, null, /*#__PURE__*/React.createElement(Grid, {
+  return /*#__PURE__*/_jsx(FooterWrap, {}, void 0, /*#__PURE__*/_jsx(Grid, {
     cols: setCols(),
     gutter: isButtonType ? 'xs' : undefined,
     justifyContent: "center",
     alignItems: isButtonType ? 'center' : undefined
-  }, childArr.map(function (c, i) {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/no-array-index-key
-      React.createElement(Grid, {
-        key: i
-      }, c)
-    );
-  })));
+  }, void 0, childArr.map((c, i) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  _jsx(Grid, {}, i, c))));
 };
 
-var footerProps = {
+const footerProps = {
   /**
    * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction
    */
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description('Instance of DSButton, DSMobileFooterText or DSMobileFooterAction')
 };
-MobileFooter.propTypes = footerProps;
-var MobileFooterWithSchema = describe(MobileFooter);
+const MobileFooterWithSchema = describe(MobileFooter);
 MobileFooterWithSchema.propTypes = footerProps;
 
 export { MobileFooterWithSchema, MobileFooter as default };
-//# sourceMappingURL=Footer.js.map

package/esm/MobileFooter/Text.js

@@ -1,24 +1,24 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { truncate, textStyle, color } from '@elliemae/ds-system';
 import { PropTypes, describe } from 'react-desc';
 
-/* eslint-disable jest/valid-describe */
-var Text = /*#__PURE__*/styled.p.withConfig({
+const Text = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-1v0cqsw-0"
 })(["margin:auto 0;", " ", " ", ""], truncate(), textStyle('body'), color('neutral', '800'));
 
-var DSMobileFooterText = function DSMobileFooterText(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(Text, null, children);
+const DSMobileFooterText = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(Text, {}, void 0, children);
 };
 
-var props = {
+const props = {
   children: PropTypes.string.isRequired.description('Children')
 };
-DSMobileFooterText.propTypes = props;
-var DSMobileFooterTextWithSchema = describe(DSMobileFooterText);
+const DSMobileFooterTextWithSchema = describe(DSMobileFooterText);
 DSMobileFooterTextWithSchema.propTypes = props;
 
 export { DSMobileFooterText, DSMobileFooterTextWithSchema };
-//# sourceMappingURL=Text.js.map

package/esm/MobileFooter/index.js

@@ -1,11 +1,3 @@
 export { default as DSMobileFooter, MobileFooterWithSchema } from './Footer.js';
 export { DSMobileFooterText, DSMobileFooterTextWithSchema } from './Text.js';
 export { DSMobileFooterAction, DSMobileFooterActionWithSchema } from './Action.js';
-import 'react';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
-import 'react-desc';
-import 'styled-system';
-//# sourceMappingURL=index.js.map