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

package/cjs/index.js

@@ -17,13 +17,15 @@ var parts_messageDelimiter_MessageDelimiter = require('./parts/message-delimiter
 var parts_systemMessage_SystemMessage = require('./parts/system-message/SystemMessage.js');
 var parts_chatCard_ChatCard = require('./parts/chat-card/ChatCard.js');
 require('react');
+require('react-desc');
 require('@elliemae/ds-icons/WarningCircleFill');
 require('./parts/bubble/styled.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('prop-types');
-require('react-desc');
 require('lodash');
+require('./parts/bubble/config/useValidateProps.js');
+require('@elliemae/ds-props-helpers');
 require('./parts/bubble/ChatBubbleArrow.js');
 require('@elliemae/ds-icons/Comments');
 require('./parts/floating-button/styled.js');
@@ -32,21 +34,27 @@ require('./styled.js');
 require('@elliemae/ds-truncated-tooltip-text');
 require('./parts/chat-container-header/styled.js');
 require('@elliemae/ds-icons/Communications');
+require('./parts/chat-empty-state/props.js');
 require('./parts/chat-empty-state/styled.js');
+require('./parts/chat-empty-state/config/useValidateProps.js');
 require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/defineProperty');
 require('react-virtual');
 require('@elliemae/ds-basic/Button');
 require('./parts/chat-container-messages-list/styled.js');
 require('./parts/chat-container-messages-list/props.js');
+require('./parts/chat-container-messages-list/config/useValidateProps.js');
 require('./parts/message-delimiter/styled.js');
 require('./parts/message-delimiter/props.js');
+require('./parts/message-delimiter/config/useValidateProps.js');
 require('./parts/system-message/style.js');
 require('./parts/system-message/props.js');
+require('./parts/system-message/config/useValidateProps.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@elliemae/ds-icons/PaperAirplane');
 require('./parts/chat-composer/styled.js');
 require('@elliemae/ds-button');
+require('./parts/chat-composer/config/useValidateProps.js');
 require('./parts/chat-composer/props.js');
 require('@elliemae/ds-icons/MenuExpand');
 require('@elliemae/ds-icons/MenuCollapse');
@@ -56,20 +64,25 @@ require('@babel/runtime/helpers/objectWithoutProperties');
 require('./parts/sidebar-button/styled.js');
 require('./parts/sidebar-button/props.js');
 require('./parts/chat-sidebar/props.js');
+require('./parts/chat-sidebar/config/useValidateProps.js');
 require('@elliemae/ds-tooltip');
 require('@elliemae/ds-icons/CloseXsmall');
 require('./parts/tile-button/styled.js');
 require('./parts/tile-button/props.js');
+require('./parts/tile-button/config/useValidateProps.js');
 require('@elliemae/ds-basic/IndeterminateProgressIndicator');
 require('@elliemae/ds-banner');
 require('./parts/chat-container/props.js');
 require('./parts/chat-container/styled.js');
+require('./parts/chat-container/config/useValidateProps.js');
 require('./parts/chat-card/props.js');
+require('./parts/chat-card/config/useValidateProps.js');
 require('./parts/chat-card/styled.js');
 
 
 
 exports.ChatBubble = parts_bubble_ChatBubble.ChatBubble;
+exports.ChatBubbleWithSchema = parts_bubble_ChatBubble.ChatBubbleWithSchema;
 exports.BUBBLE_TYPES = parts_bubble_props.BUBBLE_TYPES;
 exports.FloatingButton = parts_floatingButton_FloatingButton.FloatingButton;
 exports.StyledFloatingContainer = parts_floatingContainer_styled.StyledFloatingContainer;

package/cjs/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/bubble/ChatBubble.js

@@ -3,15 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var reactDesc = require('react-desc');
 var Warning = require('@elliemae/ds-icons/WarningCircleFill');
 var parts_bubble_styled = require('./styled.js');
 var parts_bubble_props = require('./props.js');
+var parts_bubble_config_useValidateProps = require('./config/useValidateProps.js');
 var parts_bubble_ChatBubbleArrow = require('./ChatBubbleArrow.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('prop-types');
-require('react-desc');
 require('lodash');
+require('@elliemae/ds-props-helpers');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,6 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Warning__default = /*#__PURE__*/_interopDefaultLegacy(Warning);
 
 var ChatBubble = function ChatBubble(props) {
+  parts_bubble_config_useValidateProps.useValidateProps(props, ChatBubbleWithSchema.toJSON());
   var dsId = props.dsId,
       type = props.type,
       title = props.title,
@@ -59,7 +62,11 @@ var ChatBubble = function ChatBubble(props) {
     cols: [1, 'auto']
   }, /*#__PURE__*/React__default['default'].createElement("span", null, helpMessage)) : null);
 };
+
 ChatBubble.propTypes = parts_bubble_props.propsBubbles;
+var ChatBubbleWithSchema = reactDesc.describe(ChatBubble);
+ChatBubbleWithSchema.propTypes = parts_bubble_props.propsBubbles;
 
 exports.ChatBubble = ChatBubble;
+exports.ChatBubbleWithSchema = ChatBubbleWithSchema;
 //# sourceMappingURL=ChatBubble.js.map

package/cjs/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","React","StyledWrapper","StyledColoredBubble","StyledTitleBubble","StyledTitleLeftBubble","StyledTitleRightBubble","StyleBodyWrapper","ChatBubbleArrow","StyleErrorMessage","Warning","StyleHelpMessage","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,sBACEC,wCAACC,iCAAD;AAAe,4CAA+BR,IAA/B,CAAf;AAAsD,IAAA,IAAI,EAAEC;AAA5D,kBACEM,wCAACE,uCAAD;AAAqB,IAAA,IAAI,EAAER;AAA3B,kBACEM,wCAACG,qCAAD;AACE,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CADR;AAEE,IAAA,MAAM,EAAC,IAFT;AAGE,IAAA,UAAU,EAAC,UAHb;AAIE,IAAA,SAAS,EAAC;AAJZ,kBAMEH,wCAACI,yCAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,+CAAkCX,IAAlC;AAFF,KAIGE,KAJH,CANF,eAYEK,wCAACK,0CAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,IAAI,EAAEX,IAFR;AAGE,8CAAiCD,IAAjC;AAHF,KAKGG,IALH,CAZF,CADF,eAqBEI,wCAACM,oCAAD;AAAkB,8CAAiCb,IAAjC;AAAlB,KACGI,IADH,CArBF,eAwBEG,wCAACO,4CAAD;AAAiB,IAAA,IAAI,EAAEb;AAAvB,IAxBF,CADF,EA2BGI,YAAY,gBACXE,wCAACQ,qCAAD;AACE,uDAA0Cf,IAA1C,CADF;AAEE,IAAA,CAAC,EAAC,KAFJ;AAGE,IAAA,MAAM,EAAC,KAHT;AAIE,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAJR,kBAMEO,sDAAOF,YAAP,CANF,eAOEE,wCAACS,2BAAD,OAPF,CADW,GAUT,IArCN,EAsCGV,WAAW,gBACVC,wCAACU,oCAAD;AACE,sDAAyCjB,IAAzC,CADF;AAEE,IAAA,CAAC,EAAC,KAFJ;AAGE,IAAA,MAAM,EAAC,KAHT;AAIE,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAJR,kBAMEO,sDAAOD,WAAP,CANF,CADU,GASR,IA/CN,CADF;AAmDD;AACDR,UAAU,CAACoB,SAAX,GAAuBC,+BAAvB;;;;"}
+{"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","React","StyledWrapper","StyledColoredBubble","StyledTitleBubble","StyledTitleLeftBubble","StyledTitleRightBubble","StyleBodyWrapper","ChatBubbleArrow","StyleErrorMessage","Warning","StyleHelpMessage","propTypes","propsBubbles","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAiBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAqC;AACtDC,EAAAA,qDAAgB,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,sBACEC,wCAACC,iCAAD;AAAe,4CAA+BR,IAA/B,CAAf;AAAsD,IAAA,IAAI,EAAEC;AAA5D,kBACEM,wCAACE,uCAAD;AAAqB,IAAA,IAAI,EAAER;AAA3B,kBACEM,wCAACG,qCAAD;AAAmB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAAzB;AAAsC,IAAA,MAAM,EAAC,IAA7C;AAAkD,IAAA,UAAU,EAAC,UAA7D;AAAwE,IAAA,SAAS,EAAC;AAAlF,kBACEH,wCAACI,yCAAD;AAAuB,IAAA,UAAU,EAAC,QAAlC;AAA2C,+CAAkCX,IAAlC;AAA3C,KACGE,KADH,CADF,eAIEK,wCAACK,0CAAD;AAAwB,IAAA,UAAU,EAAC,QAAnC;AAA4C,IAAA,IAAI,EAAEX,IAAlD;AAAwD,8CAAiCD,IAAjC;AAAxD,KACGG,IADH,CAJF,CADF,eASEI,wCAACM,oCAAD;AAAkB,8CAAiCb,IAAjC;AAAlB,KAA4DI,IAA5D,CATF,eAUEG,wCAACO,4CAAD;AAAiB,IAAA,IAAI,EAAEb;AAAvB,IAVF,CADF,EAaGI,YAAY,gBACXE,wCAACQ,qCAAD;AAAmB,uDAA0Cf,IAA1C,CAAnB;AAAqE,IAAA,CAAC,EAAC,KAAvE;AAA6E,IAAA,MAAM,EAAC,KAApF;AAA0F,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAAhG,kBACEO,sDAAOF,YAAP,CADF,eAEEE,wCAACS,2BAAD,OAFF,CADW,GAKT,IAlBN,EAmBGV,WAAW,gBACVC,wCAACU,oCAAD;AAAkB,sDAAyCjB,IAAzC,CAAlB;AAAmE,IAAA,CAAC,EAAC,KAArE;AAA2E,IAAA,MAAM,EAAC,KAAlF;AAAwF,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9F,kBACEO,sDAAOD,WAAP,CADF,CADU,GAIR,IAvBN,CADF;AA2BD;;AACDX,UAAU,CAACuB,SAAX,GAAuBC,+BAAvB;IAEMrB,oBAAoB,GAAGsB,kBAAQ,CAACzB,UAAD;AACrCG,oBAAoB,CAACoB,SAArB,GAAiCC,+BAAjC;;;;;"}

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

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+var throwError = function throwError(message) {
+  throw new Error("Bubble:: ".concat(message, "\n  "));
+};
+
+var useValidateProps = function useValidateProps(props, schema) {
+  dsPropsHelpers.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.");
+  }
+};
+
+exports.useValidateProps = useValidateProps;
+//# sourceMappingURL=useValidateProps.js.map

