@elliemae/ds-page-layout 3.4.2 → 3.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/PageLayout.js +46 -15
  2. package/dist/cjs/PageLayout.js.map +1 -1
  3. package/dist/cjs/index.js +4 -1
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/cjs/props.js +4 -1
  6. package/dist/cjs/props.js.map +1 -1
  7. package/dist/esm/PageLayout.js +42 -14
  8. package/dist/esm/PageLayout.js.map +1 -1
  9. package/dist/esm/index.js.map +1 -1
  10. package/dist/esm/props.js.map +1 -1
  11. package/package.json +3 -3
package/dist/cjs/PageLayout.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var PageLayout_exports = {};
23
26
  __export(PageLayout_exports, {
@@ -26,7 +29,7 @@ __export(PageLayout_exports, {
26
29
  });
27
30
  module.exports = __toCommonJS(PageLayout_exports);
28
31
  var React = __toESM(require("react"));
29
- var import_react = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
30
33
  var import_props = require("./props");
31
34
  var import_ds_utilities = require("@elliemae/ds-utilities");
32
35
  var import_ds_grid = require("@elliemae/ds-grid");
@@ -49,22 +52,50 @@ const PageLayout = ({
49
52
  if (!PageHeader && Footer)
50
53
  return ["1fr", "auto"];
51
54
  };
52
- return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
55
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
53
56
  style: { width: "100%" },
54
57
  height: "100vh",
55
58
  rows: ContextHeader ? ["auto", "auto", "1fr"] : ["auto", "1fr"],
56
- "data-testid": "page-layout"
57
- }, GlobalHeader && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(GlobalHeader, null)), ContextHeader && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(ContextHeader, null)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
58
- cols: LeftNav ? ["auto", "1fr"] : ["auto"]
59
- }, LeftNav && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(LeftNav, null)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
60
- rows: mainRegionRows()
61
- }, PageHeader && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
62
- style: { minHeight: "48px" }
63
- }, /* @__PURE__ */ import_react.default.createElement(PageHeader, null)), ContentRegion && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
64
- cols: SidePanel ? ["auto", "fit-content(100%)"] : ["auto"]
65
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
66
- style: { minHeight: "480px", overflow: "auto" }
67
- }, /* @__PURE__ */ import_react.default.createElement(ContentRegion, null)), SidePanel && /* @__PURE__ */ import_react.default.createElement(SidePanel, null)), Footer && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(Footer, null)))));
59
+ "data-testid": "page-layout",
60
+ children: [
61
+ GlobalHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
62
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalHeader, {})
63
+ }),
64
+ ContextHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
65
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextHeader, {})
66
+ }),
67
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
68
+ cols: LeftNav ? ["auto", "1fr"] : ["auto"],
69
+ children: [
70
+ LeftNav && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
71
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LeftNav, {})
72
+ }),
73
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
74
+ rows: mainRegionRows(),
75
+ children: [
76
+ PageHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
77
+ style: { minHeight: "48px" },
78
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHeader, {})
79
+ }),
80
+ ContentRegion && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
81
+ cols: SidePanel ? ["auto", "fit-content(100%)"] : ["auto"],
82
+ children: [
83
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
84
+ style: { minHeight: "480px", overflow: "auto" },
85
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentRegion, {})
86
+ }),
87
+ SidePanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidePanel, {})
88
+ ]
89
+ }),
90
+ Footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
91
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Footer, {})
92
+ })
93
+ ]
94
+ })
95
+ ]
96
+ })
97
+ ]
98
+ });
68
99
  };
69
100
  PageLayout.propTypes = import_props.pageLayoutProps;
70
101
  PageLayout.displayName = "PageLayout";
