@elliemae/ds-chat 1.53.4-rc.3 → 1.53.5-rc.0

package/cjs/parts/tile-button/TileButton.js

@@ -9,10 +9,11 @@ var dsGrid = require('@elliemae/ds-grid');
 var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
 var parts_tileButton_styled = require('./styled.js');
 var parts_tileButton_props = require('./props.js');
+var parts_tileButton_config_useValidateProps = require('./config/useValidateProps.js');
 require('styled-components');
-require('prop-types');
 require('lodash');
 require('@elliemae/ds-icons/Comments');
+require('@elliemae/ds-props-helpers');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -21,6 +22,7 @@ var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
 var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
 
 var TileButton = function TileButton(props) {
+  parts_tileButton_config_useValidateProps.useValidateProps(props, TileButtonWithSchema.toJSON());
   var label = props.label,
       title = props.title,
       dsId = props.dsId,

package/cjs/parts/tile-button/TileButton.js.map

@@ -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 DSTooltip 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';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\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  } = 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  return (\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        {title ? (\n          <DSTooltip\n            containerProps={{\n              id: `ds-chat-tile-tooltip-button-${dsId}`,\n              'data-testid': `ds-chat-tile-tooltip-button-${dsId}`,\n            }}\n            interactionType=\"hover\"\n            title={title}\n            triggerComponent={<span>{MainContent}</span>}\n            placement=\"bottom\"\n          />\n        ) : (\n          MainContent\n        )}\n        <StyledWrapperLeftBorder />\n        {showClose && !disabled ? (\n          <CloseButton onClick={onClose} value={dsId}>\n            <CloseXsmall />\n          </CloseButton>\n        ) : null}\n      </StyledWrapper>\n    </StyledTileButton>\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","label","title","dsId","onClick","onFocus","onBlur","Icon","showClose","onClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","handleClick","React","useCallback","MainContent","useMemo","StyledWrapperCentralContent","undefined","Grid","StyledTileButtonIcon","StyledStatusBadge","StyledTileButtonLabel","StyledTileButton","StyledWrapper","DSTooltip","id","StyledWrapperLeftBorder","CloseButton","CloseXsmall","propTypes","propsTileButton","defaultProps","defaultTileButton","TileButtonWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport DSTooltip 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  } = 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  return (\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        {title ? (\n          <DSTooltip\n            containerProps={{\n              id: `ds-chat-tile-tooltip-button-${dsId}`,\n              'data-testid': `ds-chat-tile-tooltip-button-${dsId}`,\n            }}\n            interactionType=\"hover\"\n            title={title}\n            triggerComponent={<span>{MainContent}</span>}\n            placement=\"bottom\"\n          />\n        ) : (\n          MainContent\n        )}\n        <StyledWrapperLeftBorder />\n        {showClose && !disabled ? (\n          <CloseButton onClick={onClose} value={dsId}>\n            <CloseXsmall />\n          </CloseButton>\n        ) : null}\n      </StyledWrapper>\n    </StyledTileButton>\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","handleClick","React","useCallback","MainContent","useMemo","StyledWrapperCentralContent","undefined","Grid","StyledTileButtonIcon","StyledStatusBadge","StyledTileButtonLabel","StyledTileButton","StyledWrapper","DSTooltip","id","StyledWrapperLeftBorder","CloseButton","CloseXsmall","propTypes","propsTileButton","defaultProps","defaultTileButton","describe"],"mappings":"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"}

package/cjs/parts/tile-button/config/useValidateProps.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+var useValidateProps = function useValidateProps(props, schema) {
+  dsPropsHelpers.useValidatePropTypes(props, schema);
+};
+
+exports.useValidateProps = useValidateProps;
+//# sourceMappingURL=useValidateProps.js.map

package/cjs/parts/tile-button/config/useValidateProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/tile-button/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { TileButtonProps } from '../props';\n\nexport const useValidateProps = (props: TileButtonProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAyBC,MAAzB,EAAmD;AACjFC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

package/cjs/parts/tile-button/index.js

@@ -11,9 +11,10 @@ require('@elliemae/ds-icons/CloseXsmall');
 require('./styled.js');
 require('styled-components');
 require('./props.js');
-require('prop-types');
 require('lodash');
 require('@elliemae/ds-icons/Comments');
+require('./config/useValidateProps.js');
+require('@elliemae/ds-props-helpers');
 
 
 

package/cjs/parts/tile-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/tile-button/props.js

@@ -2,14 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var propsTypes = require('prop-types');
 var reactDesc = require('react-desc');
 var lodash = require('lodash');
 var Comments = require('@elliemae/ds-icons/Comments');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var propsTypes__default = /*#__PURE__*/_interopDefaultLegacy(propsTypes);
 var Comments__default = /*#__PURE__*/_interopDefaultLegacy(Comments);
 
 var defaultTileButton = {
@@ -31,8 +29,8 @@ var defaultTileButton = {
   ariaLabel: 'Tile button'
 };
 var propsTileButton = {
-  Icon: reactDesc.PropTypes.element.description('Icon component').defaultValue(defaultTileButton.Icon),
-  dsId: reactDesc.PropTypes.oneOfType([propsTypes__default['default'].number, propsTypes__default['default'].string]).description('Unique id for the button').defaultValue(defaultTileButton.dsId),
+  Icon: reactDesc.PropTypes.func.description('Icon component').defaultValue(defaultTileButton.Icon),
+  dsId: reactDesc.PropTypes.oneOf(['number', 'string']).description('Unique id for the button').defaultValue(defaultTileButton.dsId),
   label: reactDesc.PropTypes.string.description('It will display under the icon').defaultValue(defaultTileButton.label),
   title: reactDesc.PropTypes.string.description('Tooltip').defaultValue(defaultTileButton.title),
   onClick: reactDesc.PropTypes.func.description('The function to call when is clicked').defaultValue(defaultTileButton.onClick),
@@ -42,7 +40,7 @@ var propsTileButton = {
   showClose: reactDesc.PropTypes.bool.description('It will display the X').defaultValue(defaultTileButton.showClose),
   badge: reactDesc.PropTypes.bool.description('It will display the badge').defaultValue(defaultTileButton.badge),
   badgeColor: reactDesc.PropTypes.oneOf(['blue', 'green']).description('Color badge: blue or green').defaultValue(defaultTileButton.badgeColor),
-  badgePosition: reactDesc.PropTypes.oneOf(['blue', 'green']).description('Color badge: blue or green').defaultValue(defaultTileButton.badgePosition),
+  badgePosition: reactDesc.PropTypes.oneOf(['left', 'right']).description('Color badge: blue or green').defaultValue(defaultTileButton.badgePosition),
   disabled: reactDesc.PropTypes.bool.description('It will disabled the button').defaultValue(defaultTileButton.disabled),
   selected: reactDesc.PropTypes.bool.description('Indicate that the button is selected').defaultValue(defaultTileButton.disabled),
   isHeader: reactDesc.PropTypes.bool.description("It won't render the label").defaultValue(defaultTileButton.disabled),

package/cjs/parts/tile-button/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/tile-button/props.ts"],"sourcesContent":["import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport Comments from '@elliemae/ds-icons/Comments';\n\nexport interface TileButtonProps {\n  Icon: React.FC<{ size: string }>;\n  dsId: string | number;\n  label: string;\n  onClick?: (dsId: string | number, label: string) => void;\n  onBlur?: (e) => void;\n  onFocus?: (e) => void;\n  title: string;\n  showClose: boolean;\n  onClose?: (dsId: string | number) => void;\n  badge: boolean;\n  badgeColor: 'blue' | 'green';\n  badgePosition: 'left' | 'right';\n  disabled: boolean;\n  selected: boolean;\n  isHeader: boolean;\n  ariaLabel: string;\n}\n\nexport const defaultTileButton: TileButtonProps = {\n  Icon: Comments,\n  dsId: undefined,\n  label: '',\n  onClick: noop,\n  onBlur: noop,\n  onFocus: noop,\n  title: '',\n  onClose: noop,\n  showClose: false,\n  badge: false,\n  badgeColor: 'blue',\n  badgePosition: 'left',\n  disabled: false,\n  selected: false,\n  isHeader: false,\n  ariaLabel: 'Tile button',\n};\n\nexport const propsTileButton = {\n  Icon: PropTypes.element\n    .description('Icon component')\n    .defaultValue(defaultTileButton.Icon),\n  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string])\n    .description('Unique id for the button')\n    .defaultValue(defaultTileButton.dsId),\n  label: PropTypes.string\n    .description('It will display under the icon')\n    .defaultValue(defaultTileButton.label),\n  title: PropTypes.string\n    .description('Tooltip')\n    .defaultValue(defaultTileButton.title),\n  onClick: PropTypes.func\n    .description('The function to call when is clicked')\n    .defaultValue(defaultTileButton.onClick),\n  onFocus: PropTypes.func\n    .description('The function to call when is focused')\n    .defaultValue(defaultTileButton.onFocus),\n  onBlur: PropTypes.func\n    .description('The function to call when is on blur')\n    .defaultValue(defaultTileButton.onBlur),\n  onClose: PropTypes.func\n    .description('The function to call when the X is Clicked')\n    .defaultValue(defaultTileButton.onClose),\n  showClose: PropTypes.bool\n    .description('It will display the X')\n    .defaultValue(defaultTileButton.showClose),\n  badge: PropTypes.bool\n    .description('It will display the badge')\n    .defaultValue(defaultTileButton.badge),\n  badgeColor: PropTypes.oneOf(['blue', 'green'])\n    .description('Color badge: blue or green')\n    .defaultValue(defaultTileButton.badgeColor),\n  badgePosition: PropTypes.oneOf(['blue', 'green'])\n    .description('Color badge: blue or green')\n    .defaultValue(defaultTileButton.badgePosition),\n  disabled: PropTypes.bool\n    .description('It will disabled the button')\n    .defaultValue(defaultTileButton.disabled),\n  selected: PropTypes.bool\n    .description('Indicate that the button is selected')\n    .defaultValue(defaultTileButton.disabled),\n  isHeader: PropTypes.bool\n    .description(\"It won't render the label\")\n    .defaultValue(defaultTileButton.disabled),\n  ariaLabel: PropTypes.string\n    .description('aria-label attribute')\n    .defaultValue(defaultTileButton.ariaLabel),\n};\n"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","propsTileButton","PropTypes","element","description","defaultValue","oneOfType","propsTypes","number","string","func","bool","oneOf"],"mappings":"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"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/tile-button/props.ts"],"sourcesContent":["import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport Comments from '@elliemae/ds-icons/Comments';\n\nexport interface TileButtonProps {\n  Icon: React.FC<{ size: string }>;\n  dsId: string | number;\n  label: string;\n  onClick?: (dsId: string | number, label: string) => void;\n  onBlur?: (e) => void;\n  onFocus?: (e) => void;\n  title: string;\n  showClose: boolean;\n  onClose?: (dsId: string | number) => void;\n  badge: boolean;\n  badgeColor: 'blue' | 'green';\n  badgePosition: 'left' | 'right';\n  disabled: boolean;\n  selected: boolean;\n  isHeader: boolean;\n  ariaLabel: string;\n}\n\nexport const defaultTileButton: TileButtonProps = {\n  Icon: Comments,\n  dsId: undefined,\n  label: '',\n  onClick: noop,\n  onBlur: noop,\n  onFocus: noop,\n  title: '',\n  onClose: noop,\n  showClose: false,\n  badge: false,\n  badgeColor: 'blue',\n  badgePosition: 'left',\n  disabled: false,\n  selected: false,\n  isHeader: false,\n  ariaLabel: 'Tile button',\n};\n\nexport const propsTileButton = {\n  Icon: PropTypes.func.description('Icon component').defaultValue(defaultTileButton.Icon),\n  dsId: PropTypes.oneOf(['number', 'string'])\n    .description('Unique id for the button')\n    .defaultValue(defaultTileButton.dsId),\n  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultTileButton.label),\n  title: PropTypes.string.description('Tooltip').defaultValue(defaultTileButton.title),\n  onClick: PropTypes.func.description('The function to call when is clicked').defaultValue(defaultTileButton.onClick),\n  onFocus: PropTypes.func.description('The function to call when is focused').defaultValue(defaultTileButton.onFocus),\n  onBlur: PropTypes.func.description('The function to call when is on blur').defaultValue(defaultTileButton.onBlur),\n  onClose: PropTypes.func\n    .description('The function to call when the X is Clicked')\n    .defaultValue(defaultTileButton.onClose),\n  showClose: PropTypes.bool.description('It will display the X').defaultValue(defaultTileButton.showClose),\n  badge: PropTypes.bool.description('It will display the badge').defaultValue(defaultTileButton.badge),\n  badgeColor: PropTypes.oneOf(['blue', 'green'])\n    .description('Color badge: blue or green')\n    .defaultValue(defaultTileButton.badgeColor),\n  badgePosition: PropTypes.oneOf(['left', 'right'])\n    .description('Color badge: blue or green')\n    .defaultValue(defaultTileButton.badgePosition),\n  disabled: PropTypes.bool.description('It will disabled the button').defaultValue(defaultTileButton.disabled),\n  selected: PropTypes.bool.description('Indicate that the button is selected').defaultValue(defaultTileButton.disabled),\n  isHeader: PropTypes.bool.description(\"It won't render the label\").defaultValue(defaultTileButton.disabled),\n  ariaLabel: PropTypes.string.description('aria-label attribute').defaultValue(defaultTileButton.ariaLabel),\n};\n"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","propsTileButton","PropTypes","func","description","defaultValue","oneOf","string","bool"],"mappings":"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"}

package/cjs/parts/tile-button/styled.js

@@ -46,7 +46,11 @@ var StyledWrapperCentralContent = /*#__PURE__*/styled__default['default'](dsGrid
 })(["width:24px;height:40px;"]);
 var StyledTileButtonIcon = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-1ebp1zs-3"
-})(["position:relative;height:24px;width:24px;}"]);
+})(["position:relative;height:24px;width:24px;svg{fill:", ";}&:focus{svg{fill:", ";}}"], function (props) {
+  return props.theme.colors.neutral[500];
+}, function (props) {
+  return props.theme.colors.brand[800];
+});
 var StyledTileButtonLabel = /*#__PURE__*/styled__default['default'].div.withConfig({
   componentId: "sc-1ebp1zs-4"
 })(["width:24px;height:", ";text-transform:uppercase;overflow:hidden;text-align:center;font-size:13px;color:", ";line-height:17px;"], function (props) {
@@ -64,7 +68,7 @@ var CloseButton = /*#__PURE__*/styled__default['default'].button.withConfig({
 
 var StyledTileButton = /*#__PURE__*/styled__default['default'].button.withConfig({
   componentId: "sc-1ebp1zs-6"
-})(["outline:none;background:transparent;height:", "px;width:", "px;position:relative;padding:0;border:none;cursor:pointer;border-bottom:", ";&:focus,&:hover,&:active,&:disabled{background:", ";& ", "{border:2px solid ", ";margin-top:-2px;", ";}}&:focus,&:hover{& ", "{background:", ";}& ", "{color:", ";}}&:active:not(:disabled){background:", ";& ", "{background:", ";}& ", "{color:", ";font-weight:600;}& svg{fill:", ";}& ", "{border:2px solid ", ";}}&:disabled{background:", ";", "{background:", ";}& ", "{background:", ";border:2px solid ", ";}", "{svg{fill:", ";}}", "{color:", ";}}", ""], BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR, function (props) {
+})(["outline:none;background:transparent;height:", "px;width:", "px;position:relative;padding:0;border:none;cursor:pointer;border-bottom:", ";&:focus,&:hover,&:active,&:disabled{background:", ";& ", "{border:2px solid ", ";margin-top:-2px;", ";}}&:focus,&:hover{& ", "{background:", ";}& ", "{color:", ";}& svg{fill:", ";}}&:active:not(:disabled){background:", ";& ", "{background:", ";}& ", "{color:", ";font-weight:600;}& svg{fill:", ";}& ", "{border:2px solid ", ";}}&:disabled{background:", ";", "{background:", ";}& ", "{background:", ";border:2px solid ", ";}", "{svg{fill:", ";}}", "{color:", ";}}", ""], BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR, function (props) {
   return props.isHeader ? "1px solid  ".concat(props.theme.colors.neutral['200']) : 'none';
 }, function (props) {
   return props.theme.colors.neutral['080'];
@@ -85,6 +89,8 @@ var StyledTileButton = /*#__PURE__*/styled__default['default'].button.withConfig
   return props.theme.colors.brand[800];
 }, StyledTileButtonLabel, function (props) {
   return props.theme.colors.neutral[600];
+}, function (props) {
+  return props.theme.colors.brand[800];
 }, function (props) {
   return props.theme.colors.neutral['050'];
 }, StyledWrapperLeftBorder, function (props) {
@@ -118,9 +124,7 @@ var StyledTileButton = /*#__PURE__*/styled__default['default'].button.withConfig
 });
 var StyledWrapper = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-1ebp1zs-7"
-})(["height:100%;width:100%;position:relative;&:hover{svg{fill:", ";}}"], function (props) {
-  return props.theme.colors.brand[800];
-});
+})(["height:100%;width:100%;position:relative;"]);
 
 exports.CloseButton = CloseButton;
 exports.StyledStatusBadge = StyledStatusBadge;

