@elliemae/ds-page-layout 1.60.0 → 2.0.0-alpha.12

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 (18) hide show
  1. package/cjs/PageLayout.js +22 -21
  2. package/cjs/index.js +1 -6
  3. package/cjs/props.js +1 -2
  4. package/esm/PageLayout.js +21 -20
  5. package/esm/index.js +0 -5
  6. package/esm/props.js +1 -2
  7. package/package.json +37 -12
  8. package/types/PageLayout.d.ts +61 -0
  9. package/types/index.d.ts +2 -0
  10. package/types/props.d.ts +35 -0
  11. package/PageLayout/package.json +0 -10
  12. package/cjs/PageLayout.js.map +0 -1
  13. package/cjs/index.js.map +0 -1
  14. package/cjs/props.js.map +0 -1
  15. package/esm/PageLayout.js.map +0 -1
  16. package/esm/index.js.map +0 -1
  17. package/esm/props.js.map +0 -1
  18. package/props/package.json +0 -10
package/cjs/PageLayout.js CHANGED
@@ -2,60 +2,61 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require('react');
5
+ var _jsx = require('@babel/runtime/helpers/jsx');
6
+ require('react');
6
7
  var props = require('./props.js');
7
8
  var reactDesc = require('react-desc');
8
9
  var dsGrid = require('@elliemae/ds-grid');
9
10
 
10
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
12
 
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
13
14
 
14
- var PageLayout = function PageLayout(_ref) {
15
- var GlobalHeader = _ref.GlobalHeader,
16
- ContextHeader = _ref.ContextHeader,
17
- PageHeader = _ref.PageHeader,
18
- ContentRegion = _ref.ContentRegion,
19
- LeftNav = _ref.LeftNav,
20
- SidePanel = _ref.SidePanel,
21
- Footer = _ref.Footer;
15
+ const PageLayout = _ref => {
16
+ let {
17
+ GlobalHeader,
18
+ ContextHeader,
19
+ PageHeader,
20
+ ContentRegion,
21
+ LeftNav,
22
+ SidePanel,
23
+ Footer
24
+ } = _ref;
22
25
 
23
- var mainRegionRows = function mainRegionRows() {
26
+ const mainRegionRows = () => {
24
27
  if (PageHeader && Footer) return ['auto', '1fr', 'auto'];
25
28
  if (PageHeader && !Footer) return ['auto', '1fr'];
26
29
  if (!PageHeader && !Footer) return ['auto'];
27
30
  if (!PageHeader && Footer) return ['1fr', 'auto'];
28
31
  };
29
32
 
30
- return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
33
+ return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
31
34
  style: {
32
35
  width: '100%'
33
36
  },
34
37
  height: "100vh",
35
38
  rows: ContextHeader ? ['auto', 'auto', '1fr'] : ['auto', '1fr'],
36
39
  "data-testid": "page-layout"
37
- }, GlobalHeader && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, /*#__PURE__*/React__default['default'].createElement(GlobalHeader, null)), ContextHeader && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, /*#__PURE__*/React__default['default'].createElement(ContextHeader, null)), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
40
+ }, void 0, GlobalHeader && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](GlobalHeader, {})), ContextHeader && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](ContextHeader, {})), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
38
41
  cols: LeftNav ? ['auto', '1fr'] : ['auto']
39
- }, LeftNav && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, /*#__PURE__*/React__default['default'].createElement(LeftNav, null)), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
42
+ }, void 0, LeftNav && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](LeftNav, {})), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
40
43
  rows: mainRegionRows()
41
- }, PageHeader && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
44
+ }, void 0, PageHeader && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
42
45
  style: {
43
46
  minHeight: "48px"
44
47
  }
45
- }, /*#__PURE__*/React__default['default'].createElement(PageHeader, null)), ContentRegion && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
48
+ }, void 0, /*#__PURE__*/_jsx__default["default"](PageHeader, {})), ContentRegion && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
46
49
  cols: SidePanel ? ['auto', 'fit-content(100%)'] : ['auto']
47
- }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
50
+ }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
48
51
  style: {
49
52
  minHeight: "480px",
50
53
  overflow: "scroll"
51
54
  }
