@elliemae/ds-chat 1.57.0-rc.2 → 1.57.0-rc.6

package/cjs/parts/chat-sidebar/SideBarChat.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var reactDesc = require('react-desc');
-var MenuExpand = require('@elliemae/ds-icons/MenuExpand');
-var MenuCollapse = require('@elliemae/ds-icons/MenuCollapse');
+var dsIcons = require('@elliemae/ds-icons');
 var parts_chatSidebar_styled = require('./styled.js');
 var parts_tileButton_TileButton = require('../tile-button/TileButton.js');
 var parts_sidebarButton_SidebarButton = require('../sidebar-button/SidebarButton.js');
@@ -16,11 +15,9 @@ require('styled-components');
 require('@elliemae/ds-grid');
 require('../../styled.js');
 require('@elliemae/ds-tooltip');
-require('@elliemae/ds-icons/CloseXsmall');
 require('../tile-button/styled.js');
 require('../tile-button/props.js');
 require('lodash');
-require('@elliemae/ds-icons/Comments');
 require('../tile-button/config/useValidateProps.js');
 require('@elliemae/ds-props-helpers');
 require('@babel/runtime/helpers/objectWithoutProperties');
@@ -32,8 +29,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var MenuExpand__default = /*#__PURE__*/_interopDefaultLegacy(MenuExpand);
-var MenuCollapse__default = /*#__PURE__*/_interopDefaultLegacy(MenuCollapse);
 
 var FooterChat = function FooterChat(_ref) {
   var expanded = _ref.expanded,
@@ -43,7 +38,7 @@ var FooterChat = function FooterChat(_ref) {
   return /*#__PURE__*/React__default['default'].createElement(parts_sidebarButton_SidebarButton.SidebarButton, {
     dsId: "sidebar_footer",
     label: null,
-    Icon: !expanded ? MenuCollapse__default['default'] : MenuExpand__default['default'],
+    Icon: !expanded ? dsIcons.MenuCollapse : dsIcons.MenuExpand,
     onClick: expanded ? onFooterClose : onFooterExpand,
     "aria-pressed": expanded,
     "aria-label": footerButtonExtraProps['aria-label']

package/cjs/parts/chat-sidebar/SideBarChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideBarChat.js","sources":["../../../../src/parts/chat-sidebar/SideBarChat.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport MenuExpand from '@elliemae/ds-icons/MenuExpand';\nimport MenuCollapse from '@elliemae/ds-icons/MenuCollapse';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n  <SidebarButton\n    dsId=\"sidebar_footer\"\n    label={null}\n    Icon={!expanded ? MenuCollapse : MenuExpand}\n    onClick={expanded ? onFooterClose : onFooterExpand}\n    aria-pressed={expanded}\n    aria-label={footerButtonExtraProps['aria-label']}\n  />\n);\n\nconst SideBarChat = (props: CharSidebarProps): JSX.Element => {\n  useValidateProps(props, SideBarChatWithSchema.toJSON());\n  const {\n    sidebarItems,\n    expanded,\n    onFooterClose,\n    onFooterExpand,\n    selectedItem,\n    footerButtonExtraProps,\n    tooltipPlacement,\n    enableTooltipWhenIsClosed,\n  } = props;\n  return (\n    <StyledSideBarContainer rows={[1, 'auto']}>\n      <StyledSideBarButtonsContainer>\n        {sidebarItems.map((p) => (\n          <TileButton\n            {...p}\n            selected={selectedItem === p.dsId}\n            tooltipPlacement={tooltipPlacement}\n            disableTooltip={enableTooltipWhenIsClosed ? false : !expanded}\n          />\n        ))}\n      </StyledSideBarButtonsContainer>\n      <FooterChat\n        expanded={expanded}\n        onFooterClose={onFooterClose}\n        onFooterExpand={onFooterExpand}\n        footerButtonExtraProps={footerButtonExtraProps}\n      />\n    </StyledSideBarContainer>\n  );\n};\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],"names":["FooterChat","expanded","onFooterClose","onFooterExpand","footerButtonExtraProps","React","SidebarButton","MenuCollapse","MenuExpand","SideBarChat","props","useValidateProps","SideBarChatWithSchema","toJSON","sidebarItems","selectedItem","tooltipPlacement","enableTooltipWhenIsClosed","StyledSideBarContainer","StyledSideBarButtonsContainer","map","p","TileButton","dsId","propTypes","chatSidebarProps","defaultProps","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MACjBC,QADiB,QACjBA,QADiB;AAAA,MAEjBC,aAFiB,QAEjBA,aAFiB;AAAA,MAGjBC,cAHiB,QAGjBA,cAHiB;AAAA,MAIjBC,sBAJiB,QAIjBA,sBAJiB;AAAA,sBAMjBC,wCAACC,+CAAD;AACE,IAAA,IAAI,EAAC,gBADP;AAEE,IAAA,KAAK,EAAE,IAFT;AAGE,IAAA,IAAI,EAAE,CAACL,QAAD,GAAYM,gCAAZ,GAA2BC,8BAHnC;AAIE,IAAA,OAAO,EAAEP,QAAQ,GAAGC,aAAH,GAAmBC,cAJtC;AAKE,oBAAcF,QALhB;AAME,kBAAYG,sBAAsB,CAAC,YAAD;AANpC,IANiB;AAAA,CAAnB;;IAgBMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA0C;AAC5DC,EAAAA,0DAAgB,CAACD,KAAD,EAAQE,qBAAqB,CAACC,MAAtB,EAAR,CAAhB;AACA,MACEC,YADF,GASIJ,KATJ,CACEI,YADF;AAAA,MAEEb,QAFF,GASIS,KATJ,CAEET,QAFF;AAAA,MAGEC,aAHF,GASIQ,KATJ,CAGER,aAHF;AAAA,MAIEC,cAJF,GASIO,KATJ,CAIEP,cAJF;AAAA,MAKEY,YALF,GASIL,KATJ,CAKEK,YALF;AAAA,MAMEX,sBANF,GASIM,KATJ,CAMEN,sBANF;AAAA,MAOEY,gBAPF,GASIN,KATJ,CAOEM,gBAPF;AAAA,MAQEC,yBARF,GASIP,KATJ,CAQEO,yBARF;AAUA,sBACEZ,wCAACa,+CAAD;AAAwB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9B,kBACEb,wCAACc,sDAAD,QACGL,YAAY,CAACM,GAAb,CAAiB,UAACC,CAAD;AAAA,wBAChBhB,wCAACiB,sCAAD,mCACMD,CADN;AAEE,MAAA,QAAQ,EAAEN,YAAY,KAAKM,CAAC,CAACE,IAF/B;AAGE,MAAA,gBAAgB,EAAEP,gBAHpB;AAIE,MAAA,cAAc,EAAEC,yBAAyB,GAAG,KAAH,GAAW,CAAChB;AAJvD,OADgB;AAAA,GAAjB,CADH,CADF,eAWEI,wCAAC,UAAD;AACE,IAAA,QAAQ,EAAEJ,QADZ;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,cAAc,EAAEC,cAHlB;AAIE,IAAA,sBAAsB,EAAEC;AAJ1B,IAXF,CADF;AAoBD;;AAEDK,WAAW,CAACe,SAAZ,GAAwBC,wCAAxB;AACAhB,WAAW,CAACiB,YAAZ,GAA2BA,oCAA3B;IACMd,qBAAqB,GAAGe,kBAAQ,CAAClB,WAAD;AACtCG,qBAAqB,CAACY,SAAtB,GAAkCC,wCAAlC;;;;;"}
+{"version":3,"file":"SideBarChat.js","sources":["../../../../src/parts/chat-sidebar/SideBarChat.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n  <SidebarButton\n    dsId=\"sidebar_footer\"\n    label={null}\n    Icon={!expanded ? MenuCollapse : MenuExpand}\n    onClick={expanded ? onFooterClose : onFooterExpand}\n    aria-pressed={expanded}\n    aria-label={footerButtonExtraProps['aria-label']}\n  />\n);\n\nconst SideBarChat = (props: CharSidebarProps): JSX.Element => {\n  useValidateProps(props, SideBarChatWithSchema.toJSON());\n  const {\n    sidebarItems,\n    expanded,\n    onFooterClose,\n    onFooterExpand,\n    selectedItem,\n    footerButtonExtraProps,\n    tooltipPlacement,\n    enableTooltipWhenIsClosed,\n  } = props;\n  return (\n    <StyledSideBarContainer rows={[1, 'auto']}>\n      <StyledSideBarButtonsContainer>\n        {sidebarItems.map((p) => (\n          <TileButton\n            {...p}\n            selected={selectedItem === p.dsId}\n            tooltipPlacement={tooltipPlacement}\n            disableTooltip={enableTooltipWhenIsClosed ? false : !expanded}\n          />\n        ))}\n      </StyledSideBarButtonsContainer>\n      <FooterChat\n        expanded={expanded}\n        onFooterClose={onFooterClose}\n        onFooterExpand={onFooterExpand}\n        footerButtonExtraProps={footerButtonExtraProps}\n      />\n    </StyledSideBarContainer>\n  );\n};\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],"names":["FooterChat","expanded","onFooterClose","onFooterExpand","footerButtonExtraProps","React","SidebarButton","MenuCollapse","MenuExpand","SideBarChat","props","useValidateProps","SideBarChatWithSchema","toJSON","sidebarItems","selectedItem","tooltipPlacement","enableTooltipWhenIsClosed","StyledSideBarContainer","StyledSideBarButtonsContainer","map","p","TileButton","dsId","propTypes","chatSidebarProps","defaultProps","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MACjBC,QADiB,QACjBA,QADiB;AAAA,MAEjBC,aAFiB,QAEjBA,aAFiB;AAAA,MAGjBC,cAHiB,QAGjBA,cAHiB;AAAA,MAIjBC,sBAJiB,QAIjBA,sBAJiB;AAAA,sBAMjBC,wCAACC,+CAAD;AACE,IAAA,IAAI,EAAC,gBADP;AAEE,IAAA,KAAK,EAAE,IAFT;AAGE,IAAA,IAAI,EAAE,CAACL,QAAD,GAAYM,oBAAZ,GAA2BC,kBAHnC;AAIE,IAAA,OAAO,EAAEP,QAAQ,GAAGC,aAAH,GAAmBC,cAJtC;AAKE,oBAAcF,QALhB;AAME,kBAAYG,sBAAsB,CAAC,YAAD;AANpC,IANiB;AAAA,CAAnB;;IAgBMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA0C;AAC5DC,EAAAA,0DAAgB,CAACD,KAAD,EAAQE,qBAAqB,CAACC,MAAtB,EAAR,CAAhB;AACA,MACEC,YADF,GASIJ,KATJ,CACEI,YADF;AAAA,MAEEb,QAFF,GASIS,KATJ,CAEET,QAFF;AAAA,MAGEC,aAHF,GASIQ,KATJ,CAGER,aAHF;AAAA,MAIEC,cAJF,GASIO,KATJ,CAIEP,cAJF;AAAA,MAKEY,YALF,GASIL,KATJ,CAKEK,YALF;AAAA,MAMEX,sBANF,GASIM,KATJ,CAMEN,sBANF;AAAA,MAOEY,gBAPF,GASIN,KATJ,CAOEM,gBAPF;AAAA,MAQEC,yBARF,GASIP,KATJ,CAQEO,yBARF;AAUA,sBACEZ,wCAACa,+CAAD;AAAwB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9B,kBACEb,wCAACc,sDAAD,QACGL,YAAY,CAACM,GAAb,CAAiB,UAACC,CAAD;AAAA,wBAChBhB,wCAACiB,sCAAD,mCACMD,CADN;AAEE,MAAA,QAAQ,EAAEN,YAAY,KAAKM,CAAC,CAACE,IAF/B;AAGE,MAAA,gBAAgB,EAAEP,gBAHpB;AAIE,MAAA,cAAc,EAAEC,yBAAyB,GAAG,KAAH,GAAW,CAAChB;AAJvD,OADgB;AAAA,GAAjB,CADH,CADF,eAWEI,wCAAC,UAAD;AACE,IAAA,QAAQ,EAAEJ,QADZ;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,cAAc,EAAEC,cAHlB;AAIE,IAAA,sBAAsB,EAAEC;AAJ1B,IAXF,CADF;AAoBD;;AAEDK,WAAW,CAACe,SAAZ,GAAwBC,wCAAxB;AACAhB,WAAW,CAACiB,YAAZ,GAA2BA,oCAA3B;IACMd,qBAAqB,GAAGe,kBAAQ,CAAClB,WAAD;AACtCG,qBAAqB,CAACY,SAAtB,GAAkCC,wCAAlC;;;;;"}

package/cjs/parts/chat-sidebar/index.js

@@ -6,19 +6,16 @@ var parts_chatSidebar_SideBarChat = require('./SideBarChat.js');
 require('@babel/runtime/helpers/extends');
 require('react');
 require('react-desc');
-require('@elliemae/ds-icons/MenuExpand');
-require('@elliemae/ds-icons/MenuCollapse');
+require('@elliemae/ds-icons');
 require('./styled.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('../../styled.js');
 require('../tile-button/TileButton.js');
 require('@elliemae/ds-tooltip');
-require('@elliemae/ds-icons/CloseXsmall');
 require('../tile-button/styled.js');
 require('../tile-button/props.js');
 require('lodash');
-require('@elliemae/ds-icons/Comments');
 require('../tile-button/config/useValidateProps.js');
 require('@elliemae/ds-props-helpers');
 require('../sidebar-button/SidebarButton.js');

package/cjs/parts/chat-sidebar/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/floating-button/FloatingButton.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Comments = require('@elliemae/ds-icons/Comments');
+var dsIcons = require('@elliemae/ds-icons');
 var parts_floatingButton_styled = require('./styled.js');
 var parts_floatingButton_props = require('./props.js');
 require('styled-components');
@@ -13,14 +13,13 @@ require('lodash');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Comments__default = /*#__PURE__*/_interopDefaultLegacy(Comments);
 
 var FloatingButton = function FloatingButton(_ref) {
   var onClick = _ref.onClick;
   return /*#__PURE__*/React__default['default'].createElement(parts_floatingButton_styled.StyledFloatingButton, {
     "data-testid": "chat-floating-button",
     onClick: onClick
-  }, /*#__PURE__*/React__default['default'].createElement(Comments__default['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.Comments, {
     size: "l"
   }));
 };

package/cjs/parts/floating-button/FloatingButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingButton.js","sources":["../../../../src/parts/floating-button/FloatingButton.tsx"],"sourcesContent":["import React from 'react';\nimport Comments from '@elliemae/ds-icons/Comments';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nexport const FloatingButton = ({ onClick }: FloatingButtonProps): JSX.Element => (\n  <StyledFloatingButton data-testid=\"chat-floating-button\" onClick={onClick}>\n    <Comments size=\"l\" />\n  </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n"],"names":["FloatingButton","onClick","React","StyledFloatingButton","Comments","propTypes","propsFloatingButton","defaultProps","defaultFloatingButton"],"mappings":";;;;;;;;;;;;;;;;;IAKaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,sBAC5BC,wCAACC,gDAAD;AAAsB,mBAAY,sBAAlC;AAAyD,IAAA,OAAO,EAAEF;AAAlE,kBACEC,wCAACE,4BAAD;AAAU,IAAA,IAAI,EAAC;AAAf,IADF,CAD4B;AAAA;AAM9BJ,cAAc,CAACK,SAAf,GAA2BC,8CAA3B;AACAN,cAAc,CAACO,YAAf,GAA8BC,gDAA9B;;;;"}
+{"version":3,"file":"FloatingButton.js","sources":["../../../../src/parts/floating-button/FloatingButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nexport const FloatingButton = ({ onClick }: FloatingButtonProps): JSX.Element => (\n  <StyledFloatingButton data-testid=\"chat-floating-button\" onClick={onClick}>\n    <Comments size=\"l\" />\n  </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n"],"names":["FloatingButton","onClick","React","StyledFloatingButton","Comments","propTypes","propsFloatingButton","defaultProps","defaultFloatingButton"],"mappings":";;;;;;;;;;;;;;;;IAKaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,sBAC5BC,wCAACC,gDAAD;AAAsB,mBAAY,sBAAlC;AAAyD,IAAA,OAAO,EAAEF;AAAlE,kBACEC,wCAACE,gBAAD;AAAU,IAAA,IAAI,EAAC;AAAf,IADF,CAD4B;AAAA;AAM9BJ,cAAc,CAACK,SAAf,GAA2BC,8CAA3B;AACAN,cAAc,CAACO,YAAf,GAA8BC,gDAA9B;;;;"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var parts_floatingButton_FloatingButton = require('./FloatingButton.js');
 require('react');
-require('@elliemae/ds-icons/Comments');
+require('@elliemae/ds-icons');
 require('./styled.js');
 require('styled-components');
 require('./props.js');

package/cjs/parts/grid-influencer/InfluencerContainer.js

@@ -12,12 +12,12 @@ require('../../styled.js');
 require('@babel/runtime/helpers/extends');
 require('lodash');
 require('react-desc');
-require('@elliemae/ds-basic/IndeterminateProgressIndicator');
+require('@elliemae/ds-indeterminate-progress-indicator');
 require('@elliemae/ds-banner');
 require('../chat-composer/ChatContainerComposer.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-icons/PaperAirplane');
+require('@elliemae/ds-icons');
 require('../chat-composer/styled.js');
 require('@elliemae/ds-button');
 require('../chat-composer/config/useValidateProps.js');
@@ -25,9 +25,7 @@ require('@elliemae/ds-props-helpers');
 require('../chat-composer/props.js');
 require('../chat-container-messages-list/ChatContainerMessagesList.js');
 require('react-virtual');
-require('@elliemae/ds-basic/Button');
 require('../bubble/ChatBubble.js');
-require('@elliemae/ds-icons/WarningCircleFill');
 require('../bubble/styled.js');
 require('../bubble/props.js');
 require('prop-types');
@@ -47,15 +45,11 @@ require('../chat-container-messages-list/config/useValidateProps.js');
 require('../chat-container/props.js');
 require('../chat-container/styled.js');
 require('../chat-container/config/useValidateProps.js');
-require('@elliemae/ds-icons/MenuExpand');
-require('@elliemae/ds-icons/MenuCollapse');
 require('../chat-sidebar/styled.js');
 require('../tile-button/TileButton.js');
 require('@elliemae/ds-tooltip');
-require('@elliemae/ds-icons/CloseXsmall');
 require('../tile-button/styled.js');
 require('../tile-button/props.js');
-require('@elliemae/ds-icons/Comments');
 require('../tile-button/config/useValidateProps.js');
 require('../sidebar-button/SidebarButton.js');
 require('@babel/runtime/helpers/objectWithoutProperties');

package/cjs/parts/grid-influencer/InfluencerContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfluencerContainer.js","sources":["../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n  React.useMemo(\n    () =>\n      props.floating ? null : (\n        <StyledChatContainer\n          cols={['auto', props.expanded ? 1 : '0px']}\n          expanded={props.expanded}\n          expandedWidth={props.expandedWidth}\n        >\n          <SideBarChat />\n          {props.expanded ? <ChatContainer /> : <div />}\n        </StyledChatContainer>\n      ),\n    [props.floating, props.expanded, props.expandedWidth],\n  );\n"],"names":["InfluencerContainer","props","React","useMemo","floating","StyledChatContainer","expanded","expandedWidth","SideBarChat","ChatContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAMaA,mBAA6C,GAAG,SAAhDA,mBAAgD,CAACC,KAAD;AAAA,SAC3DC,yBAAK,CAACC,OAAN,CACE;AAAA,WACEF,KAAK,CAACG,QAAN,GAAiB,IAAjB,gBACEF,wCAACG,+CAAD;AACE,MAAA,IAAI,EAAE,CAAC,MAAD,EAASJ,KAAK,CAACK,QAAN,GAAiB,CAAjB,GAAqB,KAA9B,CADR;AAEE,MAAA,QAAQ,EAAEL,KAAK,CAACK,QAFlB;AAGE,MAAA,aAAa,EAAEL,KAAK,CAACM;AAHvB,oBAKEL,wCAACM,yCAAD,OALF,EAMGP,KAAK,CAACK,QAAN,gBAAiBJ,wCAACO,+CAAD,OAAjB,gBAAqCP,oDANxC,CAFJ;AAAA,GADF,EAYE,CAACD,KAAK,CAACG,QAAP,EAAiBH,KAAK,CAACK,QAAvB,EAAiCL,KAAK,CAACM,aAAvC,CAZF,CAD2D;AAAA;;;;"}
+{"version":3,"file":"InfluencerContainer.js","sources":["../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n  React.useMemo(\n    () =>\n      props.floating ? null : (\n        <StyledChatContainer\n          cols={['auto', props.expanded ? 1 : '0px']}\n          expanded={props.expanded}\n          expandedWidth={props.expandedWidth}\n        >\n          <SideBarChat />\n          {props.expanded ? <ChatContainer /> : <div />}\n        </StyledChatContainer>\n      ),\n    [props.floating, props.expanded, props.expandedWidth],\n  );\n"],"names":["InfluencerContainer","props","React","useMemo","floating","StyledChatContainer","expanded","expandedWidth","SideBarChat","ChatContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAMaA,mBAA6C,GAAG,SAAhDA,mBAAgD,CAACC,KAAD;AAAA,SAC3DC,yBAAK,CAACC,OAAN,CACE;AAAA,WACEF,KAAK,CAACG,QAAN,GAAiB,IAAjB,gBACEF,wCAACG,+CAAD;AACE,MAAA,IAAI,EAAE,CAAC,MAAD,EAASJ,KAAK,CAACK,QAAN,GAAiB,CAAjB,GAAqB,KAA9B,CADR;AAEE,MAAA,QAAQ,EAAEL,KAAK,CAACK,QAFlB;AAGE,MAAA,aAAa,EAAEL,KAAK,CAACM;AAHvB,oBAKEL,wCAACM,yCAAD,OALF,EAMGP,KAAK,CAACK,QAAN,gBAAiBJ,wCAACO,+CAAD,OAAjB,gBAAqCP,oDANxC,CAFJ;AAAA,GADF,EAYE,CAACD,KAAK,CAACG,QAAP,EAAiBH,KAAK,CAACK,QAAvB,EAAiCL,KAAK,CAACM,aAAvC,CAZF,CAD2D;AAAA;;;;"}

package/cjs/parts/sidebar-button/SidebarButton.js

@@ -13,7 +13,7 @@ require('../../styled.js');
 require('prop-types');
 require('react-desc');
 require('lodash');
-require('@elliemae/ds-icons/Comments');
+require('@elliemae/ds-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -5,15 +5,14 @@ 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');
+var dsIcons = require('@elliemae/ds-icons');
 
 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 defaultSidebarButton = {
-  Icon: Comments__default['default'],
+  Icon: dsIcons.Comments,
   dsId: undefined,
   label: '',
   onClick: lodash.noop,

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

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/sidebar-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 SidebarButtonProps {\n  Icon: React.FC<{ size: string }>;\n  dsId: string | number;\n  label: string;\n  onClick?: (dsId: string | number) => void;\n  title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n  Icon: Comments,\n  dsId: undefined,\n  label: '',\n  onClick: noop,\n  title: '',\n};\n\nexport const propsSidebarButton = {\n  Icon: PropTypes.element\n    .description('Icon component')\n    .defaultValue(defaultSidebarButton.Icon),\n  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string])\n    .description('Unique id for the button')\n    .defaultValue(defaultSidebarButton.dsId),\n  label: PropTypes.string\n    .description('It will display under the icon')\n    .defaultValue(defaultSidebarButton.label),\n  title: PropTypes.string\n    .description('Tooltip')\n    .defaultValue(defaultSidebarButton.title),\n  onClick: PropTypes.func\n    .description('The function to call when the is clicked')\n    .defaultValue(defaultSidebarButton.onClick),\n};\n"],"names":["defaultSidebarButton","Icon","Comments","dsId","undefined","label","onClick","noop","title","propsSidebarButton","PropTypes","element","description","defaultValue","oneOfType","propsTypes","number","string","func"],"mappings":";;;;;;;;;;;;;;IAcaA,oBAAwC,GAAG;AACtDC,EAAAA,IAAI,EAAEC,4BADgD;AAEtDC,EAAAA,IAAI,EAAEC,SAFgD;AAGtDC,EAAAA,KAAK,EAAE,EAH+C;AAItDC,EAAAA,OAAO,EAAEC,WAJ6C;AAKtDC,EAAAA,KAAK,EAAE;AAL+C;IAQ3CC,kBAAkB,GAAG;AAChCR,EAAAA,IAAI,EAAES,mBAAS,CAACC,OAAV,CACHC,WADG,CACS,gBADT,EAEHC,YAFG,CAEUb,oBAAoB,CAACC,IAF/B,CAD0B;AAIhCE,EAAAA,IAAI,EAAEO,mBAAS,CAACI,SAAV,CAAoB,CAACC,8BAAU,CAACC,MAAZ,EAAoBD,8BAAU,CAACE,MAA/B,CAApB,EACHL,WADG,CACS,0BADT,EAEHC,YAFG,CAEUb,oBAAoB,CAACG,IAF/B,CAJ0B;AAOhCE,EAAAA,KAAK,EAAEK,mBAAS,CAACO,MAAV,CACJL,WADI,CACQ,gCADR,EAEJC,YAFI,CAESb,oBAAoB,CAACK,KAF9B,CAPyB;AAUhCG,EAAAA,KAAK,EAAEE,mBAAS,CAACO,MAAV,CACJL,WADI,CACQ,SADR,EAEJC,YAFI,CAESb,oBAAoB,CAACQ,KAF9B,CAVyB;AAahCF,EAAAA,OAAO,EAAEI,mBAAS,CAACQ,IAAV,CACNN,WADM,CACM,0CADN,EAENC,YAFM,CAEOb,oBAAoB,CAACM,OAF5B;AAbuB;;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/sidebar-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';\n\nexport interface SidebarButtonProps {\n  Icon: React.FC<{ size: string }>;\n  dsId: string | number;\n  label: string;\n  onClick?: (dsId: string | number) => void;\n  title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n  Icon: Comments,\n  dsId: undefined,\n  label: '',\n  onClick: noop,\n  title: '',\n};\n\nexport const propsSidebarButton = {\n  Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),\n  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string])\n    .description('Unique id for the button')\n    .defaultValue(defaultSidebarButton.dsId),\n  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),\n  title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),\n  onClick: PropTypes.func\n    .description('The function to call when the is clicked')\n    .defaultValue(defaultSidebarButton.onClick),\n};\n"],"names":["defaultSidebarButton","Icon","Comments","dsId","undefined","label","onClick","noop","title","propsSidebarButton","PropTypes","element","description","defaultValue","oneOfType","propsTypes","number","string","func"],"mappings":";;;;;;;;;;;;;IAcaA,oBAAwC,GAAG;AACtDC,EAAAA,IAAI,EAAEC,gBADgD;AAEtDC,EAAAA,IAAI,EAAEC,SAFgD;AAGtDC,EAAAA,KAAK,EAAE,EAH+C;AAItDC,EAAAA,OAAO,EAAEC,WAJ6C;AAKtDC,EAAAA,KAAK,EAAE;AAL+C;IAQ3CC,kBAAkB,GAAG;AAChCR,EAAAA,IAAI,EAAES,mBAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,gBAA9B,EAAgDC,YAAhD,CAA6Db,oBAAoB,CAACC,IAAlF,CAD0B;AAEhCE,EAAAA,IAAI,EAAEO,mBAAS,CAACI,SAAV,CAAoB,CAACC,8BAAU,CAACC,MAAZ,EAAoBD,8BAAU,CAACE,MAA/B,CAApB,EACHL,WADG,CACS,0BADT,EAEHC,YAFG,CAEUb,oBAAoB,CAACG,IAF/B,CAF0B;AAKhCE,EAAAA,KAAK,EAAEK,mBAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4Eb,oBAAoB,CAACK,KAAjG,CALyB;AAMhCG,EAAAA,KAAK,EAAEE,mBAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,SAA7B,EAAwCC,YAAxC,CAAqDb,oBAAoB,CAACQ,KAA1E,CANyB;AAOhCF,EAAAA,OAAO,EAAEI,mBAAS,CAACQ,IAAV,CACNN,WADM,CACM,0CADN,EAENC,YAFM,CAEOb,oBAAoB,CAACM,OAF5B;AAPuB;;;;;"}

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

@@ -6,19 +6,17 @@ var React = require('react');
 var reactDesc = require('react-desc');
 var dsTooltip = require('@elliemae/ds-tooltip');
 var dsGrid = require('@elliemae/ds-grid');
-var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
+var dsIcons = require('@elliemae/ds-icons');
 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('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 }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
 
 var TileButton = function TileButton(props) {
   parts_tileButton_config_useValidateProps.useValidateProps(props, TileButtonWithSchema.toJSON());
@@ -84,7 +82,7 @@ var TileButton = function TileButton(props) {
     }, /*#__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, {
       onClick: onClose,
       value: dsId
-    }, /*#__PURE__*/React__default['default'].createElement(CloseXsmall__default['default'], null)) : null));
+    }, /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, null)) : null));
   }, [MainContent, ariaLabel, badgeColor, badgePosition, disabled, dsId, handleClick, isHeader, onBlur, onClose, onFocus, selected, showClose]);
   return title && !disableTooltip ? /*#__PURE__*/React__default['default'].createElement(dsTooltip.DSTooltipV3, {
     id: "ds-chat-tile-tooltip-button-".concat(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 { 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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"}
+{"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';\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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"}

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

@@ -7,12 +7,11 @@ require('react');
 require('react-desc');
 require('@elliemae/ds-tooltip');
 require('@elliemae/ds-grid');
-require('@elliemae/ds-icons/CloseXsmall');
+require('@elliemae/ds-icons');
 require('./styled.js');
 require('styled-components');
 require('./props.js');
 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

@@ -4,14 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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 Comments__default = /*#__PURE__*/_interopDefaultLegacy(Comments);
+var dsIcons = require('@elliemae/ds-icons');
 
 var defaultTileButton = {
-  Icon: Comments__default['default'],
+  Icon: dsIcons.Comments,
   dsId: undefined,
   label: '',
   onClick: lodash.noop,

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  tooltipPlacement:\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n  disableTooltip: boolean;\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  tooltipPlacement: 'right',\n  disableTooltip: false,\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  tooltipPlacement: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'right'\"),\n  disableTooltip: PropTypes.bool.description('Disable tooltip option').defaultValue(defaultTileButton.disableTooltip),\n};\n"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","propsTileButton","PropTypes","func","description","defaultValue","oneOf","string","bool"],"mappings":";;;;;;;;;;;;IAuCaA,iBAAkC,GAAG;AAChDC,EAAAA,IAAI,EAAEC,4BAD0C;AAEhDC,EAAAA,IAAI,EAAEC,SAF0C;AAGhDC,EAAAA,KAAK,EAAE,EAHyC;AAIhDC,EAAAA,OAAO,EAAEC,WAJuC;AAKhDC,EAAAA,MAAM,EAAED,WALwC;AAMhDE,EAAAA,OAAO,EAAEF,WANuC;AAOhDG,EAAAA,KAAK,EAAE,EAPyC;AAQhDC,EAAAA,OAAO,EAAEJ,WARuC;AAShDK,EAAAA,SAAS,EAAE,KATqC;AAUhDC,EAAAA,KAAK,EAAE,KAVyC;AAWhDC,EAAAA,UAAU,EAAE,MAXoC;AAYhDC,EAAAA,aAAa,EAAE,MAZiC;AAahDC,EAAAA,QAAQ,EAAE,KAbsC;AAchDC,EAAAA,QAAQ,EAAE,KAdsC;AAehDC,EAAAA,QAAQ,EAAE,KAfsC;AAgBhDC,EAAAA,SAAS,EAAE,aAhBqC;AAiBhDC,EAAAA,gBAAgB,EAAE,OAjB8B;AAkBhDC,EAAAA,cAAc,EAAE;AAlBgC;IAqBrCC,eAAe,GAAG;AAC7BrB,EAAAA,IAAI,EAAEsB,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,gBAA3B,EAA6CC,YAA7C,CAA0D1B,iBAAiB,CAACC,IAA5E,CADuB;AAE7BE,EAAAA,IAAI,EAAEoB,mBAAS,CAACI,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,EACHF,WADG,CACS,0BADT,EAEHC,YAFG,CAEU1B,iBAAiB,CAACG,IAF5B,CAFuB;AAK7BE,EAAAA,KAAK,EAAEkB,mBAAS,CAACK,MAAV,CAAiBH,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4E1B,iBAAiB,CAACK,KAA9F,CALsB;AAM7BK,EAAAA,KAAK,EAAEa,mBAAS,CAACK,MAAV,CAAiBH,WAAjB,CAA6B,SAA7B,EAAwCC,YAAxC,CAAqD1B,iBAAiB,CAACU,KAAvE,CANsB;AAO7BJ,EAAAA,OAAO,EAAEiB,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sCAA3B,EAAmEC,YAAnE,CAAgF1B,iBAAiB,CAACM,OAAlG,CAPoB;AAQ7BG,EAAAA,OAAO,EAAEc,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sCAA3B,EAAmEC,YAAnE,CAAgF1B,iBAAiB,CAACS,OAAlG,CARoB;AAS7BD,EAAAA,MAAM,EAAEe,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,sCAA3B,EAAmEC,YAAnE,CAAgF1B,iBAAiB,CAACQ,MAAlG,CATqB;AAU7BG,EAAAA,OAAO,EAAEY,mBAAS,CAACC,IAAV,CACNC,WADM,CACM,4CADN,EAENC,YAFM,CAEO1B,iBAAiB,CAACW,OAFzB,CAVoB;AAa7BC,EAAAA,SAAS,EAAEW,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,uBAA3B,EAAoDC,YAApD,CAAiE1B,iBAAiB,CAACY,SAAnF,CAbkB;AAc7BC,EAAAA,KAAK,EAAEU,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,2BAA3B,EAAwDC,YAAxD,CAAqE1B,iBAAiB,CAACa,KAAvF,CAdsB;AAe7BC,EAAAA,UAAU,EAAES,mBAAS,CAACI,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,EACTF,WADS,CACG,4BADH,EAETC,YAFS,CAEI1B,iBAAiB,CAACc,UAFtB,CAfiB;AAkB7BC,EAAAA,aAAa,EAAEQ,mBAAS,CAACI,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,EACZF,WADY,CACA,4BADA,EAEZC,YAFY,CAEC1B,iBAAiB,CAACe,aAFnB,CAlBc;AAqB7BC,EAAAA,QAAQ,EAAEO,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,6BAA3B,EAA0DC,YAA1D,CAAuE1B,iBAAiB,CAACgB,QAAzF,CArBmB;AAsB7BC,EAAAA,QAAQ,EAAEM,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,sCAA3B,EAAmEC,YAAnE,CAAgF1B,iBAAiB,CAACgB,QAAlG,CAtBmB;AAuB7BE,EAAAA,QAAQ,EAAEK,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,2BAA3B,EAAwDC,YAAxD,CAAqE1B,iBAAiB,CAACgB,QAAvF,CAvBmB;AAwB7BG,EAAAA,SAAS,EAAEI,mBAAS,CAACK,MAAV,CAAiBH,WAAjB,CAA6B,sBAA7B,EAAqDC,YAArD,CAAkE1B,iBAAiB,CAACmB,SAApF,CAxBkB;AAyB7BC,EAAAA,gBAAgB,EAAEG,mBAAS,CAACI,KAAV,CAAgB,CAChC,WADgC,EAEhC,KAFgC,EAGhC,SAHgC,EAIhC,aAJgC,EAKhC,OALgC,EAMhC,WANgC,EAOhC,YAPgC,EAQhC,QARgC,EAShC,cATgC,EAUhC,UAVgC,EAWhC,MAXgC,EAYhC,YAZgC,CAAhB,EAcfF,WAde,CAcH,+DAdG,EAefC,YAfe,CAeF,SAfE,CAzBW;AAyC7BL,EAAAA,cAAc,EAAEE,mBAAS,CAACM,IAAV,CAAeJ,WAAf,CAA2B,wBAA3B,EAAqDC,YAArD,CAAkE1B,iBAAiB,CAACqB,cAApF;AAzCa;;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/tile-button/props.ts"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\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  tooltipPlacement:\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n  disableTooltip: boolean;\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  tooltipPlacement: 'right',\n  disableTooltip: false,\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  tooltipPlacement: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'right'\"),\n  disableTooltip: PropTypes.bool.description('Disable tooltip option').defaultValue(defaultTileButton.disableTooltip),\n};\n"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","propsTileButton","PropTypes","func","description","defaultValue","oneOf","string","bool"],"mappings":"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"}

package/esm/index.js

@@ -14,7 +14,7 @@ export { SystemMessage, SystemMessageWithSchema } from './parts/system-message/S
 export { ChatCard, ChatCardWithSchema } from './parts/chat-card/ChatCard.js';
 import 'react';
 import 'react-desc';
-import '@elliemae/ds-icons/WarningCircleFill';
+import '@elliemae/ds-icons';
 import './parts/bubble/styled.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
@@ -23,20 +23,18 @@ 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';
 import './parts/floating-button/props.js';
 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 '@elliemae/ds-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';
@@ -47,13 +45,9 @@ 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';
 import './parts/chat-sidebar/styled.js';
 import './parts/sidebar-button/SidebarButton.js';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
@@ -62,11 +56,10 @@ 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-indeterminate-progress-indicator';
 import '@elliemae/ds-banner';
 import './parts/chat-container/props.js';
 import './parts/chat-container/styled.js';

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,6 +1,6 @@
 import React from 'react';
 import { describe } from 'react-desc';
-import Warning from '@elliemae/ds-icons/WarningCircleFill';
+import { WarningCircleFill } from '@elliemae/ds-icons';
 import { StyledWrapper, StyledColoredBubble, StyledTitleBubble, StyledTitleLeftBubble, StyledTitleRightBubble, StyleBodyWrapper, StyleErrorMessage, StyleHelpMessage } from './styled.js';
 import { propsBubbles } from './props.js';
 import { useValidateProps } from './config/useValidateProps.js';
@@ -53,7 +53,7 @@ var ChatBubble = function ChatBubble(props) {
     p: "xxs",
     gutter: "xxs",
     cols: [1, 'auto']
-  }, /*#__PURE__*/React.createElement("span", null, errorMessage), /*#__PURE__*/React.createElement(Warning, null)) : null, helpMessage ? /*#__PURE__*/React.createElement(StyleHelpMessage, {
+  }, /*#__PURE__*/React.createElement("span", null, errorMessage), /*#__PURE__*/React.createElement(WarningCircleFill, null)) : null, helpMessage ? /*#__PURE__*/React.createElement(StyleHelpMessage, {
     "data-testid": "chat-bubble-help-message-".concat(dsId),
     p: "xxs",
     gutter: "xxs",

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 { 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  const bodyParts = React.useMemo(() => body.split('\\n'), [body]);\n\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}`}>\n          {bodyParts.map((item, index) => (\n            <React.Fragment key={item}>\n              {item}\n              {index < bodyParts.length - 1 ? <br /> : null}\n            </React.Fragment>\n          ))}\n        </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","bodyParts","React","useMemo","split","map","item","index","length","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,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAN,CAAc;AAAA,WAAML,IAAI,CAACM,KAAL,CAAW,IAAX,CAAN;AAAA,GAAd,EAAsC,CAACN,IAAD,CAAtC,CAAlB;AAEA,sBACE,oBAAC,aAAD;AAAe,4CAA+BJ,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,KACGO,SAAS,CAACI,GAAV,CAAc,UAACC,IAAD,EAAOC,KAAP;AAAA,wBACb,oBAAC,KAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,EAAED;AAArB,OACGA,IADH,EAEGC,KAAK,GAAGN,SAAS,CAACO,MAAV,GAAmB,CAA3B,gBAA+B,+BAA/B,GAAwC,IAF3C,CADa;AAAA,GAAd,CADH,CATF,eAiBE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEb;AAAvB,IAjBF,CADF,EAoBGI,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,IAzBN,EA0BGC,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,IA9BN,CADF;AAkCD;;AACDX,UAAU,CAACoB,SAAX,GAAuBC,YAAvB;IAEMlB,oBAAoB,GAAGmB,QAAQ,CAACtB,UAAD;AACrCG,oBAAoB,CAACiB,SAArB,GAAiCC,YAAjC;;;;"}
+{"version":3,"file":"ChatBubble.js","sources":["../../../../src/parts/bubble/ChatBubble.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { WarningCircleFill } from '@elliemae/ds-icons';\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  const bodyParts = React.useMemo(() => body.split('\\n'), [body]);\n\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}`}>\n          {bodyParts.map((item, index) => (\n            <React.Fragment key={item}>\n              {item}\n              {index < bodyParts.length - 1 ? <br /> : null}\n            </React.Fragment>\n          ))}\n        </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          <WarningCircleFill />\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","bodyParts","React","useMemo","split","map","item","index","length","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,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAN,CAAc;AAAA,WAAML,IAAI,CAACM,KAAL,CAAW,IAAX,CAAN;AAAA,GAAd,EAAsC,CAACN,IAAD,CAAtC,CAAlB;AAEA,sBACE,oBAAC,aAAD;AAAe,4CAA+BJ,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,KACGO,SAAS,CAACI,GAAV,CAAc,UAACC,IAAD,EAAOC,KAAP;AAAA,wBACb,oBAAC,KAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,EAAED;AAArB,OACGA,IADH,EAEGC,KAAK,GAAGN,SAAS,CAACO,MAAV,GAAmB,CAA3B,gBAA+B,+BAA/B,GAAwC,IAF3C,CADa;AAAA,GAAd,CADH,CATF,eAiBE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEb;AAAvB,IAjBF,CADF,EAoBGI,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,iBAAD,OAFF,CADW,GAKT,IAzBN,EA0BGC,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,IA9BN,CADF;AAkCD;;AACDX,UAAU,CAACoB,SAAX,GAAuBC,YAAvB;IAEMlB,oBAAoB,GAAGmB,QAAQ,CAACtB,UAAD;AACrCG,oBAAoB,CAACiB,SAArB,GAAiCC,YAAjC;;;;"}

package/esm/parts/bubble/index.js

@@ -2,7 +2,7 @@ export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble.js';
 export { BUBBLE_TYPES } from './props.js';
 import 'react';
 import 'react-desc';
-import '@elliemae/ds-icons/WarningCircleFill';
+import '@elliemae/ds-icons';
 import './styled.js';
 import 'styled-components';
 import '@elliemae/ds-grid';

package/esm/parts/chat-composer/ChatContainerComposer.js

@@ -3,7 +3,7 @@ import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 import React from 'react';
 import { Grid } from '@elliemae/ds-grid';
 import { describe } from 'react-desc';
-import PaperAirplane from '@elliemae/ds-icons/PaperAirplane';
+import { PaperAirplane } from '@elliemae/ds-icons';
 import { StyledChatContainerContentComposer, StyledComposerInput, StyledComposerButton, StyledCounterArea, StyledCounterErrorA11y } from './styled.js';
 import { useValidateProps } from './config/useValidateProps.js';
 import { composerProps, defaultComposerPros } from './props.js';
@@ -30,6 +30,7 @@ var ChatComposer = function ChatComposer(props) {
       maxHeight = _props$maxHeight === void 0 ? 300 : _props$maxHeight,
       placeholder = props.placeholder,
       inputMaxLength = props.inputMaxLength,
+      maxLengthMessage = props.maxLengthMessage,
       buttonDisabled = props.buttonDisabled,
       dataTestid = props.dataTestid,
       actionRef = props.actionRef;
@@ -58,7 +59,7 @@ var ChatComposer = function ChatComposer(props) {
     onResize(newHeight);
     setHeight(newHeight);
     setShowScroll(((_inputSize$current3 = inputSize.current) === null || _inputSize$current3 === void 0 ? void 0 : _inputSize$current3.scrollHeight) - ((_inputSize$current4 = inputSize.current) === null || _inputSize$current4 === void 0 ? void 0 : _inputSize$current4.clientHeight) > 5);
-  }, [inputValue, internalMaxHeight]);
+  }, [inputValue, internalMaxHeight, onResize]);
   React.useEffect(function () {
     if (actionRef && actionRef.current) {
       actionRef.current.focusToComposer = function () {
@@ -69,7 +70,7 @@ var ChatComposer = function ChatComposer(props) {
         inputSend.current.focus();
       };
     }
-  }, [actionRef.current]);
+  }, [actionRef]);
   var handleChange = React.useCallback(function (e) {
     onChange(e.target.value);
   }, [onChange]);
@@ -139,7 +140,7 @@ var ChatComposer = function ChatComposer(props) {
     "data-testid": "composer-counter-area"
   }, inputMaxLength && hasError ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledCounterErrorA11y, {
     role: "alert"
-  }, "You have exceeded the character limit by ", inputLength - inputMaxLength), "Please limit to less than ", inputMaxLength, " characters.", ' ') : '', inputMaxLength ? "".concat(inputLength, " / ").concat(inputMaxLength) : ''), /*#__PURE__*/React.createElement(Grid, null)));
+  }, maxLengthMessage || "You have exceeded the character limit by ".concat(inputLength - inputMaxLength)), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")) : '', inputMaxLength ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), /*#__PURE__*/React.createElement(Grid, null)));
 };
 
 ChatComposer.propTypes = composerProps;