@elliemae/ds-chat 1.61.8 → 1.61.10

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

@@ -42,6 +42,7 @@ var ChatComposer = function ChatComposer(props) {
       placeholder = props.placeholder,
       inputMaxLength = props.inputMaxLength,
       maxLengthMessage = props.maxLengthMessage,
+      ariaMaxLengthMessage = props.ariaMaxLengthMessage,
       buttonDisabled = props.buttonDisabled,
       dataTestid = props.dataTestid,
       actionRef = props.actionRef;
@@ -157,7 +158,7 @@ var ChatComposer = function ChatComposer(props) {
     "data-testid": "composer-counter-area"
   }, inputMaxLength && hasError ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(parts_chatComposer_styled.StyledCounterErrorA11y, {
     role: "alert"
-  }, maxLengthMessage || "You have entered ".concat(inputLength, " characters and have exceeded the limit by ").concat(inputLength - inputMaxLength, ". Please limit to less than ").concat(inputMaxLength, " characters. ")), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")) : '', inputMaxLength && !maxLengthMessage ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null)));
+  }, ariaMaxLengthMessage || "You have entered ".concat(inputLength, " characters and have exceeded the limit by ").concat(inputLength - inputMaxLength, ". Please limit to less than ").concat(inputMaxLength, " characters. ")), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")) : '', inputMaxLength ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null)));
 };
 
 ChatComposer.propTypes = parts_chatComposer_props.composerProps;

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