52
- }, /*#__PURE__*/React__default['default'].createElement(ContentRegion, null)), SidePanel && /*#__PURE__*/React__default['default'].createElement(SidePanel, null)), Footer && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, /*#__PURE__*/React__default['default'].createElement(Footer, null)))));
55
+ }, void 0, /*#__PURE__*/_jsx__default["default"](ContentRegion, {})), SidePanel && /*#__PURE__*/_jsx__default["default"](SidePanel, {})), Footer && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](Footer, {})))));
53
56
  };
54
57
 
55
- PageLayout.propTypes = props.pageLayoutProps;
56
- var PageLayoutWithSchema = reactDesc.describe(PageLayout);
58
+ const PageLayoutWithSchema = reactDesc.describe(PageLayout);
57
59
  PageLayoutWithSchema.propTypes = props.pageLayoutProps;
58
60
 
59
61
  exports.PageLayout = PageLayout;
60
62
  exports.PageLayoutWithSchema = PageLayoutWithSchema;
61
- //# sourceMappingURL=PageLayout.js.map
package/cjs/index.js CHANGED
@@ -3,14 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var PageLayout = require('./PageLayout.js');
6
- require('react');
7
- require('./props.js');
8
- require('react-desc');
9
- require('@elliemae/ds-grid');
10
6
 
11
7
 
12
8
 
13
9
  exports.PageLayout = PageLayout.PageLayout;
14
10
  exports.PageLayoutWithSchema = PageLayout.PageLayoutWithSchema;
15
- exports.default = PageLayout.PageLayout;
16
- //# sourceMappingURL=index.js.map
11
+ exports["default"] = PageLayout.PageLayout;
package/cjs/props.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var reactDesc = require('react-desc');
6
6
 
7
- var pageLayoutProps = {
7
+ const pageLayoutProps = {
8
8
  GlobalHeader: reactDesc.PropTypes.func.description('Global header component').isRequired,
9
9
  ContextHeader: reactDesc.PropTypes.func.description('Context header component'),
10
10
  PageHeader: reactDesc.PropTypes.func.description('Page header component'),
@@ -15,4 +15,3 @@ var pageLayoutProps = {
15
15
  };
16
16
 
17
17
  exports.pageLayoutProps = pageLayoutProps;
18
- //# sourceMappingURL=props.js.map
package/esm/PageLayout.js CHANGED
@@ -1,52 +1,53 @@
1
- import React from 'react';
1
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
2
+ import 'react';
2
3
  import { pageLayoutProps } from './props.js';
3
4
  import { describe } from 'react-desc';
4
5
  import { Grid } from '@elliemae/ds-grid';
5
6
 
6
- var PageLayout = function PageLayout(_ref) {
7
- var GlobalHeader = _ref.GlobalHeader,
8
- ContextHeader = _ref.ContextHeader,
9
- PageHeader = _ref.PageHeader,
10
- ContentRegion = _ref.ContentRegion,
11
- LeftNav = _ref.LeftNav,
12
- SidePanel = _ref.SidePanel,
13
- Footer = _ref.Footer;
7
+ const PageLayout = _ref => {
8
+ let {
9
+ GlobalHeader,
10
+ ContextHeader,
11
+ PageHeader,
12
+ ContentRegion,
13
+ LeftNav,
14
+ SidePanel,
15
+ Footer
16
+ } = _ref;
14
17
 
15
- var mainRegionRows = function mainRegionRows() {
18
+ const mainRegionRows = () => {
16
19
  if (PageHeader && Footer) return ['auto', '1fr', 'auto'];
17
20
  if (PageHeader && !Footer) return ['auto', '1fr'];
18
21
  if (!PageHeader && !Footer) return ['auto'];
19
22
  if (!PageHeader && Footer) return ['1fr', 'auto'];
20
23
  };
21
24
 
22
- return /*#__PURE__*/React.createElement(Grid, {
25
+ return /*#__PURE__*/_jsx(Grid, {
23
26
  style: {
24
27
  width: '100%'
25
28
  },
26
29
  height: "100vh",
27
30
  rows: ContextHeader ? ['auto', 'auto', '1fr'] : ['auto', '1fr'],
28
31
  "data-testid": "page-layout"
29
- }, GlobalHeader && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(GlobalHeader, null)), ContextHeader && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(ContextHeader, null)), /*#__PURE__*/React.createElement(Grid, {
32
+ }, void 0, GlobalHeader && /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(GlobalHeader, {})), ContextHeader && /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(ContextHeader, {})), /*#__PURE__*/_jsx(Grid, {
30
33
  cols: LeftNav ? ['auto', '1fr'] : ['auto']
31
- }, LeftNav && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(LeftNav, null)), /*#__PURE__*/React.createElement(Grid, {
34
+ }, void 0, LeftNav && /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(LeftNav, {})), /*#__PURE__*/_jsx(Grid, {
32
35
  rows: mainRegionRows()
33
- }, PageHeader && /*#__PURE__*/React.createElement(Grid, {
36
+ }, void 0, PageHeader && /*#__PURE__*/_jsx(Grid, {
34
37
  style: {
35
38
  minHeight: "48px"
36
39
  }
37
- }, /*#__PURE__*/React.createElement(PageHeader, null)), ContentRegion && /*#__PURE__*/React.createElement(Grid, {
40
+ }, void 0, /*#__PURE__*/_jsx(PageHeader, {})), ContentRegion && /*#__PURE__*/_jsx(Grid, {
38
41
  cols: SidePanel ? ['auto', 'fit-content(100%)'] : ['auto']
39
- }, /*#__PURE__*/React.createElement(Grid, {
42
+ }, void 0, /*#__PURE__*/_jsx(Grid, {
40
43
  style: {
41
44
  minHeight: "480px",
42
45
  overflow: "scroll"
43
46
  }
44
- }, /*#__PURE__*/React.createElement(ContentRegion, null)), SidePanel && /*#__PURE__*/React.createElement(SidePanel, null)), Footer && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Footer, null)))));
47
+ }, void 0, /*#__PURE__*/_jsx(ContentRegion, {})), SidePanel && /*#__PURE__*/_jsx(SidePanel, {})), Footer && /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(Footer, {})))));
45
48
  };
