@elliemae/ds-mobile 2.0.0-next.1 → 2.0.0-next.13

package/cjs/Modal/Modal.js

@@ -2,14 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactDesc = require('react-desc');
 var lodash = require('lodash');
-var Grid = require('@elliemae/ds-basic/Grid');
-var WarningTriangle = require('@elliemae/ds-icons/WarningTriangle');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsGrid = require('@elliemae/ds-grid');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
 var dsSystem = require('@elliemae/ds-system');
 var styled = require('./styled.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -18,7 +23,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var WarningTriangle__default = /*#__PURE__*/_interopDefaultLegacy(WarningTriangle);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var _ModalIcon;
@@ -27,22 +31,23 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 Modal = ({
-  zIndex = 1,
-  title = '',
-  description = '',
-  onClose = lodash.noop,
-  showSecondaryAction = true,
-  secondaryActionProps = {
-    onClick: lodash.noop,
-    labelText: 'Cancel'
-  },
-  primaryActionProps = {
-    onClick: lodash.noop,
-    labelText: 'Accept'
-  },
-  isOpen = false
-}) => {
+const Modal = _ref => {
+  let {
+    zIndex = 1,
+    title = '',
+    description = '',
+    onClose = lodash.noop,
+    showSecondaryAction = true,
+    secondaryActionProps = {
+      onClick: lodash.noop,
+      labelText: 'Cancel'
+    },
+    primaryActionProps = {
+      onClick: lodash.noop,
+      labelText: 'Accept'
+    },
+    isOpen = false
+  } = _ref;
   const theme = dsSystem.useTheme();
   if (!isOpen) return null;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -55,23 +60,23 @@ const Modal = ({
       zIndex: zIndex,
       cols: ['auto']
     }, void 0, /*#__PURE__*/_jsx__default["default"](styled.ModalBox, {
-      maxHeight: `${window.innerHeight * 0.75}px`,
+      maxHeight: "".concat(window.innerHeight * 0.75, "px"),
       rows: [1, '80px'],
       style: {
         overflow: 'hidden'
       }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       pl: "xs",
       pr: "xs",
       style: {
         overflow: 'hidden'
       }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       rows: ['auto', 'auto', 1],
       style: {
         overflow: 'hidden'
       }
-    }, void 0, _ModalIcon || (_ModalIcon = /*#__PURE__*/_jsx__default["default"](styled.ModalIcon, {}, void 0, /*#__PURE__*/_jsx__default["default"](WarningTriangle__default["default"], {
+    }, void 0, _ModalIcon || (_ModalIcon = /*#__PURE__*/_jsx__default["default"](styled.ModalIcon, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.WarningTriangle, {
       size: "xxl"
     }))), /*#__PURE__*/_jsx__default["default"](styled.ModalTitle, {
       "data-testid": "modal-title"
@@ -80,9 +85,9 @@ const Modal = ({
       style: {
         overflow: 'auto'
       }
-    }, void 0, description))), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+    }, void 0, description))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       pt: "24px"
-    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       pl: "xs",
       pr: "xs",
       cols: showSecondaryAction ? [1, 1] : [1],
@@ -90,7 +95,7 @@ const Modal = ({
       justifyContent: "center",
       alignItems: "center",
       style: {
-        borderTop: `1px solid ${theme.colors.neutral[100]}`
+        borderTop: "1px solid ".concat(theme.colors.neutral[100])
       }
     }, void 0, showSecondaryAction && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, secondaryActionProps), {}, {
       labelText: secondaryActionProps.labelText || ' Cancel',

package/cjs/Modal/styled.js

@@ -2,35 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Grid = require('@elliemae/ds-basic/Grid');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var dsGrid = require('@elliemae/ds-grid');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const BodyFix = dsSystem.createGlobalStyle`
-    body{
-        ${props => props.isOpen ? 'overflow: hidden;' : ''};
-    }
-`;
-const ModalBox = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+var _templateObject;
+const BodyFix = dsSystem.createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n    body{\n        ", ";\n    }\n"])), props => props.isOpen ? 'overflow: hidden;' : '');
+const ModalBox = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-cke90o-0"
 })(["width:100%;background:", ";max-height:", ";box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);"], props => props.theme.colors.neutral['000'], props => props.maxHeight);
-const ModalPosition = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const ModalPosition = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-cke90o-1"
 })(["z-index:", ";background:", ";position:absolute;top:12.5%;width:80%;left:10%;"], props => props.zIndex, props => props.theme.colors.neutral['000']);
-const BackShadow = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const BackShadow = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-cke90o-2"
 })(["z-index:", ";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);overflow:hidden;"], props => props.zIndex);