@@ -1 +1 @@
-{"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';\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\n// eslint-disable-next-line complexity\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    onKeyDown,\n    maxHeight = 300,\n    placeholder,\n    inputMaxLength,\n    maxLengthMessage,\n    buttonDisabled,\n    dataTestid,\n    actionRef,\n  } = props;\n\n  const COMPOSER_MIN_HEIGHT = 32;\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    if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT) onResize(newHeight);\n    setHeight(newHeight);\n    setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n  }, [inputValue, internalMaxHeight, height, onResize]);\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]);\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  return (\n    <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n      <Grid\n        cols={['1fr', '24px']}\n        style={{ height: heightProps.height }}\n        justifyContent=\"center\"\n        alignItems=\"flex-end\"\n        gutter=\"xxs\"\n      >\n        <StyledComposerInput\n          ref={input}\n          onChange={handleChange}\n          style={{ ...heightProps }}\n          value={inputValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          aria-label=\"Message to send\"\n          data-testid=\"chat-composer-textarea\"\n          name=\"chat-composer-textarea\"\n          id=\"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      />\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                {maxLengthMessage ||\n                  `You have entered ${inputLength} characters and have exceeded the limit by ${\n                    inputLength - inputMaxLength\n                  }. Please limit to less than ${inputMaxLength} characters. `}\n              </StyledCounterErrorA11y>\n              {maxLengthMessage || `Please limit to less than ${inputMaxLength} characters. `}\n            </>\n          ) : (\n            ''\n          )}\n          {inputMaxLength && !maxLengthMessage ? ` ${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","onKeyDown","maxHeight","placeholder","inputMaxLength","maxLengthMessage","buttonDisabled","dataTestid","actionRef","COMPOSER_MIN_HEIGHT","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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"}
+{"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';\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\n// eslint-disable-next-line complexity\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    onKeyDown,\n    maxHeight = 300,\n    placeholder,\n    inputMaxLength,\n    maxLengthMessage,\n    ariaMaxLengthMessage,\n    buttonDisabled,\n    dataTestid,\n    actionRef,\n  } = props;\n\n  const COMPOSER_MIN_HEIGHT = 32;\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    if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT) onResize(newHeight);\n    setHeight(newHeight);\n    setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n  }, [inputValue, internalMaxHeight, height, onResize]);\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]);\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  return (\n    <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n      <Grid\n        cols={['1fr', '24px']}\n        style={{ height: heightProps.height }}\n        justifyContent=\"center\"\n        alignItems=\"flex-end\"\n        gutter=\"xxs\"\n      >\n        <StyledComposerInput\n          ref={input}\n          onChange={handleChange}\n          style={{ ...heightProps }}\n          value={inputValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          aria-label=\"Message to send\"\n          data-testid=\"chat-composer-textarea\"\n          name=\"chat-composer-textarea\"\n          id=\"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      />\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                {ariaMaxLengthMessage ||\n                  `You have entered ${inputLength} characters and have exceeded the limit by ${\n                    inputLength - inputMaxLength\n                  }. Please limit to less than ${inputMaxLength} characters. `}\n              </StyledCounterErrorA11y>\n              {maxLengthMessage || `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","onKeyDown","maxHeight","placeholder","inputMaxLength","maxLengthMessage","ariaMaxLengthMessage","buttonDisabled","dataTestid","actionRef","COMPOSER_MIN_HEIGHT","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/props.js

@@ -8,6 +8,7 @@ var lodash = require('lodash');
 var defaultComposerPros = {
   placeholder: 'Type your message',
   inputValue: '',
+  ariaMaxLengthMessage: '',
   onChange: lodash.noop,
   onResize: lodash.noop,
   onSend: lodash.noop,
@@ -24,6 +25,7 @@ var defaultComposerPros = {
 var composerProps = {
   placeholder: reactDesc.PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),
   inputValue: reactDesc.PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),
+  ariaMaxLengthMessage: reactDesc.PropTypes.string.description('Aria message for Max length message when exceeded').defaultValue(defaultComposerPros.maxLengthMessage),
   maxLengthMessage: reactDesc.PropTypes.string.description('Max length message').defaultValue(defaultComposerPros.maxLengthMessage),
   onChange: reactDesc.PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),
   onResize: reactDesc.PropTypes.func.description('Called the input changes his height').defaultValue(defaultComposerPros.onResize),

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  onKeyDown: noop,\n  maxHeight: 0,\n  inputMaxLength: undefined,\n  maxLengthMessage: undefined,\n  buttonDisabled: false,\n  dataTestid: 'ds-chat-composer',\n  actionRef: noop,\n};\n\nexport interface ChatComposerProps {\n  placeholder?: string;\n  inputValue?: string;\n  maxLengthMessage?: string;\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  onKeyDown?: (e: React.ChangeEvent<HTMLTextAreaElement>) => 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  maxLengthMessage: PropTypes.string\n    .description('Max length message')\n    .defaultValue(defaultComposerPros.maxLengthMessage),\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  onKeyDown: PropTypes.func.description('Input on key down').defaultValue(defaultComposerPros.onKeyDown),\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","onKeyDown","maxHeight","inputMaxLength","undefined","maxLengthMessage","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,EAAEL,WARyC;AASpDM,EAAAA,SAAS,EAAE,CATyC;AAUpDC,EAAAA,cAAc,EAAEC,SAVoC;AAWpDC,EAAAA,gBAAgB,EAAED,SAXkC;AAYpDE,EAAAA,cAAc,EAAE,KAZoC;AAapDC,EAAAA,UAAU,EAAE,kBAbwC;AAcpDC,EAAAA,SAAS,EAAEZ;AAdyC;IAkCzCa,aAAa,GAAG;AAC3BhB,EAAAA,WAAW,EAAEiB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,EAAkDC,YAAlD,CAA+DrB,mBAAmB,CAACC,WAAnF,CADc;AAE3BC,EAAAA,UAAU,EAAEgB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDrB,mBAAmB,CAACE,UAA7E,CAFe;AAG3BW,EAAAA,gBAAgB,EAAEK,mBAAS,CAACC,MAAV,CACfC,WADe,CACH,oBADG,EAEfC,YAFe,CAEFrB,mBAAmB,CAACa,gBAFlB,CAHS;AAM3BV,EAAAA,QAAQ,EAAEe,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsErB,mBAAmB,CAACG,QAA1F,CANiB;AAO3BE,EAAAA,QAAQ,EAAEa,mBAAS,CAACI,IAAV,CACPF,WADO,CACK,qCADL,EAEPC,YAFO,CAEMrB,mBAAmB,CAACK,QAF1B,CAPiB;AAU3BC,EAAAA,MAAM,EAAEY,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsErB,mBAAmB,CAACM,MAA1F,CAVmB;AAW3BC,EAAAA,OAAO,EAAEW,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,aAA3B,EAA0CC,YAA1C,CAAuDrB,mBAAmB,CAACO,OAA3E,CAXkB;AAY3BC,EAAAA,MAAM,EAAEU,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,YAA3B,EAAyCC,YAAzC,CAAsDrB,mBAAmB,CAACQ,MAA1E,CAZmB;AAa3BC,EAAAA,SAAS,EAAES,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mBAA3B,EAAgDC,YAAhD,CAA6DrB,mBAAmB,CAACS,SAAjF,CAbgB;AAc3BC,EAAAA,SAAS,EAAEQ,mBAAS,CAACK,MAAV,CACRH,WADQ,CACI,gDADJ,EAERC,YAFQ,CAEKrB,mBAAmB,CAACQ,MAFzB,CAdgB;AAiB3BG,EAAAA,cAAc,EAAEO,mBAAS,CAACK,MAAV,CACbH,WADa,CACD,sDADC,EAEbC,YAFa,CAEArB,mBAAmB,CAACW,cAFpB,CAjBW;AAoB3BG,EAAAA,cAAc,EAAEI,mBAAS,CAACM,IAAV,CACbJ,WADa,CACD,0CADC,EAEbC,YAFa,CAEArB,mBAAmB,CAACc,cAFpB,CApBW;AAuB3BC,EAAAA,UAAU,EAAEG,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDrB,mBAAmB,CAACC,WAA7E,CAvBe;AAwB3Be,EAAAA,SAAS,EAAEE,mBAAS,CAACO,MAAV,CACRL,WADQ,oTAcRC,YAdQ,CAcKrB,mBAAmB,CAACgB,SAdzB;AAxBgB;;;;;"}
+{"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  ariaMaxLengthMessage: '',\n  onChange: noop,\n  onResize: noop,\n  onSend: noop,\n  onFocus: noop,\n  onBlur: noop,\n  onKeyDown: noop,\n  maxHeight: 0,\n  inputMaxLength: undefined,\n  maxLengthMessage: undefined,\n  buttonDisabled: false,\n  dataTestid: 'ds-chat-composer',\n  actionRef: noop,\n};\n\nexport interface ChatComposerProps {\n  placeholder?: string;\n  inputValue?: string;\n  ariaMaxLengthMessage?: string;\n  maxLengthMessage?: string;\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  onKeyDown?: (e: React.ChangeEvent<HTMLTextAreaElement>) => 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  ariaMaxLengthMessage: PropTypes.string\n    .description('Aria message for Max length message when exceeded')\n    .defaultValue(defaultComposerPros.maxLengthMessage),\n  maxLengthMessage: PropTypes.string\n    .description('Max length message')\n    .defaultValue(defaultComposerPros.maxLengthMessage),\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  onKeyDown: PropTypes.func.description('Input on key down').defaultValue(defaultComposerPros.onKeyDown),\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","ariaMaxLengthMessage","onChange","noop","onResize","onSend","onFocus","onBlur","onKeyDown","maxHeight","inputMaxLength","undefined","maxLengthMessage","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,oBAAoB,EAAE,EAH8B;AAIpDC,EAAAA,QAAQ,EAAEC,WAJ0C;AAKpDC,EAAAA,QAAQ,EAAED,WAL0C;AAMpDE,EAAAA,MAAM,EAAEF,WAN4C;AAOpDG,EAAAA,OAAO,EAAEH,WAP2C;AAQpDI,EAAAA,MAAM,EAAEJ,WAR4C;AASpDK,EAAAA,SAAS,EAAEL,WATyC;AAUpDM,EAAAA,SAAS,EAAE,CAVyC;AAWpDC,EAAAA,cAAc,EAAEC,SAXoC;AAYpDC,EAAAA,gBAAgB,EAAED,SAZkC;AAapDE,EAAAA,cAAc,EAAE,KAboC;AAcpDC,EAAAA,UAAU,EAAE,kBAdwC;AAepDC,EAAAA,SAAS,EAAEZ;AAfyC;IAoCzCa,aAAa,GAAG;AAC3BjB,EAAAA,WAAW,EAAEkB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,EAAkDC,YAAlD,CAA+DtB,mBAAmB,CAACC,WAAnF,CADc;AAE3BC,EAAAA,UAAU,EAAEiB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDtB,mBAAmB,CAACE,UAA7E,CAFe;AAG3BC,EAAAA,oBAAoB,EAAEgB,mBAAS,CAACC,MAAV,CACnBC,WADmB,CACP,mDADO,EAEnBC,YAFmB,CAENtB,mBAAmB,CAACc,gBAFd,CAHK;AAM3BA,EAAAA,gBAAgB,EAAEK,mBAAS,CAACC,MAAV,CACfC,WADe,CACH,oBADG,EAEfC,YAFe,CAEFtB,mBAAmB,CAACc,gBAFlB,CANS;AAS3BV,EAAAA,QAAQ,EAAEe,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEtB,mBAAmB,CAACI,QAA1F,CATiB;AAU3BE,EAAAA,QAAQ,EAAEa,mBAAS,CAACI,IAAV,CACPF,WADO,CACK,qCADL,EAEPC,YAFO,CAEMtB,mBAAmB,CAACM,QAF1B,CAViB;AAa3BC,EAAAA,MAAM,EAAEY,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsEtB,mBAAmB,CAACO,MAA1F,CAbmB;AAc3BC,EAAAA,OAAO,EAAEW,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,aAA3B,EAA0CC,YAA1C,CAAuDtB,mBAAmB,CAACQ,OAA3E,CAdkB;AAe3BC,EAAAA,MAAM,EAAEU,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,YAA3B,EAAyCC,YAAzC,CAAsDtB,mBAAmB,CAACS,MAA1E,CAfmB;AAgB3BC,EAAAA,SAAS,EAAES,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mBAA3B,EAAgDC,YAAhD,CAA6DtB,mBAAmB,CAACU,SAAjF,CAhBgB;AAiB3BC,EAAAA,SAAS,EAAEQ,mBAAS,CAACK,MAAV,CACRH,WADQ,CACI,gDADJ,EAERC,YAFQ,CAEKtB,mBAAmB,CAACS,MAFzB,CAjBgB;AAoB3BG,EAAAA,cAAc,EAAEO,mBAAS,CAACK,MAAV,CACbH,WADa,CACD,sDADC,EAEbC,YAFa,CAEAtB,mBAAmB,CAACY,cAFpB,CApBW;AAuB3BG,EAAAA,cAAc,EAAEI,mBAAS,CAACM,IAAV,CACbJ,WADa,CACD,0CADC,EAEbC,YAFa,CAEAtB,mBAAmB,CAACe,cAFpB,CAvBW;AA0B3BC,EAAAA,UAAU,EAAEG,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDtB,mBAAmB,CAACC,WAA7E,CA1Be;AA2B3BgB,EAAAA,SAAS,EAAEE,mBAAS,CAACO,MAAV,CACRL,WADQ,oTAcRC,YAdQ,CAcKtB,mBAAmB,CAACiB,SAdzB;AA3BgB;;;;;"}

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

@@ -32,6 +32,7 @@ var ChatComposer = function ChatComposer(props) {
       placeholder = props.placeholder,
       inputMaxLength = props.inputMaxLength,
       maxLengthMessage = props.maxLengthMessage,
+      ariaMaxLengthMessage = props.ariaMaxLengthMessage,
       buttonDisabled = props.buttonDisabled,
       dataTestid = props.dataTestid,
       actionRef = props.actionRef;
@@ -147,7 +148,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"
-  }, maxLengthMessage || "You have entered ".concat(inputLength, " characters and have exceeded the limit by ").concat(inputLength - inputMaxLength, ". Please limit to less than ").concat(inputMaxLength, " characters. ")), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")) : '', inputMaxLength && !maxLengthMessage ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), /*#__PURE__*/React.createElement(Grid, null)));
+  }, ariaMaxLengthMessage || "You have entered ".concat(inputLength, " characters and have exceeded the limit by ").concat(inputLength - inputMaxLength, ". Please limit to less than ").concat(inputMaxLength, " characters. ")), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")) : '', inputMaxLength ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), /*#__PURE__*/React.createElement(Grid, null)));
 };
 
 ChatComposer.propTypes = composerProps;

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