46
49
 
47
- PageLayout.propTypes = pageLayoutProps;
48
- var PageLayoutWithSchema = describe(PageLayout);
50
+ const PageLayoutWithSchema = describe(PageLayout);
49
51
  PageLayoutWithSchema.propTypes = pageLayoutProps;
50
52
 
51
53
  export { PageLayout, PageLayoutWithSchema };
52
- //# sourceMappingURL=PageLayout.js.map
package/esm/index.js CHANGED
@@ -1,6 +1 @@
1
1
  export { PageLayout, PageLayoutWithSchema, PageLayout as default } from './PageLayout.js';
2
- import 'react';
3
- import './props.js';
4
- import 'react-desc';
5
- import '@elliemae/ds-grid';
6
- //# sourceMappingURL=index.js.map
package/esm/props.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { PropTypes } from 'react-desc';
2
2
 
3
- var pageLayoutProps = {
3
+ const pageLayoutProps = {
4
4
  GlobalHeader: PropTypes.func.description('Global header component').isRequired,
5
5
  ContextHeader: PropTypes.func.description('Context header component'),
6
6
  PageHeader: PropTypes.func.description('Page header component'),
@@ -11,4 +11,3 @@ var pageLayoutProps = {
11
11
  };
12
12
 
13
13
  export { pageLayoutProps };
14
- //# sourceMappingURL=props.js.map
package/package.json CHANGED
@@ -1,14 +1,38 @@
1
1
  {
2
2
  "name": "@elliemae/ds-page-layout",
3
- "version": "1.60.0",
3
+ "version": "2.0.0-alpha.12",
4
4
  "license": "MIT",
5
- "description": "Ellie Mae - Dim Sum - Page Layout",
6
- "module": "esm/index.js",
7
- "main": "cjs/index.js",
5
+ "description": "ICE MT - Dimsum - Page Layout",
6
+ "module": "./esm/index.js",
7
+ "main": "./cjs/index.js",
8
+ "types": "./types/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "import": "./esm/index.js",
12
+ "require": "./cjs/index.js"
13
+ },
14
+ "./props": {
15
+ "import": "./esm/props.js",
16
+ "require": "./cjs/props.js"
17
+ },
18
+ "./PageLayout": {
19
+ "import": "./esm/PageLayout.js",
20
+ "require": "./cjs/PageLayout.js"
21
+ }
22
+ },
8
23
  "sideEffects": [
9
24
  "*.css",
10
25
  "*.scss"
11
26
  ],
27
+ "repository": {
28
+ "type": "git",
29
+ "url": "https://git.elliemae.io/platform-ui/dimsum.git"
30
+ },
31
+ "engines": {
32
+ "npm": ">=7",
33
+ "node": ">=14"
34
+ },
35
+ "author": "ICE MT",
12
36
  "scripts": {
13
37
  "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
14
38
  "prebuild": "exit 0",
@@ -16,20 +40,21 @@
16
40
  "build": "node ../../scripts/build/build.js"
17
41
  },
18
42
  "dependencies": {
19
- "@elliemae/ds-grid": "1.60.0",
20
- "react-desc": "^4.1.2"
43
+ "@elliemae/ds-grid": "2.0.0-alpha.12",
44
+ "react-desc": "~4.1.3"
21
45
  },
22
46
  "devDependencies": {
23
- "styled-components": "~5.3.0"
47
+ "styled-components": "~5.3.3"
24
48
  },
25
49
  "peerDependencies": {
26
- "lodash": "^4.17.20",
27
- "react": "^17.0.1",
28
- "react-dom": "^17.0.1",
29
- "styled-components": "^5.3.0"
50
+ "lodash": "^4.17.21",
51
+ "react": "^17.0.2",
52
+ "react-dom": "^17.0.2",
53
+ "styled-components": "^5.3.3"
30
54
  },
31
55
  "publishConfig": {
32
56
  "access": "public",
33
- "directory": "dist"
57
+ "directory": "dist",
58
+ "generateSubmodules": true
34
59
  }
35
60
  }