package/dist/cjs/PageLayout.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/PageLayout.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react'\nimport { pageLayoutProps } from './props'\nimport { describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst PageLayout = ({\n GlobalHeader,\n ContextHeader,\n PageHeader,\n ContentRegion,\n LeftNav,\n SidePanel,\n Footer,\n}) => {\n const mainRegionRows = () => {\n if (PageHeader && Footer) return ['auto', '1fr', 'auto']\n if (PageHeader && !Footer) return ['auto', '1fr']\n if (!PageHeader && !Footer) return ['auto']\n if (!PageHeader && Footer) return ['1fr', 'auto']\n }\n\n return (\n <Grid \n style={{ width: '100%' }}\n height=\"100vh\"\n rows={ContextHeader ? ['auto', 'auto', '1fr'] : ['auto', '1fr']}\n data-testid=\"page-layout\"\n >\n {GlobalHeader && <Grid><GlobalHeader /></Grid>}\n {ContextHeader && <Grid><ContextHeader /></Grid>}\n <Grid cols={LeftNav ? ['auto', '1fr'] : ['auto']}>\n {LeftNav && <Grid><LeftNav /></Grid>}\n <Grid rows={mainRegionRows()}>\n {PageHeader && <Grid style={{minHeight: \"48px\"}}><PageHeader /></Grid>}\n {ContentRegion && (\n <Grid cols={SidePanel ? ['auto', 'fit-content(100%)'] : ['auto']} >\n {<Grid style={{minHeight: \"480px\", overflow: \"auto\"}}>\n <ContentRegion />\n </Grid>}\n {SidePanel && <SidePanel />}\n </Grid>\n )}\n {Footer && <Grid ><Footer /></Grid>}\n </Grid>\n </Grid>\n </Grid>\n )\n}\n\nPageLayout.propTypes = pageLayoutProps;\nPageLayout.displayName = 'PageLayout';\nconst PageLayoutWithSchema = describe(PageLayout);\nPageLayoutWithSchema.propTypes = pageLayoutProps;\n\nexport { PageLayout, PageLayoutWithSchema }\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,mBAAgC;AAChC,0BAAyB;AACzB,qBAAqB;AAErB,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,MAAM;AAC3B,QAAI,cAAc;AAAQ,aAAO,CAAC,QAAQ,OAAO,MAAM;AACvD,QAAI,cAAc,CAAC;AAAQ,aAAO,CAAC,QAAQ,KAAK;AAChD,QAAI,CAAC,cAAc,CAAC;AAAQ,aAAO,CAAC,MAAM;AAC1C,QAAI,CAAC,cAAc;AAAQ,aAAO,CAAC,OAAO,MAAM;AAAA,EAClD;AAEA,SACE,mDAAC;AAAA,IACC,OAAO,EAAE,OAAO,OAAO;AAAA,IACvB,QAAO;AAAA,IACP,MAAM,gBAAgB,CAAC,QAAQ,QAAQ,KAAK,IAAI,CAAC,QAAQ,KAAK;AAAA,IAC9D,eAAY;AAAA,KAEX,gBAAgB,mDAAC,2BAAK,mDAAC,kBAAa,CAAE,GACtC,iBAAiB,mDAAC,2BAAK,mDAAC,mBAAc,CAAE,GACzC,mDAAC;AAAA,IAAK,MAAM,UAAU,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM;AAAA,KAC5C,WAAW,mDAAC,2BAAK,mDAAC,aAAQ,CAAE,GAC7B,mDAAC;AAAA,IAAK,MAAM,eAAe;AAAA,KACxB,cAAc,mDAAC;AAAA,IAAK,OAAO,EAAC,WAAW,OAAM;AAAA,KAAG,mDAAC,gBAAW,CAAE,GAC9D,iBACC,mDAAC;AAAA,IAAK,MAAM,YAAY,CAAC,QAAQ,mBAAmB,IAAI,CAAC,MAAM;AAAA,KAC5D,mDAAC;AAAA,IAAK,OAAO,EAAC,WAAW,SAAS,UAAU,OAAM;AAAA,KACjD,mDAAC,mBAAc,CACjB,GACC,aAAa,mDAAC,eAAU,CAC3B,GAED,UAAU,mDAAC,2BAAM,mDAAC,YAAO,CAAE,CAC9B,CACF,CACF;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,kCAAS,UAAU;AAChD,qBAAqB,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAgC;AAChC,0BAAyB;AACzB,qBAAqB;AAErB,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,MAAM;AAC3B,QAAI,cAAc;AAAQ,aAAO,CAAC,QAAQ,OAAO,MAAM;AACvD,QAAI,cAAc,CAAC;AAAQ,aAAO,CAAC,QAAQ,KAAK;AAChD,QAAI,CAAC,cAAc,CAAC;AAAQ,aAAO,CAAC,MAAM;AAC1C,QAAI,CAAC,cAAc;AAAQ,aAAO,CAAC,OAAO,MAAM;AAAA,EAClD;AAEA,SACE,6CAAC;AAAA,IACC,OAAO,EAAE,OAAO,OAAO;AAAA,IACvB,QAAO;AAAA,IACP,MAAM,gBAAgB,CAAC,QAAQ,QAAQ,KAAK,IAAI,CAAC,QAAQ,KAAK;AAAA,IAC9D,eAAY;AAAA,IAEX;AAAA,sBAAgB,4CAAC;AAAA,QAAK,sDAAC,gBAAa;AAAA,OAAE;AAAA,MACtC,iBAAiB,4CAAC;AAAA,QAAK,sDAAC,iBAAc;AAAA,OAAE;AAAA,MACzC,6CAAC;AAAA,QAAK,MAAM,UAAU,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM;AAAA,QAC5C;AAAA,qBAAW,4CAAC;AAAA,YAAK,sDAAC,WAAQ;AAAA,WAAE;AAAA,UAC7B,6CAAC;AAAA,YAAK,MAAM,eAAe;AAAA,YACxB;AAAA,4BAAc,4CAAC;AAAA,gBAAK,OAAO,EAAC,WAAW,OAAM;AAAA,gBAAG,sDAAC,cAAW;AAAA,eAAE;AAAA,cAC9D,iBACC,6CAAC;AAAA,gBAAK,MAAM,YAAY,CAAC,QAAQ,mBAAmB,IAAI,CAAC,MAAM;AAAA,gBAC5D;AAAA,8DAAC;AAAA,oBAAK,OAAO,EAAC,WAAW,SAAS,UAAU,OAAM;AAAA,oBACjD,sDAAC,iBAAc;AAAA,mBACjB;AAAA,kBACC,aAAa,4CAAC,aAAU;AAAA;AAAA,eAC3B;AAAA,cAED,UAAU,4CAAC;AAAA,gBAAM,sDAAC,UAAO;AAAA,eAAE;AAAA;AAAA,WAC9B;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,8BAAS,UAAU;AAChD,qBAAqB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
18
18
  return to;
