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

package/cjs/MobileFooter/Footer.js

@@ -2,72 +2,66 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.constructor.js');
+require('core-js/modules/esnext.async-iterator.to-array.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.to-array.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 var dsGrid = require('@elliemae/ds-grid');
 var DSButton = require('@elliemae/ds-button');
 var reactDesc = require('react-desc');
-var MobileFooter_Text = require('./Text.js');
+var Text = require('./Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-/* eslint-disable jest/valid-describe */
-var FooterWrap = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const FooterWrap = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-ls5vfg-0"
-})(["background-color:", ";border-top:", ";height:", ";"], function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return dsSystem.border(props.theme.colors.neutral[100]);
-}, function (props) {
-  return "calc(".concat(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), " * 7)");
-});
+})(["background-color:", ";border-top:", ";height:", ";"], props => props.theme.colors.neutral['000'], props => dsSystem.border(props.theme.colors.neutral[100]), props => "calc(".concat(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), " * 7)"));
 
-var MobileFooter = function MobileFooter(_ref) {
-  var children = _ref.children;
-  var childArr = React__default['default'].Children.toArray(children);
-  var isButtonType = childArr[0].type === MobileFooter_Text.DSMobileFooterText || childArr[0].type === DSButton__default['default'];
+const MobileFooter = _ref => {
+  let {
+    children
+  } = _ref;
+  const childArr = React__default["default"].Children.toArray(children);
+  const isButtonType = childArr[0].type === Text.DSMobileFooterText || childArr[0].type === DSButton__default["default"];
 
-  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__default['default'].createElement(FooterWrap, null, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](FooterWrap, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.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__default['default'].createElement(dsGrid.Grid, {
-        key: i
-      }, c)
-    );
-  })));
+  }, void 0, childArr.map((c, i) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  _jsx__default["default"](dsGrid.Grid, {}, i, c))));
 };
 
-var footerProps = {
+const footerProps = {
   /**
    * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction
    */
   children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element)]).isRequired.description('Instance of DSButton, DSMobileFooterText or DSMobileFooterAction')
 };
-MobileFooter.propTypes = footerProps;
-var MobileFooterWithSchema = reactDesc.describe(MobileFooter);
+const MobileFooterWithSchema = reactDesc.describe(MobileFooter);
 MobileFooterWithSchema.propTypes = footerProps;
 
 exports.MobileFooterWithSchema = MobileFooterWithSchema;
-exports['default'] = MobileFooter;
-//# sourceMappingURL=Footer.js.map
+exports["default"] = MobileFooter;

package/cjs/MobileFooter/Text.js

@@ -2,33 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 var reactDesc = require('react-desc');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-/* eslint-disable jest/valid-describe */
-var Text = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Text = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-1v0cqsw-0"
 })(["margin:auto 0;", " ", " ", ""], dsSystem.truncate(), dsSystem.textStyle('body'), dsSystem.color('neutral', '800'));
 
-var DSMobileFooterText = function DSMobileFooterText(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(Text, null, children);
+const DSMobileFooterText = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Text, {}, void 0, children);
 };
 
