@elliemae/ds-mobile 2.2.0 → 2.3.0-alpha.3

package/cjs/CollectionBox/CollectionBox.js

@@ -1,97 +1,109 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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');
-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 CollectionBox = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-z729w4-0"
-})(["background:", ";font-size:13px;color:", ";font-weight:", ";border-top:1px solid ", ";"], props => props.theme.colors.neutral['000'], props => props.theme.colors.neutral['700'], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['100']);
-const Footer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-z729w4-1"
-})(["border-top:1px dashed ", ";"], props => props.theme.colors.neutral['100']);
-const Body = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-z729w4-2"
-})(["min-height:92px;font-weight:", ";"], props => props.theme.fontWeights.regular);
-const Header = /*#__PURE__*/styled__default["default"].h3.withConfig({
-  componentId: "sc-z729w4-3"
-})(["line-height:unset;font-size:inherit;font-weight:inherit;margin:0;", "}"], dsSystem.truncate());
-const ActionWrap = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-z729w4-4"
-})(["& .em-ds-button{padding:0;min-width:unset;}"]);
-
-const DSCollectionBox = _ref => {
-  let {
-    body,
-    title,
-    headerAction,
-    footerAction,
-    headerLevel = 3
-  } = _ref;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var CollectionBox_exports = {};
+__export(CollectionBox_exports, {
+  DSCollectionBox: () => DSCollectionBox,
+  DSCollectionBoxWithSchema: () => DSCollectionBoxWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
+const CollectionBox = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  background: ${(props2) => props2.theme.colors.neutral["000"]};
+  font-size: 13px;
+  color: ${(props2) => props2.theme.colors.neutral["700"]};
+  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
+  border-top: 1px solid ${(props2) => props2.theme.colors.neutral["100"]};
+`;
+const Footer = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  border-top: 1px dashed ${(props2) => props2.theme.colors.neutral["100"]};
+`;
+const Body = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  min-height: 92px;
+  font-weight: ${(props2) => props2.theme.fontWeights.regular};
+`;
+const Header = import_styled_components.default.h3`
+  line-height: unset;
+  font-size: inherit;
+  font-weight: inherit;
+  margin: 0;
+  ${(0, import_ds_system.truncate)()}
+}
+`;
+const ActionWrap = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  & .em-ds-button {
+    padding: 0;
+    min-width: unset;
+  }
+`;
+const DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {
   const headerCols = [];
   const footerCols = [];
   const rows = [];
-  if (headerAction || title) rows.push('40px');
-  rows.push('auto');
-  if (footerAction) rows.push('40px');
-  if (headerAction) headerCols.push('auto');
-  if (title) headerCols.push('auto');
-  if (footerAction) footerCols.push('auto');
-  return /*#__PURE__*/_jsx__default["default"](CollectionBox, {
-    rows: rows
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+  if (headerAction || title)
+    rows.push("40px");
+  rows.push("auto");
+  if (footerAction)
+    rows.push("40px");
+  if (headerAction)
+    headerCols.push("auto");
+  if (title)
+    headerCols.push("auto");
+  if (footerAction)
+    footerCols.push("auto");
+  return /* @__PURE__ */ import_react.default.createElement(CollectionBox, {
+    rows
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     alignItems: "center",
     cols: headerCols
-  }, void 0, title && /*#__PURE__*/_jsx__default["default"](Header, {
-    as: "h".concat(headerLevel)
-  }, void 0, title), headerAction && /*#__PURE__*/_jsx__default["default"](ActionWrap, {
+  }, title && /* @__PURE__ */ import_react.default.createElement(Header, {
+    as: `h${headerLevel}`
+  }, title), headerAction && /* @__PURE__ */ import_react.default.createElement(ActionWrap, {
     justifySelf: "end"
-  }, void 0, headerAction)), /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, body), footerAction && /*#__PURE__*/_jsx__default["default"](Footer, {
+  }, headerAction)), /* @__PURE__ */ import_react.default.createElement(Body, null, body), footerAction && /* @__PURE__ */ import_react.default.createElement(Footer, {
     alignItems: "center",
     cols: footerCols
-  }, void 0, /*#__PURE__*/_jsx__default["default"](ActionWrap, {
+  }, /* @__PURE__ */ import_react.default.createElement(ActionWrap, {
     justifySelf: "end"
-  }, void 0, footerAction)));
+  }, footerAction)));
 };
