@elliemae/ds-chat 1.56.0-rc.0 → 1.56.1
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.
|
@@ -63,31 +63,34 @@ var TileButton = function TileButton(props) {
|
|
|
63
63
|
justifyContent: "center"
|
|
64
64
|
}, label ? /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.StyledTileButtonLabel, null, label) : null) : null);
|
|
65
65
|
}, [isHeader, Icon, badge, badgeColor, badgePosition, label]);
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
66
|
+
var Btn = React__default['default'].useMemo(function () {
|
|
67
|
+
return /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.StyledTileButton, {
|
|
68
|
+
key: dsId,
|
|
69
|
+
isHeader: isHeader,
|
|
70
|
+
value: dsId,
|
|
71
|
+
"data-testid": "tile-button-".concat(dsId),
|
|
72
|
+
onClick: handleClick,
|
|
73
|
+
onFocus: onFocus,
|
|
74
|
+
onBlur: onBlur,
|
|
75
|
+
disabled: disabled,
|
|
76
|
+
selected: selected,
|
|
77
|
+
badgeColor: badgeColor,
|
|
78
|
+
badgePosition: badgePosition,
|
|
79
|
+
"aria-pressed": selected,
|
|
80
|
+
"aria-label": ariaLabel
|
|
81
|
+
}, /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.StyledWrapper, {
|
|
82
|
+
alignItems: "center",
|
|
83
|
+
justifyContent: "center"
|
|
84
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", null, MainContent), /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.StyledWrapperLeftBorder, null), showClose && !disabled ? /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.CloseButton, {
|
|
85
|
+
onClick: onClose,
|
|
86
|
+
value: dsId
|
|
87
|
+
}, /*#__PURE__*/React__default['default'].createElement(CloseXsmall__default['default'], null)) : null));
|
|
88
|
+
}, [MainContent, ariaLabel, badgeColor, badgePosition, disabled, dsId, handleClick, isHeader, onBlur, onClose, onFocus, selected, showClose]);
|
|
89
|
+
return title && !disableTooltip ? /*#__PURE__*/React__default['default'].createElement(dsTooltip.DSTooltipV3, {
|
|
84
90
|
id: "ds-chat-tile-tooltip-button-".concat(dsId),
|
|
85
91
|
text: title,
|
|
86
92
|
startPlacementPreference: tooltipPlacement
|
|
87
|
-
},
|
|
88
|
-
onClick: onClose,
|
|
89
|
-
value: dsId
|
|
90
|
-
}, /*#__PURE__*/React__default['default'].createElement(CloseXsmall__default['default'], null)) : null));
|
|
93
|
+
}, Btn) : Btn;
|
|
91
94
|
};
|
|
92
95
|
|
|
93
96
|
TileButton.propTypes = parts_tileButton_props.propsTileButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport CloseXsmall from '@elliemae/ds-icons/CloseXsmall';\nimport {\n StyledTileButton,\n StyledTileButtonIcon,\n StyledTileButtonLabel,\n StyledWrapper,\n StyledWrapperLeftBorder,\n StyledStatusBadge,\n StyledWrapperCentralContent,\n CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\n useValidateProps(props, TileButtonWithSchema.toJSON());\n\n const {\n label,\n title,\n dsId,\n onClick,\n onFocus,\n onBlur,\n Icon,\n showClose,\n onClose,\n badge,\n badgeColor,\n badgePosition,\n disabled,\n selected,\n isHeader,\n ariaLabel,\n tooltipPlacement,\n disableTooltip,\n } = props;\n const handleClick = React.useCallback(() => {\n onClick(dsId, title);\n }, [dsId, onClick, title]);\n\n const MainContent = React.useMemo(\n () => (\n <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n {badge ? <StyledStatusBadge badgeColor={badgeColor} badgePosition={badgePosition} /> : null}\n </StyledTileButtonIcon>\n </Grid>\n {!isHeader ? (\n <Grid width=\"100%\" justifyContent=\"center\">\n {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n </Grid>\n ) : null}\n </StyledWrapperCentralContent>\n ),\n [isHeader, Icon, badge, badgeColor, badgePosition, label],\n );\n\n
|
|
1
|
+
{"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport CloseXsmall from '@elliemae/ds-icons/CloseXsmall';\nimport {\n StyledTileButton,\n StyledTileButtonIcon,\n StyledTileButtonLabel,\n StyledWrapper,\n StyledWrapperLeftBorder,\n StyledStatusBadge,\n StyledWrapperCentralContent,\n CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\n useValidateProps(props, TileButtonWithSchema.toJSON());\n\n const {\n label,\n title,\n dsId,\n onClick,\n onFocus,\n onBlur,\n Icon,\n showClose,\n onClose,\n badge,\n badgeColor,\n badgePosition,\n disabled,\n selected,\n isHeader,\n ariaLabel,\n tooltipPlacement,\n disableTooltip,\n } = props;\n const handleClick = React.useCallback(() => {\n onClick(dsId, title);\n }, [dsId, onClick, title]);\n\n const MainContent = React.useMemo(\n () => (\n <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n {badge ? <StyledStatusBadge badgeColor={badgeColor} badgePosition={badgePosition} /> : null}\n </StyledTileButtonIcon>\n </Grid>\n {!isHeader ? (\n <Grid width=\"100%\" justifyContent=\"center\">\n {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n </Grid>\n ) : null}\n </StyledWrapperCentralContent>\n ),\n [isHeader, Icon, badge, badgeColor, badgePosition, label],\n );\n\n const Btn = React.useMemo(\n () => (\n <StyledTileButton\n key={dsId}\n isHeader={isHeader}\n value={dsId}\n data-testid={`tile-button-${dsId}`}\n onClick={handleClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n selected={selected}\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n aria-pressed={selected}\n aria-label={ariaLabel}\n >\n <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n <span>{MainContent}</span>\n <StyledWrapperLeftBorder />\n {showClose && !disabled ? (\n <CloseButton onClick={onClose} value={dsId}>\n <CloseXsmall />\n </CloseButton>\n ) : null}\n </StyledWrapper>\n </StyledTileButton>\n ),\n [\n MainContent,\n ariaLabel,\n badgeColor,\n badgePosition,\n disabled,\n dsId,\n handleClick,\n isHeader,\n onBlur,\n onClose,\n onFocus,\n selected,\n showClose,\n ],\n );\n\n return title && !disableTooltip ? (\n <DSTooltipV3 id={`ds-chat-tile-tooltip-button-${dsId}`} text={title} startPlacementPreference={tooltipPlacement}>\n {Btn}\n </DSTooltipV3>\n ) : (\n Btn\n );\n};\n\nTileButton.propTypes = propsTileButton;\nTileButton.defaultProps = defaultTileButton;\n\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton;\n\nexport { TileButton, TileButtonWithSchema };\n"],"names":["TileButton","props","useValidateProps","TileButtonWithSchema","toJSON","label","title","dsId","onClick","onFocus","onBlur","Icon","showClose","onClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","handleClick","React","useCallback","MainContent","useMemo","StyledWrapperCentralContent","undefined","Grid","StyledTileButtonIcon","StyledStatusBadge","StyledTileButtonLabel","Btn","StyledTileButton","StyledWrapper","StyledWrapperLeftBorder","CloseButton","CloseXsmall","DSTooltipV3","propTypes","propsTileButton","defaultProps","defaultTileButton","describe"],"mappings":"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"}
|
|
@@ -54,31 +54,34 @@ var TileButton = function TileButton(props) {
|
|
|
54
54
|
justifyContent: "center"
|
|
55
55
|
}, label ? /*#__PURE__*/React.createElement(StyledTileButtonLabel, null, label) : null) : null);
|
|
56
56
|
}, [isHeader, Icon, badge, badgeColor, badgePosition, label]);
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
57
|
+
var Btn = React.useMemo(function () {
|
|
58
|
+
return /*#__PURE__*/React.createElement(StyledTileButton, {
|
|
59
|
+
key: dsId,
|
|
60
|
+
isHeader: isHeader,
|
|
61
|
+
value: dsId,
|
|
62
|
+
"data-testid": "tile-button-".concat(dsId),
|
|
63
|
+
onClick: handleClick,
|
|
64
|
+
onFocus: onFocus,
|
|
65
|
+
onBlur: onBlur,
|
|
66
|
+
disabled: disabled,
|
|
67
|
+
selected: selected,
|
|
68
|
+
badgeColor: badgeColor,
|
|
69
|
+
badgePosition: badgePosition,
|
|
70
|
+
"aria-pressed": selected,
|
|
71
|
+
"aria-label": ariaLabel
|
|
72
|
+
}, /*#__PURE__*/React.createElement(StyledWrapper, {
|
|
73
|
+
alignItems: "center",
|
|
74
|
+
justifyContent: "center"
|
|
75
|
+
}, /*#__PURE__*/React.createElement("span", null, MainContent), /*#__PURE__*/React.createElement(StyledWrapperLeftBorder, null), showClose && !disabled ? /*#__PURE__*/React.createElement(CloseButton, {
|
|
76
|
+
onClick: onClose,
|
|
77
|
+
value: dsId
|
|
78
|
+
}, /*#__PURE__*/React.createElement(CloseXsmall, null)) : null));
|
|
79
|
+
}, [MainContent, ariaLabel, badgeColor, badgePosition, disabled, dsId, handleClick, isHeader, onBlur, onClose, onFocus, selected, showClose]);
|
|
80
|
+
return title && !disableTooltip ? /*#__PURE__*/React.createElement(DSTooltipV3, {
|
|
75
81
|
id: "ds-chat-tile-tooltip-button-".concat(dsId),
|
|
76
82
|
text: title,
|
|
77
83
|
startPlacementPreference: tooltipPlacement
|
|
78
|
-
},
|
|
79
|
-
onClick: onClose,
|
|
80
|
-
value: dsId
|
|
81
|
-
}, /*#__PURE__*/React.createElement(CloseXsmall, null)) : null));
|
|
84
|
+
}, Btn) : Btn;
|
|
82
85
|
};
|
|
83
86
|
|
|
84
87
|
TileButton.propTypes = propsTileButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport CloseXsmall from '@elliemae/ds-icons/CloseXsmall';\nimport {\n StyledTileButton,\n StyledTileButtonIcon,\n StyledTileButtonLabel,\n StyledWrapper,\n StyledWrapperLeftBorder,\n StyledStatusBadge,\n StyledWrapperCentralContent,\n CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\n useValidateProps(props, TileButtonWithSchema.toJSON());\n\n const {\n label,\n title,\n dsId,\n onClick,\n onFocus,\n onBlur,\n Icon,\n showClose,\n onClose,\n badge,\n badgeColor,\n badgePosition,\n disabled,\n selected,\n isHeader,\n ariaLabel,\n tooltipPlacement,\n disableTooltip,\n } = props;\n const handleClick = React.useCallback(() => {\n onClick(dsId, title);\n }, [dsId, onClick, title]);\n\n const MainContent = React.useMemo(\n () => (\n <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n {badge ? <StyledStatusBadge badgeColor={badgeColor} badgePosition={badgePosition} /> : null}\n </StyledTileButtonIcon>\n </Grid>\n {!isHeader ? (\n <Grid width=\"100%\" justifyContent=\"center\">\n {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n </Grid>\n ) : null}\n </StyledWrapperCentralContent>\n ),\n [isHeader, Icon, badge, badgeColor, badgePosition, label],\n );\n\n
|
|
1
|
+
{"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport CloseXsmall from '@elliemae/ds-icons/CloseXsmall';\nimport {\n StyledTileButton,\n StyledTileButtonIcon,\n StyledTileButtonLabel,\n StyledWrapper,\n StyledWrapperLeftBorder,\n StyledStatusBadge,\n StyledWrapperCentralContent,\n CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\n useValidateProps(props, TileButtonWithSchema.toJSON());\n\n const {\n label,\n title,\n dsId,\n onClick,\n onFocus,\n onBlur,\n Icon,\n showClose,\n onClose,\n badge,\n badgeColor,\n badgePosition,\n disabled,\n selected,\n isHeader,\n ariaLabel,\n tooltipPlacement,\n disableTooltip,\n } = props;\n const handleClick = React.useCallback(() => {\n onClick(dsId, title);\n }, [dsId, onClick, title]);\n\n const MainContent = React.useMemo(\n () => (\n <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n {badge ? <StyledStatusBadge badgeColor={badgeColor} badgePosition={badgePosition} /> : null}\n </StyledTileButtonIcon>\n </Grid>\n {!isHeader ? (\n <Grid width=\"100%\" justifyContent=\"center\">\n {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n </Grid>\n ) : null}\n </StyledWrapperCentralContent>\n ),\n [isHeader, Icon, badge, badgeColor, badgePosition, label],\n );\n\n const Btn = React.useMemo(\n () => (\n <StyledTileButton\n key={dsId}\n isHeader={isHeader}\n value={dsId}\n data-testid={`tile-button-${dsId}`}\n onClick={handleClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n selected={selected}\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n aria-pressed={selected}\n aria-label={ariaLabel}\n >\n <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n <span>{MainContent}</span>\n <StyledWrapperLeftBorder />\n {showClose && !disabled ? (\n <CloseButton onClick={onClose} value={dsId}>\n <CloseXsmall />\n </CloseButton>\n ) : null}\n </StyledWrapper>\n </StyledTileButton>\n ),\n [\n MainContent,\n ariaLabel,\n badgeColor,\n badgePosition,\n disabled,\n dsId,\n handleClick,\n isHeader,\n onBlur,\n onClose,\n onFocus,\n selected,\n showClose,\n ],\n );\n\n return title && !disableTooltip ? (\n <DSTooltipV3 id={`ds-chat-tile-tooltip-button-${dsId}`} text={title} startPlacementPreference={tooltipPlacement}>\n {Btn}\n </DSTooltipV3>\n ) : (\n Btn\n );\n};\n\nTileButton.propTypes = propsTileButton;\nTileButton.defaultProps = defaultTileButton;\n\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton;\n\nexport { TileButton, TileButtonWithSchema };\n"],"names":["TileButton","props","useValidateProps","TileButtonWithSchema","toJSON","label","title","dsId","onClick","onFocus","onBlur","Icon","showClose","onClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","handleClick","React","useCallback","MainContent","useMemo","undefined","Btn","propTypes","propsTileButton","defaultProps","defaultTileButton","describe"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-chat",
|
|
3
|
-
"version": "1.56.
|
|
3
|
+
"version": "1.56.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Chat",
|
|
6
6
|
"main": "cjs/index.js",
|
|
@@ -16,14 +16,14 @@
|
|
|
16
16
|
"directory": "dist"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-banner": "1.56.
|
|
20
|
-
"@elliemae/ds-basic": "1.56.
|
|
21
|
-
"@elliemae/ds-button": "1.56.
|
|
22
|
-
"@elliemae/ds-grid": "1.56.
|
|
23
|
-
"@elliemae/ds-icons": "1.56.
|
|
24
|
-
"@elliemae/ds-props-helpers": "1.56.
|
|
25
|
-
"@elliemae/ds-tooltip": "1.56.
|
|
26
|
-
"@elliemae/ds-truncated-tooltip-text": "1.56.
|
|
19
|
+
"@elliemae/ds-banner": "1.56.1",
|
|
20
|
+
"@elliemae/ds-basic": "1.56.1",
|
|
21
|
+
"@elliemae/ds-button": "1.56.1",
|
|
22
|
+
"@elliemae/ds-grid": "1.56.1",
|
|
23
|
+
"@elliemae/ds-icons": "1.56.1",
|
|
24
|
+
"@elliemae/ds-props-helpers": "1.56.1",
|
|
25
|
+
"@elliemae/ds-tooltip": "1.56.1",
|
|
26
|
+
"@elliemae/ds-truncated-tooltip-text": "1.56.1",
|
|
27
27
|
"prop-types": "~15.7.2",
|
|
28
28
|
"react-desc": "^4.1.2",
|
|
29
29
|
"react-virtual": "^2.3.2"
|