package/types/PageLayout.d.ts ADDED
@@ -0,0 +1,61 @@
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
+ /// <reference types="react" />
3
+ declare const PageLayout: {
4
+ ({ GlobalHeader, ContextHeader, PageHeader, ContentRegion, LeftNav, SidePanel, Footer, }: {
5
+ GlobalHeader: any;
6
+ ContextHeader: any;
7
+ PageHeader: any;
8
+ ContentRegion: any;
9
+ LeftNav: any;
10
+ SidePanel: any;
11
+ Footer: any;
12
+ }): JSX.Element;
13
+ propTypes: {
14
+ GlobalHeader: import("react-desc").PropTypesDescValidator;
15
+ ContextHeader: {
16
+ defaultValue<T = unknown>(arg: T): {
17
+ deprecated: import("react-desc").PropTypesDescValidator;
18
+ };
19
+ isRequired: import("react-desc").PropTypesDescValidator;
20
+ };
21
+ PageHeader: {
22
+ defaultValue<T = unknown>(arg: T): {
23
+ deprecated: import("react-desc").PropTypesDescValidator;
24
+ };
25
+ isRequired: import("react-desc").PropTypesDescValidator;
26
+ };
27
+ ContentRegion: import("react-desc").PropTypesDescValidator;
28
+ LeftNav: {
29
+ defaultValue<T = unknown>(arg: T): {
30
+ deprecated: import("react-desc").PropTypesDescValidator;
31
+ };
32
+ isRequired: import("react-desc").PropTypesDescValidator;
33
+ };
34
+ SidePanel: {
35
+ defaultValue<T = unknown>(arg: T): {
36
+ deprecated: import("react-desc").PropTypesDescValidator;
37
+ };
38
+ isRequired: import("react-desc").PropTypesDescValidator;
39
+ };
40
+ Footer: {
41
+ defaultValue<T = unknown>(arg: T): {
42
+ deprecated: import("react-desc").PropTypesDescValidator;
43
+ };
44
+ isRequired: import("react-desc").PropTypesDescValidator;
45
+ };
46
+ };
47
+ };
48
+ declare const PageLayoutWithSchema: {
49
+ (props?: {
50
+ GlobalHeader: any;
51
+ ContextHeader: any;
52
+ PageHeader: any;
53
+ ContentRegion: any;
54
+ LeftNav: any;
55
+ SidePanel: any;
56
+ Footer: any;
57
+ } | undefined): JSX.Element;
58
+ propTypes: unknown;
59
+ toTypescript: () => import("react-desc").TypescriptSchema;
60
+ };
61
+ export { PageLayout, PageLayoutWithSchema };
package/types/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './PageLayout';
2
+ export { PageLayout as default } from './PageLayout';
package/types/props.d.ts ADDED
@@ -0,0 +1,35 @@
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
+ export declare const pageLayoutProps: {
3
+ GlobalHeader: import("react-desc").PropTypesDescValidator;
4
+ ContextHeader: {
5
+ defaultValue<T = unknown>(arg: T): {
6
+ deprecated: import("react-desc").PropTypesDescValidator;
7
+ };
8
+ isRequired: import("react-desc").PropTypesDescValidator;
9
+ };
10
+ PageHeader: {
11
+ defaultValue<T = unknown>(arg: T): {
12
+ deprecated: import("react-desc").PropTypesDescValidator;
13
+ };
14
+ isRequired: import("react-desc").PropTypesDescValidator;
15
+ };
16
+ ContentRegion: import("react-desc").PropTypesDescValidator;
17
+ LeftNav: {
18
+ defaultValue<T = unknown>(arg: T): {
19
+ deprecated: import("react-desc").PropTypesDescValidator;
20
+ };
21
+ isRequired: import("react-desc").PropTypesDescValidator;
22
+ };
23
+ SidePanel: {
24
+ defaultValue<T = unknown>(arg: T): {
25
+ deprecated: import("react-desc").PropTypesDescValidator;
26
+ };
27
+ isRequired: import("react-desc").PropTypesDescValidator;
28
+ };
29
+ Footer: {
30
+ defaultValue<T = unknown>(arg: T): {
31
+ deprecated: import("react-desc").PropTypesDescValidator;
32
+ };
33
+ isRequired: import("react-desc").PropTypesDescValidator;
34
+ };
35
+ };
package/PageLayout/package.json DELETED
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-page-layout/PageLayout",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/PageLayout.js",
9
- "module": "../esm/PageLayout.js"
10
- }
package/cjs/PageLayout.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageLayout.js","sources":["../../src/PageLayout.tsx"],"sourcesContent":["import React from 'react'\nimport { pageLayoutProps } from './props'\nimport { describe } from 'react-desc';\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: \"scroll\"}}>\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;\nconst PageLayoutWithSchema = describe(PageLayout);\nPageLayoutWithSchema.propTypes = pageLayoutProps;\n\nexport { PageLayout, PageLayoutWithSchema }\n"],"names":["PageLayout","GlobalHeader","ContextHeader","PageHeader","ContentRegion","LeftNav","SidePanel","Footer","mainRegionRows","React","Grid","width","minHeight","overflow","propTypes","pageLayoutProps","PageLayoutWithSchema","describe"],"mappings":";;;;;;;;;;;;;IAKMA,UAAU,GAAG,SAAbA,UAAa,OAQb;AAAA,MAPJC,YAOI,QAPJA,YAOI;AAAA,MANJC,aAMI,QANJA,aAMI;AAAA,MALJC,UAKI,QALJA,UAKI;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,MACI,QADJA,MACI;;AACJ,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAIL,UAAU,IAAII,MAAlB,EAA0B,OAAO,CAAC,MAAD,EAAS,KAAT,EAAgB,MAAhB,CAAP;AAC1B,QAAIJ,UAAU,IAAI,CAACI,MAAnB,EAA2B,OAAO,CAAC,MAAD,EAAS,KAAT,CAAP;AAC3B,QAAI,CAACJ,UAAD,IAAe,CAACI,MAApB,EAA4B,OAAO,CAAC,MAAD,CAAP;AAC5B,QAAI,CAACJ,UAAD,IAAeI,MAAnB,EAA2B,OAAO,CAAC,KAAD,EAAQ,MAAR,CAAP;AAC5B,GALD;;AAOA,sBACEE,wCAACC,WAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT,KADT;AAEE,IAAA,MAAM,EAAC,OAFT;AAGE,IAAA,IAAI,EAAET,aAAa,GAAG,CAAC,MAAD,EAAS,MAAT,EAAiB,KAAjB,CAAH,GAA6B,CAAC,MAAD,EAAS,KAAT,CAHlD;AAIE,mBAAY;AAJd,KAMGD,YAAY,iBAAIQ,wCAACC,WAAD,qBAAMD,wCAAC,YAAD,OAAN,CANnB,EAOGP,aAAa,iBAAIO,wCAACC,WAAD,qBAAMD,wCAAC,aAAD,OAAN,CAPpB,eAQEA,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEL,OAAO,GAAG,CAAC,MAAD,EAAS,KAAT,CAAH,GAAqB,CAAC,MAAD;AAAxC,KACGA,OAAO,iBAAII,wCAACC,WAAD,qBAAMD,wCAAC,OAAD,OAAN,CADd,eAEEA,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEF,cAAc;AAA1B,KACGL,UAAU,iBAAIM,wCAACC,WAAD;AAAM,IAAA,KAAK,EAAE;AAACE,MAAAA,SAAS,EAAE;AAAZ;AAAb,kBAAkCH,wCAAC,UAAD,OAAlC,CADjB,EAEGL,aAAa,iBACZK,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEJ,SAAS,GAAG,CAAC,MAAD,EAAS,mBAAT,CAAH,GAAmC,CAAC,MAAD;AAAxD,kBACGG,wCAACC,WAAD;AAAM,IAAA,KAAK,EAAE;AAACE,MAAAA,SAAS,EAAE,OAAZ;AAAqBC,MAAAA,QAAQ,EAAE;AAA/B;AAAb,kBACCJ,wCAAC,aAAD,OADD,CADH,EAIGH,SAAS,iBAAIG,wCAAC,SAAD,OAJhB,CAHJ,EAUGF,MAAM,iBAAIE,wCAACC,WAAD,qBAAOD,wCAAC,MAAD,OAAP,CAVb,CAFF,CARF,CADF;AA0BD;;AAEDT,UAAU,CAACc,SAAX,GAAuBC,qBAAvB;IACMC,oBAAoB,GAAGC,kBAAQ,CAACjB,UAAD;AACrCgB,oBAAoB,CAACF,SAArB,GAAiCC,qBAAjC;;;;;"}
package/cjs/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
package/cjs/props.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\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"],"names":["pageLayoutProps","GlobalHeader","PropTypes","func","description","isRequired","ContextHeader","PageHeader","ContentRegion","LeftNav","SidePanel","Footer"],"mappings":";;;;;;IAEaA,eAAe,GAAG;AAC7BC,EAAAA,YAAY,EAAEC,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,yBAA3B,EAAsDC,UADvC;AAE7BC,EAAAA,aAAa,EAAEJ,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,0BAA3B,CAFc;AAG7BG,EAAAA,UAAU,EAAEL,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,uBAA3B,CAHiB;AAI7BI,EAAAA,aAAa,EAAEN,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,0BAA3B,EAAuDC,UAJzC;AAK7BI,EAAAA,OAAO,EAAEP,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,oBAA3B,CALoB;AAM7BM,EAAAA,SAAS,EAAER,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sBAA3B,CANkB;AAO7BO,EAAAA,MAAM,EAAET,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,kBAA3B;AAPqB;;;;"}
package/esm/PageLayout.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageLayout.js","sources":["../../src/PageLayout.tsx"],"sourcesContent":["import React from 'react'\nimport { pageLayoutProps } from './props'\nimport { describe } from 'react-desc';\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: \"scroll\"}}>\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;\nconst PageLayoutWithSchema = describe(PageLayout);\nPageLayoutWithSchema.propTypes = pageLayoutProps;\n\nexport { PageLayout, PageLayoutWithSchema }\n"],"names":["PageLayout","GlobalHeader","ContextHeader","PageHeader","ContentRegion","LeftNav","SidePanel","Footer","mainRegionRows","width","minHeight","overflow","propTypes","pageLayoutProps","PageLayoutWithSchema","describe"],"mappings":";;;;;IAKMA,UAAU,GAAG,SAAbA,UAAa,OAQb;AAAA,MAPJC,YAOI,QAPJA,YAOI;AAAA,MANJC,aAMI,QANJA,aAMI;AAAA,MALJC,UAKI,QALJA,UAKI;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,MACI,QADJA,MACI;;AACJ,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAIL,UAAU,IAAII,MAAlB,EAA0B,OAAO,CAAC,MAAD,EAAS,KAAT,EAAgB,MAAhB,CAAP;AAC1B,QAAIJ,UAAU,IAAI,CAACI,MAAnB,EAA2B,OAAO,CAAC,MAAD,EAAS,KAAT,CAAP;AAC3B,QAAI,CAACJ,UAAD,IAAe,CAACI,MAApB,EAA4B,OAAO,CAAC,MAAD,CAAP;AAC5B,QAAI,CAACJ,UAAD,IAAeI,MAAnB,EAA2B,OAAO,CAAC,KAAD,EAAQ,MAAR,CAAP;AAC5B,GALD;;AAOA,sBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAE;AAAT,KADT;AAEE,IAAA,MAAM,EAAC,OAFT;AAGE,IAAA,IAAI,EAAEP,aAAa,GAAG,CAAC,MAAD,EAAS,MAAT,EAAiB,KAAjB,CAAH,GAA6B,CAAC,MAAD,EAAS,KAAT,CAHlD;AAIE,mBAAY;AAJd,KAMGD,YAAY,iBAAI,oBAAC,IAAD,qBAAM,oBAAC,YAAD,OAAN,CANnB,EAOGC,aAAa,iBAAI,oBAAC,IAAD,qBAAM,oBAAC,aAAD,OAAN,CAPpB,eAQE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEG,OAAO,GAAG,CAAC,MAAD,EAAS,KAAT,CAAH,GAAqB,CAAC,MAAD;AAAxC,KACGA,OAAO,iBAAI,oBAAC,IAAD,qBAAM,oBAAC,OAAD,OAAN,CADd,eAEE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEG,cAAc;AAA1B,KACGL,UAAU,iBAAI,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAACO,MAAAA,SAAS,EAAE;AAAZ;AAAb,kBAAkC,oBAAC,UAAD,OAAlC,CADjB,EAEGN,aAAa,iBACZ,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEE,SAAS,GAAG,CAAC,MAAD,EAAS,mBAAT,CAAH,GAAmC,CAAC,MAAD;AAAxD,kBACG,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAACI,MAAAA,SAAS,EAAE,OAAZ;AAAqBC,MAAAA,QAAQ,EAAE;AAA/B;AAAb,kBACC,oBAAC,aAAD,OADD,CADH,EAIGL,SAAS,iBAAI,oBAAC,SAAD,OAJhB,CAHJ,EAUGC,MAAM,iBAAI,oBAAC,IAAD,qBAAO,oBAAC,MAAD,OAAP,CAVb,CAFF,CARF,CADF;AA0BD;;AAEDP,UAAU,CAACY,SAAX,GAAuBC,eAAvB;IACMC,oBAAoB,GAAGC,QAAQ,CAACf,UAAD;AACrCc,oBAAoB,CAACF,SAArB,GAAiCC,eAAjC;;;;"}
package/esm/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/esm/props.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\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"],"names":["pageLayoutProps","GlobalHeader","PropTypes","func","description","isRequired","ContextHeader","PageHeader","ContentRegion","LeftNav","SidePanel","Footer"],"mappings":";;IAEaA,eAAe,GAAG;AAC7BC,EAAAA,YAAY,EAAEC,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,yBAA3B,EAAsDC,UADvC;AAE7BC,EAAAA,aAAa,EAAEJ,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,0BAA3B,CAFc;AAG7BG,EAAAA,UAAU,EAAEL,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,uBAA3B,CAHiB;AAI7BI,EAAAA,aAAa,EAAEN,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,0BAA3B,EAAuDC,UAJzC;AAK7BI,EAAAA,OAAO,EAAEP,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,oBAA3B,CALoB;AAM7BM,EAAAA,SAAS,EAAER,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sBAA3B,CANkB;AAO7BO,EAAAA,MAAM,EAAET,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,kBAA3B;AAPqB;;;;"}
package/props/package.json DELETED
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-page-layout/props",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/props.js",
9
- "module": "../esm/props.js"
10
- }