-var props = {
+const props = {
   children: reactDesc.PropTypes.string.isRequired.description('Children')
 };
-DSMobileFooterText.propTypes = props;
-var DSMobileFooterTextWithSchema = reactDesc.describe(DSMobileFooterText);
+const DSMobileFooterTextWithSchema = reactDesc.describe(DSMobileFooterText);
 DSMobileFooterTextWithSchema.propTypes = props;
 
 exports.DSMobileFooterText = DSMobileFooterText;
 exports.DSMobileFooterTextWithSchema = DSMobileFooterTextWithSchema;
-//# sourceMappingURL=Text.js.map

package/cjs/MobileFooter/index.js

@@ -2,23 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileFooter_Footer = require('./Footer.js');
-var MobileFooter_Text = require('./Text.js');
-var MobileFooter_Action = require('./Action.js');
-require('react');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
-require('react-desc');
-require('styled-system');
+var Footer = require('./Footer.js');
+var Text = require('./Text.js');
+var Action = require('./Action.js');
 
 
 
-exports.DSMobileFooter = MobileFooter_Footer['default'];
-exports.MobileFooterWithSchema = MobileFooter_Footer.MobileFooterWithSchema;
-exports.DSMobileFooterText = MobileFooter_Text.DSMobileFooterText;
-exports.DSMobileFooterTextWithSchema = MobileFooter_Text.DSMobileFooterTextWithSchema;
-exports.DSMobileFooterAction = MobileFooter_Action.DSMobileFooterAction;
-exports.DSMobileFooterActionWithSchema = MobileFooter_Action.DSMobileFooterActionWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSMobileFooter = Footer["default"];
+exports.MobileFooterWithSchema = Footer.MobileFooterWithSchema;
+exports.DSMobileFooterText = Text.DSMobileFooterText;
+exports.DSMobileFooterTextWithSchema = Text.DSMobileFooterTextWithSchema;
+exports.DSMobileFooterAction = Action.DSMobileFooterAction;
+exports.DSMobileFooterActionWithSchema = Action.DSMobileFooterActionWithSchema;

package/cjs/MobileListItem/MobileListItem.js

@@ -2,7 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
 var dsGrid = require('@elliemae/ds-grid');
@@ -10,40 +11,29 @@ var dsSystem = require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-n7r3qn-0"
-})(["background:", ";border-bottom:", ";"], function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return dsSystem.border(props.theme.colors.neutral['300']);
-});
-var StyledTitle = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["background:", ";border-bottom:", ";"], props => props.theme.colors.neutral['000'], props => dsSystem.border(props.theme.colors.neutral['300']));
+const StyledTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-n7r3qn-1"
-})(["font-weight:", ";font-size:13px;color:", ";", ""], function (props) {
-  return props.theme.fontWeights.semibold;
-}, function (props) {
-  return props.theme.colors.neutral['800'];
-}, dsSystem.truncate());
+})(["font-weight:", ";font-size:13px;color:", ";", ""], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['800'], dsSystem.truncate());
 
-var MobileListItem = function MobileListItem(_ref) {
-  var _ref$leftAddon = _ref.leftAddon,
-      leftAddon = _ref$leftAddon === void 0 ? null : _ref$leftAddon,
-      _ref$rightAddon = _ref.rightAddon,
-      rightAddon = _ref$rightAddon === void 0 ? null : _ref$rightAddon,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? '' : _ref$value,
-      _ref$dataTestid = _ref.dataTestid,
-      dataTestid = _ref$dataTestid === void 0 ? 'mobile-list-item' : _ref$dataTestid,
-      theme = _ref.theme;
-  var cols = [1];
+const MobileListItem = _ref => {
+  let {
+    leftAddon = null,
+    rightAddon = null,
+    title = '',
+    value = '',
+    dataTestid = 'mobile-list-item',
+    theme
+  } = _ref;
+  const cols = [1];
   if (leftAddon) cols.unshift(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
   if (rightAddon) cols.push(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
-  return /*#__PURE__*/React__default['default'].createElement(StyledContainer, {
+  return /*#__PURE__*/_jsx__default["default"](StyledContainer, {
     cols: cols,
     height: theme.space.m,
     width: "100%",
@@ -51,19 +41,19 @@ var MobileListItem = function MobileListItem(_ref) {
     pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
     gutter: "xs",
     "data-testid": "".concat(dataTestid, "--").concat(value)
-  }, leftAddon && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }, void 0, leftAddon && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, leftAddon), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }, void 0, leftAddon), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center"
-  }, /*#__PURE__*/React__default['default'].createElement(StyledTitle, null, title)), rightAddon && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](StyledTitle, {}, void 0, title)), rightAddon && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, rightAddon));
+  }, void 0, rightAddon));
 };
 
