@elliemae/ds-mobile 2.3.0-alpha.9 → 2.3.0-next.3

package/cjs/MobileTouchable/MobileTouchable.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.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');
+var React = require('react');
+var lodash = require('lodash');
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+var dsSystem = require('@elliemae/ds-system');
+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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const _excluded = ["children", "onClick", "theme", "dataTestid", "render"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-6cxve6-0"
+})(["cursor:pointer;background:", ";"], props => props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000']);
+
+const MobileTouchable = _ref => {
+  let {
+    children,
+    onClick = lodash.noop,
+    theme,
+    dataTestid = 'mobile-touchable',
+    render
+  } = _ref,
+      gridProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const [touching, setTouching] = React.useState(false);
+  const handleStart = React.useCallback(() => setTouching(true));
+  const handleEnd = React.useCallback(() => setTouching(false));
+  return /*#__PURE__*/jsxRuntime.jsx(StyledContainer, _objectSpread(_objectSpread({}, gridProps), {}, {
+    touching: touching,
+    onClick: onClick,
+    onTouchStart: handleStart,
+    onTouchEnd: handleEnd,
+    "data-testid": dataTestid,
+    children: children || render(gridProps)
+  }));
+};
+
+const DSMobileTouchable = dsSystem.withTheme(MobileTouchable);
+
+exports.DSMobileTouchable = DSMobileTouchable;

package/cjs/MobileTouchable/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MobileTouchable = require('./MobileTouchable.js');
+
+
+
+exports.DSMobileTouchable = MobileTouchable.DSMobileTouchable;

package/cjs/Modal/Modal.js

@@ -0,0 +1,133 @@
+'use strict';
+
+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 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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+
+var _ModalIcon;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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, {
+    children: [/*#__PURE__*/_jsx__default["default"](styled.BodyFix, {
+      isOpen: isOpen
+    }), /*#__PURE__*/_jsx__default["default"](styled.BackShadow, {
+      onClick: onClose,
+      zIndex: zIndex
+    }), /*#__PURE__*/_jsx__default["default"](styled.ModalPosition, {
+      zIndex: zIndex,
+      cols: ['auto']
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.ModalBox, {
+      maxHeight: "".concat(window.innerHeight * 0.75, "px"),
+      rows: [1, '80px'],
+      style: {
+        overflow: 'hidden'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      pl: "xs",
+      pr: "xs",
+      style: {
+        overflow: 'hidden'
+      }
+    }, 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"](dsIcons.WarningTriangle, {
+      size: "xxl"
+    }))), /*#__PURE__*/_jsx__default["default"](styled.ModalTitle, {
+      "data-testid": "modal-title"
+    }, void 0, title), /*#__PURE__*/_jsx__default["default"](styled.ModalDescription, {
+      "data-testid": "modal-desc",
+      style: {
+        overflow: 'auto'
+      }
+    }, void 0, description))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      pt: "24px"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      pl: "xs",
+      pr: "xs",
+      cols: showSecondaryAction ? [1, 1] : [1],
+      gutter: "xs",
+      justifyContent: "center",
+      alignItems: "center",
+      style: {
+        borderTop: "1px solid ".concat(theme.colors.neutral[100])
+      }
+    }, void 0, showSecondaryAction && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, secondaryActionProps), {}, {
+      labelText: secondaryActionProps.labelText || ' Cancel',
+      buttonType: "secondary",
+      "data-testid": "modal-secondary-btn"
+    })), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({
+      labelText: primaryActionProps.labelText || ' Accept'
+    }, primaryActionProps), {}, {
+      buttonType: "primary",
+      "data-testid": "modal-primary-btn"
+    }))))))]
+  });
+};
+
+const modalProps = {
+  isOpen: reactDesc.PropTypes.bool.description('Wheter the modal is open or closed').defaultValue(false),
+  zIndex: reactDesc.PropTypes.number.description('z-index value').defaultValue(1),
+  title: reactDesc.PropTypes.string.description('Modal s title').isRequired,
+  description: reactDesc.PropTypes.string.description('Modal s content').isRequired,
+  onClose: reactDesc.PropTypes.func.description('Function executed when the modal closes'),
+  showSecondaryAction: reactDesc.PropTypes.bool.description('Wheter to show secondary action button or not').defaultValue(true),
+  secondaryActionProps: reactDesc.PropTypes.shape({
+    onClick: reactDesc.PropTypes.func,
+    labelText: reactDesc.PropTypes.string
+  }).description('Secondary action props'),
+  primaryActionProps: reactDesc.PropTypes.shape({
+    onClick: reactDesc.PropTypes.func,
+    labelText: reactDesc.PropTypes.string
+  }).description('Primary action props')
+};
+const ModalWithSchema = reactDesc.describe(Modal);
+ModalWithSchema.propTypes = modalProps;
+
+exports.Modal = Modal;
+exports.ModalWithSchema = ModalWithSchema;