-const ModalIcon = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const ModalIcon = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-cke90o-3"
 })(["padding-top:24px;justify-content:center;span.em-ds-icon svg,svg:not([fill]){fill:", ";}"], props => props.theme.colors.warning[600]);
-const ModalTitle = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const ModalTitle = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-cke90o-4"
 })(["padding-top:24px;font-size:22px;font-weight:600;color:", ";text-align:center;"], props => props.theme.colors.neutral[600]);
-const ModalDescription = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const ModalDescription = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-cke90o-5"
 })(["padding-top:", ";font-size:16px;font-weight:400;color:", ";text-align:center;"], props => props.theme.space.xxs, props => props.theme.colors.neutral[500]);
 

package/cjs/PageFilter/PageFilter.js

@@ -5,12 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var dsSystem = require('@elliemae/ds-system');
 var FullPageContainer = require('../FullPageContainer/FullPageContainer.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-basic');
 require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -18,7 +22,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Header = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const Header = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-15cmidp-0"
 })(["border-bottom:1px solid ", ";"], props => props.theme.colors.neutral['300']);
 const ButtonSlot = /*#__PURE__*/styled__default["default"].div.withConfig({
@@ -27,24 +31,25 @@ const ButtonSlot = /*#__PURE__*/styled__default["default"].div.withConfig({
 const Title = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-15cmidp-2"
 })(["display:flex;justify-content:flex-start;align-items:center;font-size:22px;"]);
-const BreadCrumb = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const BreadCrumb = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-15cmidp-3"
 })(["align-items:flex-end;font-size:16px;color:", ";"], props => props.theme.colors.neutral[500]);
-const Body = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const Body = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-15cmidp-4"
 })(["margin:0 auto;width:100%;overflow:auto;"]);
-const Footer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const Footer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-15cmidp-5"
 })(["display:flex;justify-content:space-around;align-items:center;width:100%;padding:0.67rem;border-top:1px solid ", ";& > button{flex-grow:1;margin:0 0.33rem;}"], props => props.theme.colors.neutral[300]);
 
-const PageFilter = ({
-  children = null,
-  breadCrumb = null,
-  pageTitle = null,
-  leftProp = null,
-  rightProp = null,
-  footerButton = null
-}) => {
+const PageFilter = _ref => {
+  let {
+    children = null,
+    breadCrumb = null,
+    pageTitle = null,
+    leftProp = null,
+    rightProp = null,
+    footerButton = null
+  } = _ref;
   const theme = dsSystem.useTheme();
   const headerDimension = theme.space.l;
   const rows = [headerDimension, 1];
@@ -62,7 +67,7 @@ const PageFilter = ({
     height: headerDimension
   }, void 0, leftProp && /*#__PURE__*/_jsx__default["default"](ButtonSlot, {
     ml: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, void 0, leftProp), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default["default"](BreadCrumb, {
+  }, void 0, leftProp), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default["default"](BreadCrumb, {
     pl: !leftProp && '1rem'
   }, void 0, breadCrumb), /*#__PURE__*/_jsx__default["default"](Title, {
     style: leftProp ? {} : {

package/cjs/PageForm/PageForm.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 var FullPageContainer = require('../FullPageContainer/FullPageContainer.js');
@@ -15,30 +15,37 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Body = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const Body = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1qg3tcm-0"
-})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], ({
-  theme
-}) => theme.breakpoints.small, ({
-  theme
-}) => `width: ${dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`);
-
-const PageForm = ({
-  header = null,
-  body = null,
-  footer = null
-}) => {
+})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.breakpoints.small;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return "width: ".concat(dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
+});
+
+const PageForm = _ref3 => {
+  let {
+    header = null,
+    body = null,
+    footer = null
+  } = _ref3;
   const theme = dsSystem.useTheme();
   const rows = [1];
   if (header) rows.unshift(dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));
   if (footer) rows.push(theme.space.l);
   return /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {
     rows: rows
-  }, void 0, header && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, header), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, header && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, header), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     style: {
       overflow: 'hidden'
     }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](FullPageContainerScroll.DSFullPageContainerScroll, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, body))), footer && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, footer));