-
 const props = {
-  /**
-   * body inside collection box
-   */
-  body: reactDesc.PropTypes.element.isRequired.description('body inside collection box'),
-
-  /**
-   * Collection box header
-   */
-  title: reactDesc.PropTypes.string.description('Collection box header'),
-
-  /**
-   * Collection box header action, expects a button with size s
-   */
-  headerAction: reactDesc.PropTypes.element.description('Collection box header action, expects a button with size s'),
-
-  /**
-   * Collection box footer action, expects a button with size s
-   */
-  footerAction: reactDesc.PropTypes.element.description('Collection box footer action, expects a button with size s'),
-
-  /**
-   * Semantic header tag used for the header title
-   */
-  headerLevel: reactDesc.PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title')
+  body: import_react_desc.PropTypes.element.isRequired.description("body inside collection box"),
+  title: import_react_desc.PropTypes.string.description("Collection box header"),
+  headerAction: import_react_desc.PropTypes.element.description("Collection box header action, expects a button with size s"),
+  footerAction: import_react_desc.PropTypes.element.description("Collection box footer action, expects a button with size s"),
+  headerLevel: import_react_desc.PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("Semantic header tag used for the header title")
 };
-const DSCollectionBoxWithSchema = reactDesc.describe(DSCollectionBox);
+DSCollectionBox.propTypes = props;
+const DSCollectionBoxWithSchema = (0, import_react_desc.describe)(DSCollectionBox);
 DSCollectionBoxWithSchema.propTypes = props;
-
-exports.DSCollectionBox = DSCollectionBox;
-exports.DSCollectionBoxWithSchema = DSCollectionBoxWithSchema;
+module.exports = __toCommonJS(CollectionBox_exports);
+//# sourceMappingURL=CollectionBox.js.map