19
19
  };
20
20
  var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
21
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
21
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
22
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
23
+ mod
24
+ ));
22
25
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
23
26
  var src_exports = {};
24
27
  __export(src_exports, {
package/dist/cjs/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export * from './PageLayout'\nexport { PageLayout as default } from './PageLayout'\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAsC;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAsC;",
6
6
  "names": []
7
7
  }
package/dist/cjs/props.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var props_exports = {};
23
26
  __export(props_exports, {
package/dist/cjs/props.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const pageLayoutProps = {\n GlobalHeader: PropTypes.func.description('Global header component').isRequired,\n ContextHeader: PropTypes.func.description('Context header component'),\n PageHeader: PropTypes.func.description('Page header component'),\n ContentRegion: PropTypes.func.description('Main content of the page').isRequired,\n LeftNav: PropTypes.func.description('Left nav component'),\n SidePanel: PropTypes.func.description('Side panel component'),\n Footer: PropTypes.func.description('Footer component'),\n}\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,kBAAkB;AAAA,EAC7B,cAAc,8BAAU,KAAK,YAAY,yBAAyB,EAAE;AAAA,EACpE,eAAe,8BAAU,KAAK,YAAY,0BAA0B;AAAA,EACpE,YAAY,8BAAU,KAAK,YAAY,uBAAuB;AAAA,EAC9D,eAAe,8BAAU,KAAK,YAAY,0BAA0B,EAAE;AAAA,EACtE,SAAS,8BAAU,KAAK,YAAY,oBAAoB;AAAA,EACxD,WAAW,8BAAU,KAAK,YAAY,sBAAsB;AAAA,EAC5D,QAAQ,8BAAU,KAAK,YAAY,kBAAkB;AACvD;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,kBAAkB;AAAA,EAC7B,cAAc,8BAAU,KAAK,YAAY,yBAAyB,EAAE;AAAA,EACpE,eAAe,8BAAU,KAAK,YAAY,0BAA0B;AAAA,EACpE,YAAY,8BAAU,KAAK,YAAY,uBAAuB;AAAA,EAC9D,eAAe,8BAAU,KAAK,YAAY,0BAA0B,EAAE;AAAA,EACtE,SAAS,8BAAU,KAAK,YAAY,oBAAoB;AAAA,EACxD,WAAW,8BAAU,KAAK,YAAY,sBAAsB;AAAA,EAC5D,QAAQ,8BAAU,KAAK,YAAY,kBAAkB;AACvD;",
6
6
  "names": []
7
7
  }
package/dist/esm/PageLayout.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { pageLayoutProps } from "./props";
4
4
  import { describe } from "@elliemae/ds-utilities";
5
5
  import { Grid } from "@elliemae/ds-grid";
@@ -22,22 +22,50 @@ const PageLayout = ({
22
22
  if (!PageHeader && Footer)
23
23
  return ["1fr", "auto"];
24
24
  };
25
- return /* @__PURE__ */ React2.createElement(Grid, {
25
+ return /* @__PURE__ */ jsxs(Grid, {
26
26
  style: { width: "100%" },
27
27
  height: "100vh",
28
28
  rows: ContextHeader ? ["auto", "auto", "1fr"] : ["auto", "1fr"],
29
- "data-testid": "page-layout"
30
- }, GlobalHeader && /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(GlobalHeader, null)), ContextHeader && /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(ContextHeader, null)), /* @__PURE__ */ React2.createElement(Grid, {
31
- cols: LeftNav ? ["auto", "1fr"] : ["auto"]
32
- }, LeftNav && /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(LeftNav, null)), /* @__PURE__ */ React2.createElement(Grid, {
33
- rows: mainRegionRows()
34
- }, PageHeader && /* @__PURE__ */ React2.createElement(Grid, {
35
- style: { minHeight: "48px" }
36
- }, /* @__PURE__ */ React2.createElement(PageHeader, null)), ContentRegion && /* @__PURE__ */ React2.createElement(Grid, {
37
- cols: SidePanel ? ["auto", "fit-content(100%)"] : ["auto"]
38
- }, /* @__PURE__ */ React2.createElement(Grid, {
39
- style: { minHeight: "480px", overflow: "auto" }
40
- }, /* @__PURE__ */ React2.createElement(ContentRegion, null)), SidePanel && /* @__PURE__ */ React2.createElement(SidePanel, null)), Footer && /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(Footer, null)))));
29
+ "data-testid": "page-layout",
30
+ children: [
31
+ GlobalHeader && /* @__PURE__ */ jsx(Grid, {
32
+ children: /* @__PURE__ */ jsx(GlobalHeader, {})
33
+ }),
34
+ ContextHeader && /* @__PURE__ */ jsx(Grid, {
35
+ children: /* @__PURE__ */ jsx(ContextHeader, {})
36
+ }),
37
+ /* @__PURE__ */ jsxs(Grid, {
38
+ cols: LeftNav ? ["auto", "1fr"] : ["auto"],
39
+ children: [
40
+ LeftNav && /* @__PURE__ */ jsx(Grid, {
41
+ children: /* @__PURE__ */ jsx(LeftNav, {})
42
+ }),
43
+ /* @__PURE__ */ jsxs(Grid, {
44
+ rows: mainRegionRows(),
45
+ children: [
46
+ PageHeader && /* @__PURE__ */ jsx(Grid, {
47
+ style: { minHeight: "48px" },
48
+ children: /* @__PURE__ */ jsx(PageHeader, {})
49
+ }),
50
+ ContentRegion && /* @__PURE__ */ jsxs(Grid, {
51
+ cols: SidePanel ? ["auto", "fit-content(100%)"] : ["auto"],
52
+ children: [
53
+ /* @__PURE__ */ jsx(Grid, {
54
+ style: { minHeight: "480px", overflow: "auto" },
55
+ children: /* @__PURE__ */ jsx(ContentRegion, {})
56
+ }),
57
+ SidePanel && /* @__PURE__ */ jsx(SidePanel, {})
58
+ ]
59
+ }),
60
+ Footer && /* @__PURE__ */ jsx(Grid, {
61
+ children: /* @__PURE__ */ jsx(Footer, {})
62
+ })
63
+ ]
64
+ })
65
+ ]
66
+ })
67
+ ]
68
+ });
41
69
  };
