@elliemae/ds-page-layout 3.12.0-next.0 → 3.12.0-rc.0
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.
- package/dist/cjs/PageLayout.js +1 -9
- package/dist/cjs/PageLayout.js.map +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/props.js.map +1 -1
- package/dist/esm/PageLayout.js +1 -9
- package/dist/esm/PageLayout.js.map +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/props.js.map +1 -1
- package/package.json +3 -3
package/dist/cjs/PageLayout.js
CHANGED
|
@@ -33,15 +33,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
33
33
|
var import_props = require("./props");
|
|
34
34
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
35
35
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
36
|
-
const PageLayout = ({
|
|
37
|
-
GlobalHeader,
|
|
38
|
-
ContextHeader,
|
|
39
|
-
PageHeader,
|
|
40
|
-
ContentRegion,
|
|
41
|
-
LeftNav,
|
|
42
|
-
SidePanel,
|
|
43
|
-
Footer
|
|
44
|
-
}) => {
|
|
36
|
+
const PageLayout = ({ GlobalHeader, ContextHeader, PageHeader, ContentRegion, LeftNav, SidePanel, Footer }) => {
|
|
45
37
|
const mainRegionRows = () => {
|
|
46
38
|
if (PageHeader && Footer)
|
|
47
39
|
return ["auto", "1fr", "auto"];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PageLayout.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
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 = ({ GlobalHeader, ContextHeader, PageHeader, ContentRegion, LeftNav, SidePanel, Footer }) => {\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 && (\n <Grid>\n <GlobalHeader />\n </Grid>\n )}\n {ContextHeader && (\n <Grid>\n <ContextHeader />\n </Grid>\n )}\n <Grid cols={LeftNav ? ['auto', '1fr'] : ['auto']}>\n {LeftNav && (\n <Grid>\n <LeftNav />\n </Grid>\n )}\n <Grid rows={mainRegionRows()}>\n {PageHeader && (\n <Grid style={{ minHeight: '48px' }}>\n <PageHeader />\n </Grid>\n )}\n {ContentRegion && (\n <Grid cols={SidePanel ? ['auto', 'fit-content(100%)'] : ['auto']}>\n {\n <Grid style={{ minHeight: '480px', overflow: 'auto' }}>\n <ContentRegion />\n </Grid>\n }\n {SidePanel && <SidePanel />}\n </Grid>\n )}\n {Footer && (\n <Grid>\n <Footer />\n </Grid>\n )}\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;ADsBb;AArBV,mBAAgC;AAChC,0BAAyB;AACzB,qBAAqB;AAErB,MAAM,aAAa,CAAC,EAAE,cAAc,eAAe,YAAY,eAAe,SAAS,WAAW,OAAO,MAAM;AAC7G,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,sBACC,4CAAC;AAAA,QACC,sDAAC,gBAAa;AAAA,OAChB;AAAA,MAED,iBACC,4CAAC;AAAA,QACC,sDAAC,iBAAc;AAAA,OACjB;AAAA,MAEF,6CAAC;AAAA,QAAK,MAAM,UAAU,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM;AAAA,QAC5C;AAAA,qBACC,4CAAC;AAAA,YACC,sDAAC,WAAQ;AAAA,WACX;AAAA,UAEF,6CAAC;AAAA,YAAK,MAAM,eAAe;AAAA,YACxB;AAAA,4BACC,4CAAC;AAAA,gBAAK,OAAO,EAAE,WAAW,OAAO;AAAA,gBAC/B,sDAAC,cAAW;AAAA,eACd;AAAA,cAED,iBACC,6CAAC;AAAA,gBAAK,MAAM,YAAY,CAAC,QAAQ,mBAAmB,IAAI,CAAC,MAAM;AAAA,gBAE3D;AAAA,8DAAC;AAAA,oBAAK,OAAO,EAAE,WAAW,SAAS,UAAU,OAAO;AAAA,oBAClD,sDAAC,iBAAc;AAAA,mBACjB;AAAA,kBAED,aAAa,4CAAC,aAAU;AAAA;AAAA,eAC3B;AAAA,cAED,UACC,4CAAC;AAAA,gBACC,sDAAC,UAAO;AAAA,eACV;AAAA;AAAA,WAEJ;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.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export * from './PageLayout'
|
|
4
|
+
"sourcesContent": ["export * from './PageLayout';\nexport { PageLayout as default } from './PageLayout';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAsC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/props.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
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}
|
|
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
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
|
@@ -3,15 +3,7 @@ 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";
|
|
6
|
-
const PageLayout = ({
|
|
7
|
-
GlobalHeader,
|
|
8
|
-
ContextHeader,
|
|
9
|
-
PageHeader,
|
|
10
|
-
ContentRegion,
|
|
11
|
-
LeftNav,
|
|
12
|
-
SidePanel,
|
|
13
|
-
Footer
|
|
14
|
-
}) => {
|
|
6
|
+
const PageLayout = ({ GlobalHeader, ContextHeader, PageHeader, ContentRegion, LeftNav, SidePanel, Footer }) => {
|
|
15
7
|
const mainRegionRows = () => {
|
|
16
8
|
if (PageHeader && Footer)
|
|
17
9
|
return ["auto", "1fr", "auto"];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PageLayout.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react'
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
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 = ({ GlobalHeader, ContextHeader, PageHeader, ContentRegion, LeftNav, SidePanel, Footer }) => {\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 && (\n <Grid>\n <GlobalHeader />\n </Grid>\n )}\n {ContextHeader && (\n <Grid>\n <ContextHeader />\n </Grid>\n )}\n <Grid cols={LeftNav ? ['auto', '1fr'] : ['auto']}>\n {LeftNav && (\n <Grid>\n <LeftNav />\n </Grid>\n )}\n <Grid rows={mainRegionRows()}>\n {PageHeader && (\n <Grid style={{ minHeight: '48px' }}>\n <PageHeader />\n </Grid>\n )}\n {ContentRegion && (\n <Grid cols={SidePanel ? ['auto', 'fit-content(100%)'] : ['auto']}>\n {\n <Grid style={{ minHeight: '480px', overflow: 'auto' }}>\n <ContentRegion />\n </Grid>\n }\n {SidePanel && <SidePanel />}\n </Grid>\n )}\n {Footer && (\n <Grid>\n <Footer />\n </Grid>\n )}\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,YAAY,WAAW;ACsBb,cAqBE,YArBF;AArBV,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAErB,MAAM,aAAa,CAAC,EAAE,cAAc,eAAe,YAAY,eAAe,SAAS,WAAW,OAAO,MAAM;AAC7G,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,sBACC,oBAAC;AAAA,QACC,8BAAC,gBAAa;AAAA,OAChB;AAAA,MAED,iBACC,oBAAC;AAAA,QACC,8BAAC,iBAAc;AAAA,OACjB;AAAA,MAEF,qBAAC;AAAA,QAAK,MAAM,UAAU,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM;AAAA,QAC5C;AAAA,qBACC,oBAAC;AAAA,YACC,8BAAC,WAAQ;AAAA,WACX;AAAA,UAEF,qBAAC;AAAA,YAAK,MAAM,eAAe;AAAA,YACxB;AAAA,4BACC,oBAAC;AAAA,gBAAK,OAAO,EAAE,WAAW,OAAO;AAAA,gBAC/B,8BAAC,cAAW;AAAA,eACd;AAAA,cAED,iBACC,qBAAC;AAAA,gBAAK,MAAM,YAAY,CAAC,QAAQ,mBAAmB,IAAI,CAAC,MAAM;AAAA,gBAE3D;AAAA,sCAAC;AAAA,oBAAK,OAAO,EAAE,WAAW,SAAS,UAAU,OAAO;AAAA,oBAClD,8BAAC,iBAAc;AAAA,mBACjB;AAAA,kBAED,aAAa,oBAAC,aAAU;AAAA;AAAA,eAC3B;AAAA,cAED,UACC,oBAAC;AAAA,gBACC,8BAAC,UAAO;AAAA,eACV;AAAA;AAAA,WAEJ;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
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './PageLayout'
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './PageLayout';\nexport { PageLayout as default } from './PageLayout';\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAuB,kBAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/props.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
|
|
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}
|
|
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
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.12.0-
|
|
3
|
+
"version": "3.12.0-rc.0",
|
|
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.12.0-
|
|
47
|
-
"@elliemae/ds-utilities": "3.12.0-
|
|
46
|
+
"@elliemae/ds-grid": "3.12.0-rc.0",
|
|
47
|
+
"@elliemae/ds-utilities": "3.12.0-rc.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"styled-components": "~5.3.5"
|