package/cjs/parts/tile-button/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/parts/tile-button/styled.ts"],"sourcesContent":["/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport styled, { css } from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { TileButtonProps } from './props';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n\n// Buttons\nexport const StyledWrapperLeftBorder = styled(Grid)`\n  height: 100%;\n  width: 4px;\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nexport const StyledStatusBadge = styled.div<Partial<TileButtonProps>>`\n  height: 8px;\n  width: 8px;\n  position: absolute;\n  top: 0;\n  background: ${(props) => {\n    switch (props.badgeColor) {\n      case 'blue':\n        return props.theme.colors.brand[600];\n      case 'green':\n        return props.theme.colors.success[900];\n      default:\n        return props.theme.colors.brand[600];\n    }\n  }};\n  ${(props) => {\n    switch (props.badgePosition) {\n      case 'left':\n        return 'left: -4px;';\n      case 'right':\n        return 'right: -4px;';\n      default:\n        return 'left: -4px;';\n    }\n  }};\n  border-radius: 50%;\n  box-sizing: content-box;\n`;\n\nexport const StyledWrapperCentralContent = styled(Grid)`\n  width: 24px;\n  height: 40px;\n`;\n\nexport const StyledTileButtonIcon = styled(Grid)`\n  position: relative;\n  height: 24px;\n  width: 24px;\n  }\n`;\n\nexport const StyledTileButtonLabel = styled.div`\n  width: 24px;\n  height: ${(props) => props.theme.space.xs};\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  line-height: 17px;\n`;\n\nexport const CloseButton = styled.button<any>`\n  outline: none;\n  background: none;\n  height: 9px;\n  width: 9px;\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  overflow: hidden;\n  padding: 0;\n  border: none;\n  span {\n    position: absolute;\n    left: -3px;\n    top: -4px;\n  }\n\n  &:focus,\n  &:hover {\n    svg {\n      fill: ${(props) => props.theme.colors.brand[600]};\n    }\n    &:after {\n      display: block;\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: solid 1px ${(props) => props.theme.colors.brand[600]};\n      border-radius: 2px;\n    }\n  }\n  cursor: pointer;\n`;\n\n// MAIN WRAPPER\nexport const StyledTileButton = styled.button<Partial<TileButtonProps>>`\n  outline: none;\n  background: transparent;\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  position: relative;\n  padding: 0;\n  border: none;\n  cursor: pointer;\n  border-bottom: ${(props) => (props.isHeader ? `1px solid  ${props.theme.colors.neutral['200']}` : 'none')};\n  &:focus,\n  &:hover,\n  &:active,\n  &:disabled {\n    background: ${(props) => props.theme.colors.neutral['080']};\n    & ${StyledStatusBadge} {\n      border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n      margin-top: -2px;\n      ${(props) => {\n        switch (props.badgePosition) {\n          case 'left':\n            return 'margin-left: -2px;';\n          case 'right':\n            return 'margin-right: -2px;';\n          default:\n            return 'margin-left: -2px;';\n        }\n      }};\n    }\n  }\n\n  &:focus,\n  &:hover {\n    & ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.brand[800]};\n    }\n    & ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[600]};\n    }\n  }\n\n  &:active:not(:disabled) {\n    background: ${(props) => props.theme.colors.neutral['050']};\n    & ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.brand[600]};\n    }\n    & ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[600]};\n      font-weight: 600;\n    }\n    & svg {\n      fill: ${(props) => props.theme.colors.brand[600]};\n    }\n    & ${StyledStatusBadge} {\n      border: 2px solid ${(props) => props.theme.colors.neutral['050']};\n    }\n  }\n\n  &:disabled {\n    background: ${(props) => props.theme.colors.neutral['080']};\n    ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.neutral['400']};\n    }\n    & ${StyledStatusBadge} {\n      background: ${(props) => props.theme.colors.neutral['500']};\n      border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n    }\n    ${StyledTileButtonIcon} {\n      svg {\n        fill: ${(props) => props.theme.colors.neutral[400]};\n      }\n    }\n    ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[400]};\n    }\n  }\n\n  ${(props) => {\n    if (props.selected) {\n      return css`\n        & ${StyledWrapperLeftBorder} {\n          background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};\n        }\n      `;\n    }\n    return '';\n  }}\n`;\n\nexport const StyledWrapper = styled(Grid)`\n  height: 100%;\n  width: 100%;\n  position: relative;\n  &:hover {\n    svg {\n      fill: ${(props) => props.theme.colors.brand[800]};\n    }\n  }\n`;\n"],"names":["MIN_WIDTH_SIDEBAR","BUTTON_SIDEBAR_HEIGHT","StyledWrapperLeftBorder","styled","Grid","StyledStatusBadge","div","props","badgeColor","theme","colors","brand","success","badgePosition","StyledWrapperCentralContent","StyledTileButtonIcon","StyledTileButtonLabel","space","xs","neutral","CloseButton","button","StyledTileButton","isHeader","selected","css","nestedProps","StyledWrapper"],"mappings":"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"}
+{"version":3,"file":"styled.js","sources":["../../../../src/parts/tile-button/styled.ts"],"sourcesContent":["/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport styled, { css } from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { TileButtonProps } from './props';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n\n// Buttons\nexport const StyledWrapperLeftBorder = styled(Grid)`\n  height: 100%;\n  width: 4px;\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nexport const StyledStatusBadge = styled.div<Partial<TileButtonProps>>`\n  height: 8px;\n  width: 8px;\n  position: absolute;\n  top: 0;\n  background: ${(props) => {\n    switch (props.badgeColor) {\n      case 'blue':\n        return props.theme.colors.brand[600];\n      case 'green':\n        return props.theme.colors.success[900];\n      default:\n        return props.theme.colors.brand[600];\n    }\n  }};\n  ${(props) => {\n    switch (props.badgePosition) {\n      case 'left':\n        return 'left: -4px;';\n      case 'right':\n        return 'right: -4px;';\n      default:\n        return 'left: -4px;';\n    }\n  }};\n  border-radius: 50%;\n  box-sizing: content-box;\n`;\n\nexport const StyledWrapperCentralContent = styled(Grid)`\n  width: 24px;\n  height: 40px;\n`;\n\nexport const StyledTileButtonIcon = styled(Grid)`\n  position: relative;\n  height: 24px;\n  width: 24px;\n  svg {\n    fill: ${(props) => props.theme.colors.neutral[500]};\n  }\n\n  &:focus {\n    svg {\n      fill: ${(props) => props.theme.colors.brand[800]};\n    }\n  }\n`;\n\nexport const StyledTileButtonLabel = styled.div`\n  width: 24px;\n  height: ${(props) => props.theme.space.xs};\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  line-height: 17px;\n`;\n\nexport const CloseButton = styled.button<any>`\n  outline: none;\n  background: none;\n  height: 9px;\n  width: 9px;\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  overflow: hidden;\n  padding: 0;\n  border: none;\n  span {\n    position: absolute;\n    left: -3px;\n    top: -4px;\n  }\n\n  &:focus,\n  &:hover {\n    svg {\n      fill: ${(props) => props.theme.colors.brand[600]};\n    }\n    &:after {\n      display: block;\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: solid 1px ${(props) => props.theme.colors.brand[600]};\n      border-radius: 2px;\n    }\n  }\n  cursor: pointer;\n`;\n\n// MAIN WRAPPER\nexport const StyledTileButton = styled.button<Partial<TileButtonProps>>`\n  outline: none;\n  background: transparent;\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  position: relative;\n  padding: 0;\n  border: none;\n  cursor: pointer;\n  border-bottom: ${(props) => (props.isHeader ? `1px solid  ${props.theme.colors.neutral['200']}` : 'none')};\n  &:focus,\n  &:hover,\n  &:active,\n  &:disabled {\n    background: ${(props) => props.theme.colors.neutral['080']};\n    & ${StyledStatusBadge} {\n      border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n      margin-top: -2px;\n      ${(props) => {\n        switch (props.badgePosition) {\n          case 'left':\n            return 'margin-left: -2px;';\n          case 'right':\n            return 'margin-right: -2px;';\n          default:\n            return 'margin-left: -2px;';\n        }\n      }};\n    }\n  }\n\n  &:focus,\n  &:hover {\n    & ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.brand[800]};\n    }\n    & ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[600]};\n    }\n\n    & svg {\n      fill: ${(props) => props.theme.colors.brand[800]};\n    }\n  }\n\n  &:active:not(:disabled) {\n    background: ${(props) => props.theme.colors.neutral['050']};\n    & ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.brand[600]};\n    }\n    & ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[600]};\n      font-weight: 600;\n    }\n    & svg {\n      fill: ${(props) => props.theme.colors.brand[600]};\n    }\n    & ${StyledStatusBadge} {\n      border: 2px solid ${(props) => props.theme.colors.neutral['050']};\n    }\n  }\n\n  &:disabled {\n    background: ${(props) => props.theme.colors.neutral['080']};\n    ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.neutral['400']};\n    }\n    & ${StyledStatusBadge} {\n      background: ${(props) => props.theme.colors.neutral['500']};\n      border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n    }\n    ${StyledTileButtonIcon} {\n      svg {\n        fill: ${(props) => props.theme.colors.neutral[400]};\n      }\n    }\n    ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[400]};\n    }\n  }\n\n  ${(props) => {\n    if (props.selected) {\n      return css`\n        & ${StyledWrapperLeftBorder} {\n          background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};\n        }\n      `;\n    }\n    return '';\n  }}\n`;\n\nexport const StyledWrapper = styled(Grid)`\n  height: 100%;\n  width: 100%;\n  position: relative;\n`;\n"],"names":["MIN_WIDTH_SIDEBAR","BUTTON_SIDEBAR_HEIGHT","StyledWrapperLeftBorder","styled","Grid","StyledStatusBadge","div","props","badgeColor","theme","colors","brand","success","badgePosition","StyledWrapperCentralContent","StyledTileButtonIcon","neutral","StyledTileButtonLabel","space","xs","CloseButton","button","StyledTileButton","isHeader","selected","css","nestedProps","StyledWrapper"],"mappings":"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"}