42
70
  PageLayout.propTypes = pageLayoutProps;
43
71
  PageLayout.displayName = "PageLayout";
package/dist/esm/PageLayout.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PageLayout.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react'\nimport { pageLayoutProps } from './props'\nimport { describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst PageLayout = ({\n GlobalHeader,\n ContextHeader,\n PageHeader,\n ContentRegion,\n LeftNav,\n SidePanel,\n Footer,\n}) => {\n const mainRegionRows = () => {\n if (PageHeader && Footer) return ['auto', '1fr', 'auto']\n if (PageHeader && !Footer) return ['auto', '1fr']\n if (!PageHeader && !Footer) return ['auto']\n if (!PageHeader && Footer) return ['1fr', 'auto']\n }\n\n return (\n <Grid \n style={{ width: '100%' }}\n height=\"100vh\"\n rows={ContextHeader ? ['auto', 'auto', '1fr'] : ['auto', '1fr']}\n data-testid=\"page-layout\"\n >\n {GlobalHeader && <Grid><GlobalHeader /></Grid>}\n {ContextHeader && <Grid><ContextHeader /></Grid>}\n <Grid cols={LeftNav ? ['auto', '1fr'] : ['auto']}>\n {LeftNav && <Grid><LeftNav /></Grid>}\n <Grid rows={mainRegionRows()}>\n {PageHeader && <Grid style={{minHeight: \"48px\"}}><PageHeader /></Grid>}\n {ContentRegion && (\n <Grid cols={SidePanel ? ['auto', 'fit-content(100%)'] : ['auto']} >\n {<Grid style={{minHeight: \"480px\", overflow: \"auto\"}}>\n <ContentRegion />\n </Grid>}\n {SidePanel && <SidePanel />}\n </Grid>\n )}\n {Footer && <Grid ><Footer /></Grid>}\n </Grid>\n </Grid>\n </Grid>\n )\n}\n\nPageLayout.propTypes = pageLayoutProps;\nPageLayout.displayName = 'PageLayout';\nconst PageLayoutWithSchema = describe(PageLayout);\nPageLayoutWithSchema.propTypes = pageLayoutProps;\n\nexport { PageLayout, PageLayoutWithSchema }\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,MAAM;AAC3B,QAAI,cAAc;AAAQ,aAAO,CAAC,QAAQ,OAAO,MAAM;AACvD,QAAI,cAAc,CAAC;AAAQ,aAAO,CAAC,QAAQ,KAAK;AAChD,QAAI,CAAC,cAAc,CAAC;AAAQ,aAAO,CAAC,MAAM;AAC1C,QAAI,CAAC,cAAc;AAAQ,aAAO,CAAC,OAAO,MAAM;AAAA,EAClD;AAEA,SACE,qCAAC;AAAA,IACC,OAAO,EAAE,OAAO,OAAO;AAAA,IACvB,QAAO;AAAA,IACP,MAAM,gBAAgB,CAAC,QAAQ,QAAQ,KAAK,IAAI,CAAC,QAAQ,KAAK;AAAA,IAC9D,eAAY;AAAA,KAEX,gBAAgB,qCAAC,YAAK,qCAAC,kBAAa,CAAE,GACtC,iBAAiB,qCAAC,YAAK,qCAAC,mBAAc,CAAE,GACzC,qCAAC;AAAA,IAAK,MAAM,UAAU,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM;AAAA,KAC5C,WAAW,qCAAC,YAAK,qCAAC,aAAQ,CAAE,GAC7B,qCAAC;AAAA,IAAK,MAAM,eAAe;AAAA,KACxB,cAAc,qCAAC;AAAA,IAAK,OAAO,EAAC,WAAW,OAAM;AAAA,KAAG,qCAAC,gBAAW,CAAE,GAC9D,iBACC,qCAAC;AAAA,IAAK,MAAM,YAAY,CAAC,QAAQ,mBAAmB,IAAI,CAAC,MAAM;AAAA,KAC5D,qCAAC;AAAA,IAAK,OAAO,EAAC,WAAW,SAAS,UAAU,OAAM;AAAA,KACjD,qCAAC,mBAAc,CACjB,GACC,aAAa,qCAAC,eAAU,CAC3B,GAED,UAAU,qCAAC,YAAM,qCAAC,YAAO,CAAE,CAC9B,CACF,CACF;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAErB,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,MAAM;AAC3B,QAAI,cAAc;AAAQ,aAAO,CAAC,QAAQ,OAAO,MAAM;AACvD,QAAI,cAAc,CAAC;AAAQ,aAAO,CAAC,QAAQ,KAAK;AAChD,QAAI,CAAC,cAAc,CAAC;AAAQ,aAAO,CAAC,MAAM;AAC1C,QAAI,CAAC,cAAc;AAAQ,aAAO,CAAC,OAAO,MAAM;AAAA,EAClD;AAEA,SACE,qBAAC;AAAA,IACC,OAAO,EAAE,OAAO,OAAO;AAAA,IACvB,QAAO;AAAA,IACP,MAAM,gBAAgB,CAAC,QAAQ,QAAQ,KAAK,IAAI,CAAC,QAAQ,KAAK;AAAA,IAC9D,eAAY;AAAA,IAEX;AAAA,sBAAgB,oBAAC;AAAA,QAAK,8BAAC,gBAAa;AAAA,OAAE;AAAA,MACtC,iBAAiB,oBAAC;AAAA,QAAK,8BAAC,iBAAc;AAAA,OAAE;AAAA,MACzC,qBAAC;AAAA,QAAK,MAAM,UAAU,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM;AAAA,QAC5C;AAAA,qBAAW,oBAAC;AAAA,YAAK,8BAAC,WAAQ;AAAA,WAAE;AAAA,UAC7B,qBAAC;AAAA,YAAK,MAAM,eAAe;AAAA,YACxB;AAAA,4BAAc,oBAAC;AAAA,gBAAK,OAAO,EAAC,WAAW,OAAM;AAAA,gBAAG,8BAAC,cAAW;AAAA,eAAE;AAAA,cAC9D,iBACC,qBAAC;AAAA,gBAAK,MAAM,YAAY,CAAC,QAAQ,mBAAmB,IAAI,CAAC,MAAM;AAAA,gBAC5D;AAAA,sCAAC;AAAA,oBAAK,OAAO,EAAC,WAAW,SAAS,UAAU,OAAM;AAAA,oBACjD,8BAAC,iBAAc;AAAA,mBACjB;AAAA,kBACC,aAAa,oBAAC,aAAU;AAAA;AAAA,eAC3B;AAAA,cAED,UAAU,oBAAC;AAAA,gBAAM,8BAAC,UAAO;AAAA,eAAE;AAAA;AAAA,WAC9B;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/esm/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './PageLayout'\nexport { PageLayout as default } from './PageLayout'\n"],
5
- "mappings": "AAAA;ACAA;AACA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAuB,kBAAe;",
6
6
  "names": []