+  }, void 0, /*#__PURE__*/_jsx__default["default"](FullPageContainerScroll.DSFullPageContainerScroll, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, body))), footer && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, footer));
 };
 
 const DSPageForm = PageForm;

package/cjs/PageList/PageList.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var dsSystem = require('@elliemae/ds-system');
 var FullPageContainer = require('../FullPageContainer/FullPageContainer.js');
 var FullPageContainerScroll = require('../FullPageContainer/FullPageContainerScroll.js');
@@ -15,23 +15,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const PageTitleWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const PageTitleWrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-e4h57j-0"
 })(["min-height:44px;"]);
-const DSMobilePageList = dsSystem.withTheme(({
-  header = null,
-  pageTitle = null,
-  filterBar = null,
-  body = null,
-  footer = null,
-  theme
-}) => {
+const DSMobilePageList = dsSystem.withTheme(_ref => {
+  let {
+    header = null,
+    pageTitle = null,
+    filterBar = null,
+    body = null,
+    footer = null,
+    theme
+  } = _ref;
   const rows = ['auto', dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];
   if (header) rows.unshift(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));
   if (footer) rows.push('56px');
   return /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {
     rows: rows
-  }, void 0, header && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, header), /*#__PURE__*/_jsx__default["default"](PageTitleWrapper, {}, void 0, pageTitle), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, filterBar), /*#__PURE__*/_jsx__default["default"](FullPageContainerScroll.DSFullPageContainerScroll, {}, void 0, body), footer && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, footer));
+  }, void 0, header && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, header), /*#__PURE__*/_jsx__default["default"](PageTitleWrapper, {}, void 0, pageTitle), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, filterBar), /*#__PURE__*/_jsx__default["default"](FullPageContainerScroll.DSFullPageContainerScroll, {}, void 0, body), footer && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, footer));
 });
 const DSPageList = DSMobilePageList;
 