package/cjs/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,mCAAoB,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/cjs/parts/bubble/index.js

@@ -5,17 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var parts_bubble_ChatBubble = require('./ChatBubble.js');
 var parts_bubble_props = require('./props.js');
 require('react');
+require('react-desc');
 require('@elliemae/ds-icons/WarningCircleFill');
 require('./styled.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('prop-types');
-require('react-desc');
 require('lodash');
+require('./config/useValidateProps.js');
+require('@elliemae/ds-props-helpers');
 require('./ChatBubbleArrow.js');
 
 
 
 exports.ChatBubble = parts_bubble_ChatBubble.ChatBubble;
+exports.ChatBubbleWithSchema = parts_bubble_ChatBubble.ChatBubbleWithSchema;
 exports.BUBBLE_TYPES = parts_bubble_props.BUBBLE_TYPES;
 //# sourceMappingURL=index.js.map

package/cjs/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/cjs/parts/bubble/props.js

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

package/cjs/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,WANoC;AAO7CC,EAAAA,YAAY,EAAEP,SAP+B;AAQ7CQ,EAAAA,WAAW,EAAER;AARgC;IAWlCS,YAAY,GAAG;AAC1BV,EAAAA,IAAI,EAAEW,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACG,MAA7B,CAApB,EACHC,WADG,CACS,sBADT,EAEHC,YAFG,CAEUjB,kBAAkB,CAACC,IAF7B,CADoB;AAI1BE,EAAAA,IAAI,EAAES,mBAAS,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,mBAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,qBAA7B,EAAoDC,YAApD,CAAiEjB,kBAAkB,CAACI,KAApF,CAPmB;AAQ1BC,EAAAA,IAAI,EAAEO,mBAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oBAA7B,EAAmDC,YAAnD,CAAgEjB,kBAAkB,CAACI,KAAnF,CARoB;AAS1BE,EAAAA,IAAI,EAAEM,mBAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,gBAA7B,EAA+CC,YAA/C,CAA4DjB,kBAAkB,CAACM,IAA/E,CAToB;AAU1BC,EAAAA,OAAO,EAAEK,mBAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oCAA7B,EAAmEC,YAAnE,CAAgFjB,kBAAkB,CAACO,OAAnG,CAViB;AAW1BE,EAAAA,YAAY,EAAEG,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACO,OAA7B,CAApB,EACXH,WADW,CACC,kDADD,EAEXC,YAFW,CAEEjB,kBAAkB,CAACO,OAFrB,CAXY;AAc1BG,EAAAA,WAAW,EAAEE,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,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,8BAAS,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,WANoC;AAO7CC,EAAAA,YAAY,EAAEP,SAP+B;AAQ7CQ,EAAAA,WAAW,EAAER;AARgC;IAWlCS,YAAY,GAAG;AAC1BV,EAAAA,IAAI,EAAEW,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACG,MAA7B,CAApB,EACHC,WADG,CACS,sBADT,EAEHC,YAFG,CAEUjB,kBAAkB,CAACC,IAF7B,CADoB;AAI1BE,EAAAA,IAAI,EAAES,mBAAS,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,mBAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,qBAAxC,EAA+DC,YAA/D,CAA4EjB,kBAAkB,CAACI,KAA/F,CAPmB;AAQ1BC,EAAAA,IAAI,EAAEO,mBAAS,CAACE,MAAV,CAAiBK,UAAjB,CAA4BH,WAA5B,CAAwC,oBAAxC,EAA8DC,YAA9D,CAA2EjB,kBAAkB,CAACI,KAA9F,CARoB;AAS1BE,EAAAA,IAAI,EAAEM,mBAAS,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,mBAAS,CAACE,MAAV,CAAiBE,WAAjB,CAA6B,oCAA7B,EAAmEC,YAAnE,CAAgFjB,kBAAkB,CAACO,OAAnG,CAZiB;AAa1BE,EAAAA,YAAY,EAAEG,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,CAACQ,OAA7B,CAApB,EACXJ,WADW,CACC,kDADD,EAEXC,YAFW,CAEEjB,kBAAkB,CAACO,OAFrB,CAbY;AAgB1BG,EAAAA,WAAW,EAAEE,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,MAAX,EAAmBF,mBAAS,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,8BAAS,CAACJ,KAAV,CAAgB,CAACvB,YAAY,CAACE,SAAd,EAAyBF,YAAY,CAACC,MAAtC,CAAhB;AADwB;;;;;;;"}

package/cjs/parts/bubble/styled.js

@@ -62,7 +62,7 @@ var StyledBubbleArrow = /*#__PURE__*/styled__default['default'].div.withConfig({
 var StyledColoredBubble = /*#__PURE__*/styled__default['default'].div.withConfig({
   componentId: "sc-fe8e9o-8"
 })(["min-width:224px;border-radius:10px;position:relative;", ""], function (props) {
-  return props.type === parts_bubble_props.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 === parts_bubble_props.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    ");
 });
 
 exports.StyleBodyWrapper = StyleBodyWrapper;

package/cjs/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,0BAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,iBAAiB,gBAAGF,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA;IAOjBC,qBAAqB,gBAAGJ,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA;IAIrBE,sBAAsB,gBAAGL,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA,mDAGxB,UAACG,KAAD;AAAA,SAAYA,KAAK,CAACC,IAAN,KAAeC,+BAAY,CAACC,MAA5B,GAAqC,MAArC,GAA8C,SAA1D;AAAA,CAHwB;IAMtBC,gBAAgB,gBAAGV,0BAAM,CAACC,GAAV;AAAA;AAAA;IAQhBU,iBAAiB,gBAAGX,0BAAM,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,0BAAM,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,0BAAM,CAACC,GAAV;AAAA;AAAA;IAQjBmB,mBAAmB,gBAAGpB,0BAAM,CAACC,GAAV;AAAA;AAAA,kEAK5B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,+BAAY,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,0BAAM,CAACC,GAAV;AAAA;AAAA;;IAMbC,iBAAiB,gBAAGF,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA;IAOjBC,qBAAqB,gBAAGJ,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA;IAIrBE,sBAAsB,gBAAGL,0BAAM,CAACG,WAAD,CAAT;AAAA;AAAA,mDAGxB,UAACG,KAAD;AAAA,SAAYA,KAAK,CAACC,IAAN,KAAeC,+BAAY,CAACC,MAA5B,GAAqC,MAArC,GAA8C,SAA1D;AAAA,CAHwB;IAMtBC,gBAAgB,gBAAGV,0BAAM,CAACC,GAAV;AAAA;AAAA;IAQhBU,iBAAiB,gBAAGX,0BAAM,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,0BAAM,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,0BAAM,CAACC,GAAV;AAAA;AAAA;IAQjBmB,mBAAmB,gBAAGpB,0BAAM,CAACC,GAAV;AAAA;AAAA,kEAK5B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAeC,+BAAY,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/cjs/parts/chat-card/ChatCard.js

@@ -4,9 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDesc = require('react-desc');
-var parts_chatCard_props = require('./props.js');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var parts_chatCard_props = require('./props.js');
+var parts_chatCard_config_useValidateProps = require('./config/useValidateProps.js');
 var parts_chatCard_styled = require('./styled.js');
+require('@elliemae/ds-props-helpers');
 require('styled-components');
 require('@elliemae/ds-grid');
 
@@ -14,11 +16,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ChatCard = function ChatCard(_ref) {
-  var title = _ref.title,
-      content = _ref.content,
-      time = _ref.time,
-      rightAddon = _ref.rightAddon;
+var ChatCard = function ChatCard(props) {
+  parts_chatCard_config_useValidateProps.useValidateProps(props, ChatCardWithSchema.toJSON());
+  var title = props.title,
+      content = props.content,
+      time = props.time,
+      rightAddon = props.rightAddon;
   return /*#__PURE__*/React__default['default'].createElement(parts_chatCard_styled.Wrapper, {
     cols: ['1fr', 'auto'],
     "data-testid": "chat-card-wrapper"

package/cjs/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","React","Wrapper","MainContent","Title","Content","SimpleTruncatedTooltipText","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,sBAMfC,wCAACC,6BAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CAAf;AAAgC,mBAAY;AAA5C,kBACED,wCAACE,iCAAD,qBACEF,wCAACG,2BAAD;AAAO,mBAAY;AAAnB,KAAsCP,KAAtC,CADF,eAEEI,wCAACI,6BAAD;AAAS,mBAAY;AAArB,kBACEJ,wCAACK,iDAAD;AAA4B,IAAA,KAAK,EAAER;AAAnC,IADF,CAFF,EAKGC,IAAI,iBAAIE,wCAACM,0BAAD;AAAM,mBAAY;AAAlB,KAAoCR,IAApC,CALX,CADF,EAQGC,UAAU,iBAAIC,wCAACO,gCAAD;AAAY,mBAAY;AAAxB,KAAiDR,UAAjD,CARjB,CANe;AAAA;;AAkBjBJ,QAAQ,CAACa,SAAT,GAAqBA,8BAArB;IACMC,kBAAkB,GAAGC,kBAAQ,CAACf,QAAD;AACnCc,kBAAkB,CAACD,SAAnB,GAA+BA,8BAA/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","React","Wrapper","MainContent","Title","Content","SimpleTruncatedTooltipText","Time","RightAddon","propTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;IAQMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuC;AACtDC,EAAAA,uDAAgB,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,sBACEC,wCAACC,6BAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CAAf;AAAgC,mBAAY;AAA5C,kBACED,wCAACE,iCAAD,qBACEF,wCAACG,2BAAD;AAAO,mBAAY;AAAnB,KAAsCP,KAAtC,CADF,eAEEI,wCAACI,6BAAD;AAAS,mBAAY;AAArB,kBACEJ,wCAACK,iDAAD;AAA4B,IAAA,KAAK,EAAER;AAAnC,IADF,CAFF,EAKGC,IAAI,iBAAIE,wCAACM,0BAAD;AAAM,mBAAY;AAAlB,KAAoCR,IAApC,CALX,CADF,EAQGC,UAAU,iBAAIC,wCAACO,gCAAD;AAAY,mBAAY;AAAxB,KAAiDR,UAAjD,CARjB,CADF;AAYD;;AAEDR,QAAQ,CAACiB,SAAT,GAAqBA,8BAArB;IACMd,kBAAkB,GAAGe,kBAAQ,CAAClB,QAAD;AACnCG,kBAAkB,CAACc,SAAnB,GAA+BA,8BAA/B;;;;;"}

package/cjs/parts/chat-card/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/chat-card/config/useValidateProps.js.map

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

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

@@ -5,8 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var parts_chatCard_ChatCard = require('./ChatCard.js');
 require('react');
 require('react-desc');
-require('./props.js');
 require('@elliemae/ds-truncated-tooltip-text');
+require('./props.js');
+require('./config/useValidateProps.js');
+require('@elliemae/ds-props-helpers');
 require('./styled.js');
 require('styled-components');
 require('@elliemae/ds-grid');

package/cjs/parts/chat-card/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/chat-card/props.js

@@ -8,7 +8,7 @@ var propTypes = {
   title: reactDesc.PropTypes.string.isRequired.description("Card's title"),
   content: reactDesc.PropTypes.string.description("Card's content"),
   time: reactDesc.PropTypes.string.description('Time'),
-  rightAddon: reactDesc.PropTypes.node.description('Right addon, badge or icon')
+  rightAddon: reactDesc.PropTypes.element.description('Right addon, badge or icon')
 };
 
 exports.propTypes = propTypes;

package/cjs/parts/chat-card/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-card/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  content: PropTypes.string.description(`Card's content`),\n  time: PropTypes.string.description('Time'),\n  rightAddon: PropTypes.node.description('Right addon, badge or icon'),\n};\n\nexport interface CardPropTypes {\n  title: string;\n  content: string;\n  time: string;\n  rightAddon: JSX.Element;\n}\n"],"names":["propTypes","title","PropTypes","string","isRequired","description","content","time","rightAddon","node"],"mappings":";;;;;;IAEaA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,gBADgB;AAEvBC,EAAAA,OAAO,EAAEJ,mBAAS,CAACC,MAAV,CAAiBE,WAAjB,kBAFc;AAGvBE,EAAAA,IAAI,EAAEL,mBAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,MAA7B,CAHiB;AAIvBG,EAAAA,UAAU,EAAEN,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CAA2B,4BAA3B;AAJW;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-card/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  content: PropTypes.string.description(`Card's content`),\n  time: PropTypes.string.description('Time'),\n  rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n};\n\nexport interface CardPropTypes {\n  title: string;\n  content: string;\n  time: string;\n  rightAddon: JSX.Element;\n}\n"],"names":["propTypes","title","PropTypes","string","isRequired","description","content","time","rightAddon","element"],"mappings":";;;;;;IAEaA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,gBADgB;AAEvBC,EAAAA,OAAO,EAAEJ,mBAAS,CAACC,MAAV,CAAiBE,WAAjB,kBAFc;AAGvBE,EAAAA,IAAI,EAAEL,mBAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,MAA7B,CAHiB;AAIvBG,EAAAA,UAAU,EAAEN,mBAAS,CAACO,OAAV,CAAkBJ,WAAlB,CAA8B,4BAA9B;AAJW;;;;"}

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

@@ -9,9 +9,11 @@ var dsGrid = require('@elliemae/ds-grid');
 var reactDesc = require('react-desc');
 var PaperAirplane = require('@elliemae/ds-icons/PaperAirplane');
 var parts_chatComposer_styled = require('./styled.js');
+var parts_chatComposer_config_useValidateProps = require('./config/useValidateProps.js');
 var parts_chatComposer_props = require('./props.js');
 require('styled-components');
 require('@elliemae/ds-button');
+require('@elliemae/ds-props-helpers');
 require('lodash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -28,6 +30,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var ChatComposer = function ChatComposer(props) {
   var _input$current;
 
+  parts_chatComposer_config_useValidateProps.useValidateProps(props, ChatComposerWithSchema.toJSON());
   var inputValue = props.inputValue,
       onChange = props.onChange,
       onResize = props.onResize,
@@ -39,9 +42,11 @@ var ChatComposer = function ChatComposer(props) {
       placeholder = props.placeholder,
       inputMaxLength = props.inputMaxLength,
       buttonDisabled = props.buttonDisabled,
-      dataTestid = props.dataTestid;
+      dataTestid = props.dataTestid,
+      actionRef = props.actionRef;
   var input = React__default['default'].useRef();
   var inputSize = React__default['default'].useRef();
+  var inputSend = React__default['default'].useRef();
 
   var _React$useState = React__default['default'].useState(32),
       _React$useState2 = _slicedToArray__default['default'](_React$useState, 2),
@@ -65,6 +70,17 @@ var ChatComposer = function ChatComposer(props) {
     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]);
+  React__default['default'].useEffect(function () {
+    if (actionRef && actionRef.current) {
+      actionRef.current.focusToComposer = function () {
+        input.current.focus();
+      };
+
+      actionRef.current.focusToSend = function () {
+        inputSend.current.focus();
+      };
+    }
+  }, [actionRef.current]);
   var handleChange = React__default['default'].useCallback(function (e) {
     onChange(e.target.value);
   }, [onChange]);
@@ -108,7 +124,8 @@ var ChatComposer = function ChatComposer(props) {
     size: "s",
     disabled: !inputValue || buttonDisabled || hasError,
     "data-testid": "chat-composer-send-button",
-    "aria-label": "Send"
+    "aria-label": "Send",
+    innerRef: inputSend
   }))), /*#__PURE__*/React__default['default'].createElement(parts_chatComposer_styled.StyledComposerInput, {
     ref: inputSize,
     style: {

package/cjs/parts/chat-composer/ChatContainerComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContainerComposer.js","sources":["../../../../src/parts/chat-composer/ChatContainerComposer.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from 'react-desc';\nimport PaperAirplane from '@elliemae/ds-icons/PaperAirplane';\nimport {\n  StyledChatContainerContentComposer,\n  StyledComposerInput,\n  StyledComposerButton,\n  StyledCounterArea,\n  StyledCounterErrorA11y,\n} from './styled';\nimport { defaultComposerPros, composerProps, ChatComposerProps } from './props';\n\nconst ChatComposer = (props: ChatComposerProps): JSX.Element => {\n  const {\n    inputValue,\n    onChange,\n    onResize,\n    onSend,\n    onFocus,\n    onBlur,\n    maxHeight = 300,\n    placeholder,\n    inputMaxLength,\n    buttonDisabled,\n    dataTestid,\n  } = props;\n\n  const input = React.useRef<HTMLTextAreaElement>();\n  const inputSize = React.useRef<HTMLTextAreaElement>();\n  const [height, setHeight] = React.useState(32);\n  const internalMaxHeight = React.useMemo(() => maxHeight - 24, [maxHeight]);\n  const [showScroll, setShowScroll] = React.useState(true);\n\n  React.useEffect(() => {\n    const newHeight =\n      inputSize.current?.scrollHeight > internalMaxHeight ? internalMaxHeight : inputSize.current?.scrollHeight;\n    onResize(newHeight);\n    setHeight(newHeight);\n    setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n  }, [inputValue, internalMaxHeight]);\n\n  const handleChange = React.useCallback(\n    (e) => {\n      onChange(e.target.value);\n    },\n    [onChange],\n  );\n  const heightProps = { height, overflow: showScroll ? 'auto' : 'hidden' };\n\n  const inputLength = String(inputValue || '').length;\n  const hasError = React.useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);\n\n  return (\n    <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n      <Grid cols={['1fr', '24px']} justifyContent=\"center\" alignItems=\"flex-end\" gutter=\"xxs\">\n        <StyledComposerInput\n          ref={input}\n          onChange={handleChange}\n          style={{ ...heightProps }}\n          value={inputValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          aria-label=\"Message to send\"\n          data-testid=\"chat-composer-textarea\"\n        />\n\n        <Grid height=\"32px\" alignItems=\"center\">\n          <StyledComposerButton\n            buttonType=\"text\"\n            icon={<PaperAirplane width={18} height={18} />}\n            onClick={onSend}\n            size=\"s\"\n            disabled={!inputValue || buttonDisabled || hasError}\n            data-testid=\"chat-composer-send-button\"\n            aria-label=\"Send\"\n          />\n        </Grid>\n      </Grid>\n      <StyledComposerInput\n        ref={inputSize}\n        style={{\n          height: 32,\n          visibility: 'hidden',\n          pointerEvents: 'none',\n          position: 'absolute',\n          top: 0,\n          width: input.current?.clientWidth,\n        }}\n        onChange={handleChange}\n        value={inputValue}\n        // maxLength={inputMaxLength}\n      />\n      <Grid cols={['1fr', '24px']} justifyContent=\"flex-end\" alignItems=\"center\" gutter=\"xxs\" pb=\"xxs\">\n        <StyledCounterArea hasError={hasError} data-testid=\"composer-counter-area\">\n          {inputMaxLength && hasError ? (\n            <>\n              <StyledCounterErrorA11y role=\"alert\">\n                You have exceeded the character limit by {inputLength - inputMaxLength}\n              </StyledCounterErrorA11y>\n              Please limit to less than {inputMaxLength} characters.{' '}\n            </>\n          ) : (\n            ''\n          )}\n          {inputMaxLength ? `${inputLength} / ${inputMaxLength}` : ''}\n        </StyledCounterArea>\n        <Grid />\n      </Grid>\n    </StyledChatContainerContentComposer>\n  );\n};\n\nChatComposer.propTypes = composerProps;\nChatComposer.defaultProps = defaultComposerPros;\nconst ChatComposerWithSchema = describe(ChatComposer);\nChatComposerWithSchema.propTypes = composerProps;\n\nexport { ChatComposer, ChatComposerWithSchema };\n"],"names":["ChatComposer","props","inputValue","onChange","onResize","onSend","onFocus","onBlur","maxHeight","placeholder","inputMaxLength","buttonDisabled","dataTestid","input","React","useRef","inputSize","useState","height","setHeight","internalMaxHeight","useMemo","showScroll","setShowScroll","useEffect","newHeight","current","scrollHeight","clientHeight","handleChange","useCallback","e","target","value","heightProps","overflow","inputLength","String","length","hasError","StyledChatContainerContentComposer","Grid","StyledComposerInput","StyledComposerButton","PaperAirplane","visibility","pointerEvents","position","top","width","clientWidth","StyledCounterArea","StyledCounterErrorA11y","propTypes","composerProps","defaultProps","defaultComposerPros","ChatComposerWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"ChatContainerComposer.js","sources":["../../../../src/parts/chat-composer/ChatContainerComposer.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from 'react-desc';\nimport PaperAirplane from '@elliemae/ds-icons/PaperAirplane';\nimport {\n  StyledChatContainerContentComposer,\n  StyledComposerInput,\n  StyledComposerButton,\n  StyledCounterArea,\n  StyledCounterErrorA11y,\n} from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nimport { defaultComposerPros, composerProps, ChatComposerProps } from './props';\n\nconst ChatComposer = (props: ChatComposerProps): JSX.Element => {\n  useValidateProps(props, ChatComposerWithSchema.toJSON());\n\n  const {\n    inputValue,\n    onChange,\n    onResize,\n    onSend,\n    onFocus,\n    onBlur,\n    maxHeight = 300,\n    placeholder,\n    inputMaxLength,\n    buttonDisabled,\n    dataTestid,\n    actionRef,\n  } = props;\n\n  const input = React.useRef<HTMLTextAreaElement>();\n  const inputSize = React.useRef<HTMLTextAreaElement>();\n  const inputSend = React.useRef<HTMLButtonElement>();\n  const [height, setHeight] = React.useState(32);\n  const internalMaxHeight = React.useMemo(() => maxHeight - 24, [maxHeight]);\n  const [showScroll, setShowScroll] = React.useState(true);\n\n  React.useEffect(() => {\n    const newHeight =\n      inputSize.current?.scrollHeight > internalMaxHeight ? internalMaxHeight : inputSize.current?.scrollHeight;\n    onResize(newHeight);\n    setHeight(newHeight);\n    setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n  }, [inputValue, internalMaxHeight]);\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusToComposer = () => {\n        input.current.focus();\n      };\n      actionRef.current.focusToSend = () => {\n        inputSend.current.focus();\n      };\n    }\n  }, [actionRef.current]);\n\n  const handleChange = React.useCallback(\n    (e) => {\n      onChange(e.target.value);\n    },\n    [onChange],\n  );\n  const heightProps = { height, overflow: showScroll ? 'auto' : 'hidden' };\n\n  const inputLength = String(inputValue || '').length;\n  const hasError = React.useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);\n\n  return (\n    <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n      <Grid cols={['1fr', '24px']} justifyContent=\"center\" alignItems=\"flex-end\" gutter=\"xxs\">\n        <StyledComposerInput\n          ref={input}\n          onChange={handleChange}\n          style={{ ...heightProps }}\n          value={inputValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          aria-label=\"Message to send\"\n          data-testid=\"chat-composer-textarea\"\n        />\n\n        <Grid height=\"32px\" alignItems=\"center\">\n          <StyledComposerButton\n            buttonType=\"text\"\n            icon={<PaperAirplane width={18} height={18} />}\n            onClick={onSend}\n            size=\"s\"\n            disabled={!inputValue || buttonDisabled || hasError}\n            data-testid=\"chat-composer-send-button\"\n            aria-label=\"Send\"\n            innerRef={inputSend}\n          />\n        </Grid>\n      </Grid>\n      <StyledComposerInput\n        ref={inputSize}\n        style={{\n          height: 32,\n          visibility: 'hidden',\n          pointerEvents: 'none',\n          position: 'absolute',\n          top: 0,\n          width: input.current?.clientWidth,\n        }}\n        onChange={handleChange}\n        value={inputValue}\n        // maxLength={inputMaxLength}\n      />\n      <Grid cols={['1fr', '24px']} justifyContent=\"flex-end\" alignItems=\"center\" gutter=\"xxs\" pb=\"xxs\">\n        <StyledCounterArea hasError={hasError} data-testid=\"composer-counter-area\">\n          {inputMaxLength && hasError ? (\n            <>\n              <StyledCounterErrorA11y role=\"alert\">\n                You have exceeded the character limit by {inputLength - inputMaxLength}\n              </StyledCounterErrorA11y>\n              Please limit to less than {inputMaxLength} characters.{' '}\n            </>\n          ) : (\n            ''\n          )}\n          {inputMaxLength ? `${inputLength} / ${inputMaxLength}` : ''}\n        </StyledCounterArea>\n        <Grid />\n      </Grid>\n    </StyledChatContainerContentComposer>\n  );\n};\n\nChatComposer.propTypes = composerProps;\nChatComposer.defaultProps = defaultComposerPros;\nconst ChatComposerWithSchema = describe(ChatComposer);\nChatComposerWithSchema.propTypes = composerProps;\n\nexport { ChatComposer, ChatComposerWithSchema };\n"],"names":["ChatComposer","props","useValidateProps","ChatComposerWithSchema","toJSON","inputValue","onChange","onResize","onSend","onFocus","onBlur","maxHeight","placeholder","inputMaxLength","buttonDisabled","dataTestid","actionRef","input","React","useRef","inputSize","inputSend","useState","height","setHeight","internalMaxHeight","useMemo","showScroll","setShowScroll","useEffect","newHeight","current","scrollHeight","clientHeight","focusToComposer","focus","focusToSend","handleChange","useCallback","e","target","value","heightProps","overflow","inputLength","String","length","hasError","StyledChatContainerContentComposer","Grid","StyledComposerInput","StyledComposerButton","PaperAirplane","visibility","pointerEvents","position","top","width","clientWidth","StyledCounterArea","StyledCounterErrorA11y","propTypes","composerProps","defaultProps","defaultComposerPros","describe"],"mappings":"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"}

package/cjs/parts/chat-composer/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/chat-composer/config/useValidateProps.js.map

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

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

@@ -12,6 +12,8 @@ require('@elliemae/ds-icons/PaperAirplane');
 require('./styled.js');
 require('styled-components');
 require('@elliemae/ds-button');
+require('./config/useValidateProps.js');
+require('@elliemae/ds-props-helpers');
 require('./props.js');
 require('lodash');
 

package/cjs/parts/chat-composer/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/chat-composer/props.js

@@ -16,7 +16,8 @@ var defaultComposerPros = {
   maxHeight: 0,
   inputMaxLength: undefined,
   buttonDisabled: false,
-  dataTestid: 'ds-chat-composer'
+  dataTestid: 'ds-chat-composer',
+  actionRef: lodash.noop
 };
 var composerProps = {
   placeholder: reactDesc.PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),
@@ -25,11 +26,12 @@ var composerProps = {
   onResize: reactDesc.PropTypes.func.description('Called the input changes his height').defaultValue(defaultComposerPros.onResize),
   onSend: reactDesc.PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),
   onFocus: reactDesc.PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),
-  onBlur: reactDesc.PropTypes.string.description('Input blur').defaultValue(defaultComposerPros.onBlur),
+  onBlur: reactDesc.PropTypes.func.description('Input blur').defaultValue(defaultComposerPros.onBlur),
   maxHeight: reactDesc.PropTypes.number.description('Max height of the composer. Use 0 for no limit').defaultValue(defaultComposerPros.onBlur),
   inputMaxLength: reactDesc.PropTypes.number.description('Max length of the composer. `undefined` for no limit').defaultValue(defaultComposerPros.inputMaxLength),
-  buttonDisabled: reactDesc.PropTypes.number.description('Control the disabled for the send button').defaultValue(defaultComposerPros.buttonDisabled),
-  dataTestid: reactDesc.PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder)
+  buttonDisabled: reactDesc.PropTypes.bool.description('Control the disabled for the send button').defaultValue(defaultComposerPros.buttonDisabled),
+  dataTestid: reactDesc.PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),
+  actionRef: reactDesc.PropTypes.object.description("Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      ").defaultValue(defaultComposerPros.actionRef)
 };
 
 exports.composerProps = composerProps;