7
7
  }
package/dist/esm/props.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const pageLayoutProps = {\n GlobalHeader: PropTypes.func.description('Global header component').isRequired,\n ContextHeader: PropTypes.func.description('Context header component'),\n PageHeader: PropTypes.func.description('Page header component'),\n ContentRegion: PropTypes.func.description('Main content of the page').isRequired,\n LeftNav: PropTypes.func.description('Left nav component'),\n SidePanel: PropTypes.func.description('Side panel component'),\n Footer: PropTypes.func.description('Footer component'),\n}\n"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,kBAAkB;AAAA,EAC7B,cAAc,UAAU,KAAK,YAAY,yBAAyB,EAAE;AAAA,EACpE,eAAe,UAAU,KAAK,YAAY,0BAA0B;AAAA,EACpE,YAAY,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAC9D,eAAe,UAAU,KAAK,YAAY,0BAA0B,EAAE;AAAA,EACtE,SAAS,UAAU,KAAK,YAAY,oBAAoB;AAAA,EACxD,WAAW,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAC5D,QAAQ,UAAU,KAAK,YAAY,kBAAkB;AACvD;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,kBAAkB;AAAA,EAC7B,cAAc,UAAU,KAAK,YAAY,yBAAyB,EAAE;AAAA,EACpE,eAAe,UAAU,KAAK,YAAY,0BAA0B;AAAA,EACpE,YAAY,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAC9D,eAAe,UAAU,KAAK,YAAY,0BAA0B,EAAE;AAAA,EACtE,SAAS,UAAU,KAAK,YAAY,oBAAoB;AAAA,EACxD,WAAW,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAC5D,QAAQ,UAAU,KAAK,YAAY,kBAAkB;AACvD;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-page-layout",
3
- "version": "3.4.2",
3
+ "version": "3.4.3",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Page Layout",
6
6
  "files": [
@@ -43,8 +43,8 @@
43
43
  "indent": 4
44
44
  },
45
45
  "dependencies": {
46
- "@elliemae/ds-grid": "3.4.2",
47
- "@elliemae/ds-utilities": "3.4.2"
46
+ "@elliemae/ds-grid": "3.4.3",
47
+ "@elliemae/ds-utilities": "3.4.3"
48
48
  },
49
49
  "devDependencies": {
50
50
  "styled-components": "~5.3.5"