package/cjs/CollectionBox/CollectionBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/CollectionBox/CollectionBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst CollectionBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n  border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n  min-height: 92px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n  line-height: unset;\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n  ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n  & .em-ds-button {\n    padding: 0;\n    min-width: unset;\n  }\n`;\n\nconst DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {\n  const headerCols = [];\n  const footerCols = [];\n  const rows = [];\n  if (headerAction || title) rows.push('40px');\n  rows.push('auto');\n  if (footerAction) rows.push('40px');\n\n  if (headerAction) headerCols.push('auto');\n  if (title) headerCols.push('auto');\n\n  if (footerAction) footerCols.push('auto');\n\n  return (\n    <CollectionBox rows={rows}>\n      <Grid alignItems=\"center\" cols={headerCols}>\n        {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n        {headerAction && <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>}\n      </Grid>\n      <Body>{body}</Body>\n      {footerAction && (\n        <Footer alignItems=\"center\" cols={footerCols}>\n          <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n        </Footer>\n      )}\n    </CollectionBox>\n  );\n};\n\nconst props = {\n  /**\n   * body inside collection box\n   */\n  body: PropTypes.element.isRequired.description('body inside collection box'),\n  /**\n   * Collection box header\n   */\n  title: PropTypes.string.description('Collection box header'),\n  /**\n   * Collection box header action, expects a button with size s\n   */\n  headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),\n  /**\n   * Collection box footer action, expects a button with size s\n   */\n  footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),\n  /**\n   * Semantic header tag used for the header title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title'),\n};\n\nDSCollectionBox.propTypes = props;\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,qBAAqB;AACrB,uBAAyB;AAEzB,MAAM,gBAAgB,sCAAO;AAAA,gBACb,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,WAE3C,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA,0BAC1B,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAGhE,MAAM,SAAS,sCAAO;AAAA,2BACK,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAGjE,MAAM,OAAO,sCAAO;AAAA;AAAA,iBAEH,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,SAAS,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlB;AAAA;AAAA;AAIJ,MAAM,aAAa,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO1B,MAAM,kBAAkB,CAAC,EAAE,MAAM,OAAO,cAAc,cAAc,cAAc,QAAQ;AACxF,QAAM,aAAa;AACnB,QAAM,aAAa;AACnB,QAAM,OAAO;AACb,MAAI,gBAAgB;AAAO,SAAK,KAAK;AACrC,OAAK,KAAK;AACV,MAAI;AAAc,SAAK,KAAK;AAE5B,MAAI;AAAc,eAAW,KAAK;AAClC,MAAI;AAAO,eAAW,KAAK;AAE3B,MAAI;AAAc,eAAW,KAAK;AAElC,SACE,mDAAC,eAAD;AAAA,IAAe;AAAA,KACb,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,MAAM;AAAA,KAC7B,SAAS,mDAAC,QAAD;AAAA,IAAQ,IAAI,IAAI;AAAA,KAAgB,QACzC,gBAAgB,mDAAC,YAAD;AAAA,IAAY,aAAY;AAAA,KAAO,gBAElD,mDAAC,MAAD,MAAO,OACN,gBACC,mDAAC,QAAD;AAAA,IAAQ,YAAW;AAAA,IAAS,MAAM;AAAA,KAChC,mDAAC,YAAD;AAAA,IAAY,aAAY;AAAA,KAAO;AAAA;AAOzC,MAAM,QAAQ;AAAA,EAIZ,MAAM,4BAAU,QAAQ,WAAW,YAAY;AAAA,EAI/C,OAAO,4BAAU,OAAO,YAAY;AAAA,EAIpC,cAAc,4BAAU,QAAQ,YAAY;AAAA,EAI5C,cAAc,4BAAU,QAAQ,YAAY;AAAA,EAI5C,aAAa,4BAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,YAAY;AAAA;AAG/D,gBAAgB,YAAY;AAC5B,MAAM,4BAA4B,gCAAS;AAC3C,0BAA0B,YAAY;",
+  "names": []
+}

package/cjs/CollectionBox/index.js

@@ -1,10 +1,36 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var CollectionBox = require('./CollectionBox.js');
-
-
-
-exports.DSCollectionBox = CollectionBox.DSCollectionBox;
-exports.DSCollectionBoxWithSchema = CollectionBox.DSCollectionBoxWithSchema;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var CollectionBox_exports = {};
+__export(CollectionBox_exports, {
+  DSCollectionBox: () => import_CollectionBox.DSCollectionBox,
+  DSCollectionBoxWithSchema: () => import_CollectionBox.DSCollectionBoxWithSchema
+});
+var React = __toESM(require("react"));
+var import_CollectionBox = require("./CollectionBox");
+module.exports = __toCommonJS(CollectionBox_exports);
+//# sourceMappingURL=index.js.map

package/cjs/CollectionBox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/CollectionBox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA2D;",
+  "names": []
+}

package/cjs/FullPageContainer/FullPageContainer.js

@@ -1,43 +1,49 @@
-'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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var dsGrid = require('@elliemae/ds-grid');
-var useMobileHeight = require('./useMobileHeight.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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["children"];
-
-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 DSFullPageContainer = _ref => {
-  let {
-    children
-  } = _ref,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const height = useMobileHeight.useMobileHeight();
-  return /*#__PURE__*/jsxRuntime.jsx(dsGrid.Grid, _objectSpread(_objectSpread({
-    height: height,
-    width: "100%"
-  }, props), {}, {
-    children: children
-  }));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-exports.DSFullPageContainer = DSFullPageContainer;
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FullPageContainer_exports = {};
+__export(FullPageContainer_exports, {
+  DSFullPageContainer: () => DSFullPageContainer
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_useMobileHeight = require("./useMobileHeight");
+const DSFullPageContainer = ({ children, ...props }) => {
+  const height = (0, import_useMobileHeight.useMobileHeight)();
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    height,
+    width: "100%",
+    ...props
+  }, children);
+};
+DSFullPageContainer.propTypes = {
+  children: import_prop_types.default.any
+};
+module.exports = __toCommonJS(FullPageContainer_exports);
+//# sourceMappingURL=FullPageContainer.js.map

package/cjs/FullPageContainer/FullPageContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FullPageContainer/FullPageContainer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nDSFullPageContainer.propTypes = {\n  children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,qBAAqB;AACrB,6BAAgC;AAEhC,MAAM,sBAAsB,CAAC,EAAE,aAAa,YAAY;AACtD,QAAM,SAAS;AACf,SACE,mDAAC,qBAAD;AAAA,IAAM;AAAA,IAAgB,OAAM;AAAA,OAAW;AAAA,KACpC;AAAA;AAKP,oBAAoB,YAAY;AAAA,EAC9B,UAAU,0BAAU;AAAA;",
+  "names": []
+}

package/cjs/FullPageContainer/FullPageContainerScroll.js

@@ -1,44 +1,46 @@
-'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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var dsGrid = require('@elliemae/ds-grid');
-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);
-
-const _excluded = ["style", "children"];
-
-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 DSFullPageContainerScroll = _ref => {
-  let {
-    style = {},
-    children
-  } = _ref,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/jsxRuntime.jsx(dsGrid.Grid, _objectSpread(_objectSpread({
-    maxHeight: "100%",
-    style: _objectSpread({
-      overflow: 'auto'
-    }, style)
-  }, props), {}, {
-    children: children
-  }));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-exports.DSFullPageContainerScroll = DSFullPageContainerScroll;
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FullPageContainerScroll_exports = {};
+__export(FullPageContainerScroll_exports, {
+  DSFullPageContainerScroll: () => DSFullPageContainerScroll
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_grid = require("@elliemae/ds-grid");
+const DSFullPageContainerScroll = ({ style = {}, children, ...props }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  maxHeight: "100%",
+  style: { overflow: "auto", ...style },
+  ...props
+}, children);
+DSFullPageContainerScroll.propTypes = {
+  children: import_prop_types.default.any,
+  style: import_prop_types.default.object
+};
+module.exports = __toCommonJS(FullPageContainerScroll_exports);
+//# sourceMappingURL=FullPageContainerScroll.js.map

package/cjs/FullPageContainer/FullPageContainerScroll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FullPageContainer/FullPageContainerScroll.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,4BAA4B,CAAC,EAAE,QAAQ,IAAI,aAAa,YAC5D,mDAAC,qBAAD;AAAA,EAAM,WAAU;AAAA,EAAO,OAAO,EAAE,UAAU,WAAW;AAAA,KAAa;AAAA,GAC/D;AAIL,0BAA0B,YAAY;AAAA,EACpC,UAAU,0BAAU;AAAA,EACpB,OAAO,0BAAU;AAAA;",
+  "names": []
+}

package/cjs/FullPageContainer/index.js

@@ -1,11 +1,37 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var FullPageContainer = require('./FullPageContainer.js');
-var FullPageContainerScroll = require('./FullPageContainerScroll.js');
-
-
-
-exports.DSFullPageContainer = FullPageContainer.DSFullPageContainer;
-exports.DSFullPageContainerScroll = FullPageContainerScroll.DSFullPageContainerScroll;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FullPageContainer_exports = {};
+__export(FullPageContainer_exports, {
+  DSFullPageContainer: () => import_FullPageContainer.DSFullPageContainer,
+  DSFullPageContainerScroll: () => import_FullPageContainerScroll.DSFullPageContainerScroll
+});
+var React = __toESM(require("react"));
+var import_FullPageContainer = require("./FullPageContainer");
+var import_FullPageContainerScroll = require("./FullPageContainerScroll");
+module.exports = __toCommonJS(FullPageContainer_exports);
+//# sourceMappingURL=index.js.map

package/cjs/FullPageContainer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FullPageContainer/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DSFullPageContainer } from './FullPageContainer';\nexport { DSFullPageContainerScroll } from './FullPageContainerScroll';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAoC;AACpC,qCAA0C;",
+  "names": []
+}

package/cjs/FullPageContainer/useMobileHeight.js

@@ -1,24 +1,46 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useMobileHeight_exports = {};
+__export(useMobileHeight_exports, {
+  useMobileHeight: () => useMobileHeight
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
 function useMobileHeight() {
-  const [height, setHeight] = React.useState(window.innerHeight);
-
+  const [height, setHeight] = (0, import_react.useState)(window.innerHeight);
   const handleHeight = () => {
     setHeight(window.innerHeight);
   };
-
-  React.useEffect(() => {
-    window.addEventListener('resize', handleHeight); // Remove event listener on cleanup
-
-    return () => window.removeEventListener('resize', handleHeight);
-  }, []); // Empty array ensures that effect is only run on mount
-
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("resize", handleHeight);
+    return () => window.removeEventListener("resize", handleHeight);
+  }, []);
   return height;
 }
-
-exports.useMobileHeight = useMobileHeight;
+module.exports = __toCommonJS(useMobileHeight_exports);
+//# sourceMappingURL=useMobileHeight.js.map

package/cjs/FullPageContainer/useMobileHeight.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FullPageContainer/useMobileHeight.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\n\nexport function useMobileHeight() {\n  const [height, setHeight] = useState(window.innerHeight);\n  const handleHeight = () => {\n    setHeight(window.innerHeight);\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleHeight);\n\n    // Remove event listener on cleanup\n    return () => window.removeEventListener('resize', handleHeight);\n  }, []); // Empty array ensures that effect is only run on mount\n\n  return height;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAE7B,2BAA2B;AAChC,QAAM,CAAC,QAAQ,aAAa,2BAAS,OAAO;AAC5C,QAAM,eAAe,MAAM;AACzB,cAAU,OAAO;AAAA;AAGnB,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU;AAGlC,WAAO,MAAM,OAAO,oBAAoB,UAAU;AAAA,KACjD;AAEH,SAAO;AAAA;",
+  "names": []
+}