package/esm/index.js

@@ -1,4 +1,4 @@
-export { ChatBubble } from './parts/bubble/ChatBubble.js';
+export { ChatBubble, ChatBubbleWithSchema } from './parts/bubble/ChatBubble.js';
 export { BUBBLE_TYPES } from './parts/bubble/props.js';
 export { FloatingButton } from './parts/floating-button/FloatingButton.js';
 export { StyledFloatingContainer } from './parts/floating-container/styled.js';
@@ -13,13 +13,15 @@ export { MessageDelimiter, MessageDelimiterWithSchema } from './parts/message-de
 export { SystemMessage, SystemMessageWithSchema } from './parts/system-message/SystemMessage.js';
 export { ChatCard, ChatCardWithSchema } from './parts/chat-card/ChatCard.js';
 import 'react';
+import 'react-desc';
 import '@elliemae/ds-icons/WarningCircleFill';
 import './parts/bubble/styled.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
 import 'prop-types';
-import 'react-desc';
 import 'lodash';
+import './parts/bubble/config/useValidateProps.js';
+import '@elliemae/ds-props-helpers';
 import './parts/bubble/ChatBubbleArrow.js';
 import '@elliemae/ds-icons/Comments';
 import './parts/floating-button/styled.js';
@@ -28,21 +30,27 @@ import './styled.js';
 import '@elliemae/ds-truncated-tooltip-text';
 import './parts/chat-container-header/styled.js';
 import '@elliemae/ds-icons/Communications';