-var DSMobileListItem = dsSystem.withTheme(MobileListItem);
-var listItemProps = {
+const DSMobileListItem = dsSystem.withTheme(MobileListItem);
+const listItemProps = {
   leftAddon: reactDesc.PropTypes.element.description('Element placed at the left'),
   rightAddon: reactDesc.PropTypes.element.description('Element placed at the right'),
   title: reactDesc.PropTypes.string.description('Item s title').isRequired,
@@ -71,10 +61,8 @@ var listItemProps = {
   dataTestid: reactDesc.PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),
   theme: reactDesc.PropTypes.object.description('')
 };
-MobileListItem.propTypes = listItemProps;
-var ListItemWithSchema = reactDesc.describe(MobileListItem);
+const ListItemWithSchema = reactDesc.describe(MobileListItem);
 ListItemWithSchema.propTypes = listItemProps;
 
 exports.DSMobileListItem = DSMobileListItem;
 exports.ListItemWithSchema = ListItemWithSchema;
-//# sourceMappingURL=MobileListItem.js.map

package/cjs/MobileListItem/index.js

@@ -2,15 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileListItem_MobileListItem = require('./MobileListItem.js');
-require('react');
-require('react-desc');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-system');
+var MobileListItem = require('./MobileListItem.js');
 
 
 
-exports.DSMobileListItem = MobileListItem_MobileListItem.DSMobileListItem;
-exports.ListItemWithSchema = MobileListItem_MobileListItem.ListItemWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSMobileListItem = MobileListItem.DSMobileListItem;
+exports.ListItemWithSchema = MobileListItem.ListItemWithSchema;

package/cjs/MobilePageHeader/MobilePageHeader.js

@@ -2,7 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
@@ -11,181 +12,149 @@ var dsGrid = require('@elliemae/ds-grid');
 var dsSystem = require('@elliemae/ds-system');
 var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-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 DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var StyledTitle = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+var _ChevronSmallDown;
+const StyledTitle = /*#__PURE__*/styled__default["default"](dsGrid.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'](dsGrid.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"](dsGrid.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 = _ref => {
+  let {
+    pageTitle = null,
+    contextMenu = null,
+    firstAction = null,
+    secondAction = null,
+    backArrow = null,
+    breadCrumb = null,
+    onOpenContextMenu = () => null,
+    value,
+    label,
+    theme
+  } = _ref;
+  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(dsGrid.Grid, {
+
+  const separator = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "32px",
     alignItems: "center"
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.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(dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "flex-start",
     justifyContent: "flex-start",
     cols: cols2
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.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(dsGrid.Grid, {
+  }, void 0, backArrow && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center"
-  }, backArrow), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }, void 0, backArrow), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     flexGrow: 0,
     pt: !breadCrumb ? 0 : theme.space.xxs
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     cols: ['auto', 'auto'],
     alignItems: "flex-start"
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, breadCrumb && /*#__PURE__*/React__default['default'].createElement(StyledBreadCrumb, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.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(dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     pt: breadCrumb ? 0 : theme.space.xxxs
-  }, /*#__PURE__*/React__default['default'].createElement(dsTruncatedExpandableText.TruncatedExpandableText, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedExpandableText.TruncatedExpandableText, {
     value: pageTitle
-  })))), contextMenu && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  })))), contextMenu && /*#__PURE__*/_jsx__default["default"](dsGrid.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(dsIcons.ChevronSmallDown, null),
+    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})),
     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(dsGrid.Grid, {
+  }))))), hasValue && /*#__PURE__*/_jsx__default["default"](dsGrid.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(dsGrid.Grid, {
+  }, void 0, value)), label && /*#__PURE__*/_jsx__default["default"](dsGrid.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(dsGrid.Grid, {
+  }, void 0, label))), countActions > 0 && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center",
     cols: countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']
-  }, firstAction && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, secondAction)));
+  }, void 0, firstAction && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/_jsx__default["default"](dsGrid.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'),
@@ -197,11 +166,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-truncated-expandable-text');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-system');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-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;