@elliemae/ds-side-panel 3.5.0-rc.9 → 3.6.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/dist/cjs/SidePanel.js +45 -29
- package/dist/cjs/SidePanel.js.map +2 -2
- package/dist/cjs/SidePanelHeader.js +52 -33
- package/dist/cjs/SidePanelHeader.js.map +2 -2
- package/dist/cjs/TemplateBasicPageWithSidePanel.js +42 -24
- package/dist/cjs/TemplateBasicPageWithSidePanel.js.map +2 -2
- package/dist/esm/SidePanel.js +45 -29
- package/dist/esm/SidePanel.js.map +2 -2
- package/dist/esm/SidePanelHeader.js +52 -33
- package/dist/esm/SidePanelHeader.js.map +2 -2
- package/dist/esm/TemplateBasicPageWithSidePanel.js +42 -24
- package/dist/esm/TemplateBasicPageWithSidePanel.js.map +2 -2
- package/package.json +6 -6
package/dist/cjs/SidePanel.js
CHANGED
|
@@ -30,7 +30,7 @@ __export(SidePanel_exports, {
|
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(SidePanel_exports);
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
34
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
35
35
|
var import_ds_system = require("@elliemae/ds-system");
|
|
36
36
|
var import_ds_system2 = require("@elliemae/ds-system");
|
|
@@ -72,34 +72,50 @@ const SidePanel = ({
|
|
|
72
72
|
noGridInfluencer,
|
|
73
73
|
withBorder = true,
|
|
74
74
|
withBoxShadow = false
|
|
75
|
-
}) => /* @__PURE__ */
|
|
76
|
-
noGridInfluencer
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
75
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, {
|
|
76
|
+
noGridInfluencer,
|
|
77
|
+
children: [
|
|
78
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TransGrid, {
|
|
79
|
+
height: "100%",
|
|
80
|
+
flex: "1",
|
|
81
|
+
mr: noGridInfluencer ? `${widthWhenIsClosed}px` : 0,
|
|
82
|
+
children
|
|
83
|
+
}),
|
|
84
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TransGrid, {
|
|
85
|
+
style: { overflow: "hidden" },
|
|
86
|
+
height: "100%",
|
|
87
|
+
maxHeight: "100%",
|
|
88
|
+
width: isOpen ? `${panelWidth}px` : `${widthWhenIsClosed}px`,
|
|
89
|
+
withBorder,
|
|
90
|
+
withBoxShadow,
|
|
91
|
+
isOpen,
|
|
92
|
+
cols: [1],
|
|
93
|
+
noGridInfluencer,
|
|
94
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
|
|
95
|
+
rows: footer ? [header ? "48px" : "0px", "minmax(0px, 1fr)", "48px"] : [header ? "48px" : "0px", "minmax(0px, 1fr)"],
|
|
96
|
+
style: { overflow: "hidden" },
|
|
97
|
+
children: [
|
|
98
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
99
|
+
children: header
|
|
100
|
+
}),
|
|
101
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
102
|
+
style: { overflow: "hidden" },
|
|
103
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
104
|
+
style: { overflow: panelContentOverflow },
|
|
105
|
+
children: panelContent
|
|
106
|
+
})
|
|
107
|
+
}),
|
|
108
|
+
footer ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterContainer, {
|
|
109
|
+
alignItems: "center",
|
|
110
|
+
pl: "xs",
|
|
111
|
+
pr: "xs",
|
|
112
|
+
children: footer
|
|
113
|
+
}) : null
|
|
114
|
+
]
|
|
115
|
+
})
|
|
116
|
+
})
|
|
117
|
+
]
|
|
118
|
+
});
|
|
103
119
|
SidePanel.propTypes = import_props.props;
|
|
104
120
|
SidePanel.defaultProps = import_defaultProps.defaultProps;
|
|
105
121
|
SidePanel.displayName = "SidePanel";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SidePanel.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { border } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { props as spprops } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst Container = styled.div<{ noGridInfluencer: boolean }>`\n display: flex;\n height: 100%;\n flex-direction: row;\n max-height: 100%;\n overflow: hidden;\n ${({ noGridInfluencer }) => (noGridInfluencer ? 'position: relative;' : '')}\n`;\n\nconst TransGrid = styled(Grid)`\n box-shadow: ${(props) => (props.withBoxShadow ? '0 2px 5px 0 rgba(53, 60, 70, 0.5)' : 'none')};\n transition: 300ms;\n border-left: ${(props) => (props.withBorder ? border(props.theme.colors.neutral['300'], '1px') : 'none')};\n ${({ noGridInfluencer }) =>\n noGridInfluencer\n ? `\n position: absolute;\n top:0;\n right:0;\n height: 100%;\n `\n : ''}\n background: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nconst FooterContainer = styled(Grid)`\n border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst SidePanel = ({\n children,\n isOpen,\n footer,\n header,\n panelContent,\n panelWidth,\n panelContentOverflow,\n widthWhenIsClosed,\n noGridInfluencer,\n withBorder = true,\n withBoxShadow = false,\n}): React.ReactElement => (\n <Container noGridInfluencer={noGridInfluencer}>\n <TransGrid height=\"100%\" flex=\"1\" mr={noGridInfluencer ? `${widthWhenIsClosed}px` : 0}>\n {children}\n </TransGrid>\n <TransGrid\n style={{ overflow: 'hidden' }}\n height=\"100%\"\n maxHeight=\"100%\"\n width={isOpen ? `${panelWidth}px` : `${widthWhenIsClosed}px`}\n withBorder={withBorder}\n withBoxShadow={withBoxShadow}\n isOpen={isOpen}\n cols={[1]}\n noGridInfluencer={noGridInfluencer}\n >\n <Grid\n rows={\n footer ? [header ? '48px' : '0px', 'minmax(0px, 1fr)', '48px'] : [header ? '48px' : '0px', 'minmax(0px, 1fr)']\n }\n style={{ overflow: 'hidden' }}\n >\n <Grid>{header}</Grid>\n <Grid style={{ overflow: 'hidden' }}>\n <Grid style={{ overflow: panelContentOverflow }}>{panelContent}</Grid>\n </Grid>\n {footer ? (\n <FooterContainer alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n {footer}\n </FooterContainer>\n ) : null}\n </Grid>\n </TransGrid>\n </Container>\n);\n\nSidePanel.propTypes = spprops;\nSidePanel.defaultProps = defaultProps;\nSidePanel.displayName = 'SidePanel';\nconst DSSidePanelWithSchema = describe(SidePanel);\nDSSidePanelWithSchema.propTypes = spprops;\n\nexport { SidePanel, DSSidePanelWithSchema };\nexport default SidePanel;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
6
|
-
"names": ["import_ds_system", "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAyB;AACzB,uBAAuB;AACvB,IAAAA,oBAAuB;AACvB,qBAAqB;AACrB,mBAAiC;AACjC,0BAA6B;AAE7B,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrB,CAAC,EAAE,iBAAiB,MAAO,mBAAmB,wBAAwB;AAAA;AAG1E,MAAM,gBAAY,yBAAO,mBAAI;AAAA,gBACb,CAAC,UAAW,MAAM,gBAAgB,sCAAsC;AAAA;AAAA,iBAEvE,CAAC,UAAW,MAAM,iBAAa,0BAAO,MAAM,MAAM,OAAO,QAAQ,QAAQ,KAAK,IAAI;AAAA,IAC/F,CAAC,EAAE,iBAAiB,MACpB,mBACI;AAAA;AAAA;AAAA;AAAA;AAAA,OAMA;AAAA,gBACQ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGtD,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBACnB,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGnE,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,gBAAgB;AAClB,MACE,6CAAC;AAAA,EAAU;AAAA,EACT;AAAA,gDAAC;AAAA,MAAU,QAAO;AAAA,MAAO,MAAK;AAAA,MAAI,IAAI,mBAAmB,GAAG,wBAAwB;AAAA,MACjF;AAAA,KACH;AAAA,IACA,4CAAC;AAAA,MACC,OAAO,EAAE,UAAU,SAAS;AAAA,MAC5B,QAAO;AAAA,MACP,WAAU;AAAA,MACV,OAAO,SAAS,GAAG,iBAAiB,GAAG;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,CAAC,CAAC;AAAA,MACR;AAAA,MAEA,uDAAC;AAAA,QACC,MACE,SAAS,CAAC,SAAS,SAAS,OAAO,oBAAoB,MAAM,IAAI,CAAC,SAAS,SAAS,OAAO,kBAAkB;AAAA,QAE/G,OAAO,EAAE,UAAU,SAAS;AAAA,QAE5B;AAAA,sDAAC;AAAA,YAAM;AAAA,WAAO;AAAA,UACd,4CAAC;AAAA,YAAK,OAAO,EAAE,UAAU,SAAS;AAAA,YAChC,sDAAC;AAAA,cAAK,OAAO,EAAE,UAAU,qBAAqB;AAAA,cAAI;AAAA,aAAa;AAAA,WACjE;AAAA,UACC,SACC,4CAAC;AAAA,YAAgB,YAAW;AAAA,YAAS,IAAG;AAAA,YAAK,IAAG;AAAA,YAC7C;AAAA,WACH,IACE;AAAA;AAAA,OACN;AAAA,KACF;AAAA;AAAA,CACF;AAGF,UAAU,YAAY,aAAAC;AACtB,UAAU,eAAe;AACzB,UAAU,cAAc;AACxB,MAAM,4BAAwB,8BAAS,SAAS;AAChD,sBAAsB,YAAY,aAAAA;AAGlC,IAAO,oBAAQ;",
|
|
6
|
+
"names": ["import_ds_system", "spprops"]
|
|
7
7
|
}
|
|
@@ -29,7 +29,7 @@ __export(SidePanelHeader_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(SidePanelHeader_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
33
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
34
34
|
var import_ds_system = require("@elliemae/ds-system");
|
|
35
35
|
var import_lodash = require("lodash");
|
|
@@ -54,45 +54,64 @@ const Wrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
|
54
54
|
`;
|
|
55
55
|
const SidePanelHeader = ({ title = null, additionalAction = null, onClose = import_lodash.noop, showClose = true }) => {
|
|
56
56
|
const theme = (0, import_ds_system2.useTheme)();
|
|
57
|
-
const separator = /* @__PURE__ */
|
|
58
|
-
height: "24px"
|
|
59
|
-
|
|
57
|
+
const separator = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
58
|
+
height: "24px",
|
|
59
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledSeparator, {})
|
|
60
|
+
});
|
|
60
61
|
const cols = [1, "auto", "auto"];
|
|
61
62
|
const cols2 = ["auto"];
|
|
62
|
-
return /* @__PURE__ */
|
|
63
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
|
|
63
64
|
cols,
|
|
64
65
|
height: theme.space.m,
|
|
65
66
|
pl: theme.space.xs,
|
|
66
67
|
pr: theme.space.xs,
|
|
67
68
|
alignItems: "center",
|
|
68
|
-
width: "100%"
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
69
|
+
width: "100%",
|
|
70
|
+
children: [
|
|
71
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
72
|
+
alignItems: "center",
|
|
73
|
+
justifyContent: "flex-start",
|
|
74
|
+
cols: cols2,
|
|
75
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
76
|
+
cols: [1],
|
|
77
|
+
alignItems: "center",
|
|
78
|
+
pr: theme.space.xs,
|
|
79
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
80
|
+
flexGrow: 0,
|
|
81
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
82
|
+
cols: ["auto", "auto"],
|
|
83
|
+
alignItems: "center",
|
|
84
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTitle, {
|
|
85
|
+
maxWidth: "100%",
|
|
86
|
+
alignItems: "center",
|
|
87
|
+
children: title
|
|
88
|
+
})
|
|
89
|
+
})
|
|
90
|
+
})
|
|
91
|
+
})
|
|
92
|
+
}),
|
|
93
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
|
|
94
|
+
ml: "xxs",
|
|
95
|
+
alignItems: "center",
|
|
96
|
+
cols: additionalAction ? ["auto", "auto", "auto"] : ["auto"],
|
|
97
|
+
children: [
|
|
98
|
+
additionalAction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
99
|
+
children: additionalAction
|
|
100
|
+
}),
|
|
101
|
+
additionalAction && showClose && separator,
|
|
102
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
103
|
+
children: showClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
|
|
104
|
+
buttonType: "text",
|
|
105
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseSmall, {}),
|
|
106
|
+
size: "m",
|
|
107
|
+
onClick: onClose,
|
|
108
|
+
"data-testid": "btn-close-slide-panel"
|
|
109
|
+
})
|
|
110
|
+
})
|
|
111
|
+
]
|
|
112
|
+
})
|
|
113
|
+
]
|
|
114
|
+
});
|
|
96
115
|
};
|
|
97
116
|
const props = {
|
|
98
117
|
title: import_ds_utilities.PropTypes.string.description("Page title"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SidePanelHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { noop } from 'lodash';\nimport { border, truncate, useTheme } from '@elliemae/ds-system';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst StyledSeparator = styled.div`\n width: 0;\n height: 100%;\n margin: 0 ${(props) => props.theme.space.xxs};\n border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};\n`;\n\nconst StyledTitle = styled.div`\n font-size: 18px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n ${truncate()}\n`;\n\nconst Wrapper = styled(Grid)`\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst SidePanelHeader = ({ title = null, additionalAction = null, onClose = noop, showClose = true }) => {\n const theme = useTheme();\n const separator = (\n <Grid height=\"24px\">\n <StyledSeparator />\n </Grid>\n );\n const cols = [1, 'auto', 'auto'];\n const cols2 = ['auto'];\n return (\n <Wrapper\n cols={cols}\n height={theme.space.m}\n pl={theme.space.xs}\n pr={theme.space.xs}\n alignItems=\"center\"\n width=\"100%\"\n >\n <Grid alignItems=\"center\" justifyContent=\"flex-start\" cols={cols2}>\n <Grid cols={[1]} alignItems=\"center\" pr={theme.space.xs}>\n <Grid flexGrow={0}>\n <Grid cols={['auto', 'auto']} alignItems=\"center\">\n <StyledTitle maxWidth=\"100%\" alignItems=\"center\">\n {title}\n </StyledTitle>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n <Grid ml=\"xxs\" alignItems=\"center\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n {additionalAction && <Grid>{additionalAction}</Grid>}\n {additionalAction && showClose && separator}\n <Grid>\n {showClose && (\n <DSButton\n buttonType=\"text\"\n icon={<CloseSmall />}\n size=\"m\"\n onClick={onClose}\n data-testid=\"btn-close-slide-panel\"\n />\n )}\n </Grid>\n </Grid>\n </Wrapper>\n );\n};\n\nconst props = {\n /** Page title */\n title: PropTypes.string.description('Page title'),\n\n /** Action button */\n additionalAction: PropTypes.element.description('Action button'),\n\n /** Called when the slide collapse */\n onClose: PropTypes.func.description('Called when the slide collapse'),\n\n /** Show/Hide close button */\n showClose: PropTypes.bool.description('Show/Hide close button'),\n};\n\nSidePanelHeader.propTypes = props;\nSidePanelHeader.displayName = 'SidePanelHeader';\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = props;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
6
|
-
"names": ["import_ds_system", "props", "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,uBAAuB;AACvB,oBAAqB;AACrB,IAAAA,oBAA2C;AAC3C,sBAA2B;AAC3B,uBAAqB;AACrB,qBAAqB;AAErB,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA,cAGjB,CAACC,WAAUA,OAAM,MAAM,MAAM;AAAA,iBAC1B,CAACA,WAAU,GAAGA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAG1D,MAAM,cAAc,wBAAO;AAAA;AAAA,iBAEV,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,WACzC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,QAC7C,4BAAS;AAAA;AAGb,MAAM,cAAU,yBAAO,mBAAI;AAAA,mBACR,CAACA,eAAU,0BAAOA,OAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGtE,MAAM,kBAAkB,CAAC,EAAE,QAAQ,MAAM,mBAAmB,MAAM,UAAU,oBAAM,YAAY,KAAK,MAAM;AACvG,QAAM,YAAQ,4BAAS;AACvB,QAAM,YACJ,4CAAC;AAAA,IAAK,QAAO;AAAA,IACX,sDAAC,mBAAgB;AAAA,GACnB;AAEF,QAAM,OAAO,CAAC,GAAG,QAAQ,MAAM;AAC/B,QAAM,QAAQ,CAAC,MAAM;AACrB,SACE,6CAAC;AAAA,IACC;AAAA,IACA,QAAQ,MAAM,MAAM;AAAA,IACpB,IAAI,MAAM,MAAM;AAAA,IAChB,IAAI,MAAM,MAAM;AAAA,IAChB,YAAW;AAAA,IACX,OAAM;AAAA,IAEN;AAAA,kDAAC;AAAA,QAAK,YAAW;AAAA,QAAS,gBAAe;AAAA,QAAa,MAAM;AAAA,QAC1D,sDAAC;AAAA,UAAK,MAAM,CAAC,CAAC;AAAA,UAAG,YAAW;AAAA,UAAS,IAAI,MAAM,MAAM;AAAA,UACnD,sDAAC;AAAA,YAAK,UAAU;AAAA,YACd,sDAAC;AAAA,cAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,cAAG,YAAW;AAAA,cACvC,sDAAC;AAAA,gBAAY,UAAS;AAAA,gBAAO,YAAW;AAAA,gBACrC;AAAA,eACH;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,MACA,6CAAC;AAAA,QAAK,IAAG;AAAA,QAAM,YAAW;AAAA,QAAS,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM;AAAA,QAC3F;AAAA,8BAAoB,4CAAC;AAAA,YAAM;AAAA,WAAiB;AAAA,UAC5C,oBAAoB,aAAa;AAAA,UAClC,4CAAC;AAAA,YACE,uBACC,4CAAC,iBAAAC,SAAA;AAAA,cACC,YAAW;AAAA,cACX,MAAM,4CAAC,8BAAW;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cACT,eAAY;AAAA,aACd;AAAA,WAEJ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,YAAY;AAAA,EAGhD,kBAAkB,8BAAU,QAAQ,YAAY,eAAe;AAAA,EAG/D,SAAS,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAGpE,WAAW,8BAAU,KAAK,YAAY,wBAAwB;AAChE;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,8BAAS,eAAe;AAE5D,4BAA4B,YAAY;",
|
|
6
|
+
"names": ["import_ds_system", "props", "DSButton"]
|
|
7
7
|
}
|
|
@@ -29,7 +29,7 @@ __export(TemplateBasicPageWithSidePanel_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(TemplateBasicPageWithSidePanel_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
33
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
34
34
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
35
35
|
var import_SidePanel = __toESM(require("./SidePanel"));
|
|
@@ -44,32 +44,50 @@ const TemplateBasicPageWithSidePanel = ({
|
|
|
44
44
|
panelHeader,
|
|
45
45
|
panelContent,
|
|
46
46
|
panelWidth
|
|
47
|
-
}) => /* @__PURE__ */
|
|
47
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
|
|
48
48
|
style: { overflow: "hidden", width: "100%" },
|
|
49
49
|
height: "100%",
|
|
50
50
|
maxHeight: "100%",
|
|
51
|
-
rows: ["auto", "1fr"]
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
51
|
+
rows: ["auto", "1fr"],
|
|
52
|
+
children: [
|
|
53
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
54
|
+
children: globalHeader
|
|
55
|
+
}),
|
|
56
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SidePanel.default, {
|
|
57
|
+
footer: panelFooter,
|
|
58
|
+
header: panelHeader,
|
|
59
|
+
panelWidth,
|
|
60
|
+
onClose,
|
|
61
|
+
panelContent,
|
|
62
|
+
isOpen,
|
|
63
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
64
|
+
style: { overflow: "hidden" },
|
|
65
|
+
height: "100%",
|
|
66
|
+
maxHeight: "100%",
|
|
67
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
|
|
68
|
+
rows: mainFooter ? [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)", "48px"] : [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)"],
|
|
69
|
+
style: { overflow: "hidden" },
|
|
70
|
+
children: [
|
|
71
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
72
|
+
children: mainHeader
|
|
73
|
+
}),
|
|
74
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
75
|
+
style: { overflow: "hidden" },
|
|
76
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
77
|
+
style: { overflow: "auto" },
|
|
78
|
+
children: mainContent
|
|
79
|
+
})
|
|
80
|
+
}),
|
|
81
|
+
mainFooter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
82
|
+
alignItems: "center",
|
|
83
|
+
children: mainFooter
|
|
84
|
+
})
|
|
85
|
+
]
|
|
86
|
+
})
|
|
87
|
+
})
|
|
88
|
+
})
|
|
89
|
+
]
|
|
90
|
+
});
|
|
73
91
|
const props = {
|
|
74
92
|
globalHeader: import_ds_utilities.PropTypes.element.description("Global Header"),
|
|
75
93
|
mainHeader: import_ds_utilities.PropTypes.element.description("Main Header"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TemplateBasicPageWithSidePanel.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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;\nTemplateBasicPageWithSidePanel.displayName = 'TemplateBasicPageWithSidePanel';\nconst DSTemplateBasicPageWithSidePanel = describe(\n TemplateBasicPageWithSidePanel,\n);\nDSTemplateBasicPageWithSidePanel.propTypes = props;\n\nexport { TemplateBasicPageWithSidePanel, DSTemplateBasicPageWithSidePanel };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
6
|
-
"names": ["
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,qBAAqB;AACrB,uBAAsB;AAEtB,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;AACF,MACE,6CAAC;AAAA,EACC,OAAO,EAAE,UAAU,UAAU,OAAO,OAAO;AAAA,EAC3C,QAAO;AAAA,EACP,WAAU;AAAA,EACV,MAAM,CAAC,QAAQ,KAAK;AAAA,EAEpB;AAAA,gDAAC;AAAA,MAAM;AAAA,KAAa;AAAA,IACpB,4CAAC,iBAAAA,SAAA;AAAA,MACC,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,sDAAC;AAAA,QAAK,OAAO,EAAE,UAAU,SAAS;AAAA,QAAG,QAAO;AAAA,QAAO,WAAU;AAAA,QAC3D,uDAAC;AAAA,UACC,MACE,aACI,CAAC,aAAa,SAAS,OAAO,oBAAoB,MAAM,IACxD,CAAC,aAAa,SAAS,OAAO,kBAAkB;AAAA,UAEtD,OAAO,EAAE,UAAU,SAAS;AAAA,UAE5B;AAAA,wDAAC;AAAA,cAAM;AAAA,aAAW;AAAA,YAClB,4CAAC;AAAA,cAAK,OAAO,EAAE,UAAU,SAAS;AAAA,cAChC,sDAAC;AAAA,gBAAK,OAAO,EAAE,UAAU,OAAO;AAAA,gBAAI;AAAA,eAAY;AAAA,aAClD;AAAA,YACC,cAAc,4CAAC;AAAA,cAAK,YAAW;AAAA,cAAU;AAAA,aAAW;AAAA;AAAA,SACvD;AAAA,OACF;AAAA,KACF;AAAA;AAAA,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,cAAc,8BAAU,QAAQ,YAAY,eAAe;AAAA,EAI3D,YAAY,8BAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,aAAa,8BAAU,QAAQ,WAAW,YAAY,cAAc;AAAA,EAIpE,YAAY,8BAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,QAAQ,8BAAU,KAAK,YAAY,oCAAoC;AAAA,EAIvE,aAAa,8BAAU,QAAQ,YAAY,wBAAwB;AAAA,EAInE,aAAa,8BAAU,QAAQ;AAAA,IAC7B;AAAA,EACF;AAAA,EAIA,cAAc,8BAAU,QAAQ,YAAY,yBAAyB;AAAA,EAIrE,YAAY,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAI3E,SAAS,8BAAU,KAAK,YAAY,UAAU;AAChD;AAEA,+BAA+B,YAAY;AAC3C,+BAA+B,cAAc;AAC7C,MAAM,uCAAmC;AAAA,EACvC;AACF;AACA,iCAAiC,YAAY;",
|
|
6
|
+
"names": ["SidePanel"]
|
|
7
7
|
}
|
package/dist/esm/SidePanel.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import { styled } from "@elliemae/ds-system";
|
|
5
5
|
import { border } from "@elliemae/ds-system";
|
|
@@ -41,34 +41,50 @@ const SidePanel = ({
|
|
|
41
41
|
noGridInfluencer,
|
|
42
42
|
withBorder = true,
|
|
43
43
|
withBoxShadow = false
|
|
44
|
-
}) => /* @__PURE__ */
|
|
45
|
-
noGridInfluencer
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
44
|
+
}) => /* @__PURE__ */ jsxs(Container, {
|
|
45
|
+
noGridInfluencer,
|
|
46
|
+
children: [
|
|
47
|
+
/* @__PURE__ */ jsx(TransGrid, {
|
|
48
|
+
height: "100%",
|
|
49
|
+
flex: "1",
|
|
50
|
+
mr: noGridInfluencer ? `${widthWhenIsClosed}px` : 0,
|
|
51
|
+
children
|
|
52
|
+
}),
|
|
53
|
+
/* @__PURE__ */ jsx(TransGrid, {
|
|
54
|
+
style: { overflow: "hidden" },
|
|
55
|
+
height: "100%",
|
|
56
|
+
maxHeight: "100%",
|
|
57
|
+
width: isOpen ? `${panelWidth}px` : `${widthWhenIsClosed}px`,
|
|
58
|
+
withBorder,
|
|
59
|
+
withBoxShadow,
|
|
60
|
+
isOpen,
|
|
61
|
+
cols: [1],
|
|
62
|
+
noGridInfluencer,
|
|
63
|
+
children: /* @__PURE__ */ jsxs(Grid, {
|
|
64
|
+
rows: footer ? [header ? "48px" : "0px", "minmax(0px, 1fr)", "48px"] : [header ? "48px" : "0px", "minmax(0px, 1fr)"],
|
|
65
|
+
style: { overflow: "hidden" },
|
|
66
|
+
children: [
|
|
67
|
+
/* @__PURE__ */ jsx(Grid, {
|
|
68
|
+
children: header
|
|
69
|
+
}),
|
|
70
|
+
/* @__PURE__ */ jsx(Grid, {
|
|
71
|
+
style: { overflow: "hidden" },
|
|
72
|
+
children: /* @__PURE__ */ jsx(Grid, {
|
|
73
|
+
style: { overflow: panelContentOverflow },
|
|
74
|
+
children: panelContent
|
|
75
|
+
})
|
|
76
|
+
}),
|
|
77
|
+
footer ? /* @__PURE__ */ jsx(FooterContainer, {
|
|
78
|
+
alignItems: "center",
|
|
79
|
+
pl: "xs",
|
|
80
|
+
pr: "xs",
|
|
81
|
+
children: footer
|
|
82
|
+
}) : null
|
|
83
|
+
]
|
|
84
|
+
})
|
|
85
|
+
})
|
|
86
|
+
]
|
|
87
|
+
});
|
|
72
88
|
SidePanel.propTypes = spprops;
|
|
73
89
|
SidePanel.defaultProps = defaultProps;
|
|
74
90
|
SidePanel.displayName = "SidePanel";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/SidePanel.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { border } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { props as spprops } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst Container = styled.div<{ noGridInfluencer: boolean }>`\n display: flex;\n height: 100%;\n flex-direction: row;\n max-height: 100%;\n overflow: hidden;\n ${({ noGridInfluencer }) => (noGridInfluencer ? 'position: relative;' : '')}\n`;\n\nconst TransGrid = styled(Grid)`\n box-shadow: ${(props) => (props.withBoxShadow ? '0 2px 5px 0 rgba(53, 60, 70, 0.5)' : 'none')};\n transition: 300ms;\n border-left: ${(props) => (props.withBorder ? border(props.theme.colors.neutral['300'], '1px') : 'none')};\n ${({ noGridInfluencer }) =>\n noGridInfluencer\n ? `\n position: absolute;\n top:0;\n right:0;\n height: 100%;\n `\n : ''}\n background: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nconst FooterContainer = styled(Grid)`\n border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst SidePanel = ({\n children,\n isOpen,\n footer,\n header,\n panelContent,\n panelWidth,\n panelContentOverflow,\n widthWhenIsClosed,\n noGridInfluencer,\n withBorder = true,\n withBoxShadow = false,\n}): React.ReactElement => (\n <Container noGridInfluencer={noGridInfluencer}>\n <TransGrid height=\"100%\" flex=\"1\" mr={noGridInfluencer ? `${widthWhenIsClosed}px` : 0}>\n {children}\n </TransGrid>\n <TransGrid\n style={{ overflow: 'hidden' }}\n height=\"100%\"\n maxHeight=\"100%\"\n width={isOpen ? `${panelWidth}px` : `${widthWhenIsClosed}px`}\n withBorder={withBorder}\n withBoxShadow={withBoxShadow}\n isOpen={isOpen}\n cols={[1]}\n noGridInfluencer={noGridInfluencer}\n >\n <Grid\n rows={\n footer ? [header ? '48px' : '0px', 'minmax(0px, 1fr)', '48px'] : [header ? '48px' : '0px', 'minmax(0px, 1fr)']\n }\n style={{ overflow: 'hidden' }}\n >\n <Grid>{header}</Grid>\n <Grid style={{ overflow: 'hidden' }}>\n <Grid style={{ overflow: panelContentOverflow }}>{panelContent}</Grid>\n </Grid>\n {footer ? (\n <FooterContainer alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n {footer}\n </FooterContainer>\n ) : null}\n </Grid>\n </TransGrid>\n </Container>\n);\n\nSidePanel.propTypes = spprops;\nSidePanel.defaultProps = defaultProps;\nSidePanel.displayName = 'SidePanel';\nconst DSSidePanelWithSchema = describe(SidePanel);\nDSSidePanelWithSchema.propTypes = spprops;\n\nexport { SidePanel, DSSidePanelWithSchema };\nexport default SidePanel;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,SAAS,eAAe;AACjC,SAAS,oBAAoB;AAE7B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrB,CAAC,EAAE,iBAAiB,MAAO,mBAAmB,wBAAwB;AAAA;AAG1E,MAAM,YAAY,OAAO,IAAI;AAAA,gBACb,CAAC,UAAW,MAAM,gBAAgB,sCAAsC;AAAA;AAAA,iBAEvE,CAAC,UAAW,MAAM,aAAa,OAAO,MAAM,MAAM,OAAO,QAAQ,QAAQ,KAAK,IAAI;AAAA,IAC/F,CAAC,EAAE,iBAAiB,MACpB,mBACI;AAAA;AAAA;AAAA;AAAA;AAAA,OAMA;AAAA,gBACQ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGtD,MAAM,kBAAkB,OAAO,IAAI;AAAA,gBACnB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGnE,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,gBAAgB;AAClB,MACE,qBAAC;AAAA,EAAU;AAAA,EACT;AAAA,wBAAC;AAAA,MAAU,QAAO;AAAA,MAAO,MAAK;AAAA,MAAI,IAAI,mBAAmB,GAAG,wBAAwB;AAAA,MACjF;AAAA,KACH;AAAA,IACA,oBAAC;AAAA,MACC,OAAO,EAAE,UAAU,SAAS;AAAA,MAC5B,QAAO;AAAA,MACP,WAAU;AAAA,MACV,OAAO,SAAS,GAAG,iBAAiB,GAAG;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,CAAC,CAAC;AAAA,MACR;AAAA,MAEA,+BAAC;AAAA,QACC,MACE,SAAS,CAAC,SAAS,SAAS,OAAO,oBAAoB,MAAM,IAAI,CAAC,SAAS,SAAS,OAAO,kBAAkB;AAAA,QAE/G,OAAO,EAAE,UAAU,SAAS;AAAA,QAE5B;AAAA,8BAAC;AAAA,YAAM;AAAA,WAAO;AAAA,UACd,oBAAC;AAAA,YAAK,OAAO,EAAE,UAAU,SAAS;AAAA,YAChC,8BAAC;AAAA,cAAK,OAAO,EAAE,UAAU,qBAAqB;AAAA,cAAI;AAAA,aAAa;AAAA,WACjE;AAAA,UACC,SACC,oBAAC;AAAA,YAAgB,YAAW;AAAA,YAAS,IAAG;AAAA,YAAK,IAAG;AAAA,YAC7C;AAAA,WACH,IACE;AAAA;AAAA,OACN;AAAA,KACF;AAAA;AAAA,CACF;AAGF,UAAU,YAAY;AACtB,UAAU,eAAe;AACzB,UAAU,cAAc;AACxB,MAAM,wBAAwB,SAAS,SAAS;AAChD,sBAAsB,YAAY;AAGlC,IAAO,oBAAQ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { PropTypes, describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import { styled } from "@elliemae/ds-system";
|
|
5
5
|
import { noop } from "lodash";
|
|
@@ -24,45 +24,64 @@ const Wrapper = styled(Grid)`
|
|
|
24
24
|
`;
|
|
25
25
|
const SidePanelHeader = ({ title = null, additionalAction = null, onClose = noop, showClose = true }) => {
|
|
26
26
|
const theme = useTheme();
|
|
27
|
-
const separator = /* @__PURE__ */
|
|
28
|
-
height: "24px"
|
|
29
|
-
|
|
27
|
+
const separator = /* @__PURE__ */ jsx(Grid, {
|
|
28
|
+
height: "24px",
|
|
29
|
+
children: /* @__PURE__ */ jsx(StyledSeparator, {})
|
|
30
|
+
});
|
|
30
31
|
const cols = [1, "auto", "auto"];
|
|
31
32
|
const cols2 = ["auto"];
|
|
32
|
-
return /* @__PURE__ */
|
|
33
|
+
return /* @__PURE__ */ jsxs(Wrapper, {
|
|
33
34
|
cols,
|
|
34
35
|
height: theme.space.m,
|
|
35
36
|
pl: theme.space.xs,
|
|
36
37
|
pr: theme.space.xs,
|
|
37
38
|
alignItems: "center",
|
|
38
|
-
width: "100%"
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
39
|
+
width: "100%",
|
|
40
|
+
children: [
|
|
41
|
+
/* @__PURE__ */ jsx(Grid, {
|
|
42
|
+
alignItems: "center",
|
|
43
|
+
justifyContent: "flex-start",
|
|
44
|
+
cols: cols2,
|
|
45
|
+
children: /* @__PURE__ */ jsx(Grid, {
|
|
46
|
+
cols: [1],
|
|
47
|
+
alignItems: "center",
|
|
48
|
+
pr: theme.space.xs,
|
|
49
|
+
children: /* @__PURE__ */ jsx(Grid, {
|
|
50
|
+
flexGrow: 0,
|
|
51
|
+
children: /* @__PURE__ */ jsx(Grid, {
|
|
52
|
+
cols: ["auto", "auto"],
|
|
53
|
+
alignItems: "center",
|
|
54
|
+
children: /* @__PURE__ */ jsx(StyledTitle, {
|
|
55
|
+
maxWidth: "100%",
|
|
56
|
+
alignItems: "center",
|
|
57
|
+
children: title
|
|
58
|
+
})
|
|
59
|
+
})
|
|
60
|
+
})
|
|
61
|
+
})
|
|
62
|
+
}),
|
|
63
|
+
/* @__PURE__ */ jsxs(Grid, {
|
|
64
|
+
ml: "xxs",
|
|
65
|
+
alignItems: "center",
|
|
66
|
+
cols: additionalAction ? ["auto", "auto", "auto"] : ["auto"],
|
|
67
|
+
children: [
|
|
68
|
+
additionalAction && /* @__PURE__ */ jsx(Grid, {
|
|
69
|
+
children: additionalAction
|
|
70
|
+
}),
|
|
71
|
+
additionalAction && showClose && separator,
|
|
72
|
+
/* @__PURE__ */ jsx(Grid, {
|
|
73
|
+
children: showClose && /* @__PURE__ */ jsx(DSButton, {
|
|
74
|
+
buttonType: "text",
|
|
75
|
+
icon: /* @__PURE__ */ jsx(CloseSmall, {}),
|
|
76
|
+
size: "m",
|
|
77
|
+
onClick: onClose,
|
|
78
|
+
"data-testid": "btn-close-slide-panel"
|
|
79
|
+
})
|
|
80
|
+
})
|
|
81
|
+
]
|
|
82
|
+
})
|
|
83
|
+
]
|
|
84
|
+
});
|
|
66
85
|
};
|
|
67
86
|
const props = {
|
|
68
87
|
title: PropTypes.string.description("Page title"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/SidePanelHeader.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { noop } from 'lodash';\nimport { border, truncate, useTheme } from '@elliemae/ds-system';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst StyledSeparator = styled.div`\n width: 0;\n height: 100%;\n margin: 0 ${(props) => props.theme.space.xxs};\n border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};\n`;\n\nconst StyledTitle = styled.div`\n font-size: 18px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n ${truncate()}\n`;\n\nconst Wrapper = styled(Grid)`\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst SidePanelHeader = ({ title = null, additionalAction = null, onClose = noop, showClose = true }) => {\n const theme = useTheme();\n const separator = (\n <Grid height=\"24px\">\n <StyledSeparator />\n </Grid>\n );\n const cols = [1, 'auto', 'auto'];\n const cols2 = ['auto'];\n return (\n <Wrapper\n cols={cols}\n height={theme.space.m}\n pl={theme.space.xs}\n pr={theme.space.xs}\n alignItems=\"center\"\n width=\"100%\"\n >\n <Grid alignItems=\"center\" justifyContent=\"flex-start\" cols={cols2}>\n <Grid cols={[1]} alignItems=\"center\" pr={theme.space.xs}>\n <Grid flexGrow={0}>\n <Grid cols={['auto', 'auto']} alignItems=\"center\">\n <StyledTitle maxWidth=\"100%\" alignItems=\"center\">\n {title}\n </StyledTitle>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n <Grid ml=\"xxs\" alignItems=\"center\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n {additionalAction && <Grid>{additionalAction}</Grid>}\n {additionalAction && showClose && separator}\n <Grid>\n {showClose && (\n <DSButton\n buttonType=\"text\"\n icon={<CloseSmall />}\n size=\"m\"\n onClick={onClose}\n data-testid=\"btn-close-slide-panel\"\n />\n )}\n </Grid>\n </Grid>\n </Wrapper>\n );\n};\n\nconst props = {\n /** Page title */\n title: PropTypes.string.description('Page title'),\n\n /** Action button */\n additionalAction: PropTypes.element.description('Action button'),\n\n /** Called when the slide collapse */\n onClose: PropTypes.func.description('Called when the slide collapse'),\n\n /** Show/Hide close button */\n showClose: PropTypes.bool.description('Show/Hide close button'),\n};\n\nSidePanelHeader.propTypes = props;\nSidePanelHeader.displayName = 'SidePanelHeader';\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = props;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB
|
|
6
|
-
"names": ["
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,QAAQ,UAAU,gBAAgB;AAC3C,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AACrB,SAAS,YAAY;AAErB,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA,cAGjB,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,iBAC1B,CAACA,WAAU,GAAGA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAG1D,MAAM,cAAc,OAAO;AAAA;AAAA,iBAEV,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,WACzC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C,SAAS;AAAA;AAGb,MAAM,UAAU,OAAO,IAAI;AAAA,mBACR,CAACA,WAAU,OAAOA,OAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGtE,MAAM,kBAAkB,CAAC,EAAE,QAAQ,MAAM,mBAAmB,MAAM,UAAU,MAAM,YAAY,KAAK,MAAM;AACvG,QAAM,QAAQ,SAAS;AACvB,QAAM,YACJ,oBAAC;AAAA,IAAK,QAAO;AAAA,IACX,8BAAC,mBAAgB;AAAA,GACnB;AAEF,QAAM,OAAO,CAAC,GAAG,QAAQ,MAAM;AAC/B,QAAM,QAAQ,CAAC,MAAM;AACrB,SACE,qBAAC;AAAA,IACC;AAAA,IACA,QAAQ,MAAM,MAAM;AAAA,IACpB,IAAI,MAAM,MAAM;AAAA,IAChB,IAAI,MAAM,MAAM;AAAA,IAChB,YAAW;AAAA,IACX,OAAM;AAAA,IAEN;AAAA,0BAAC;AAAA,QAAK,YAAW;AAAA,QAAS,gBAAe;AAAA,QAAa,MAAM;AAAA,QAC1D,8BAAC;AAAA,UAAK,MAAM,CAAC,CAAC;AAAA,UAAG,YAAW;AAAA,UAAS,IAAI,MAAM,MAAM;AAAA,UACnD,8BAAC;AAAA,YAAK,UAAU;AAAA,YACd,8BAAC;AAAA,cAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,cAAG,YAAW;AAAA,cACvC,8BAAC;AAAA,gBAAY,UAAS;AAAA,gBAAO,YAAW;AAAA,gBACrC;AAAA,eACH;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,MACA,qBAAC;AAAA,QAAK,IAAG;AAAA,QAAM,YAAW;AAAA,QAAS,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM;AAAA,QAC3F;AAAA,8BAAoB,oBAAC;AAAA,YAAM;AAAA,WAAiB;AAAA,UAC5C,oBAAoB,aAAa;AAAA,UAClC,oBAAC;AAAA,YACE,uBACC,oBAAC;AAAA,cACC,YAAW;AAAA,cACX,MAAM,oBAAC,cAAW;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cACT,eAAY;AAAA,aACd;AAAA,WAEJ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,YAAY;AAAA,EAGhD,kBAAkB,UAAU,QAAQ,YAAY,eAAe;AAAA,EAG/D,SAAS,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAGpE,WAAW,UAAU,KAAK,YAAY,wBAAwB;AAChE;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
|
|
6
|
+
"names": ["props"]
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { PropTypes, describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import { Grid } from "@elliemae/ds-grid";
|
|
5
5
|
import SidePanel from "./SidePanel";
|
|
@@ -14,32 +14,50 @@ const TemplateBasicPageWithSidePanel = ({
|
|
|
14
14
|
panelHeader,
|
|
15
15
|
panelContent,
|
|
16
16
|
panelWidth
|
|
17
|
-
}) => /* @__PURE__ */
|
|
17
|
+
}) => /* @__PURE__ */ jsxs(Grid, {
|
|
18
18
|
style: { overflow: "hidden", width: "100%" },
|
|
19
19
|
height: "100%",
|
|
20
20
|
maxHeight: "100%",
|
|
21
|
-
rows: ["auto", "1fr"]
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
21
|
+
rows: ["auto", "1fr"],
|
|
22
|
+
children: [
|
|
23
|
+
/* @__PURE__ */ jsx(Grid, {
|
|
24
|
+
children: globalHeader
|
|
25
|
+
}),
|
|
26
|
+
/* @__PURE__ */ jsx(SidePanel, {
|
|
27
|
+
footer: panelFooter,
|
|
28
|
+
header: panelHeader,
|
|
29
|
+
panelWidth,
|
|
30
|
+
onClose,
|
|
31
|
+
panelContent,
|
|
32
|
+
isOpen,
|
|
33
|
+
children: /* @__PURE__ */ jsx(Grid, {
|
|
34
|
+
style: { overflow: "hidden" },
|
|
35
|
+
height: "100%",
|
|
36
|
+
maxHeight: "100%",
|
|
37
|
+
children: /* @__PURE__ */ jsxs(Grid, {
|
|
38
|
+
rows: mainFooter ? [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)", "48px"] : [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)"],
|
|
39
|
+
style: { overflow: "hidden" },
|
|
40
|
+
children: [
|
|
41
|
+
/* @__PURE__ */ jsx(Grid, {
|
|
42
|
+
children: mainHeader
|
|
43
|
+
}),
|
|
44
|
+
/* @__PURE__ */ jsx(Grid, {
|
|
45
|
+
style: { overflow: "hidden" },
|
|
46
|
+
children: /* @__PURE__ */ jsx(Grid, {
|
|
47
|
+
style: { overflow: "auto" },
|
|
48
|
+
children: mainContent
|
|
49
|
+
})
|
|
50
|
+
}),
|
|
51
|
+
mainFooter && /* @__PURE__ */ jsx(Grid, {
|
|
52
|
+
alignItems: "center",
|
|
53
|
+
children: mainFooter
|
|
54
|
+
})
|
|
55
|
+
]
|
|
56
|
+
})
|
|
57
|
+
})
|
|
58
|
+
})
|
|
59
|
+
]
|
|
60
|
+
});
|
|
43
61
|
const props = {
|
|
44
62
|
globalHeader: PropTypes.element.description("Global Header"),
|
|
45
63
|
mainHeader: PropTypes.element.description("Main Header"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/TemplateBasicPageWithSidePanel.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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;\nTemplateBasicPageWithSidePanel.displayName = 'TemplateBasicPageWithSidePanel';\nconst DSTemplateBasicPageWithSidePanel = describe(\n TemplateBasicPageWithSidePanel,\n);\nDSTemplateBasicPageWithSidePanel.propTypes = props;\n\nexport { TemplateBasicPageWithSidePanel, DSTemplateBasicPageWithSidePanel };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,YAAY;AACrB,OAAO,eAAe;AAEtB,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;AACF,MACE,qBAAC;AAAA,EACC,OAAO,EAAE,UAAU,UAAU,OAAO,OAAO;AAAA,EAC3C,QAAO;AAAA,EACP,WAAU;AAAA,EACV,MAAM,CAAC,QAAQ,KAAK;AAAA,EAEpB;AAAA,wBAAC;AAAA,MAAM;AAAA,KAAa;AAAA,IACpB,oBAAC;AAAA,MACC,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC;AAAA,QAAK,OAAO,EAAE,UAAU,SAAS;AAAA,QAAG,QAAO;AAAA,QAAO,WAAU;AAAA,QAC3D,+BAAC;AAAA,UACC,MACE,aACI,CAAC,aAAa,SAAS,OAAO,oBAAoB,MAAM,IACxD,CAAC,aAAa,SAAS,OAAO,kBAAkB;AAAA,UAEtD,OAAO,EAAE,UAAU,SAAS;AAAA,UAE5B;AAAA,gCAAC;AAAA,cAAM;AAAA,aAAW;AAAA,YAClB,oBAAC;AAAA,cAAK,OAAO,EAAE,UAAU,SAAS;AAAA,cAChC,8BAAC;AAAA,gBAAK,OAAO,EAAE,UAAU,OAAO;AAAA,gBAAI;AAAA,eAAY;AAAA,aAClD;AAAA,YACC,cAAc,oBAAC;AAAA,cAAK,YAAW;AAAA,cAAU;AAAA,aAAW;AAAA;AAAA,SACvD;AAAA,OACF;AAAA,KACF;AAAA;AAAA,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,cAAc,UAAU,QAAQ,YAAY,eAAe;AAAA,EAI3D,YAAY,UAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,aAAa,UAAU,QAAQ,WAAW,YAAY,cAAc;AAAA,EAIpE,YAAY,UAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,QAAQ,UAAU,KAAK,YAAY,oCAAoC;AAAA,EAIvE,aAAa,UAAU,QAAQ,YAAY,wBAAwB;AAAA,EAInE,aAAa,UAAU,QAAQ;AAAA,IAC7B;AAAA,EACF;AAAA,EAIA,cAAc,UAAU,QAAQ,YAAY,yBAAyB;AAAA,EAIrE,YAAY,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAI3E,SAAS,UAAU,KAAK,YAAY,UAAU;AAChD;AAEA,+BAA+B,YAAY;AAC3C,+BAA+B,cAAc;AAC7C,MAAM,mCAAmC;AAAA,EACvC;AACF;AACA,iCAAiC,YAAY;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-side-panel",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.6.0-next.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Side Panel",
|
|
6
6
|
"files": [
|
|
@@ -55,11 +55,11 @@
|
|
|
55
55
|
"indent": 4
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@elliemae/ds-button": "3.
|
|
59
|
-
"@elliemae/ds-grid": "3.
|
|
60
|
-
"@elliemae/ds-icons": "3.
|
|
61
|
-
"@elliemae/ds-system": "3.
|
|
62
|
-
"@elliemae/ds-utilities": "3.
|
|
58
|
+
"@elliemae/ds-button": "3.6.0-next.0",
|
|
59
|
+
"@elliemae/ds-grid": "3.6.0-next.0",
|
|
60
|
+
"@elliemae/ds-icons": "3.6.0-next.0",
|
|
61
|
+
"@elliemae/ds-system": "3.6.0-next.0",
|
|
62
|
+
"@elliemae/ds-utilities": "3.6.0-next.0"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
65
|
"styled-components": "~5.3.5"
|