+import './parts/chat-empty-state/props.js';
 import './parts/chat-empty-state/styled.js';
+import './parts/chat-empty-state/config/useValidateProps.js';
 import '@babel/runtime/helpers/esm/extends';
 import '@babel/runtime/helpers/esm/defineProperty';
 import 'react-virtual';
 import '@elliemae/ds-basic/Button';
 import './parts/chat-container-messages-list/styled.js';
 import './parts/chat-container-messages-list/props.js';
+import './parts/chat-container-messages-list/config/useValidateProps.js';
 import './parts/message-delimiter/styled.js';
 import './parts/message-delimiter/props.js';
+import './parts/message-delimiter/config/useValidateProps.js';
 import './parts/system-message/style.js';
 import './parts/system-message/props.js';
+import './parts/system-message/config/useValidateProps.js';
 import '@babel/runtime/helpers/esm/slicedToArray';
 import '@elliemae/ds-icons/PaperAirplane';
 import './parts/chat-composer/styled.js';
 import '@elliemae/ds-button';
+import './parts/chat-composer/config/useValidateProps.js';
 import './parts/chat-composer/props.js';
 import '@elliemae/ds-icons/MenuExpand';
 import '@elliemae/ds-icons/MenuCollapse';
@@ -52,14 +60,18 @@ import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import './parts/sidebar-button/styled.js';
 import './parts/sidebar-button/props.js';
 import './parts/chat-sidebar/props.js';
+import './parts/chat-sidebar/config/useValidateProps.js';
 import '@elliemae/ds-tooltip';
 import '@elliemae/ds-icons/CloseXsmall';
 import './parts/tile-button/styled.js';
 import './parts/tile-button/props.js';
+import './parts/tile-button/config/useValidateProps.js';
 import '@elliemae/ds-basic/IndeterminateProgressIndicator';
 import '@elliemae/ds-banner';
 import './parts/chat-container/props.js';
 import './parts/chat-container/styled.js';
+import './parts/chat-container/config/useValidateProps.js';
 import './parts/chat-card/props.js';
+import './parts/chat-card/config/useValidateProps.js';
 import './parts/chat-card/styled.js';
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/parts/bubble/ChatBubble.js

@@ -1,15 +1,18 @@
 import React from 'react';
+import { describe } from 'react-desc';
 import Warning from '@elliemae/ds-icons/WarningCircleFill';
 import { StyledWrapper, StyledColoredBubble, StyledTitleBubble, StyledTitleLeftBubble, StyledTitleRightBubble, StyleBodyWrapper, StyleErrorMessage, StyleHelpMessage } from './styled.js';
 import { propsBubbles } from './props.js';
+import { useValidateProps } from './config/useValidateProps.js';
 import { ChatBubbleArrow } from './ChatBubbleArrow.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
 import 'prop-types';
-import 'react-desc';
 import 'lodash';
+import '@elliemae/ds-props-helpers';
 
 var ChatBubble = function ChatBubble(props) {
+  useValidateProps(props, ChatBubbleWithSchema.toJSON());
   var dsId = props.dsId,
       type = props.type,
       title = props.title,
@@ -50,7 +53,10 @@ var ChatBubble = function ChatBubble(props) {
     cols: [1, 'auto']
   }, /*#__PURE__*/React.createElement("span", null, helpMessage)) : null);
 };
+
 ChatBubble.propTypes = propsBubbles;
+var ChatBubbleWithSchema = describe(ChatBubble);
+ChatBubbleWithSchema.propTypes = propsBubbles;
 
-export { ChatBubble };
+export { ChatBubble, ChatBubbleWithSchema };
 //# sourceMappingURL=ChatBubble.js.map

