@elliemae/ds-side-panel 1.57.0-rc.1 → 1.57.0-rc.5

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.
@@ -7,7 +7,7 @@ var reactDesc = require('react-desc');
7
7
  var styled = require('styled-components');
8
8
  var lodash = require('lodash');
9
9
  var dsSystem = require('@elliemae/ds-system');
10
- var CloseSmall = require('@elliemae/ds-icons/CloseSmall');
10
+ var dsIcons = require('@elliemae/ds-icons');
11
11
  var DSButton = require('@elliemae/ds-button');
12
12
  var dsGrid = require('@elliemae/ds-grid');
13
13
 
@@ -15,7 +15,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
 
16
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
17
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
18
- var CloseSmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseSmall);
19
18
  var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
20
19
 
21
20
  var StyledSeparator = /*#__PURE__*/styled__default['default'].div.withConfig({
@@ -82,7 +81,7 @@ var SidePanelHeader = function SidePanelHeader(_ref) {
82
81
  cols: additionalAction ? ['auto', 'auto', 'auto'] : ['auto']
83
82
  }, additionalAction && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, additionalAction), additionalAction && showClose && separator, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, showClose && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
84
83
  buttonType: "text",
85
- icon: /*#__PURE__*/React__default['default'].createElement(CloseSmall__default['default'], null),
84
+ icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseSmall, null),
86
85
  size: "m",
87
86
  onClick: onClose,
88
87
  "data-testid": "btn-close-slide-panel"
@@ -1 +1 @@
1
- {"version":3,"file":"SidePanelHeader.js","sources":["../../src/SidePanelHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { noop } from 'lodash';\nimport { border, truncate, useTheme } from '@elliemae/ds-system';\nimport CloseSmall from '@elliemae/ds-icons/CloseSmall';\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 = ({\n title = null,\n additionalAction = null,\n onClose = noop,\n showClose = true,\n}) => {\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\n ml=\"xxs\"\n alignItems=\"center\"\n cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}\n >\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;\n\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = props;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n"],"names":["StyledSeparator","styled","div","props","theme","space","xxs","colors","neutral","StyledTitle","fontWeights","regular","truncate","Wrapper","Grid","border","SidePanelHeader","title","additionalAction","onClose","noop","showClose","useTheme","separator","React","cols","cols2","m","xs","DSButton","CloseSmall","PropTypes","string","description","element","func","bool","propTypes","DSSidePanelHeaderWithSchema","describe"],"mappings":"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"}
1
+ {"version":3,"file":"SidePanelHeader.js","sources":["../../src/SidePanelHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\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;\n\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = props;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n"],"names":["StyledSeparator","styled","div","props","theme","space","xxs","colors","neutral","StyledTitle","fontWeights","regular","truncate","Wrapper","Grid","border","SidePanelHeader","title","additionalAction","onClose","noop","showClose","useTheme","separator","React","cols","cols2","m","xs","DSButton","CloseSmall","PropTypes","string","description","element","func","bool","propTypes","DSSidePanelHeaderWithSchema","describe"],"mappings":"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"}
package/cjs/index.js CHANGED
@@ -13,7 +13,7 @@ require('@elliemae/ds-grid');
13
13
  require('./props.js');
14
14
  require('./defaultProps.js');
15
15
  require('lodash');
16
- require('@elliemae/ds-icons/CloseSmall');
16
+ require('@elliemae/ds-icons');
17
17
  require('@elliemae/ds-button');
18
18
 
19
19
 
@@ -3,7 +3,7 @@ import { PropTypes, describe } from 'react-desc';
3
3
  import styled from 'styled-components';
4
4
  import { noop } from 'lodash';
5
5
  import { truncate, useTheme, border } from '@elliemae/ds-system';
6
- import CloseSmall from '@elliemae/ds-icons/CloseSmall';
6
+ import { CloseSmall } from '@elliemae/ds-icons';
7
7
  import DSButton from '@elliemae/ds-button';
8
8
  import { Grid } from '@elliemae/ds-grid';
9
9
 
@@ -1 +1 @@
1
- {"version":3,"file":"SidePanelHeader.js","sources":["../../src/SidePanelHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { noop } from 'lodash';\nimport { border, truncate, useTheme } from '@elliemae/ds-system';\nimport CloseSmall from '@elliemae/ds-icons/CloseSmall';\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 = ({\n title = null,\n additionalAction = null,\n onClose = noop,\n showClose = true,\n}) => {\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\n ml=\"xxs\"\n alignItems=\"center\"\n cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}\n >\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;\n\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = props;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n"],"names":["StyledSeparator","styled","div","props","theme","space","xxs","colors","neutral","StyledTitle","fontWeights","regular","truncate","Wrapper","Grid","border","SidePanelHeader","title","additionalAction","onClose","noop","showClose","useTheme","separator","cols","cols2","m","xs","PropTypes","string","description","element","func","bool","propTypes","DSSidePanelHeaderWithSchema","describe"],"mappings":"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"}
1
+ {"version":3,"file":"SidePanelHeader.js","sources":["../../src/SidePanelHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\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;\n\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = props;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n"],"names":["StyledSeparator","styled","div","props","theme","space","xxs","colors","neutral","StyledTitle","fontWeights","regular","truncate","Wrapper","Grid","border","SidePanelHeader","title","additionalAction","onClose","noop","showClose","useTheme","separator","cols","cols2","m","xs","PropTypes","string","description","element","func","bool","propTypes","DSSidePanelHeaderWithSchema","describe"],"mappings":"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"}
package/esm/index.js CHANGED
@@ -9,6 +9,6 @@ import '@elliemae/ds-grid';
9
9
  import './props.js';
10
10
  import './defaultProps.js';
11
11
  import 'lodash';
12
- import '@elliemae/ds-icons/CloseSmall';
12
+ import '@elliemae/ds-icons';
13
13
  import '@elliemae/ds-button';
14
14
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-side-panel",
3
- "version": "1.57.0-rc.1",
3
+ "version": "1.57.0-rc.5",
4
4
  "license": "MIT",
5
5
  "description": "Ellie Mae - Dim Sum - Side Panel",
6
6
  "module": "esm/index.js",
@@ -16,10 +16,10 @@
16
16
  "build": "node ../../scripts/build/build.js"
17
17
  },
18
18
  "dependencies": {
19
- "@elliemae/ds-button": "1.57.0-rc.1",
20
- "@elliemae/ds-grid": "1.57.0-rc.1",
21
- "@elliemae/ds-icons": "1.57.0-rc.1",
22
- "@elliemae/ds-system": "1.57.0-rc.1",
19
+ "@elliemae/ds-button": "1.57.0-rc.5",
20
+ "@elliemae/ds-grid": "1.57.0-rc.5",
21
+ "@elliemae/ds-icons": "1.57.0-rc.5",
22
+ "@elliemae/ds-system": "1.57.0-rc.5",
23
23
  "react-desc": "^4.1.2"
24
24
  },
25
25
  "devDependencies": {