@@ -1 +1 @@
-{"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';\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\n// eslint-disable-next-line complexity\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    onKeyDown,\n    maxHeight = 300,\n    placeholder,\n    inputMaxLength,\n    maxLengthMessage,\n    buttonDisabled,\n    dataTestid,\n    actionRef,\n  } = props;\n\n  const COMPOSER_MIN_HEIGHT = 32;\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    if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT) onResize(newHeight);\n    setHeight(newHeight);\n    setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n  }, [inputValue, internalMaxHeight, height, onResize]);\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]);\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  return (\n    <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n      <Grid\n        cols={['1fr', '24px']}\n        style={{ height: heightProps.height }}\n        justifyContent=\"center\"\n        alignItems=\"flex-end\"\n        gutter=\"xxs\"\n      >\n        <StyledComposerInput\n          ref={input}\n          onChange={handleChange}\n          style={{ ...heightProps }}\n          value={inputValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          aria-label=\"Message to send\"\n          data-testid=\"chat-composer-textarea\"\n          name=\"chat-composer-textarea\"\n          id=\"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      />\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                {maxLengthMessage ||\n                  `You have entered ${inputLength} characters and have exceeded the limit by ${\n                    inputLength - inputMaxLength\n                  }. Please limit to less than ${inputMaxLength} characters. `}\n              </StyledCounterErrorA11y>\n              {maxLengthMessage || `Please limit to less than ${inputMaxLength} characters. `}\n            </>\n          ) : (\n            ''\n          )}\n          {inputMaxLength && !maxLengthMessage ? ` ${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","onKeyDown","maxHeight","placeholder","inputMaxLength","maxLengthMessage","buttonDisabled","dataTestid","actionRef","COMPOSER_MIN_HEIGHT","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","visibility","pointerEvents","position","top","width","clientWidth","propTypes","composerProps","defaultProps","defaultComposerPros","describe"],"mappings":";;;;;;;;;;;;;;;;;;IAiBMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA2C;AAAA;;AAC9DC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,sBAAsB,CAACC,MAAvB,EAAR,CAAhB;AAEA,MACEC,UADF,GAeIJ,KAfJ,CACEI,UADF;AAAA,MAEEC,QAFF,GAeIL,KAfJ,CAEEK,QAFF;AAAA,MAGEC,QAHF,GAeIN,KAfJ,CAGEM,QAHF;AAAA,MAIEC,MAJF,GAeIP,KAfJ,CAIEO,MAJF;AAAA,MAKEC,OALF,GAeIR,KAfJ,CAKEQ,OALF;AAAA,MAMEC,MANF,GAeIT,KAfJ,CAMES,MANF;AAAA,MAOEC,SAPF,GAeIV,KAfJ,CAOEU,SAPF;AAAA,yBAeIV,KAfJ,CAQEW,SARF;AAAA,MAQEA,SARF,iCAQc,GARd;AAAA,MASEC,WATF,GAeIZ,KAfJ,CASEY,WATF;AAAA,MAUEC,cAVF,GAeIb,KAfJ,CAUEa,cAVF;AAAA,MAWEC,gBAXF,GAeId,KAfJ,CAWEc,gBAXF;AAAA,MAYEC,cAZF,GAeIf,KAfJ,CAYEe,cAZF;AAAA,MAaEC,UAbF,GAeIhB,KAfJ,CAaEgB,UAbF;AAAA,MAcEC,SAdF,GAeIjB,KAfJ,CAcEiB,SAdF;AAiBA,MAAMC,mBAAmB,GAAG,EAA5B;AACA,MAAMC,KAAK,GAAGC,KAAK,CAACC,MAAN,EAAd;AACA,MAAMC,SAAS,GAAGF,KAAK,CAACC,MAAN,EAAlB;AACA,MAAME,SAAS,GAAGH,KAAK,CAACC,MAAN,EAAlB;;AACA,wBAA4BD,KAAK,CAACI,QAAN,CAAe,EAAf,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,iBAAiB,GAAGP,KAAK,CAACQ,OAAN,CAAc;AAAA,WAAMjB,SAAS,GAAG,EAAlB;AAAA,GAAd,EAAoC,CAACA,SAAD,CAApC,CAA1B;;AACA,yBAAoCS,KAAK,CAACI,QAAN,CAAe,IAAf,CAApC;AAAA;AAAA,MAAOK,UAAP;AAAA,MAAmBC,aAAnB;;AAEAV,EAAAA,KAAK,CAACW,SAAN,CAAgB,YAAM;AAAA;;AACpB,QAAMC,SAAS,GACb,uBAAAV,SAAS,CAACW,OAAV,0EAAmBC,YAAnB,IAAkCP,iBAAlC,GAAsDA,iBAAtD,0BAA0EL,SAAS,CAACW,OAApF,wDAA0E,oBAAmBC,YAD/F;AAEA,QAAIF,SAAS,KAAKP,MAAd,IAAwBO,SAAS,GAAGd,mBAAxC,EAA6DZ,QAAQ,CAAC0B,SAAD,CAAR;AAC7DN,IAAAA,SAAS,CAACM,SAAD,CAAT;AACAF,IAAAA,aAAa,CAAC,wBAAAR,SAAS,CAACW,OAAV,4EAAmBC,YAAnB,4BAAkCZ,SAAS,CAACW,OAA5C,wDAAkC,oBAAmBE,YAArD,IAAoE,CAArE,CAAb;AACD,GAND,EAMG,CAAC/B,UAAD,EAAauB,iBAAb,EAAgCF,MAAhC,EAAwCnB,QAAxC,CANH;AAQAc,EAAAA,KAAK,CAACW,SAAN,CAAgB,YAAM;AACpB,QAAId,SAAS,IAAIA,SAAS,CAACgB,OAA3B,EAAoC;AAClChB,MAAAA,SAAS,CAACgB,OAAV,CAAkBG,eAAlB,GAAoC,YAAM;AACxCjB,QAAAA,KAAK,CAACc,OAAN,CAAcI,KAAd;AACD,OAFD;;AAGApB,MAAAA,SAAS,CAACgB,OAAV,CAAkBK,WAAlB,GAAgC,YAAM;AACpCf,QAAAA,SAAS,CAACU,OAAV,CAAkBI,KAAlB;AACD,OAFD;AAGD;AACF,GATD,EASG,CAACpB,SAAD,CATH;AAWA,MAAMsB,YAAY,GAAGnB,KAAK,CAACoB,WAAN,CACnB,UAACC,CAAD,EAAO;AACLpC,IAAAA,QAAQ,CAACoC,CAAC,CAACC,MAAF,CAASC,KAAV,CAAR;AACD,GAHkB,EAInB,CAACtC,QAAD,CAJmB,CAArB;AAMA,MAAMuC,WAAW,GAAG;AAAEnB,IAAAA,MAAM,EAANA,MAAF;AAAUoB,IAAAA,QAAQ,EAAEhB,UAAU,GAAG,MAAH,GAAY;AAA1C,GAApB;AAEA,MAAMiB,WAAW,GAAGC,MAAM,CAAC3C,UAAU,IAAI,EAAf,CAAN,CAAyB4C,MAA7C;AACA,MAAMC,QAAQ,GAAG7B,KAAK,CAACQ,OAAN,CAAc;AAAA,WAAMkB,WAAW,GAAGjC,cAApB;AAAA,GAAd,EAAkD,CAACiC,WAAD,EAAcjC,cAAd,CAAlD,CAAjB;AACA,sBACE,oBAAC,kCAAD;AAAoC,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAA1C;AAA4D,IAAA,SAAS,YAAKF,SAAL,OAArE;AAAyF,mBAAaK;AAAtG,kBACE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CADR;AAEE,IAAA,KAAK,EAAE;AAAES,MAAAA,MAAM,EAAEmB,WAAW,CAACnB;AAAtB,KAFT;AAGE,IAAA,cAAc,EAAC,QAHjB;AAIE,IAAA,UAAU,EAAC,UAJb;AAKE,IAAA,MAAM,EAAC;AALT,kBAOE,oBAAC,mBAAD;AACE,IAAA,GAAG,EAAEN,KADP;AAEE,IAAA,QAAQ,EAAEoB,YAFZ;AAGE,IAAA,KAAK,oBAAOK,WAAP,CAHP;AAIE,IAAA,KAAK,EAAExC,UAJT;AAKE,IAAA,OAAO,EAAEI,OALX;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,SAAS,EAAEC,SAPb;AAQE,IAAA,WAAW,EAAEE,WARf;AASE,kBAAW,iBATb;AAUE,mBAAY,wBAVd;AAWE,IAAA,IAAI,EAAC,wBAXP;AAYE,IAAA,EAAE,EAAC;AAZL,IAPF,eAsBE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC,MAAb;AAAoB,IAAA,UAAU,EAAC;AAA/B,kBACE,oBAAC,oBAAD;AACE,IAAA,UAAU,EAAC,MADb;AAEE,IAAA,IAAI,eAAE,oBAAC,aAAD;AAAe,MAAA,KAAK,EAAE,EAAtB;AAA0B,MAAA,MAAM,EAAE;AAAlC,MAFR;AAGE,IAAA,OAAO,EAAEL,MAHX;AAIE,IAAA,IAAI,EAAC,GAJP;AAKE,IAAA,QAAQ,EAAE,CAACH,UAAD,IAAeW,cAAf,IAAiCkC,QAL7C;AAME,mBAAY,2BANd;AAOE,kBAAW,MAPb;AAQE,IAAA,QAAQ,EAAE1B;AARZ,IADF,CAtBF,CADF,eAoCE,oBAAC,mBAAD;AACE,IAAA,GAAG,EAAED,SADP;AAEE,IAAA,KAAK,EAAE;AACLG,MAAAA,MAAM,EAAE,EADH;AAELyB,MAAAA,UAAU,EAAE,QAFP;AAGLC,MAAAA,aAAa,EAAE,MAHV;AAILC,MAAAA,QAAQ,EAAE,UAJL;AAKLC,MAAAA,GAAG,EAAE,CALA;AAMLC,MAAAA,KAAK,oBAAEnC,KAAK,CAACc,OAAR,mDAAE,eAAesB;AANjB,KAFT;AAUE,IAAA,QAAQ,EAAEhB,YAVZ;AAWE,IAAA,KAAK,EAAEnC;AAXT,IApCF,eAiDE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,CAAZ;AAA6B,IAAA,cAAc,EAAC,UAA5C;AAAuD,IAAA,UAAU,EAAC,QAAlE;AAA2E,IAAA,MAAM,EAAC,KAAlF;AAAwF,IAAA,EAAE,EAAC;AAA3F,kBACE,oBAAC,iBAAD;AAAmB,IAAA,QAAQ,EAAE6C,QAA7B;AAAuC,mBAAY;AAAnD,KACGpC,cAAc,IAAIoC,QAAlB,gBACC,uDACE,oBAAC,sBAAD;AAAwB,IAAA,IAAI,EAAC;AAA7B,KACGnC,gBAAgB,+BACKgC,WADL,wDAEbA,WAAW,GAAGjC,cAFD,yCAGgBA,cAHhB,kBADnB,CADF,EAOGC,gBAAgB,wCAAiCD,cAAjC,kBAPnB,CADD,GAWC,EAZJ,EAcGA,cAAc,IAAI,CAACC,gBAAnB,cAA0CgC,WAA1C,gBAA2DjC,cAA3D,IAA8E,EAdjF,CADF,eAiBE,oBAAC,IAAD,OAjBF,CAjDF,CADF;AAuED;;AAEDd,YAAY,CAACyD,SAAb,GAAyBC,aAAzB;AACA1D,YAAY,CAAC2D,YAAb,GAA4BC,mBAA5B;IACMzD,sBAAsB,GAAG0D,QAAQ,CAAC7D,YAAD;AACvCG,sBAAsB,CAACsD,SAAvB,GAAmCC,aAAnC;;;;"}
+{"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';\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\n// eslint-disable-next-line complexity\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    onKeyDown,\n    maxHeight = 300,\n    placeholder,\n    inputMaxLength,\n    maxLengthMessage,\n    ariaMaxLengthMessage,\n    buttonDisabled,\n    dataTestid,\n    actionRef,\n  } = props;\n\n  const COMPOSER_MIN_HEIGHT = 32;\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    if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT) onResize(newHeight);\n    setHeight(newHeight);\n    setShowScroll(inputSize.current?.scrollHeight - inputSize.current?.clientHeight > 5);\n  }, [inputValue, internalMaxHeight, height, onResize]);\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]);\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  return (\n    <StyledChatContainerContentComposer rows={['auto', '15px']} maxHeight={`${maxHeight}px`} data-testid={dataTestid}>\n      <Grid\n        cols={['1fr', '24px']}\n        style={{ height: heightProps.height }}\n        justifyContent=\"center\"\n        alignItems=\"flex-end\"\n        gutter=\"xxs\"\n      >\n        <StyledComposerInput\n          ref={input}\n          onChange={handleChange}\n          style={{ ...heightProps }}\n          value={inputValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          aria-label=\"Message to send\"\n          data-testid=\"chat-composer-textarea\"\n          name=\"chat-composer-textarea\"\n          id=\"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      />\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                {ariaMaxLengthMessage ||\n                  `You have entered ${inputLength} characters and have exceeded the limit by ${\n                    inputLength - inputMaxLength\n                  }. Please limit to less than ${inputMaxLength} characters. `}\n              </StyledCounterErrorA11y>\n              {maxLengthMessage || `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","onKeyDown","maxHeight","placeholder","inputMaxLength","maxLengthMessage","ariaMaxLengthMessage","buttonDisabled","dataTestid","actionRef","COMPOSER_MIN_HEIGHT","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","visibility","pointerEvents","position","top","width","clientWidth","propTypes","composerProps","defaultProps","defaultComposerPros","describe"],"mappings":"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"}

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

