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

package/cjs/Modal/Modal.js

@@ -2,109 +2,110 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+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 dsSystem = require('@elliemae/ds-system');
-var Modal_styled = require('./styled.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+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 Modal = function Modal(_ref) {
-  var _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 1 : _ref$zIndex,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$description = _ref.description,
-      description = _ref$description === void 0 ? '' : _ref$description,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? lodash.noop : _ref$onClose,
-      _ref$showSecondaryAct = _ref.showSecondaryAction,
-      showSecondaryAction = _ref$showSecondaryAct === void 0 ? true : _ref$showSecondaryAct,
-      _ref$secondaryActionP = _ref.secondaryActionProps,
-      secondaryActionProps = _ref$secondaryActionP === void 0 ? {
+var _ModalIcon;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const Modal = ({
+  zIndex = 1,
+  title = '',
+  description = '',
+  onClose = lodash.noop,
+  showSecondaryAction = true,
+  secondaryActionProps = {
     onClick: lodash.noop,
     labelText: 'Cancel'
-  } : _ref$secondaryActionP,
-      _ref$primaryActionPro = _ref.primaryActionProps,
-      primaryActionProps = _ref$primaryActionPro === void 0 ? {
+  },
+  primaryActionProps = {
     onClick: lodash.noop,
     labelText: 'Accept'
-  } : _ref$primaryActionPro,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen;
-  var theme = dsSystem.useTheme();
+  },
+  isOpen = false
+}) => {
+  const theme = dsSystem.useTheme();
   if (!isOpen) return null;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Modal_styled.BodyFix, {
-    isOpen: isOpen
-  }), /*#__PURE__*/React__default['default'].createElement(Modal_styled.BackShadow, {
-    onClick: onClose,
-    zIndex: zIndex
-  }), /*#__PURE__*/React__default['default'].createElement(Modal_styled.ModalPosition, {
-    zIndex: zIndex,
-    cols: ['auto']
-  }, /*#__PURE__*/React__default['default'].createElement(Modal_styled.ModalBox, {
-    maxHeight: "".concat(window.innerHeight * 0.75, "px"),
-    rows: [1, '80px'],
-    style: {
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
-    pl: "xs",
-    pr: "xs",
-    style: {
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
-    rows: ['auto', 'auto', 1],
-    style: {
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(Modal_styled.ModalIcon, null, /*#__PURE__*/React__default['default'].createElement(WarningTriangle__default['default'], {
-    size: "xxl"
-  })), /*#__PURE__*/React__default['default'].createElement(Modal_styled.ModalTitle, {
-    "data-testid": "modal-title"
-  }, title), /*#__PURE__*/React__default['default'].createElement(Modal_styled.ModalDescription, {
-    "data-testid": "modal-desc",
-    style: {
-      overflow: 'auto'
-    }
-  }, description))), /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
-    pt: "24px"
-  }, /*#__PURE__*/React__default['default'].createElement(Grid.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])
-    }
-  }, showSecondaryAction && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({}, secondaryActionProps, {
-    labelText: secondaryActionProps.labelText || ' Cancel',
-    buttonType: "secondary",
-    "data-testid": "modal-secondary-btn"
-  })), /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({
-    labelText: primaryActionProps.labelText || ' Accept'
-  }, primaryActionProps, {
-    buttonType: "primary",
-    "data-testid": "modal-primary-btn"
-  })))))));
+  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: `${window.innerHeight * 0.75}px`,
+      rows: [1, '80px'],
+      style: {
+        overflow: 'hidden'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+      pl: "xs",
+      pr: "xs",
+      style: {
+        overflow: 'hidden'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.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"], {
+      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"](Grid.Grid, {
+      pt: "24px"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
+      pl: "xs",
+      pr: "xs",
+      cols: showSecondaryAction ? [1, 1] : [1],
+      gutter: "xs",
+      justifyContent: "center",
+      alignItems: "center",
+      style: {
+        borderTop: `1px solid ${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"
+    }))))))]
+  });
 };
 
-var modalProps = {
+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,
@@ -120,10 +121,8 @@ var modalProps = {
     labelText: reactDesc.PropTypes.string
   }).description('Primary action props')
 };
-Modal.propTypes = modalProps;
-var ModalWithSchema = reactDesc.describe(Modal);
+const ModalWithSchema = reactDesc.describe(Modal);
 ModalWithSchema.propTypes = modalProps;
 
 exports.Modal = Modal;
 exports.ModalWithSchema = ModalWithSchema;
-//# sourceMappingURL=Modal.js.map

package/cjs/Modal/index.js

@@ -2,21 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Modal_Modal = require('./Modal.js');
-require('@babel/runtime/helpers/extends');
-require('react');
-require('react-desc');
-require('lodash');
-require('@elliemae/ds-basic/Grid');
-require('@elliemae/ds-icons/WarningTriangle');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-system');
-require('./styled.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
+var Modal = require('./Modal.js');
 
 
 
-exports.Modal = Modal_Modal.Modal;
-exports.ModalWithSchema = Modal_Modal.ModalWithSchema;
-//# sourceMappingURL=index.js.map
+exports.Modal = Modal.Modal;
+exports.ModalWithSchema = Modal.ModalWithSchema;

package/cjs/Modal/styled.js

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

package/cjs/PageFilter/PageFilter.js

@@ -2,126 +2,79 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var PropTypes = require('prop-types');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styled = require('styled-components');
 var Grid = require('@elliemae/ds-basic/Grid');
 var dsSystem = require('@elliemae/ds-system');
-var FullPageContainer_FullPageContainer = require('../FullPageContainer/FullPageContainer.js');
-require('../FullPageContainer/FullPageContainerScroll.js');
-require('@babel/runtime/helpers/extends');
+var FullPageContainer = require('../FullPageContainer/FullPageContainer.js');
+require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@elliemae/ds-basic');
-require('../FullPageContainer/useMobileHeight.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/defineProperty');
+require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Header = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Header = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-15cmidp-0"
-})(["border-bottom:1px solid ", ";"], function (props) {
-  return props.theme.colors.neutral['300'];
-});
-var ButtonSlot = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["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;"]);
-var Title = /*#__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;"]);
-var BreadCrumb = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const BreadCrumb = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-15cmidp-3"
-})(["align-items:flex-end;font-size:16px;color:", ";"], function (props) {
-  return props.theme.colors.neutral[500];
-});
-var Body = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+})(["align-items:flex-end;font-size:16px;color:", ";"], props => props.theme.colors.neutral[500]);
+const Body = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-15cmidp-4"
 })(["margin:0 auto;width:100%;overflow:auto;"]);
-var Footer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Footer = /*#__PURE__*/styled__default["default"](Grid.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;}"], function (props) {
-  return props.theme.colors.neutral[300];
-});
+})(["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]);
 
-var PageFilter = function PageFilter(_ref) {
-  var _ref$children = _ref.children,
-      children = _ref$children === void 0 ? null : _ref$children,
-      _ref$breadCrumb = _ref.breadCrumb,
-      breadCrumb = _ref$breadCrumb === void 0 ? null : _ref$breadCrumb,
-      _ref$pageTitle = _ref.pageTitle,
-      pageTitle = _ref$pageTitle === void 0 ? null : _ref$pageTitle,
-      _ref$leftProp = _ref.leftProp,
-      leftProp = _ref$leftProp === void 0 ? null : _ref$leftProp,
-      _ref$rightProp = _ref.rightProp,
-      rightProp = _ref$rightProp === void 0 ? null : _ref$rightProp,
-      _ref$footerButton = _ref.footerButton,
-      footerButton = _ref$footerButton === void 0 ? null : _ref$footerButton;
-  var theme = dsSystem.useTheme();
-  var headerDimension = theme.space.l;
-  var rows = [headerDimension, 1];
+const PageFilter = ({
+  children = null,
+  breadCrumb = null,
+  pageTitle = null,
+  leftProp = null,
+  rightProp = null,
+  footerButton = null
+}) => {
+  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));
-  var cols = ['auto'];
+  const cols = ['auto'];
   if (leftProp) cols.unshift(headerDimension);
   if (rightProp) cols.push(headerDimension);
-  var bodyStyle = {
+  const bodyStyle = {
     maxWidth: dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)
   };
-  return /*#__PURE__*/React__default['default'].createElement(FullPageContainer_FullPageContainer.DSFullPageContainer, {
+  return /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {
     rows: rows
-  }, /*#__PURE__*/React__default['default'].createElement(Header, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Header, {
     cols: cols,
     height: headerDimension
-  }, leftProp && /*#__PURE__*/React__default['default'].createElement(ButtonSlot, {
+  }, void 0, leftProp && /*#__PURE__*/_jsx__default["default"](ButtonSlot, {
     ml: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, leftProp), /*#__PURE__*/React__default['default'].createElement(Grid.Grid, null, breadCrumb && /*#__PURE__*/React__default['default'].createElement(BreadCrumb, {
+  }, void 0, leftProp), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default["default"](BreadCrumb, {
     pl: !leftProp && '1rem'
-  }, breadCrumb), /*#__PURE__*/React__default['default'].createElement(Title, {
+  }, void 0, breadCrumb), /*#__PURE__*/_jsx__default["default"](Title, {
     style: leftProp ? {} : {
       paddingLeft: '1rem'
     }
-  }, pageTitle)), rightProp && /*#__PURE__*/React__default['default'].createElement(ButtonSlot, {
+  }, void 0, pageTitle)), rightProp && /*#__PURE__*/_jsx__default["default"](ButtonSlot, {
     ml: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, rightProp)), /*#__PURE__*/React__default['default'].createElement(Body, {
+  }, void 0, rightProp)), /*#__PURE__*/_jsx__default["default"](Body, {
     style: bodyStyle
-  }, children), footerButton && /*#__PURE__*/React__default['default'].createElement(Footer, null, footerButton));
+  }, void 0, children), footerButton && /*#__PURE__*/_jsx__default["default"](Footer, {}, void 0, footerButton));
 };
 
-PageFilter.propTypes = {
-  /**
-   * Text to render in header title
-   */
-  pageTitle: PropTypes__default['default'].string,
-
-  /**
-   * Pass an element to render left. For example a Button with an icon
-   */
-  leftProp: PropTypes__default['default'].element,
-
-  /**
-   * Pass an element to render right. For example a Button with an icon
-   */
-  rightProp: PropTypes__default['default'].element,
-
-  /**
-   * Pass an element to render in the body section
-   */
-  children: PropTypes__default['default'].element,
-
-  /**
-   * Pass a button to render in the footer
-   */
-  footerButton: PropTypes__default['default'].element,
-
-  /**
-   * BreadCrumb text
-   */
-  breadCrumb: PropTypes__default['default'].string
-};
-var DSPageFilter = PageFilter;
+const DSPageFilter = PageFilter;
 
 exports.DSPageFilter = DSPageFilter;
-//# sourceMappingURL=PageFilter.js.map

package/cjs/PageForm/PageForm.js

@@ -2,64 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var PropTypes = require('prop-types');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var Grid = require('@elliemae/ds-basic/Grid');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
-var FullPageContainer_FullPageContainer = require('../FullPageContainer/FullPageContainer.js');
-var FullPageContainer_FullPageContainerScroll = require('../FullPageContainer/FullPageContainerScroll.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-basic');
-require('../FullPageContainer/useMobileHeight.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/defineProperty');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Body = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Body = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-1qg3tcm-0"
-})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.breakpoints.small;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return "width: ".concat(dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
-});
-
-var PageForm = function PageForm(_ref3) {
-  var _ref3$header = _ref3.header,
-      header = _ref3$header === void 0 ? null : _ref3$header,
-      _ref3$body = _ref3.body,
-      body = _ref3$body === void 0 ? null : _ref3$body,
-      _ref3$footer = _ref3.footer,
-      footer = _ref3$footer === void 0 ? null : _ref3$footer;
-  var theme = dsSystem.useTheme();
-  var rows = [1];
+})(["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
+}) => {
+  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__*/React__default['default'].createElement(FullPageContainer_FullPageContainer.DSFullPageContainer, {
+  return /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {
     rows: rows
-  }, header && /*#__PURE__*/React__default['default'].createElement(Grid.Grid, null, header), /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+  }, void 0, header && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, header), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     style: {
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(FullPageContainer_FullPageContainerScroll.DSFullPageContainerScroll, null, /*#__PURE__*/React__default['default'].createElement(Body, null, body))), footer && /*#__PURE__*/React__default['default'].createElement(Grid.Grid, null, footer));
+  }, 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));
 };
 
-PageForm.propTypes = {
-  header: PropTypes__default['default'].element,
-  body: PropTypes__default['default'].element,
-  footer: PropTypes__default['default'].element
-};
-var DSPageForm = PageForm;
-var DSMobilePageForm = DSPageForm;
+const DSPageForm = PageForm;
+const DSMobilePageForm = DSPageForm;
 
 exports.DSMobilePageForm = DSMobilePageForm;
 exports.DSPageForm = DSPageForm;
-//# sourceMappingURL=PageForm.js.map