package/cjs/parts/chat-composer/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-composer/props.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\n\nexport interface TextAreaProps {\n  height: string | number;\n  style: React.CSSProperties;\n}\n\nexport const defaultComposerPros: ChatComposerProps = {\n  placeholder: 'Type your message',\n  inputValue: '',\n  onChange: noop,\n  onResize: noop,\n  onSend: noop,\n  onFocus: noop,\n  onBlur: noop,\n  maxHeight: 0,\n  inputMaxLength: undefined,\n  buttonDisabled: false,\n  dataTestid: 'ds-chat-composer',\n};\n\nexport interface ChatComposerProps {\n  placeholder: 'Type your message';\n  inputValue: '';\n  onChange: (value: string) => void;\n  onResize: (value: number) => void;\n  onSend: (value: string) => void;\n  onFocus: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n  onBlur: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n  maxHeight: number;\n  inputMaxLength: number | undefined;\n  buttonDisabled: boolean;\n  dataTestid?: string;\n}\n\nexport const composerProps = {\n  placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),\n  inputValue: PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),\n  onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),\n  onResize: PropTypes.func\n    .description('Called the input changes his height')\n    .defaultValue(defaultComposerPros.onResize),\n  onSend: PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),\n  onFocus: PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),\n  onBlur: PropTypes.string.description('Input blur').defaultValue(defaultComposerPros.onBlur),\n  maxHeight: PropTypes.number\n    .description('Max height of the composer. Use 0 for no limit')\n    .defaultValue(defaultComposerPros.onBlur),\n  inputMaxLength: PropTypes.number\n    .description('Max length of the composer. `undefined` for no limit')\n    .defaultValue(defaultComposerPros.inputMaxLength),\n  buttonDisabled: PropTypes.number\n    .description('Control the disabled for the send button')\n    .defaultValue(defaultComposerPros.buttonDisabled),\n  dataTestid: PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),\n};\n"],"names":["defaultComposerPros","placeholder","inputValue","onChange","noop","onResize","onSend","onFocus","onBlur","maxHeight","inputMaxLength","undefined","buttonDisabled","dataTestid","composerProps","PropTypes","string","description","defaultValue","func","number"],"mappings":";;;;;;;IASaA,mBAAsC,GAAG;AACpDC,EAAAA,WAAW,EAAE,mBADuC;AAEpDC,EAAAA,UAAU,EAAE,EAFwC;AAGpDC,EAAAA,QAAQ,EAAEC,WAH0C;AAIpDC,EAAAA,QAAQ,EAAED,WAJ0C;AAKpDE,EAAAA,MAAM,EAAEF,WAL4C;AAMpDG,EAAAA,OAAO,EAAEH,WAN2C;AAOpDI,EAAAA,MAAM,EAAEJ,WAP4C;AAQpDK,EAAAA,SAAS,EAAE,CARyC;AASpDC,EAAAA,cAAc,EAAEC,SAToC;AAUpDC,EAAAA,cAAc,EAAE,KAVoC;AAWpDC,EAAAA,UAAU,EAAE;AAXwC;IA4BzCC,aAAa,GAAG;AAC3Bb,EAAAA,WAAW,EAAEc,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,EAAkDC,YAAlD,CAA+DlB,mBAAmB,CAACC,WAAnF,CADc;AAE3BC,EAAAA,UAAU,EAAEa,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDlB,mBAAmB,CAACE,UAA7E,CAFe;AAG3BC,EAAAA,QAAQ,EAAEY,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsElB,mBAAmB,CAACG,QAA1F,CAHiB;AAI3BE,EAAAA,QAAQ,EAAEU,mBAAS,CAACI,IAAV,CACPF,WADO,CACK,qCADL,EAEPC,YAFO,CAEMlB,mBAAmB,CAACK,QAF1B,CAJiB;AAO3BC,EAAAA,MAAM,EAAES,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsElB,mBAAmB,CAACM,MAA1F,CAPmB;AAQ3BC,EAAAA,OAAO,EAAEQ,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,aAA3B,EAA0CC,YAA1C,CAAuDlB,mBAAmB,CAACO,OAA3E,CARkB;AAS3BC,EAAAA,MAAM,EAAEO,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,YAA7B,EAA2CC,YAA3C,CAAwDlB,mBAAmB,CAACQ,MAA5E,CATmB;AAU3BC,EAAAA,SAAS,EAAEM,mBAAS,CAACK,MAAV,CACRH,WADQ,CACI,gDADJ,EAERC,YAFQ,CAEKlB,mBAAmB,CAACQ,MAFzB,CAVgB;AAa3BE,EAAAA,cAAc,EAAEK,mBAAS,CAACK,MAAV,CACbH,WADa,CACD,sDADC,EAEbC,YAFa,CAEAlB,mBAAmB,CAACU,cAFpB,CAbW;AAgB3BE,EAAAA,cAAc,EAAEG,mBAAS,CAACK,MAAV,CACbH,WADa,CACD,0CADC,EAEbC,YAFa,CAEAlB,mBAAmB,CAACY,cAFpB,CAhBW;AAmB3BC,EAAAA,UAAU,EAAEE,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDlB,mBAAmB,CAACC,WAA7E;AAnBe;;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-composer/props.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\n\nexport interface TextAreaProps {\n  height: string | number;\n  style: React.CSSProperties;\n}\n\nexport const defaultComposerPros: ChatComposerProps = {\n  placeholder: 'Type your message',\n  inputValue: '',\n  onChange: noop,\n  onResize: noop,\n  onSend: noop,\n  onFocus: noop,\n  onBlur: noop,\n  maxHeight: 0,\n  inputMaxLength: undefined,\n  buttonDisabled: false,\n  dataTestid: 'ds-chat-composer',\n  actionRef: noop,\n};\n\nexport interface ChatComposerProps {\n  placeholder: 'Type your message';\n  inputValue: '';\n  onChange: (value: string) => void;\n  onResize: (value: number) => void;\n  onSend: (value: string) => void;\n  onFocus: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n  onBlur: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;\n  maxHeight: number;\n  inputMaxLength: number | undefined;\n  buttonDisabled: boolean;\n  dataTestid?: string;\n  actionRef: PropTypes.func;\n}\n\nexport const composerProps = {\n  placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),\n  inputValue: PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),\n  onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),\n  onResize: PropTypes.func\n    .description('Called the input changes his height')\n    .defaultValue(defaultComposerPros.onResize),\n  onSend: PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),\n  onFocus: PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),\n  onBlur: PropTypes.func.description('Input blur').defaultValue(defaultComposerPros.onBlur),\n  maxHeight: PropTypes.number\n    .description('Max height of the composer. Use 0 for no limit')\n    .defaultValue(defaultComposerPros.onBlur),\n  inputMaxLength: PropTypes.number\n    .description('Max length of the composer. `undefined` for no limit')\n    .defaultValue(defaultComposerPros.inputMaxLength),\n  buttonDisabled: PropTypes.bool\n    .description('Control the disabled for the send button')\n    .defaultValue(defaultComposerPros.buttonDisabled),\n  dataTestid: PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),\n  actionRef: PropTypes.object\n    .description(\n      `Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      `,\n    )\n    .defaultValue(defaultComposerPros.actionRef),\n};\n"],"names":["defaultComposerPros","placeholder","inputValue","onChange","noop","onResize","onSend","onFocus","onBlur","maxHeight","inputMaxLength","undefined","buttonDisabled","dataTestid","actionRef","composerProps","PropTypes","string","description","defaultValue","func","number","bool","object"],"mappings":";;;;;;;IASaA,mBAAsC,GAAG;AACpDC,EAAAA,WAAW,EAAE,mBADuC;AAEpDC,EAAAA,UAAU,EAAE,EAFwC;AAGpDC,EAAAA,QAAQ,EAAEC,WAH0C;AAIpDC,EAAAA,QAAQ,EAAED,WAJ0C;AAKpDE,EAAAA,MAAM,EAAEF,WAL4C;AAMpDG,EAAAA,OAAO,EAAEH,WAN2C;AAOpDI,EAAAA,MAAM,EAAEJ,WAP4C;AAQpDK,EAAAA,SAAS,EAAE,CARyC;AASpDC,EAAAA,cAAc,EAAEC,SAToC;AAUpDC,EAAAA,cAAc,EAAE,KAVoC;AAWpDC,EAAAA,UAAU,EAAE,kBAXwC;AAYpDC,EAAAA,SAAS,EAAEV;AAZyC;IA8BzCW,aAAa,GAAG;AAC3Bd,EAAAA,WAAW,EAAEe,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,EAAkDC,YAAlD,CAA+DnB,mBAAmB,CAACC,WAAnF,CADc;AAE3BC,EAAAA,UAAU,EAAEc,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDnB,mBAAmB,CAACE,UAA7E,CAFe;AAG3BC,EAAAA,QAAQ,EAAEa,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEnB,mBAAmB,CAACG,QAA1F,CAHiB;AAI3BE,EAAAA,QAAQ,EAAEW,mBAAS,CAACI,IAAV,CACPF,WADO,CACK,qCADL,EAEPC,YAFO,CAEMnB,mBAAmB,CAACK,QAF1B,CAJiB;AAO3BC,EAAAA,MAAM,EAAEU,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEnB,mBAAmB,CAACM,MAA1F,CAPmB;AAQ3BC,EAAAA,OAAO,EAAES,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,aAA3B,EAA0CC,YAA1C,CAAuDnB,mBAAmB,CAACO,OAA3E,CARkB;AAS3BC,EAAAA,MAAM,EAAEQ,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,YAA3B,EAAyCC,YAAzC,CAAsDnB,mBAAmB,CAACQ,MAA1E,CATmB;AAU3BC,EAAAA,SAAS,EAAEO,mBAAS,CAACK,MAAV,CACRH,WADQ,CACI,gDADJ,EAERC,YAFQ,CAEKnB,mBAAmB,CAACQ,MAFzB,CAVgB;AAa3BE,EAAAA,cAAc,EAAEM,mBAAS,CAACK,MAAV,CACbH,WADa,CACD,sDADC,EAEbC,YAFa,CAEAnB,mBAAmB,CAACU,cAFpB,CAbW;AAgB3BE,EAAAA,cAAc,EAAEI,mBAAS,CAACM,IAAV,CACbJ,WADa,CACD,0CADC,EAEbC,YAFa,CAEAnB,mBAAmB,CAACY,cAFpB,CAhBW;AAmB3BC,EAAAA,UAAU,EAAEG,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDnB,mBAAmB,CAACC,WAA7E,CAnBe;AAoB3Ba,EAAAA,SAAS,EAAEE,mBAAS,CAACO,MAAV,CACRL,WADQ,oTAcRC,YAdQ,CAcKnB,mBAAmB,CAACc,SAdzB;AApBgB;;;;;"}