package/cjs/Modal/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Modal = require('./Modal.js');
+
+
+
+exports.Modal = Modal.Modal;
+exports.ModalWithSchema = Modal.ModalWithSchema;

package/cjs/Modal/styled.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+
+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"](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"](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"](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"](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"](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]);
+
+exports.BackShadow = BackShadow;
+exports.BodyFix = BodyFix;
+exports.ModalBox = ModalBox;
+exports.ModalDescription = ModalDescription;
+exports.ModalIcon = ModalIcon;
+exports.ModalPosition = ModalPosition;
+exports.ModalTitle = ModalTitle;

package/cjs/PageFilter/PageFilter.js

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var styled = require('styled-components');
+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('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+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({
+  componentId: "sc-15cmidp-1"
+})(["display:flex;justify-content:center;align-items:center;"]);
+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"](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"](dsGrid.Grid).withConfig({
+  componentId: "sc-15cmidp-4"
+})(["margin:0 auto;width:100%;overflow:auto;"]);
+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 = _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];
+  if (footerButton) rows.push(dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));
+  const cols = ['auto'];
+  if (leftProp) cols.unshift(headerDimension);
+  if (rightProp) cols.push(headerDimension);
+  const bodyStyle = {
+    maxWidth: dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)
+  };
+  return /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {
+    rows: rows
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Header, {
+    cols: cols,
+    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"](dsGrid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default["default"](BreadCrumb, {
+    pl: !leftProp && '1rem'
+  }, void 0, breadCrumb), /*#__PURE__*/_jsx__default["default"](Title, {
+    style: leftProp ? {} : {
+      paddingLeft: '1rem'
+    }
+  }, void 0, pageTitle)), rightProp && /*#__PURE__*/_jsx__default["default"](ButtonSlot, {
+    ml: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
+  }, void 0, rightProp)), /*#__PURE__*/_jsx__default["default"](Body, {
+    style: bodyStyle
+  }, void 0, children), footerButton && /*#__PURE__*/_jsx__default["default"](Footer, {}, void 0, footerButton));
+};
+
+const DSPageFilter = PageFilter;
+
+exports.DSPageFilter = DSPageFilter;

package/cjs/PageForm/PageForm.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsGrid = require('@elliemae/ds-grid');
+var styled = require('styled-components');
+var dsSystem = require('@elliemae/ds-system');
+var FullPageContainer = require('../FullPageContainer/FullPageContainer.js');
+var FullPageContainerScroll = require('../FullPageContainer/FullPageContainerScroll.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const Body = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1qg3tcm-0"
+})(["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"](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"](dsGrid.Grid, {}, void 0, footer));
+};
+
+const DSPageForm = PageForm;
+const DSMobilePageForm = DSPageForm;
+
+exports.DSMobilePageForm = DSMobilePageForm;
+exports.DSPageForm = DSPageForm;

package/cjs/PageList/PageList.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+var dsSystem = require('@elliemae/ds-system');
+var FullPageContainer = require('../FullPageContainer/FullPageContainer.js');
+var FullPageContainerScroll = require('../FullPageContainer/FullPageContainerScroll.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const PageTitleWrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-e4h57j-0"
+})(["min-height:44px;"]);
+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"](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;
+
+exports.DSMobilePageList = DSMobilePageList;
+exports.DSPageList = DSPageList;

package/cjs/PageList/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PageList = require('./PageList.js');
+
+
+
+exports.DSMobilePageList = PageList.DSMobilePageList;
+exports.DSPageList = PageList.DSPageList;

package/cjs/PageSearch/PageSearch.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var styled = require('styled-components');
+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 }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+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(_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"](dsGrid.Grid, {
+    rows: rows,
+    height: "100%"
+  }, 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"](dsGrid.Grid, {
+    height: "100%",
+    style: {
+      overflow: 'auto'
+    }
+  }, void 0, body)));
+});
+const DSPageSearch = DSMobilePageSearch;
+
+exports.DSMobilePageSearch = DSMobilePageSearch;
+exports.DSPageSearch = DSPageSearch;

package/cjs/PageSummary/PageSummary.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+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('react/jsx-runtime');
+var Tags = require('./Tags.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const Body = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-1jlvilw-0"
+})(["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;
+
+exports.DSPageSummary = DSPageSummary;

package/cjs/PageSummary/Tags.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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:", ";"], _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'], _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%;"]);
+const Section = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1bwtial-3"
+})(["position:relative;top:64px;height:100%;"]);
+
+exports.BodyWrapper = BodyWrapper;
+exports.Header = Header;
+exports.Section = Section;
+exports.Toolbar = Toolbar;