package/cjs/PageSearch/PageSearch.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var styled = require('styled-components');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var dsSystem = require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,27 +13,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Header = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const Header = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-a8tzbi-0"
 })(["height:100%;background:", ";padding:", ";"], props => props.theme.colors.brand['600'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
-const DSMobilePageSearch = dsSystem.withTheme(({
-  HeaderContainer = Header,
-  SearchContainer = Header,
-  searchHeader = null,
-  pageTitle = 'Search',
-  body = null,
-  theme
-}) => {
+const DSMobilePageSearch = dsSystem.withTheme(_ref => {
+  let {
+    HeaderContainer = Header,
+    SearchContainer = Header,
+    searchHeader = null,
+    pageTitle = 'Search',
+    body = null,
+    theme
+  } = _ref;
   const rows = [dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81), dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62), 1];
-  return /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     rows: rows,
     height: "100%"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](HeaderContainer, {}, void 0, pageTitle)), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, searchHeader)), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](HeaderContainer, {}, void 0, pageTitle)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, searchHeader)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "100%",
     style: {
       overflow: 'hidden'
     }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "100%",
     style: {
       overflow: 'auto'

package/cjs/PageSummary/PageSummary.js

@@ -4,13 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var Grid = require('@elliemae/ds-basic/Grid');
+var dsGrid = require('@elliemae/ds-grid');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 var FullPageContainer = require('../FullPageContainer/FullPageContainer.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-basic');
 require('react/jsx-runtime');
 var Tags = require('./Tags.js');
 
@@ -19,26 +23,35 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Body = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+const Body = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1jlvilw-0"
-})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], ({
-  theme
-}) => theme.breakpoints.small, ({
-  theme
-}) => `width: ${dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`);
-
-const PageSummary = ({
-  header = null,
-  headerZIndex = 1,
-  bodyPrimary = null,
-  actions = null,
-  actionsZIndex = 1,
-  bodySecondary = null
-}) => /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {}, void 0, header && /*#__PURE__*/_jsx__default["default"](Tags.Header, {
-  zIndex: headerZIndex
-}, void 0, header), /*#__PURE__*/_jsx__default["default"](Tags.Section, {}, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, bodyPrimary)), /*#__PURE__*/_jsx__default["default"](Tags.Toolbar, {
-  zIndex: actionsZIndex
-}, void 0, actions), /*#__PURE__*/_jsx__default["default"](Tags.BodyWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, bodySecondary))));
+})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.breakpoints.small;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return "width: ".concat(dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
+});
+
+const PageSummary = _ref3 => {
+  let {
+    header = null,
+    headerZIndex = 1,
+    bodyPrimary = null,
+    actions = null,
+    actionsZIndex = 1,
+    bodySecondary = null
+  } = _ref3;
+  return /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {}, void 0, header && /*#__PURE__*/_jsx__default["default"](Tags.Header, {
+    zIndex: headerZIndex
+  }, void 0, header), /*#__PURE__*/_jsx__default["default"](Tags.Section, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, bodyPrimary)), /*#__PURE__*/_jsx__default["default"](Tags.Toolbar, {
+    zIndex: actionsZIndex
+  }, void 0, actions), /*#__PURE__*/_jsx__default["default"](Tags.BodyWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, bodySecondary))));
+};
 
 const DSPageSummary = PageSummary;
 

package/cjs/PageSummary/Tags.js

@@ -10,14 +10,20 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const Header = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1bwtial-0"
-})(["position:fixed;display:grid;top:0;left:0;width:100%;height:64px;z-index:", ";"], ({
-  zIndex
-}) => zIndex);
+})(["position:fixed;display:grid;top:0;left:0;width:100%;height:64px;z-index:", ";"], _ref => {
+  let {
+    zIndex
+  } = _ref;
+  return zIndex;
+});
 const Toolbar = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1bwtial-1"
-})(["position:sticky;left:0;top:64px;background:", ";z-index:", ";"], props => props.theme.colors.neutral['000'], ({
-  zIndex
-}) => zIndex);
+})(["position:sticky;left:0;top:64px;background:", ";z-index:", ";"], props => props.theme.colors.neutral['000'], _ref2 => {
+  let {
+    zIndex
+  } = _ref2;
+  return zIndex;
+});
 const BodyWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1bwtial-2"
 })(["position:relative;display:grid;top:0;left:0;height:100%;"]);

package/cjs/SideNav/SideNav.js

@@ -3,10 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
-var dsBasic = require('@elliemae/ds-basic');
-var Close = require('@elliemae/ds-icons/Close');
-var Icon = require('@elliemae/ds-basic/Icon');
+var Backdrop = require('@elliemae/ds-backdrop');
+var dsIcons = require('@elliemae/ds-icons');
+var dsIcon = require('@elliemae/ds-icon');
 var reactDesc = require('react-desc');
 var lodash = require('lodash');
 var EM_logo = require('../Icons/EM_logo.js');
@@ -16,17 +19,17 @@ var jsxRuntime = require('react/jsx-runtime');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
 
 var _span, _Hr, _hr;
 