@@ -4,6 +4,7 @@ import { noop } from 'lodash';
 var defaultComposerPros = {
   placeholder: 'Type your message',
   inputValue: '',
+  ariaMaxLengthMessage: '',
   onChange: noop,
   onResize: noop,
   onSend: noop,
@@ -20,6 +21,7 @@ var defaultComposerPros = {
 var composerProps = {
   placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),
   inputValue: PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),
+  ariaMaxLengthMessage: PropTypes.string.description('Aria message for Max length message when exceeded').defaultValue(defaultComposerPros.maxLengthMessage),
   maxLengthMessage: PropTypes.string.description('Max length message').defaultValue(defaultComposerPros.maxLengthMessage),
   onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),
   onResize: PropTypes.func.description('Called the input changes his height').defaultValue(defaultComposerPros.onResize),

package/esm/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  onKeyDown: noop,\n  maxHeight: 0,\n  inputMaxLength: undefined,\n  maxLengthMessage: undefined,\n  buttonDisabled: false,\n  dataTestid: 'ds-chat-composer',\n  actionRef: noop,\n};\n\nexport interface ChatComposerProps {\n  placeholder?: string;\n  inputValue?: string;\n  maxLengthMessage?: string;\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  onKeyDown?: (e: React.ChangeEvent<HTMLTextAreaElement>) => 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  maxLengthMessage: PropTypes.string\n    .description('Max length message')\n    .defaultValue(defaultComposerPros.maxLengthMessage),\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  onKeyDown: PropTypes.func.description('Input on key down').defaultValue(defaultComposerPros.onKeyDown),\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","onKeyDown","maxHeight","inputMaxLength","undefined","maxLengthMessage","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,IAH0C;AAIpDC,EAAAA,QAAQ,EAAED,IAJ0C;AAKpDE,EAAAA,MAAM,EAAEF,IAL4C;AAMpDG,EAAAA,OAAO,EAAEH,IAN2C;AAOpDI,EAAAA,MAAM,EAAEJ,IAP4C;AAQpDK,EAAAA,SAAS,EAAEL,IARyC;AASpDM,EAAAA,SAAS,EAAE,CATyC;AAUpDC,EAAAA,cAAc,EAAEC,SAVoC;AAWpDC,EAAAA,gBAAgB,EAAED,SAXkC;AAYpDE,EAAAA,cAAc,EAAE,KAZoC;AAapDC,EAAAA,UAAU,EAAE,kBAbwC;AAcpDC,EAAAA,SAAS,EAAEZ;AAdyC;IAkCzCa,aAAa,GAAG;AAC3BhB,EAAAA,WAAW,EAAEiB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B,EAAkDC,YAAlD,CAA+DrB,mBAAmB,CAACC,WAAnF,CADc;AAE3BC,EAAAA,UAAU,EAAEgB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDrB,mBAAmB,CAACE,UAA7E,CAFe;AAG3BW,EAAAA,gBAAgB,EAAEK,SAAS,CAACC,MAAV,CACfC,WADe,CACH,oBADG,EAEfC,YAFe,CAEFrB,mBAAmB,CAACa,gBAFlB,CAHS;AAM3BV,EAAAA,QAAQ,EAAEe,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsErB,mBAAmB,CAACG,QAA1F,CANiB;AAO3BE,EAAAA,QAAQ,EAAEa,SAAS,CAACI,IAAV,CACPF,WADO,CACK,qCADL,EAEPC,YAFO,CAEMrB,mBAAmB,CAACK,QAF1B,CAPiB;AAU3BC,EAAAA,MAAM,EAAEY,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,4BAA3B,EAAyDC,YAAzD,CAAsErB,mBAAmB,CAACM,MAA1F,CAVmB;AAW3BC,EAAAA,OAAO,EAAEW,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,aAA3B,EAA0CC,YAA1C,CAAuDrB,mBAAmB,CAACO,OAA3E,CAXkB;AAY3BC,EAAAA,MAAM,EAAEU,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,YAA3B,EAAyCC,YAAzC,CAAsDrB,mBAAmB,CAACQ,MAA1E,CAZmB;AAa3BC,EAAAA,SAAS,EAAES,SAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mBAA3B,EAAgDC,YAAhD,CAA6DrB,mBAAmB,CAACS,SAAjF,CAbgB;AAc3BC,EAAAA,SAAS,EAAEQ,SAAS,CAACK,MAAV,CACRH,WADQ,CACI,gDADJ,EAERC,YAFQ,CAEKrB,mBAAmB,CAACQ,MAFzB,CAdgB;AAiB3BG,EAAAA,cAAc,EAAEO,SAAS,CAACK,MAAV,CACbH,WADa,CACD,sDADC,EAEbC,YAFa,CAEArB,mBAAmB,CAACW,cAFpB,CAjBW;AAoB3BG,EAAAA,cAAc,EAAEI,SAAS,CAACM,IAAV,CACbJ,WADa,CACD,0CADC,EAEbC,YAFa,CAEArB,mBAAmB,CAACc,cAFpB,CApBW;AAuB3BC,EAAAA,UAAU,EAAEG,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,aAA7B,EAA4CC,YAA5C,CAAyDrB,mBAAmB,CAACC,WAA7E,CAvBe;AAwB3Be,EAAAA,SAAS,EAAEE,SAAS,CAACO,MAAV,CACRL,WADQ,oTAcRC,YAdQ,CAcKrB,mBAAmB,CAACgB,SAdzB;AAxBgB;;;;"}
+{"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  ariaMaxLengthMessage: '',\n  onChange: noop,\n  onResize: noop,\n  onSend: noop,\n  onFocus: noop,\n  onBlur: noop,\n  onKeyDown: noop,\n  maxHeight: 0,\n  inputMaxLength: undefined,\n  maxLengthMessage: undefined,\n  buttonDisabled: false,\n  dataTestid: 'ds-chat-composer',\n  actionRef: noop,\n};\n\nexport interface ChatComposerProps {\n  placeholder?: string;\n  inputValue?: string;\n  ariaMaxLengthMessage?: string;\n  maxLengthMessage?: string;\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  onKeyDown?: (e: React.ChangeEvent<HTMLTextAreaElement>) => 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  ariaMaxLengthMessage: PropTypes.string\n    .description('Aria message for Max length message when exceeded')\n    .defaultValue(defaultComposerPros.maxLengthMessage),\n  maxLengthMessage: PropTypes.string\n    .description('Max length message')\n    .defaultValue(defaultComposerPros.maxLengthMessage),\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  onKeyDown: PropTypes.func.description('Input on key down').defaultValue(defaultComposerPros.onKeyDown),\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","ariaMaxLengthMessage","onChange","noop","onResize","onSend","onFocus","onBlur","onKeyDown","maxHeight","inputMaxLength","undefined","maxLengthMessage","buttonDisabled","dataTestid","actionRef","composerProps","PropTypes","string","description","defaultValue","func","number","bool","object"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat",
-  "version": "1.61.8",
+  "version": "1.61.10",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - Chat",
   "main": "cjs/index.js",
@@ -16,14 +16,14 @@
     "directory": "dist"
   },
   "dependencies": {
-    "@elliemae/ds-banner": "1.61.8",
-    "@elliemae/ds-basic": "1.61.8",
-    "@elliemae/ds-button": "1.61.8",
-    "@elliemae/ds-grid": "1.61.8",
-    "@elliemae/ds-icons": "1.61.8",
-    "@elliemae/ds-props-helpers": "1.61.8",
-    "@elliemae/ds-tooltip": "1.61.8",
-    "@elliemae/ds-truncated-tooltip-text": "1.61.8",
+    "@elliemae/ds-banner": "1.61.10",
+    "@elliemae/ds-basic": "1.61.10",
+    "@elliemae/ds-button": "1.61.10",
+    "@elliemae/ds-grid": "1.61.10",
+    "@elliemae/ds-icons": "1.61.10",
+    "@elliemae/ds-props-helpers": "1.61.10",
+    "@elliemae/ds-tooltip": "1.61.10",
+    "@elliemae/ds-truncated-tooltip-text": "1.61.10",
     "prop-types": "~15.7.2",
     "react-desc": "^4.1.2",
     "react-virtual": "^2.3.2"