@elliemae/ds-side-panel 2.3.0-alpha.6 → 2.3.0-next.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/cjs/SidePanel.js +97 -0
- package/cjs/SidePanelHeader.js +100 -0
- package/cjs/TemplateBasicPageWithSidePanel.js +122 -0
- package/cjs/defaultProps.js +14 -0
- package/cjs/index.js +17 -0
- package/cjs/props.js +44 -0
- package/esm/SidePanel.js +86 -0
- package/esm/SidePanelHeader.js +89 -0
- package/esm/TemplateBasicPageWithSidePanel.js +113 -0
- package/esm/defaultProps.js +10 -0
- package/esm/index.js +3 -0
- package/esm/props.js +40 -0
- package/package.json +30 -32
- package/types/SidePanel.d.ts +95 -0
- package/types/SidePanelHeader.d.ts +46 -0
- package/types/TemplateBasicPageWithSidePanel.d.ts +109 -0
- package/types/defaultProps.d.ts +8 -0
- package/types/index.d.ts +4 -0
- package/types/props.d.ts +82 -0
- package/dist/cjs/SidePanel.js +0 -111
- package/dist/cjs/SidePanel.js.map +0 -7
- package/dist/cjs/SidePanelHeader.js +0 -109
- package/dist/cjs/SidePanelHeader.js.map +0 -7
- package/dist/cjs/TemplateBasicPageWithSidePanel.js +0 -91
- package/dist/cjs/TemplateBasicPageWithSidePanel.js.map +0 -7
- package/dist/cjs/defaultProps.js +0 -42
- package/dist/cjs/defaultProps.js.map +0 -7
- package/dist/cjs/index.js +0 -38
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/props.js +0 -48
- package/dist/cjs/props.js.map +0 -7
- package/dist/esm/SidePanel.js +0 -82
- package/dist/esm/SidePanel.js.map +0 -7
- package/dist/esm/SidePanelHeader.js +0 -80
- package/dist/esm/SidePanelHeader.js.map +0 -7
- package/dist/esm/TemplateBasicPageWithSidePanel.js +0 -62
- package/dist/esm/TemplateBasicPageWithSidePanel.js.map +0 -7
- package/dist/esm/defaultProps.js +0 -13
- package/dist/esm/defaultProps.js.map +0 -7
- package/dist/esm/index.js +0 -9
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/props.js +0 -19
- package/dist/esm/props.js.map +0 -7
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { PropTypes, describe } from "react-desc";
|
|
4
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
5
|
-
import SidePanel from "./SidePanel";
|
|
6
|
-
const TemplateBasicPageWithSidePanel = ({
|
|
7
|
-
globalHeader = null,
|
|
8
|
-
mainHeader = null,
|
|
9
|
-
mainContent,
|
|
10
|
-
mainFooter,
|
|
11
|
-
isOpen = false,
|
|
12
|
-
onClose,
|
|
13
|
-
panelFooter,
|
|
14
|
-
panelHeader,
|
|
15
|
-
panelContent,
|
|
16
|
-
panelWidth
|
|
17
|
-
}) => /* @__PURE__ */ React2.createElement(Grid, {
|
|
18
|
-
style: { overflow: "hidden", width: "100%" },
|
|
19
|
-
height: "100%",
|
|
20
|
-
maxHeight: "100%",
|
|
21
|
-
rows: ["auto", "1fr"]
|
|
22
|
-
}, /* @__PURE__ */ React2.createElement(Grid, null, globalHeader), /* @__PURE__ */ React2.createElement(SidePanel, {
|
|
23
|
-
footer: panelFooter,
|
|
24
|
-
header: panelHeader,
|
|
25
|
-
panelWidth,
|
|
26
|
-
onClose,
|
|
27
|
-
panelContent,
|
|
28
|
-
isOpen
|
|
29
|
-
}, /* @__PURE__ */ React2.createElement(Grid, {
|
|
30
|
-
style: { overflow: "hidden" },
|
|
31
|
-
height: "100%",
|
|
32
|
-
maxHeight: "100%"
|
|
33
|
-
}, /* @__PURE__ */ React2.createElement(Grid, {
|
|
34
|
-
rows: mainFooter ? [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)", "48px"] : [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)"],
|
|
35
|
-
style: { overflow: "hidden" }
|
|
36
|
-
}, /* @__PURE__ */ React2.createElement(Grid, null, mainHeader), /* @__PURE__ */ React2.createElement(Grid, {
|
|
37
|
-
style: { overflow: "hidden" }
|
|
38
|
-
}, /* @__PURE__ */ React2.createElement(Grid, {
|
|
39
|
-
style: { overflow: "auto" }
|
|
40
|
-
}, mainContent)), mainFooter && /* @__PURE__ */ React2.createElement(Grid, {
|
|
41
|
-
alignItems: "center"
|
|
42
|
-
}, mainFooter)))));
|
|
43
|
-
const props = {
|
|
44
|
-
globalHeader: PropTypes.element.description("Global Header"),
|
|
45
|
-
mainHeader: PropTypes.element.description("Main Header"),
|
|
46
|
-
mainContent: PropTypes.element.isRequired.description("Main content"),
|
|
47
|
-
mainFooter: PropTypes.element.description("Main Footer"),
|
|
48
|
-
isOpen: PropTypes.bool.description("Should show the slide panel or not"),
|
|
49
|
-
panelFooter: PropTypes.element.description("Footer for Slide Panel"),
|
|
50
|
-
panelHeader: PropTypes.element.description("Header for Slide Panel instance of SlidePanelHeader"),
|
|
51
|
-
panelContent: PropTypes.element.description("Content for Slide Panel"),
|
|
52
|
-
panelWidth: PropTypes.number.description("Width of the panel open. eg: 300"),
|
|
53
|
-
onClose: PropTypes.func.description("callback")
|
|
54
|
-
};
|
|
55
|
-
TemplateBasicPageWithSidePanel.propTypes = props;
|
|
56
|
-
const DSTemplateBasicPageWithSidePanel = describe(TemplateBasicPageWithSidePanel);
|
|
57
|
-
DSTemplateBasicPageWithSidePanel.propTypes = props;
|
|
58
|
-
export {
|
|
59
|
-
DSTemplateBasicPageWithSidePanel,
|
|
60
|
-
TemplateBasicPageWithSidePanel
|
|
61
|
-
};
|
|
62
|
-
//# sourceMappingURL=TemplateBasicPageWithSidePanel.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/TemplateBasicPageWithSidePanel.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport SidePanel from './SidePanel';\n\nconst TemplateBasicPageWithSidePanel = ({\n globalHeader = null,\n mainHeader = null,\n mainContent,\n mainFooter,\n isOpen = false,\n onClose,\n panelFooter,\n panelHeader,\n panelContent,\n panelWidth,\n}) => (\n <Grid\n style={{ overflow: 'hidden', width: '100%' }}\n height=\"100%\"\n maxHeight=\"100%\"\n rows={['auto', '1fr']}\n >\n <Grid>{globalHeader}</Grid>\n <SidePanel\n footer={panelFooter}\n header={panelHeader}\n panelWidth={panelWidth}\n onClose={onClose}\n panelContent={panelContent}\n isOpen={isOpen}\n >\n <Grid style={{ overflow: 'hidden' }} height=\"100%\" maxHeight=\"100%\">\n <Grid\n rows={\n mainFooter\n ? [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)', '48px']\n : [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)']\n }\n style={{ overflow: 'hidden' }}\n >\n <Grid>{mainHeader}</Grid>\n <Grid style={{ overflow: 'hidden' }}>\n <Grid style={{ overflow: 'auto' }}>{mainContent}</Grid>\n </Grid>\n {mainFooter && <Grid alignItems=\"center\">{mainFooter}</Grid>}\n </Grid>\n </Grid>\n </SidePanel>\n </Grid>\n);\n\nconst props = {\n /**\n * Global Header\n */\n globalHeader: PropTypes.element.description('Global Header'),\n /**\n * Main Header\n */\n mainHeader: PropTypes.element.description('Main Header'),\n /**\n * Main content\n */\n mainContent: PropTypes.element.isRequired.description('Main content'),\n /**\n * Main Footer\n */\n mainFooter: PropTypes.element.description('Main Footer'),\n /**\n * Should show the slide panel or not\n */\n isOpen: PropTypes.bool.description('Should show the slide panel or not'),\n /**\n * Footer for Slide Panel\n */\n panelFooter: PropTypes.element.description('Footer for Slide Panel'),\n /**\n * Header for Slide Panel instance of SlidePanelHeader\n */\n panelHeader: PropTypes.element.description(\n 'Header for Slide Panel instance of SlidePanelHeader',\n ),\n /**\n * Content for Slide Panel\n */\n panelContent: PropTypes.element.description('Content for Slide Panel'),\n /**\n * Width of the panel open. eg: 300\n */\n panelWidth: PropTypes.number.description('Width of the panel open. eg: 300'),\n /**\n * Callback\n */\n onClose: PropTypes.func.description('callback'),\n};\n\nTemplateBasicPageWithSidePanel.propTypes = props;\n\nconst DSTemplateBasicPageWithSidePanel = describe(\n TemplateBasicPageWithSidePanel,\n);\nDSTemplateBasicPageWithSidePanel.propTypes = props;\n\nexport { TemplateBasicPageWithSidePanel, DSTemplateBasicPageWithSidePanel };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,iCAAiC,CAAC;AAAA,EACtC,eAAe;AAAA,EACf,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,MAAD;AAAA,EACE,OAAO,EAAE,UAAU,UAAU,OAAO;AAAA,EACpC,QAAO;AAAA,EACP,WAAU;AAAA,EACV,MAAM,CAAC,QAAQ;AAAA,GAEf,qCAAC,MAAD,MAAO,eACP,qCAAC,WAAD;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEA,qCAAC,MAAD;AAAA,EAAM,OAAO,EAAE,UAAU;AAAA,EAAY,QAAO;AAAA,EAAO,WAAU;AAAA,GAC3D,qCAAC,MAAD;AAAA,EACE,MACE,aACI,CAAC,aAAa,SAAS,OAAO,oBAAoB,UAClD,CAAC,aAAa,SAAS,OAAO;AAAA,EAEpC,OAAO,EAAE,UAAU;AAAA,GAEnB,qCAAC,MAAD,MAAO,aACP,qCAAC,MAAD;AAAA,EAAM,OAAO,EAAE,UAAU;AAAA,GACvB,qCAAC,MAAD;AAAA,EAAM,OAAO,EAAE,UAAU;AAAA,GAAW,eAErC,cAAc,qCAAC,MAAD;AAAA,EAAM,YAAW;AAAA,GAAU;AAOpD,MAAM,QAAQ;AAAA,EAIZ,cAAc,UAAU,QAAQ,YAAY;AAAA,EAI5C,YAAY,UAAU,QAAQ,YAAY;AAAA,EAI1C,aAAa,UAAU,QAAQ,WAAW,YAAY;AAAA,EAItD,YAAY,UAAU,QAAQ,YAAY;AAAA,EAI1C,QAAQ,UAAU,KAAK,YAAY;AAAA,EAInC,aAAa,UAAU,QAAQ,YAAY;AAAA,EAI3C,aAAa,UAAU,QAAQ,YAC7B;AAAA,EAKF,cAAc,UAAU,QAAQ,YAAY;AAAA,EAI5C,YAAY,UAAU,OAAO,YAAY;AAAA,EAIzC,SAAS,UAAU,KAAK,YAAY;AAAA;AAGtC,+BAA+B,YAAY;AAE3C,MAAM,mCAAmC,SACvC;AAEF,iCAAiC,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/defaultProps.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
const defaultProps = {
|
|
3
|
-
isOpen: false,
|
|
4
|
-
panelWidth: 300,
|
|
5
|
-
widthWhenIsClosed: 0,
|
|
6
|
-
panelContentOverflow: "auto",
|
|
7
|
-
withBorder: true,
|
|
8
|
-
withBoxShadow: false
|
|
9
|
-
};
|
|
10
|
-
export {
|
|
11
|
-
defaultProps
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=defaultProps.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = {\n isOpen: false,\n panelWidth: 300,\n widthWhenIsClosed: 0,\n panelContentOverflow: 'auto',\n withBorder: true,\n withBoxShadow: false,\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,eAAe;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/index.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
export * from "./SidePanel";
|
|
3
|
-
export * from "./SidePanelHeader";
|
|
4
|
-
export * from "./TemplateBasicPageWithSidePanel";
|
|
5
|
-
import { default as default2 } from "./SidePanel";
|
|
6
|
-
export {
|
|
7
|
-
default2 as default
|
|
8
|
-
};
|
|
9
|
-
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './SidePanel';\nexport * from './SidePanelHeader';\nexport * from './TemplateBasicPageWithSidePanel';\nexport { default } from './SidePanel';\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/props.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "react-desc";
|
|
3
|
-
const props = {
|
|
4
|
-
children: PropTypes.element.isRequired.description("Main content"),
|
|
5
|
-
isOpen: PropTypes.bool.description("Should show the slide panel or not"),
|
|
6
|
-
footer: PropTypes.element.description("Footer for Slide Panel"),
|
|
7
|
-
header: PropTypes.element.description("Header for Slide Panel instance of SlidePanelHeader"),
|
|
8
|
-
panelContent: PropTypes.element.description("Content for Slide Panel"),
|
|
9
|
-
panelWidth: PropTypes.number.description("Width of the panel open. eg: 300"),
|
|
10
|
-
widthWhenIsClosed: PropTypes.number.description("Width of the panel closed. eg: 0"),
|
|
11
|
-
panelContentOverflow: PropTypes.oneOf(["auto", "hidden"]).description("Overflow on SidePanel content"),
|
|
12
|
-
withBorder: PropTypes.bool.description("Whether the sidepanel has border or not"),
|
|
13
|
-
withBoxShadow: PropTypes.bool.description("Whether the sidepanel has box shadow or not"),
|
|
14
|
-
noGridInfluencer: PropTypes.bool.description("Whether the sidepanel is grid-influencer or not")
|
|
15
|
-
};
|
|
16
|
-
export {
|
|
17
|
-
props
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=props.js.map
|
package/dist/esm/props.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 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 'react-desc';\n\nexport const props = {\n /**\n * Main content\n */\n children: PropTypes.element.isRequired.description('Main content'),\n /**\n * Should show the slide panel or not\n */\n isOpen: PropTypes.bool.description('Should show the slide panel or not'),\n /**\n * Footer for Slide Panel\n */\n footer: PropTypes.element.description('Footer for Slide Panel'),\n /**\n * Header for Slide Panel instance of SlidePanelHeader\n */\n header: PropTypes.element.description('Header for Slide Panel instance of SlidePanelHeader'),\n /**\n * Content for Slide Panel\n */\n panelContent: PropTypes.element.description('Content for Slide Panel'),\n /**\n * Width of the panel open. eg: 300\n */\n panelWidth: PropTypes.number.description('Width of the panel open. eg: 300'),\n\n widthWhenIsClosed: PropTypes.number.description('Width of the panel closed. eg: 0'),\n panelContentOverflow: PropTypes.oneOf(['auto', 'hidden']).description('Overflow on SidePanel content'),\n withBorder: PropTypes.bool.description('Whether the sidepanel has border or not'),\n withBoxShadow: PropTypes.bool.description('Whether the sidepanel has box shadow or not'),\n noGridInfluencer: PropTypes.bool.description('Whether the sidepanel is grid-influencer or not'),\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AAEO,MAAM,QAAQ;AAAA,EAInB,UAAU,UAAU,QAAQ,WAAW,YAAY;AAAA,EAInD,QAAQ,UAAU,KAAK,YAAY;AAAA,EAInC,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAItC,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAItC,cAAc,UAAU,QAAQ,YAAY;AAAA,EAI5C,YAAY,UAAU,OAAO,YAAY;AAAA,EAEzC,mBAAmB,UAAU,OAAO,YAAY;AAAA,EAChD,sBAAsB,UAAU,MAAM,CAAC,QAAQ,WAAW,YAAY;AAAA,EACtE,YAAY,UAAU,KAAK,YAAY;AAAA,EACvC,eAAe,UAAU,KAAK,YAAY;AAAA,EAC1C,kBAAkB,UAAU,KAAK,YAAY;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|