package/cjs/parts/chat-composer/styled.js

@@ -24,7 +24,7 @@ var StyledChatContainerContentComposer = /*#__PURE__*/styled__default['default']
 });
 var StyledComposerInput = /*#__PURE__*/styled__default['default'].textarea.withConfig({
   componentId: "sc-1ahwpce-1"
-})(["padding:", ";resize:none;min-height:32px;border-radius:2px;border:solid 1px #cbcfd7;color:#25292f;height:", ";min-width:244px;overflow-y:auto;font-size:1rem;font-weight:400;line-height:1;transition:height 0.3s;&:focus{outline:none;border:1px solid ", ";box-shadow:inset 0 0 0 1px #8cc2ed;border-radius:2px;}"], function (props) {
+})(["padding:", ";resize:none;min-height:32px;border-radius:2px;border:solid 1px #cbcfd7;color:#25292f;height:", ";min-width:244px;overflow-y:auto;font-size:13px;font-weight:400;line-height:1;transition:height 0.3s;&:focus{outline:none;border:1px solid ", ";box-shadow:inset 0 0 0 1px #8cc2ed;border-radius:2px;}"], function (props) {
   return props.theme.space.xxs;
 }, function (props) {
   return typeof props.height === 'number' ? "".concat(props.height, "px") : props.height;
@@ -33,7 +33,7 @@ var StyledComposerInput = /*#__PURE__*/styled__default['default'].textarea.withC
 });
 var StyledComposerButton = /*#__PURE__*/styled__default['default'](dsButton.DSButton).withConfig({
   componentId: "sc-1ahwpce-2"
-})(["background:none;&:disabled{svg{fill:#5d6775;}}svg{fill:", ";}&:focus{background:", ";}"], function (props) {
+})(["&:disabled{background:none;svg{fill:#5d6775;}}svg{fill:", ";}&:focus{background:", ";}"], function (props) {
   return props.theme.colors.brand[600];
 }, function (props) {
   return props.theme.colors.brand[200];