package/esm/parts/bubble/ChatBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBubble.js","sources":["../../../../src/parts/bubble/ChatBubble.tsx"],"sourcesContent":["import React from 'react';\nimport Warning from '@elliemae/ds-icons/WarningCircleFill';\nimport {\n  StyledWrapper,\n  StyledColoredBubble,\n  StyledTitleBubble,\n  StyledTitleLeftBubble,\n  StyledTitleRightBubble,\n  StyleBodyWrapper,\n  StyleErrorMessage,\n  StyleHelpMessage,\n} from './styled';\nimport { propsBubbles, BubbleProps } from './props';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nexport const ChatBubble = (props: BubbleProps): JSX.Element => {\n  const { dsId, type, title, time, body, errorMessage, helpMessage } = props;\n  return (\n    <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`} type={type}>\n      <StyledColoredBubble type={type}>\n        <StyledTitleBubble\n          cols={[1, 'auto']}\n          gutter=\"xs\"\n          alignItems=\"flex-end\"\n          className=\"sr-only\"\n        >\n          <StyledTitleLeftBubble\n            alignItems=\"center\"\n            data-testid={`chat-bubble-title-${dsId}`}\n          >\n            {title}\n          </StyledTitleLeftBubble>\n          <StyledTitleRightBubble\n            alignItems=\"center\"\n            type={type}\n            data-testid={`chat-bubble-time-${dsId}`}\n          >\n            {time}\n          </StyledTitleRightBubble>\n        </StyledTitleBubble>\n        <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n          {body}\n        </StyleBodyWrapper>\n        <ChatBubbleArrow type={type} />\n      </StyledColoredBubble>\n      {errorMessage ? (\n        <StyleErrorMessage\n          data-testid={`chat-bubble-error-message-${dsId}`}\n          p=\"xxs\"\n          gutter=\"xxs\"\n          cols={[1, 'auto']}\n        >\n          <span>{errorMessage}</span>\n          <Warning />\n        </StyleErrorMessage>\n      ) : null}\n      {helpMessage ? (\n        <StyleHelpMessage\n          data-testid={`chat-bubble-help-message-${dsId}`}\n          p=\"xxs\"\n          gutter=\"xxs\"\n          cols={[1, 'auto']}\n        >\n          <span>{helpMessage}</span>\n        </StyleHelpMessage>\n      ) : null}\n    </StyledWrapper>\n  );\n};\nChatBubble.propTypes = propsBubbles;\n"],"names":["ChatBubble","props","dsId","type","title","time","body","errorMessage","helpMessage","propTypes","propsBubbles"],"mappings":";;;;;;;;;;;IAeaA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAqC;AAC7D,MAAQC,IAAR,GAAqED,KAArE,CAAQC,IAAR;AAAA,MAAcC,IAAd,GAAqEF,KAArE,CAAcE,IAAd;AAAA,MAAoBC,KAApB,GAAqEH,KAArE,CAAoBG,KAApB;AAAA,MAA2BC,IAA3B,GAAqEJ,KAArE,CAA2BI,IAA3B;AAAA,MAAiCC,IAAjC,GAAqEL,KAArE,CAAiCK,IAAjC;AAAA,MAAuCC,YAAvC,GAAqEN,KAArE,CAAuCM,YAAvC;AAAA,MAAqDC,WAArD,GAAqEP,KAArE,CAAqDO,WAArD;AACA,sBACE,oBAAC,aAAD;AAAe,4CAA+BN,IAA/B,CAAf;AAAsD,IAAA,IAAI,EAAEC;AAA5D,kBACE,oBAAC,mBAAD;AAAqB,IAAA,IAAI,EAAEA;AAA3B,kBACE,oBAAC,iBAAD;AACE,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CADR;AAEE,IAAA,MAAM,EAAC,IAFT;AAGE,IAAA,UAAU,EAAC,UAHb;AAIE,IAAA,SAAS,EAAC;AAJZ,kBAME,oBAAC,qBAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,+CAAkCD,IAAlC;AAFF,KAIGE,KAJH,CANF,eAYE,oBAAC,sBAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,IAAI,EAAED,IAFR;AAGE,8CAAiCD,IAAjC;AAHF,KAKGG,IALH,CAZF,CADF,eAqBE,oBAAC,gBAAD;AAAkB,8CAAiCH,IAAjC;AAAlB,KACGI,IADH,CArBF,eAwBE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEH;AAAvB,IAxBF,CADF,EA2BGI,YAAY,gBACX,oBAAC,iBAAD;AACE,uDAA0CL,IAA1C,CADF;AAEE,IAAA,CAAC,EAAC,KAFJ;AAGE,IAAA,MAAM,EAAC,KAHT;AAIE,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAJR,kBAME,kCAAOK,YAAP,CANF,eAOE,oBAAC,OAAD,OAPF,CADW,GAUT,IArCN,EAsCGC,WAAW,gBACV,oBAAC,gBAAD;AACE,sDAAyCN,IAAzC,CADF;AAEE,IAAA,CAAC,EAAC,KAFJ;AAGE,IAAA,MAAM,EAAC,KAHT;AAIE,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAJR,kBAME,kCAAOM,WAAP,CANF,CADU,GASR,IA/CN,CADF;AAmDD;AACDR,UAAU,CAACS,SAAX,GAAuBC,YAAvB;;;;"}
+{"version":3,"file":"ChatBubble.js","sources":["../../../../src/parts/bubble/ChatBubble.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport Warning from '@elliemae/ds-icons/WarningCircleFill';\nimport {\n  StyledWrapper,\n  StyledColoredBubble,\n  StyledTitleBubble,\n  StyledTitleLeftBubble,\n  StyledTitleRightBubble,\n  StyleBodyWrapper,\n  StyleErrorMessage,\n  StyleHelpMessage,\n} from './styled';\nimport { propsBubbles, BubbleProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\n\nconst ChatBubble = (props: BubbleProps): JSX.Element => {\n  useValidateProps(props, ChatBubbleWithSchema.toJSON());\n\n  const { dsId, type, title, time, body, errorMessage, helpMessage } = props;\n  return (\n    <StyledWrapper data-testid={`ds-chat-bubble-${dsId}`} type={type}>\n      <StyledColoredBubble type={type}>\n        <StyledTitleBubble cols={[1, 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n          <StyledTitleLeftBubble alignItems=\"center\" data-testid={`chat-bubble-title-${dsId}`}>\n            {title}\n          </StyledTitleLeftBubble>\n          <StyledTitleRightBubble alignItems=\"center\" type={type} data-testid={`chat-bubble-time-${dsId}`}>\n            {time}\n          </StyledTitleRightBubble>\n        </StyledTitleBubble>\n        <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>{body}</StyleBodyWrapper>\n        <ChatBubbleArrow type={type} />\n      </StyledColoredBubble>\n      {errorMessage ? (\n        <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n          <span>{errorMessage}</span>\n          <Warning />\n        </StyleErrorMessage>\n      ) : null}\n      {helpMessage ? (\n        <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n          <span>{helpMessage}</span>\n        </StyleHelpMessage>\n      ) : null}\n    </StyledWrapper>\n  );\n};\nChatBubble.propTypes = propsBubbles;\n\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = propsBubbles;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],"names":["ChatBubble","props","useValidateProps","ChatBubbleWithSchema","toJSON","dsId","type","title","time","body","errorMessage","helpMessage","propTypes","propsBubbles","describe"],"mappings":";;;;;;;;;;;;;IAiBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAqC;AACtDC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,oBAAoB,CAACC,MAArB,EAAR,CAAhB;AAEA,MAAQC,IAAR,GAAqEJ,KAArE,CAAQI,IAAR;AAAA,MAAcC,IAAd,GAAqEL,KAArE,CAAcK,IAAd;AAAA,MAAoBC,KAApB,GAAqEN,KAArE,CAAoBM,KAApB;AAAA,MAA2BC,IAA3B,GAAqEP,KAArE,CAA2BO,IAA3B;AAAA,MAAiCC,IAAjC,GAAqER,KAArE,CAAiCQ,IAAjC;AAAA,MAAuCC,YAAvC,GAAqET,KAArE,CAAuCS,YAAvC;AAAA,MAAqDC,WAArD,GAAqEV,KAArE,CAAqDU,WAArD;AACA,sBACE,oBAAC,aAAD;AAAe,4CAA+BN,IAA/B,CAAf;AAAsD,IAAA,IAAI,EAAEC;AAA5D,kBACE,oBAAC,mBAAD;AAAqB,IAAA,IAAI,EAAEA;AAA3B,kBACE,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAAzB;AAAsC,IAAA,MAAM,EAAC,IAA7C;AAAkD,IAAA,UAAU,EAAC,UAA7D;AAAwE,IAAA,SAAS,EAAC;AAAlF,kBACE,oBAAC,qBAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,+CAAkCD,IAAlC;AAA3C,KACGE,KADH,CADF,eAIE,oBAAC,sBAAD;AAAwB,IAAA,UAAU,EAAC,QAAnC;AAA4C,IAAA,IAAI,EAAED,IAAlD;AAAwD,8CAAiCD,IAAjC;AAAxD,KACGG,IADH,CAJF,CADF,eASE,oBAAC,gBAAD;AAAkB,8CAAiCH,IAAjC;AAAlB,KAA4DI,IAA5D,CATF,eAUE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEH;AAAvB,IAVF,CADF,EAaGI,YAAY,gBACX,oBAAC,iBAAD;AAAmB,uDAA0CL,IAA1C,CAAnB;AAAqE,IAAA,CAAC,EAAC,KAAvE;AAA6E,IAAA,MAAM,EAAC,KAApF;AAA0F,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAAhG,kBACE,kCAAOK,YAAP,CADF,eAEE,oBAAC,OAAD,OAFF,CADW,GAKT,IAlBN,EAmBGC,WAAW,gBACV,oBAAC,gBAAD;AAAkB,sDAAyCN,IAAzC,CAAlB;AAAmE,IAAA,CAAC,EAAC,KAArE;AAA2E,IAAA,MAAM,EAAC,KAAlF;AAAwF,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9F,kBACE,kCAAOM,WAAP,CADF,CADU,GAIR,IAvBN,CADF;AA2BD;;AACDX,UAAU,CAACY,SAAX,GAAuBC,YAAvB;IAEMV,oBAAoB,GAAGW,QAAQ,CAACd,UAAD;AACrCG,oBAAoB,CAACS,SAArB,GAAiCC,YAAjC;;;;"}

package/esm/parts/bubble/config/useValidateProps.js

@@ -0,0 +1,28 @@
+import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
+
+var throwError = function throwError(message) {
+  throw new Error("Bubble:: ".concat(message, "\n  "));
+};
+
+var useValidateProps = function useValidateProps(props, schema) {
+  useValidatePropTypes(props, schema);
+
+  if (typeof props.title === 'undefined') {
+    throwError("Please provide a title property to use this component.");
+  }
+
+  if (typeof props.time === 'undefined') {
+    throwError("Please provide a time property to use this component.");
+  }
+
+  if (typeof props.body === 'undefined') {
+    throwError("Please provide a body property to use this component.");
+  }
+
+  if (typeof props.type === 'undefined') {
+    throwError("Please provide a type property to use this component.");
+  }
+};
+
+export { useValidateProps };
+//# sourceMappingURL=useValidateProps.js.map

package/esm/parts/bubble/config/useValidateProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/bubble/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { BubbleProps } from '../props';\n\nconst throwError = (message: string): void => {\n  throw new Error(\n    `Bubble:: ${message}\n  `,\n  );\n};\n\nexport const useValidateProps = (props: BubbleProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n  if (typeof props.title === 'undefined') {\n    throwError(`Please provide a title property to use this component.`);\n  }\n  if (typeof props.time === 'undefined') {\n    throwError(`Please provide a time property to use this component.`);\n  }\n  if (typeof props.body === 'undefined') {\n    throwError(`Please provide a body property to use this component.`);\n  }\n  if (typeof props.type === 'undefined') {\n    throwError(`Please provide a type property to use this component.`);\n  }\n};\n"],"names":["throwError","message","Error","useValidateProps","props","schema","useValidatePropTypes","title","time","body","type"],"mappings":";;AAGA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAA2B;AAC5C,QAAM,IAAIC,KAAJ,oBACQD,OADR,UAAN;AAID,CALD;;IAOaE,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAqBC,MAArB,EAA+C;AAC7EC,EAAAA,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;;AACA,MAAI,OAAOD,KAAK,CAACG,KAAb,KAAuB,WAA3B,EAAwC;AACtCP,IAAAA,UAAU,0DAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACI,IAAb,KAAsB,WAA1B,EAAuC;AACrCR,IAAAA,UAAU,yDAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACK,IAAb,KAAsB,WAA1B,EAAuC;AACrCT,IAAAA,UAAU,yDAAV;AACD;;AACD,MAAI,OAAOI,KAAK,CAACM,IAAb,KAAsB,WAA1B,EAAuC;AACrCV,IAAAA,UAAU,yDAAV;AACD;AACF;;;;"}

package/esm/parts/bubble/index.js

@@ -1,12 +1,14 @@
-export { ChatBubble } from './ChatBubble.js';
+export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble.js';
 export { BUBBLE_TYPES } from './props.js';
 import 'react';
+import 'react-desc';
 import '@elliemae/ds-icons/WarningCircleFill';
 import './styled.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
 import 'prop-types';
-import 'react-desc';
 import 'lodash';
+import './config/useValidateProps.js';
+import '@elliemae/ds-props-helpers';
 import './ChatBubbleArrow.js';
 //# sourceMappingURL=index.js.map

package/esm/parts/bubble/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/esm/parts/bubble/props.js

@@ -25,10 +25,10 @@ var defaultBubbleProps = {
 };
 var propsBubbles = {
   dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Unique id for bubble').defaultValue(defaultBubbleProps.dsId),
-  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).description('Define bubble type ').defaultValue(defaultBubbleProps.type),
-  title: PropTypes.string.description('Title of the bubble').defaultValue(defaultBubbleProps.title),
-  time: PropTypes.string.description('Time of the bubble').defaultValue(defaultBubbleProps.title),
-  body: PropTypes.string.description('Bubble content').defaultValue(defaultBubbleProps.body),
+  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.description('Define bubble type ').defaultValue(defaultBubbleProps.type),
+  title: PropTypes.string.isRequired.description('Title of the bubble').defaultValue(defaultBubbleProps.title),
+  time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),
+  body: PropTypes.oneOf(['string', 'element']).isRequired.description('Bubble content').defaultValue(defaultBubbleProps.body),
   onClick: PropTypes.string.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),
   errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Error message to display at bottom of the bubble').defaultValue(defaultBubbleProps.onClick),
   helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Help message to display at bottom of the bubble').defaultValue(defaultBubbleProps.onClick)

package/esm/parts/bubble/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/bubble/props.ts"],"sourcesContent":["import propTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\n/**\n *\n * BUBBLE\n *\n */\nexport const BUBBLE_TYPES = {\n  SENDER: 'SENDER',\n  RECIPIENT: 'RECIPIENT',\n  DELIMITER: 'DELIMITER',\n  SYSTEM: 'SYSTEM',\n};\n\nexport type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\nexport type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n\nexport interface BubbleProps {\n  dsId: string | number;\n  type: BubbleTypesValues;\n  title: string;\n  body: string;\n  time: string;\n  errorMessage: string | React.ReactChild;\n  helpMessage: string | React.ReactChild;\n  onClick: (id: string | number) => void;\n}\n\nexport const defaultBubbleProps: BubbleProps = {\n  dsId: undefined,\n  type: BUBBLE_TYPES.SENDER,\n  title: undefined,\n  time: undefined,\n  body: undefined,\n  onClick: noop,\n  errorMessage: undefined,\n  helpMessage: undefined,\n};\n\nexport const propsBubbles = {\n  dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    .description('Unique id for bubble')\n    .defaultValue(defaultBubbleProps.dsId),\n  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n    .description('Define bubble type ')\n    .defaultValue(defaultBubbleProps.type),\n  title: PropTypes.string.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n  time: PropTypes.string.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n  body: PropTypes.string.description('Bubble content').defaultValue(defaultBubbleProps.body),\n  onClick: PropTypes.string.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),\n  errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n    .description('Error message to display at bottom of the bubble')\n    .defaultValue(defaultBubbleProps.onClick),\n  helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n    .description('Help message to display at bottom of the bubble')\n    .defaultValue(defaultBubbleProps.onClick),\n};\n\n/**\n *\n * BUBBLE ARROW\n *\n */\nexport const propsArrowBubble = {\n  type: propTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]),\n};\n"],"names":["BUBBLE_TYPES","SENDER","RECIPIENT","DELIMITER","SYSTEM","defaultBubbleProps","dsId","undefined","type","title","time","body","onClick","noop","errorMessage","helpMessage","propsBubbles","PropTypes","oneOfType","string","number","description","defaultValue","oneOf","element","propsArrowBubble","propTypes"],"mappings":";;;;AAKA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EAAE,QADkB;AAE1BC,EAAAA,SAAS,EAAE,WAFe;AAG1BC,EAAAA,SAAS,EAAE,WAHe;AAI1BC,EAAAA,MAAM,EAAE;AAJkB;IAqBfC,kBAA+B,GAAG;AAC7CC,EAAAA,IAAI,EAAEC,SADuC;AAE7CC,EAAAA,IAAI,EAAER,YAAY,CAACC,MAF0B;AAG7CQ,EAAAA,KAAK,EAAEF,SAHsC;AAI7CG,EAAAA,IAAI,EAAEH,SAJuC;AAK7CI,EAAAA,IAAI,EAAEJ,SALuC;AAM7CK,EAAAA,OAAO,EAAEC,IANoC;AAO7CC,EAAAA,YAAY,EAAEP,SAP+B;AAQ7CQ,EAAAA,WAAW,EAAER;AARgC;IAWlCS,YAAY,GAAG;AAC1BV,EAAAA,IAAI,EAAEW,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACG,MAA7B,CAApB,EACHC,WADG,CACS,sBADT,EAEHC,YAFG,CAEUjB,kBAAkB,CAACC,IAF7B,CADoB;AAI1BE,EAAAA,IAAI,EAAES,SAAS,CAACM,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB,EACHoB,WADG,CACS,qBADT,EAEHC,YAFG,CAEUjB,kBAAkB,CAACG,IAF7B,CAJoB;AAO1BC,EAAAA,KAAK,EAAEQ,SAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,qBAA7B,EAAoDC,YAApD,CAAiEjB,kBAAkB,CAACI,KAApF,CAPmB;AAQ1BC,EAAAA,IAAI,EAAEO,SAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oBAA7B,EAAmDC,YAAnD,CAAgEjB,kBAAkB,CAACI,KAAnF,CARoB;AAS1BE,EAAAA,IAAI,EAAEM,SAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,gBAA7B,EAA+CC,YAA/C,CAA4DjB,kBAAkB,CAACM,IAA/E,CAToB;AAU1BC,EAAAA,OAAO,EAAEK,SAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oCAA7B,EAAmEC,YAAnE,CAAgFjB,kBAAkB,CAACO,OAAnG,CAViB;AAW1BE,EAAAA,YAAY,EAAEG,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACO,OAA7B,CAApB,EACXH,WADW,CACC,kDADD,EAEXC,YAFW,CAEEjB,kBAAkB,CAACO,OAFrB,CAXY;AAc1BG,EAAAA,WAAW,EAAEE,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACO,OAA7B,CAApB,EACVH,WADU,CACE,iDADF,EAEVC,YAFU,CAEGjB,kBAAkB,CAACO,OAFtB;AAda;AAmB5B;AACA;AACA;AACA;AACA;;IACaa,gBAAgB,GAAG;AAC9BjB,EAAAA,IAAI,EAAEkB,UAAS,CAACH,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB;AADwB;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/bubble/props.ts"],"sourcesContent":["import propTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\n/**\n *\n * BUBBLE\n *\n */\nexport const BUBBLE_TYPES = {\n  SENDER: 'SENDER',\n  RECIPIENT: 'RECIPIENT',\n  DELIMITER: 'DELIMITER',\n  SYSTEM: 'SYSTEM',\n};\n\nexport type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\nexport type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n\nexport interface BubbleProps {\n  dsId: string | number;\n  type: BubbleTypesValues;\n  title: string;\n  body: string;\n  time: string;\n  errorMessage: string | React.ReactChild;\n  helpMessage: string | React.ReactChild;\n  onClick: (id: string | number) => void;\n}\n\nexport const defaultBubbleProps: BubbleProps = {\n  dsId: undefined,\n  type: BUBBLE_TYPES.SENDER,\n  title: undefined,\n  time: undefined,\n  body: undefined,\n  onClick: noop,\n  errorMessage: undefined,\n  helpMessage: undefined,\n};\n\nexport const propsBubbles = {\n  dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    .description('Unique id for bubble')\n    .defaultValue(defaultBubbleProps.dsId),\n  type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n    .isRequired.description('Define bubble type ')\n    .defaultValue(defaultBubbleProps.type),\n  title: PropTypes.string.isRequired.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n  time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n  body: PropTypes.oneOf(['string', 'element'])\n    .isRequired.description('Bubble content')\n    .defaultValue(defaultBubbleProps.body),\n  onClick: PropTypes.string.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),\n  errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n    .description('Error message to display at bottom of the bubble')\n    .defaultValue(defaultBubbleProps.onClick),\n  helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n    .description('Help message to display at bottom of the bubble')\n    .defaultValue(defaultBubbleProps.onClick),\n};\n\n/**\n *\n * BUBBLE ARROW\n *\n */\nexport const propsArrowBubble = {\n  type: propTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]),\n};\n"],"names":["BUBBLE_TYPES","SENDER","RECIPIENT","DELIMITER","SYSTEM","defaultBubbleProps","dsId","undefined","type","title","time","body","onClick","noop","errorMessage","helpMessage","propsBubbles","PropTypes","oneOfType","string","number","description","defaultValue","oneOf","isRequired","element","propsArrowBubble","propTypes"],"mappings":";;;;AAKA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EAAE,QADkB;AAE1BC,EAAAA,SAAS,EAAE,WAFe;AAG1BC,EAAAA,SAAS,EAAE,WAHe;AAI1BC,EAAAA,MAAM,EAAE;AAJkB;IAqBfC,kBAA+B,GAAG;AAC7CC,EAAAA,IAAI,EAAEC,SADuC;AAE7CC,EAAAA,IAAI,EAAER,YAAY,CAACC,MAF0B;AAG7CQ,EAAAA,KAAK,EAAEF,SAHsC;AAI7CG,EAAAA,IAAI,EAAEH,SAJuC;AAK7CI,EAAAA,IAAI,EAAEJ,SALuC;AAM7CK,EAAAA,OAAO,EAAEC,IANoC;AAO7CC,EAAAA,YAAY,EAAEP,SAP+B;AAQ7CQ,EAAAA,WAAW,EAAER;AARgC;IAWlCS,YAAY,GAAG;AAC1BV,EAAAA,IAAI,EAAEW,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACG,MAA7B,CAApB,EACHC,WADG,CACS,sBADT,EAEHC,YAFG,CAEUjB,kBAAkB,CAACC,IAF7B,CADoB;AAI1BE,EAAAA,IAAI,EAAES,SAAS,CAACM,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB,EACHuB,UADG,CACQH,WADR,CACoB,qBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACG,IAF7B,CAJoB;AAO1BC,EAAAA,KAAK,EAAEQ,SAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,qBAAxC,EAA+DC,YAA/D,CAA4EjB,kBAAkB,CAACI,KAA/F,CAPmB;AAQ1BC,EAAAA,IAAI,EAAEO,SAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,oBAAxC,EAA8DC,YAA9D,CAA2EjB,kBAAkB,CAACI,KAA9F,CARoB;AAS1BE,EAAAA,IAAI,EAAEM,SAAS,CAACM,KAAV,CAAgB,CAAC,QAAD,EAAW,SAAX,CAAhB,EACHC,UADG,CACQH,WADR,CACoB,gBADpB,EAEHC,YAFG,CAEUjB,kBAAkB,CAACM,IAF7B,CAToB;AAY1BC,EAAAA,OAAO,EAAEK,SAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oCAA7B,EAAmEC,YAAnE,CAAgFjB,kBAAkB,CAACO,OAAnG,CAZiB;AAa1BE,EAAAA,YAAY,EAAEG,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACQ,OAA7B,CAApB,EACXJ,WADW,CACC,kDADD,EAEXC,YAFW,CAEEjB,kBAAkB,CAACO,OAFrB,CAbY;AAgB1BG,EAAAA,WAAW,EAAEE,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACQ,OAA7B,CAApB,EACVJ,WADU,CACE,iDADF,EAEVC,YAFU,CAEGjB,kBAAkB,CAACO,OAFtB;AAhBa;AAqB5B;AACA;AACA;AACA;AACA;;IACac,gBAAgB,GAAG;AAC9BlB,EAAAA,IAAI,EAAEmB,UAAS,CAACJ,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB;AADwB;;;;"}

package/esm/parts/bubble/styled.js

@@ -54,7 +54,7 @@ var StyledBubbleArrow = /*#__PURE__*/styled.div.withConfig({
 var StyledColoredBubble = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-fe8e9o-8"
 })(["min-width:224px;border-radius:10px;position:relative;", ""], function (props) {
-  return props.type === BUBBLE_TYPES.SENDER ? "\n        border: 1px solid ".concat(props.theme.colors.brand['700'], ";\n        background: ").concat(props.theme.colors.brand[600], ";\n        color: ").concat(props.theme.colors.neutral['000'], ";\n        ").concat(StyledBubbleArrow, "{            \n            right: -9px;\n            bottom: 6px;\n            svg{\n                fill: ").concat(props.theme.colors.brand[600], ";\n            }\n        }\n\n    ") : "\n        box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n        background: ".concat(props.theme.colors.neutral['000'], ";\n        color: ").concat(props.theme.colors.neutral[700], ";\n\n        ").concat(StyledBubbleArrow, "{            \n            left: -11px;\n            bottom: 6px;\n            svg{\n                fill: ").concat(props.theme.colors.neutral['000'], ";\n            }\n        }\n\n    ");
+  return props.type === BUBBLE_TYPES.SENDER ? "\n        border: 1px solid ".concat(props.theme.colors.brand['700'], ";\n        background: ").concat(props.theme.colors.brand[600], ";\n        color: ").concat(props.theme.colors.neutral['000'], ";\n        ").concat(StyledBubbleArrow, "{            \n            right: -9px;\n            bottom: 6px;\n            svg{\n                fill: ").concat(props.theme.colors.brand[600], ";\n            }\n        }\n\n        a {\n          color: #FFF;\n        }\n\n    ") : "\n        box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n        background: ".concat(props.theme.colors.neutral['000'], ";\n        color: ").concat(props.theme.colors.neutral[700], ";\n\n        ").concat(StyledBubbleArrow, "{            \n            left: -11px;\n            bottom: 6px;\n            svg{\n                fill: ").concat(props.theme.colors.neutral['000'], ";\n            }\n        }\n\n    ");
 });
 
 export { StyleBodyWrapper, StyleErrorMessage, StyleHelpMessage, StyledBubbleArrow, StyledColoredBubble, StyledTitleBubble, StyledTitleLeftBubble, StyledTitleRightBubble, StyledWrapper };

package/esm/parts/bubble/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/parts/bubble/styled.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div<any>`\n  min-width: 224px;\n  border-radius: 10px;\n`;\n\n// Bubble HEADER\nexport const StyledTitleBubble = styled(Grid)`\n  padding-top: 6px;\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-bottom: 4px;\n`;\n\nexport const StyledTitleLeftBubble = styled(Grid)`\n  font-size: 13px;\n  font-weight: 600;\n`;\nexport const StyledTitleRightBubble = styled(Grid)`\n  font-size: 13px;\n  font-weight: 400;\n  color: ${(props) => (props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489')};\n`;\n\nexport const StyleBodyWrapper = styled.div<any>`\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 15px;\n  min-height: 32px;\n  padding: 0px 10px 8px 10px;\n`;\n\nexport const StyleErrorMessage = styled.div<any>`\n  font-size: 12px;\n  font-weight: 400;\n  padding-top: ${(props) => props.theme.space.xxxs};\n  padding-bottom: ${(props) => props.theme.space.xxxs};\n  color: ${(props) => props.theme.colors.danger[900]};\n  align-items: flex-end;\n  justify-content: center;\n  text-align: right;\n  line-height: 15px;\n  svg {\n    fill: ${(props) => props.theme.colors.danger[900]};\n  }\n  a {\n    font-size: 12px;\n    color: ${(props) => props.theme.colors.danger[900]};\n  }\n  .em-ds-icon {\n    margin-left: 8px;\n  }\n`;\n\nexport const StyleHelpMessage = styled(StyleErrorMessage)`\n  font-size: 12px;\n  line-height: 15px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  svg {\n    fill: ${(props) => props.theme.colors.danger[500]};\n  }\n  a {\n    font-size: 12px;\n    color: ${(props) => props.theme.colors.danger[500]};\n  }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div<any>`\n  display: block;\n  content: '';\n  position: absolute;\n  bottom: 10px;\n  height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<any>`\n  min-width: 224px;\n  border-radius: 10px;\n  position: relative;\n\n  ${(props) =>\n    props.type === BUBBLE_TYPES.SENDER\n      ? `\n        border: 1px solid ${props.theme.colors.brand['700']};\n        background: ${props.theme.colors.brand[600]};\n        color: ${props.theme.colors.neutral['000']};\n        ${StyledBubbleArrow}{            \n            right: -9px;\n            bottom: 6px;\n            svg{\n                fill: ${props.theme.colors.brand[600]};\n            }\n        }\n\n    `\n      : `\n        box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n        background: ${props.theme.colors.neutral['000']};\n        color: ${props.theme.colors.neutral[700]};\n\n        ${StyledBubbleArrow}{            \n            left: -11px;\n            bottom: 6px;\n            svg{\n                fill: ${props.theme.colors.neutral['000']};\n            }\n        }\n\n    `}\n`;\n"],"names":["StyledWrapper","styled","div","StyledTitleBubble","Grid","StyledTitleLeftBubble","StyledTitleRightBubble","props","type","BUBBLE_TYPES","SENDER","StyleBodyWrapper","StyleErrorMessage","theme","space","xxxs","colors","danger","StyleHelpMessage","neutral","StyledBubbleArrow","StyledColoredBubble","brand"],"mappings":";;;;;;;AAAA;;IAMaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,iBAAiB,gBAAGF,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA;IAOjBC,qBAAqB,gBAAGJ,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA;IAIrBE,sBAAsB,gBAAGL,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA,mDAGxB,UAACG,KAAD;AAAA,SAAYA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,GAAqC,MAArC,GAA8C,SAA1D;AAAA,CAHwB;IAMtBC,gBAAgB,gBAAGV,MAAM,CAACC,GAAV;AAAA;AAAA;IAQhBU,iBAAiB,gBAAGX,MAAM,CAACC,GAAV;AAAA;AAAA,+OAGb,UAACK,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAHa,EAIV,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAJU,EAKnB,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALmB,EAWlB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAXkB,EAejB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAfiB;IAsBjBC,gBAAgB,gBAAGjB,MAAM,CAACW,iBAAD,CAAT;AAAA;AAAA,gGAGlB,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHkB,EAKjB,UAACZ,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALiB,EAShB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CATgB;;IAchBG,iBAAiB,gBAAGnB,MAAM,CAACC,GAAV;AAAA;AAAA;IAQjBmB,mBAAmB,gBAAGpB,MAAM,CAACC,GAAV;AAAA;AAAA,kEAK5B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,yCAEwBH,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,KAAzB,CAFxB,oCAGkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CAHlB,+BAIaf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CAJb,wBAKMC,iBALN,wHASoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CATpB,iIAgBkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CAhBlB,+BAiBaZ,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CAjBb,0BAmBMC,iBAnBN,wHAuBoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CAvBpB,wCADA;AAAA,CAL4B;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/parts/bubble/styled.ts"],"sourcesContent":["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div<any>`\n  min-width: 224px;\n  border-radius: 10px;\n`;\n\n// Bubble HEADER\nexport const StyledTitleBubble = styled(Grid)`\n  padding-top: 6px;\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-bottom: 4px;\n`;\n\nexport const StyledTitleLeftBubble = styled(Grid)`\n  font-size: 13px;\n  font-weight: 600;\n`;\nexport const StyledTitleRightBubble = styled(Grid)`\n  font-size: 13px;\n  font-weight: 400;\n  color: ${(props) => (props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489')};\n`;\n\nexport const StyleBodyWrapper = styled.div<any>`\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 15px;\n  min-height: 32px;\n  padding: 0px 10px 8px 10px;\n`;\n\nexport const StyleErrorMessage = styled.div<any>`\n  font-size: 12px;\n  font-weight: 400;\n  padding-top: ${(props) => props.theme.space.xxxs};\n  padding-bottom: ${(props) => props.theme.space.xxxs};\n  color: ${(props) => props.theme.colors.danger[900]};\n  align-items: flex-end;\n  justify-content: center;\n  text-align: right;\n  line-height: 15px;\n  svg {\n    fill: ${(props) => props.theme.colors.danger[900]};\n  }\n  a {\n    font-size: 12px;\n    color: ${(props) => props.theme.colors.danger[900]};\n  }\n  .em-ds-icon {\n    margin-left: 8px;\n  }\n`;\n\nexport const StyleHelpMessage = styled(StyleErrorMessage)`\n  font-size: 12px;\n  line-height: 15px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  svg {\n    fill: ${(props) => props.theme.colors.danger[500]};\n  }\n  a {\n    font-size: 12px;\n    color: ${(props) => props.theme.colors.danger[500]};\n  }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div<any>`\n  display: block;\n  content: '';\n  position: absolute;\n  bottom: 10px;\n  height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<any>`\n  min-width: 224px;\n  border-radius: 10px;\n  position: relative;\n\n  ${(props) =>\n    props.type === BUBBLE_TYPES.SENDER\n      ? `\n        border: 1px solid ${props.theme.colors.brand['700']};\n        background: ${props.theme.colors.brand[600]};\n        color: ${props.theme.colors.neutral['000']};\n        ${StyledBubbleArrow}{            \n            right: -9px;\n            bottom: 6px;\n            svg{\n                fill: ${props.theme.colors.brand[600]};\n            }\n        }\n\n        a {\n          color: #FFF;\n        }\n\n    `\n      : `\n        box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n        background: ${props.theme.colors.neutral['000']};\n        color: ${props.theme.colors.neutral[700]};\n\n        ${StyledBubbleArrow}{            \n            left: -11px;\n            bottom: 6px;\n            svg{\n                fill: ${props.theme.colors.neutral['000']};\n            }\n        }\n\n    `}\n`;\n"],"names":["StyledWrapper","styled","div","StyledTitleBubble","Grid","StyledTitleLeftBubble","StyledTitleRightBubble","props","type","BUBBLE_TYPES","SENDER","StyleBodyWrapper","StyleErrorMessage","theme","space","xxxs","colors","danger","StyleHelpMessage","neutral","StyledBubbleArrow","StyledColoredBubble","brand"],"mappings":";;;;;;;AAAA;;IAMaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,iBAAiB,gBAAGF,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA;IAOjBC,qBAAqB,gBAAGJ,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA;IAIrBE,sBAAsB,gBAAGL,MAAM,CAACG,IAAD,CAAT;AAAA;AAAA,mDAGxB,UAACG,KAAD;AAAA,SAAYA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,GAAqC,MAArC,GAA8C,SAA1D;AAAA,CAHwB;IAMtBC,gBAAgB,gBAAGV,MAAM,CAACC,GAAV;AAAA;AAAA;IAQhBU,iBAAiB,gBAAGX,MAAM,CAACC,GAAV;AAAA;AAAA,+OAGb,UAACK,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAHa,EAIV,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYC,KAAZ,CAAkBC,IAA7B;AAAA,CAJU,EAKnB,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALmB,EAWlB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAXkB,EAejB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CAfiB;IAsBjBC,gBAAgB,gBAAGjB,MAAM,CAACW,iBAAD,CAAT;AAAA;AAAA,gGAGlB,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHkB,EAKjB,UAACZ,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CALiB,EAShB,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBC,MAAnB,CAA0B,GAA1B,CAAX;AAAA,CATgB;;IAchBG,iBAAiB,gBAAGnB,MAAM,CAACC,GAAV;AAAA;AAAA;IAQjBmB,mBAAmB,gBAAGpB,MAAM,CAACC,GAAV;AAAA;AAAA,kEAK5B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,yCAEwBH,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,KAAzB,CAFxB,oCAGkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CAHlB,+BAIaf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CAJb,wBAKMC,iBALN,wHASoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBM,KAAnB,CAAyB,GAAzB,CATpB,mLAoBkBf,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CApBlB,+BAqBaZ,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,GAA3B,CArBb,0BAuBMC,iBAvBN,wHA2BoBb,KAAK,CAACM,KAAN,CAAYG,MAAZ,CAAmBG,OAAnB,CAA2B,KAA3B,CA3BpB,wCADA;AAAA,CAL4B;;;;"}

package/esm/parts/chat-card/ChatCard.js

@@ -1,16 +1,19 @@
 import React from 'react';
 import { describe } from 'react-desc';
-import { propTypes } from './props.js';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
+import { propTypes } from './props.js';
+import { useValidateProps } from './config/useValidateProps.js';
 import { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled.js';
+import '@elliemae/ds-props-helpers';
 import 'styled-components';
 import '@elliemae/ds-grid';
 
-var ChatCard = function ChatCard(_ref) {
-  var title = _ref.title,
-      content = _ref.content,
-      time = _ref.time,
-      rightAddon = _ref.rightAddon;
+var ChatCard = function ChatCard(props) {
+  useValidateProps(props, ChatCardWithSchema.toJSON());
+  var title = props.title,
+      content = props.content,
+      time = props.time,
+      rightAddon = props.rightAddon;
   return /*#__PURE__*/React.createElement(Wrapper, {
     cols: ['1fr', 'auto'],
     "data-testid": "chat-card-wrapper"

package/esm/parts/chat-card/ChatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatCard.js","sources":["../../../../src/parts/chat-card/ChatCard.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { propTypes, CardPropTypes } from './props';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  Wrapper,\n  MainContent,\n  Title,\n  Content,\n  Time,\n  RightAddon,\n} from './styled';\n\nconst ChatCard = ({\n  title,\n  content,\n  time,\n  rightAddon,\n}: CardPropTypes): JSX.Element => (\n  <Wrapper cols={['1fr', 'auto']} data-testid=\"chat-card-wrapper\">\n    <MainContent>\n      <Title data-testid=\"chat-card-title\">{title}</Title>\n      <Content data-testid=\"chat-card-content\">\n        <SimpleTruncatedTooltipText value={content} />\n      </Content>\n      {time && <Time data-testid=\"chat-card-time\">{time}</Time>}\n    </MainContent>\n    {rightAddon && <RightAddon data-testid=\"chat-card-right-addon\">{rightAddon}</RightAddon>}\n  </Wrapper>\n);\n\nChatCard.propTypes = propTypes;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes;\n\nexport { ChatCard, ChatCardWithSchema };\n"],"names":["ChatCard","title","content","time","rightAddon","propTypes","ChatCardWithSchema","describe"],"mappings":";;;;;;;;IAaMA,QAAQ,GAAG,SAAXA,QAAW;AAAA,MACfC,KADe,QACfA,KADe;AAAA,MAEfC,OAFe,QAEfA,OAFe;AAAA,MAGfC,IAHe,QAGfA,IAHe;AAAA,MAIfC,UAJe,QAIfA,UAJe;AAAA,sBAMf,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CAAf;AAAgC,mBAAY;AAA5C,kBACE,oBAAC,WAAD,qBACE,oBAAC,KAAD;AAAO,mBAAY;AAAnB,KAAsCH,KAAtC,CADF,eAEE,oBAAC,OAAD;AAAS,mBAAY;AAArB,kBACE,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEC;AAAnC,IADF,CAFF,EAKGC,IAAI,iBAAI,oBAAC,IAAD;AAAM,mBAAY;AAAlB,KAAoCA,IAApC,CALX,CADF,EAQGC,UAAU,iBAAI,oBAAC,UAAD;AAAY,mBAAY;AAAxB,KAAiDA,UAAjD,CARjB,CANe;AAAA;;AAkBjBJ,QAAQ,CAACK,SAAT,GAAqBA,SAArB;IACMC,kBAAkB,GAAGC,QAAQ,CAACP,QAAD;AACnCM,kBAAkB,CAACD,SAAnB,GAA+BA,SAA/B;;;;"}
+{"version":3,"file":"ChatCard.js","sources":["../../../../src/parts/chat-card/ChatCard.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes, CardPropTypes } from './props';\nimport { useValidateProps } from './config/useValidateProps';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled';\n\nconst ChatCard = (props: CardPropTypes): JSX.Element => {\n  useValidateProps(props, ChatCardWithSchema.toJSON());\n  const { title, content, time, rightAddon } = props;\n  return (\n    <Wrapper cols={['1fr', 'auto']} data-testid=\"chat-card-wrapper\">\n      <MainContent>\n        <Title data-testid=\"chat-card-title\">{title}</Title>\n        <Content data-testid=\"chat-card-content\">\n          <SimpleTruncatedTooltipText value={content} />\n        </Content>\n        {time && <Time data-testid=\"chat-card-time\">{time}</Time>}\n      </MainContent>\n      {rightAddon && <RightAddon data-testid=\"chat-card-right-addon\">{rightAddon}</RightAddon>}\n    </Wrapper>\n  );\n};\n\nChatCard.propTypes = propTypes;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes;\n\nexport { ChatCard, ChatCardWithSchema };\n"],"names":["ChatCard","props","useValidateProps","ChatCardWithSchema","toJSON","title","content","time","rightAddon","propTypes","describe"],"mappings":";;;;;;;;;;IAQMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuC;AACtDC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,kBAAkB,CAACC,MAAnB,EAAR,CAAhB;AACA,MAAQC,KAAR,GAA6CJ,KAA7C,CAAQI,KAAR;AAAA,MAAeC,OAAf,GAA6CL,KAA7C,CAAeK,OAAf;AAAA,MAAwBC,IAAxB,GAA6CN,KAA7C,CAAwBM,IAAxB;AAAA,MAA8BC,UAA9B,GAA6CP,KAA7C,CAA8BO,UAA9B;AACA,sBACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CAAf;AAAgC,mBAAY;AAA5C,kBACE,oBAAC,WAAD,qBACE,oBAAC,KAAD;AAAO,mBAAY;AAAnB,KAAsCH,KAAtC,CADF,eAEE,oBAAC,OAAD;AAAS,mBAAY;AAArB,kBACE,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEC;AAAnC,IADF,CAFF,EAKGC,IAAI,iBAAI,oBAAC,IAAD;AAAM,mBAAY;AAAlB,KAAoCA,IAApC,CALX,CADF,EAQGC,UAAU,iBAAI,oBAAC,UAAD;AAAY,mBAAY;AAAxB,KAAiDA,UAAjD,CARjB,CADF;AAYD;;AAEDR,QAAQ,CAACS,SAAT,GAAqBA,SAArB;IACMN,kBAAkB,GAAGO,QAAQ,CAACV,QAAD;AACnCG,kBAAkB,CAACM,SAAnB,GAA+BA,SAA/B;;;;"}