-const DSSideNav = ({
-  containerProps = {},
-  title,
-  onClose = lodash.noop,
-  menuItems = [],
-  bottomMenuItems = []
-}) => {
+const DSSideNav = _ref => {
+  let {
+    containerProps = {},
+    title,
+    onClose = lodash.noop,
+    menuItems = [],
+    bottomMenuItems = []
+  } = _ref;
   const [selectedMenuItemIdx, setSelectedMenuItem] = React.useState(-1);
 
   const menuItemClick = (idx, text, cb) => {
@@ -38,46 +41,52 @@ const DSSideNav = ({
   };
 
   const renderMenuList = () => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: menuItems.length > 0 ? /*#__PURE__*/_jsx__default["default"](styles.MenuList, {}, void 0, menuItems.map(({
+    children: menuItems.length > 0 ? /*#__PURE__*/_jsx__default["default"](styles.MenuList, {}, void 0, menuItems.map((_ref2, idx) => {
+      let {
+        icon,
+        text,
+        onClick
+      } = _ref2;
+      return /*#__PURE__*/_jsx__default["default"]("div", {
+        className: "menuitem",
+        onClick: menuItemClick.bind(null, idx, text, onClick)
+      }, idx, /*#__PURE__*/_jsx__default["default"]("div", {
+        className: "icon"
+      }, void 0, icon), /*#__PURE__*/_jsx__default["default"]("div", {
+        className: "text ".concat(idx === selectedMenuItemIdx ? 'active' : '')
+      }, void 0, text));
+    })) : null
+  });
+
+  const renderBottomMenu = () => /*#__PURE__*/_jsx__default["default"](styles.MenuList, {}, void 0, bottomMenuItems.map((_ref3, idx) => {
+    let {
       icon,
       text,
       onClick
-    }, idx) => /*#__PURE__*/_jsx__default["default"]("div", {
+    } = _ref3;
+    return /*#__PURE__*/_jsx__default["default"]("div", {
       className: "menuitem",
-      onClick: menuItemClick.bind(null, idx, text, onClick)
+      onClick: () => onClick(idx, text)
     }, idx, /*#__PURE__*/_jsx__default["default"]("div", {
       className: "icon"
     }, void 0, icon), /*#__PURE__*/_jsx__default["default"]("div", {
-      className: `text ${idx === selectedMenuItemIdx ? 'active' : ''}`
-    }, void 0, text)))) : null
-  });
-
-  const renderBottomMenu = () => /*#__PURE__*/_jsx__default["default"](styles.MenuList, {}, void 0, bottomMenuItems.map(({
-    icon,
-    text,
-    onClick
-  }, idx) => /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "menuitem",
-    onClick: () => onClick(idx, text)
-  }, idx, /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "icon"
-  }, void 0, icon), /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "text"
-  }, void 0, text))));
+      className: "text"
+    }, void 0, text));
+  }));
 
   return /*#__PURE__*/_jsx__default["default"](styles.Container, {
     "data-testid": containerProps['data-testid'] || 'global-header-menu'
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsBasic.DSBackdrop, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Backdrop.DSBackdrop, {
     onClick: onClose,
     type: "cover"
   }), /*#__PURE__*/_jsx__default["default"](styles.Menu, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.MenuWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.Heading, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.Icon, {}, void 0, EM_logo()), /*#__PURE__*/_jsx__default["default"]("div", {
     className: "content"
   }, void 0, /*#__PURE__*/_jsx__default["default"]("label", {}, void 0, title), _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {})), /*#__PURE__*/_jsx__default["default"]("div", {
     className: "icon"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Close__default["default"], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {
     onClick: onClose,
-    size: Icon.DSIconSizes.S,
-    color: Icon.DSIconColors.WHITE
+    size: dsIcon.DSIconSizes.S,
+    color: dsIcon.DSIconColors.WHITE
   })))), _Hr || (_Hr = /*#__PURE__*/_jsx__default["default"](styles.Hr, {})), renderMenuList(), bottomMenuItems.length > 0 ? /*#__PURE__*/_jsx__default["default"](styles.BottomMenu, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
     className: "content"
   }, void 0, _hr || (_hr = /*#__PURE__*/_jsx__default["default"]("hr", {})), renderBottomMenu())) : null)));