@elliemae/ds-page-layout 3.0.4-rc.5 → 3.1.0-next.10
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 +2 -2
- package/dist/cjs/PageLayout.js.map +2 -2
- package/dist/cjs/props.js +8 -8
- package/dist/cjs/props.js.map +2 -2
- package/dist/esm/PageLayout.js +1 -1
- package/dist/esm/PageLayout.js.map +1 -1
- package/dist/esm/props.js +1 -1
- package/dist/esm/props.js.map +1 -1
- package/package.json +5 -4
package/dist/cjs/PageLayout.js
CHANGED
|
@@ -27,7 +27,7 @@ module.exports = __toCommonJS(PageLayout_exports);
|
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
28
|
var import_react = __toESM(require("react"));
|
|
29
29
|
var import_props = require("./props");
|
|
30
|
-
var
|
|
30
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
31
31
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
32
32
|
const PageLayout = ({
|
|
33
33
|
GlobalHeader,
|
|
@@ -67,6 +67,6 @@ const PageLayout = ({
|
|
|
67
67
|
};
|
|
68
68
|
PageLayout.propTypes = import_props.pageLayoutProps;
|
|
69
69
|
PageLayout.displayName = "PageLayout";
|
|
70
|
-
const PageLayoutWithSchema = (0,
|
|
70
|
+
const PageLayoutWithSchema = (0, import_ds_utilities.describe)(PageLayout);
|
|
71
71
|
PageLayoutWithSchema.propTypes = import_props.pageLayoutProps;
|
|
72
72
|
//# sourceMappingURL=PageLayout.js.map
|
|
@@ -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'\nimport { pageLayoutProps } from './props'\nimport { describe } from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,mBAAgC;AAChC,
|
|
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: \"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;\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,SAAQ;AAAA,KACnD,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/props.js
CHANGED
|
@@ -24,14 +24,14 @@ __export(props_exports, {
|
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(props_exports);
|
|
26
26
|
var React = __toESM(require("react"));
|
|
27
|
-
var
|
|
27
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
28
28
|
const pageLayoutProps = {
|
|
29
|
-
GlobalHeader:
|
|
30
|
-
ContextHeader:
|
|
31
|
-
PageHeader:
|
|
32
|
-
ContentRegion:
|
|
33
|
-
LeftNav:
|
|
34
|
-
SidePanel:
|
|
35
|
-
Footer:
|
|
29
|
+
GlobalHeader: import_ds_utilities.PropTypes.func.description("Global header component").isRequired,
|
|
30
|
+
ContextHeader: import_ds_utilities.PropTypes.func.description("Context header component"),
|
|
31
|
+
PageHeader: import_ds_utilities.PropTypes.func.description("Page header component"),
|
|
32
|
+
ContentRegion: import_ds_utilities.PropTypes.func.description("Main content of the page").isRequired,
|
|
33
|
+
LeftNav: import_ds_utilities.PropTypes.func.description("Left nav component"),
|
|
34
|
+
SidePanel: import_ds_utilities.PropTypes.func.description("Side panel component"),
|
|
35
|
+
Footer: import_ds_utilities.PropTypes.func.description("Footer component")
|
|
36
36
|
};
|
|
37
37
|
//# sourceMappingURL=props.js.map
|
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 '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,
|
|
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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/PageLayout.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import React2 from "react";
|
|
3
3
|
import { pageLayoutProps } from "./props";
|
|
4
|
-
import { describe } from "
|
|
4
|
+
import { describe } from "@elliemae/ds-utilities";
|
|
5
5
|
import { Grid } from "@elliemae/ds-grid";
|
|
6
6
|
const PageLayout = ({
|
|
7
7
|
GlobalHeader,
|
|
@@ -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'\nimport { pageLayoutProps } from './props'\nimport { describe } from '
|
|
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: \"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;\nPageLayout.displayName = 'PageLayout';\nconst PageLayoutWithSchema = describe(PageLayout);\nPageLayoutWithSchema.propTypes = pageLayoutProps;\n\nexport { PageLayout, PageLayoutWithSchema }\n"],
|
|
5
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,SAAQ;AAAA,KACnD,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/props.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "
|
|
2
|
+
import { PropTypes } from "@elliemae/ds-utilities";
|
|
3
3
|
const pageLayoutProps = {
|
|
4
4
|
GlobalHeader: PropTypes.func.description("Global header component").isRequired,
|
|
5
5
|
ContextHeader: PropTypes.func.description("Context header component"),
|
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 '
|
|
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;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;",
|
|
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.0
|
|
3
|
+
"version": "3.1.0-next.10",
|
|
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.0
|
|
47
|
-
"
|
|
46
|
+
"@elliemae/ds-grid": "3.1.0-next.10",
|
|
47
|
+
"@elliemae/ds-utilities": "3.1.0-next.10"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"styled-components": "~5.3.3"
|
|
@@ -64,6 +64,7 @@
|
|
|
64
64
|
"test": "node ../../scripts/testing/test.mjs",
|
|
65
65
|
"lint": "node ../../scripts/lint.mjs",
|
|
66
66
|
"dts": "node ../../scripts/dts.mjs",
|
|
67
|
-
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
|
|
67
|
+
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
68
|
+
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
68
69
|
}
|
|
69
70
|
}
|