@elliemae/ds-chat 1.57.1 → 2.0.0-alpha.11

package/esm/parts/bubble/styled.js

@@ -1,61 +1,37 @@
 import styled from 'styled-components';
 import { Grid } from '@elliemae/ds-grid';
 import { BUBBLE_TYPES } from './props.js';
-import 'prop-types';
-import 'react-desc';
-import 'lodash';
 
 /* eslint-disable max-lines */
 
-var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
+const StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-fe8e9o-0"
 })(["min-width:224px;border-radius:10px;"]); // Bubble HEADER
 
-var StyledTitleBubble = /*#__PURE__*/styled(Grid).withConfig({
+const StyledTitleBubble = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-fe8e9o-1"
 })(["padding-top:6px;padding-left:10px;padding-right:10px;padding-bottom:4px;"]);
-var StyledTitleLeftBubble = /*#__PURE__*/styled(Grid).withConfig({
+const StyledTitleLeftBubble = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-fe8e9o-2"
 })(["font-size:13px;font-weight:600;"]);
-var StyledTitleRightBubble = /*#__PURE__*/styled(Grid).withConfig({
+const StyledTitleRightBubble = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-fe8e9o-3"
-})(["font-size:13px;font-weight:400;color:", ";"], function (props) {
-  return props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489';
-});
-var StyleBodyWrapper = /*#__PURE__*/styled.div.withConfig({
+})(["font-size:13px;font-weight:400;color:", ";"], props => props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489');
+const StyleBodyWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-fe8e9o-4"
 })(["font-size:13px;font-weight:400;line-height:15px;min-height:18px;padding:0px 10px 8px 10px;"]);
-var StyleErrorMessage = /*#__PURE__*/styled.div.withConfig({
+const StyleErrorMessage = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-fe8e9o-5"
-})(["font-size:12px;font-weight:400;padding-top:", ";padding-bottom:", ";color:", ";align-items:flex-end;justify-content:center;text-align:right;line-height:15px;svg{fill:", ";}a{font-size:12px;color:", ";}.em-ds-icon{margin-left:8px;}"], function (props) {
-  return props.theme.space.xxxs;
-}, function (props) {
-  return props.theme.space.xxxs;
-}, function (props) {
-  return props.theme.colors.danger[900];
-}, function (props) {
-  return props.theme.colors.danger[900];
-}, function (props) {
-  return props.theme.colors.danger[900];
-});
-var StyleHelpMessage = /*#__PURE__*/styled(StyleErrorMessage).withConfig({
+})(["font-size:12px;font-weight:400;padding-top:", ";padding-bottom:", ";color:", ";align-items:flex-end;justify-content:center;text-align:right;line-height:15px;svg{fill:", ";}a{font-size:12px;color:", ";}.em-ds-icon{margin-left:8px;}"], props => props.theme.space.xxxs, props => props.theme.space.xxxs, props => props.theme.colors.danger[900], props => props.theme.colors.danger[900], props => props.theme.colors.danger[900]);
+const StyleHelpMessage = /*#__PURE__*/styled(StyleErrorMessage).withConfig({
   componentId: "sc-fe8e9o-6"
-})(["font-size:12px;line-height:15px;color:", ";svg{fill:", ";}a{font-size:12px;color:", ";}"], function (props) {
-  return props.theme.colors.neutral[500];
-}, function (props) {
-  return props.theme.colors.danger[500];
-}, function (props) {
-  return props.theme.colors.danger[500];
-}); // bubble sender/ recipient
+})(["font-size:12px;line-height:15px;color:", ";svg{fill:", ";}a{font-size:12px;color:", ";}"], props => props.theme.colors.neutral[500], props => props.theme.colors.danger[500], props => props.theme.colors.danger[500]); // bubble sender/ recipient
 
-var StyledBubbleArrow = /*#__PURE__*/styled.div.withConfig({
+const StyledBubbleArrow = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-fe8e9o-7"
 })(["display:block;content:'';position:absolute;bottom:10px;height:15px;"]);
-var StyledColoredBubble = /*#__PURE__*/styled.div.withConfig({
+const StyledColoredBubble = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-fe8e9o-8"
-})(["min-width:224px;border-radius:10px;position:relative;", ""], function (props) {
-  return props.type === BUBBLE_TYPES.SENDER ? "\n        border: 1px solid ".concat(props.theme.colors.brand['700'], ";\n        background: ").concat(props.theme.colors.brand[600], ";\n        color: ").concat(props.theme.colors.neutral['000'], ";\n        ").concat(StyledBubbleArrow, "{            \n            right: -9px;\n            bottom: 6px;\n            svg{\n                fill: ").concat(props.theme.colors.brand[600], ";\n            }\n        }\n\n        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    ");
-});
+})(["min-width:224px;border-radius:10px;position:relative;", ""], props => props.type === BUBBLE_TYPES.SENDER ? "\n        border: 1px solid ".concat(props.theme.colors.brand['700'], ";\n        background: ").concat(props.theme.colors.brand[600], ";\n        color: ").concat(props.theme.colors.neutral['000'], ";\n        ").concat(StyledBubbleArrow, "{            \n            right: -9px;\n            bottom: 6px;\n            svg{\n                fill: ").concat(props.theme.colors.brand[600], ";\n            }\n        }\n\n        a {\n          color: #FFF;\n        }\n\n    ") : "\n        box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n        background: ".concat(props.theme.colors.neutral['000'], ";\n        color: ").concat(props.theme.colors.neutral[700], ";\n\n        ").concat(StyledBubbleArrow, "{            \n            left: -11px;\n            bottom: 6px;\n            svg{\n                fill: ").concat(props.theme.colors.neutral['000'], ";\n            }\n        }\n\n    "));
 
 export { StyleBodyWrapper, StyleErrorMessage, StyleHelpMessage, StyledBubbleArrow, StyledColoredBubble, StyledTitleBubble, StyledTitleLeftBubble, StyledTitleRightBubble, StyledWrapper };
-//# sourceMappingURL=styled.js.map

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

@@ -1,38 +1,37 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.url.to-json.js';
+import 'react';
 import { describe } from 'react-desc';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
 import { propTypes } from './props.js';
 import { useValidateProps } from './config/useValidateProps.js';
 import { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled.js';
-import '@elliemae/ds-props-helpers';
-import 'styled-components';
-import '@elliemae/ds-grid';
 
-var ChatCard = function ChatCard(props) {
+const ChatCard = props => {
   useValidateProps(props, ChatCardWithSchema.toJSON());
-  var title = props.title,
-      content = props.content,
-      time = props.time,
-      rightAddon = props.rightAddon;
-  return /*#__PURE__*/React.createElement(Wrapper, {
+  const {
+    title,
+    content,
+    time,
+    rightAddon
+  } = props;
+  return /*#__PURE__*/_jsx(Wrapper, {
     cols: ['1fr', 'auto'],
     "data-testid": "chat-card-wrapper"
-  }, /*#__PURE__*/React.createElement(MainContent, null, /*#__PURE__*/React.createElement(Title, {
+  }, void 0, /*#__PURE__*/_jsx(MainContent, {}, void 0, /*#__PURE__*/_jsx(Title, {
     "data-testid": "chat-card-title"
-  }, title), /*#__PURE__*/React.createElement(Content, {
+  }, void 0, title), /*#__PURE__*/_jsx(Content, {
     "data-testid": "chat-card-content"
-  }, /*#__PURE__*/React.createElement(SimpleTruncatedTooltipText, {
+  }, void 0, /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
     value: content
-  })), time && /*#__PURE__*/React.createElement(Time, {
+  })), time && /*#__PURE__*/_jsx(Time, {
     "data-testid": "chat-card-time"
-  }, time)), rightAddon && /*#__PURE__*/React.createElement(RightAddon, {
+  }, void 0, time)), rightAddon && /*#__PURE__*/_jsx(RightAddon, {
     "data-testid": "chat-card-right-addon"
-  }, rightAddon));
+  }, void 0, rightAddon));
 };
 
-ChatCard.propTypes = propTypes;
-var ChatCardWithSchema = describe(ChatCard);
+const ChatCardWithSchema = describe(ChatCard);
 ChatCardWithSchema.propTypes = propTypes;
 
 export { ChatCard, ChatCardWithSchema };
-//# sourceMappingURL=ChatCard.js.map

package/esm/parts/chat-card/config/useValidateProps.js

@@ -1,8 +1,7 @@
 import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   useValidatePropTypes(props, schema);
 };
 
 export { useValidateProps };
-//# sourceMappingURL=useValidateProps.js.map

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

@@ -1,11 +1 @@
 export { ChatCard, ChatCardWithSchema } from './ChatCard.js';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-truncated-tooltip-text';
-import './props.js';
-import './config/useValidateProps.js';
-import '@elliemae/ds-props-helpers';
-import './styled.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-//# sourceMappingURL=index.js.map

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

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var propTypes = {
+const propTypes = {
   title: PropTypes.string.isRequired.description("Card's title"),
   content: PropTypes.string.description("Card's content"),
   time: PropTypes.string.description('Time'),
@@ -8,4 +8,3 @@ var propTypes = {
 };
 
 export { propTypes };
-//# sourceMappingURL=props.js.map

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

@@ -1,28 +1,23 @@
 import styled from 'styled-components';
 import { Grid } from '@elliemae/ds-grid';
 
-var Wrapper = /*#__PURE__*/styled(Grid).withConfig({
+const Wrapper = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-s0g4hn-0"
 })(["min-width:248px;border:1px;border-bottom:1px solid #ccc;padding:12px 12px;"]);
-var MainContent = /*#__PURE__*/styled.div.withConfig({
+const MainContent = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-s0g4hn-1"
 })([""]);
-var Title = /*#__PURE__*/styled.p.withConfig({
+const Title = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-s0g4hn-2"
 })(["font-size:16px;font-weight:600;margin:0;"]);
-var Content = /*#__PURE__*/styled.p.withConfig({
+const Content = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-s0g4hn-3"
 })(["font-size:12px;font-weight:400;line-height:1;margin:0;"]);
-var Time = /*#__PURE__*/styled.p.withConfig({
+const Time = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-s0g4hn-4"
-})(["font-size:12px;font-weight:100;margin:0;margin-top:8px;font-weight:", ";color:", ";"], function (props) {
-  return props.theme.fontWeights.regular;
-}, function (props) {
-  return props.theme.colors.neutral['500'];
-});
-var RightAddon = /*#__PURE__*/styled.div.withConfig({
+})(["font-size:12px;font-weight:100;margin:0;margin-top:8px;font-weight:", ";color:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['500']);
+const RightAddon = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-s0g4hn-5"
 })(["height:fit-content;margin-left:12px;"]);
 
 export { Content, MainContent, RightAddon, Time, Title, Wrapper };
-//# sourceMappingURL=styled.js.map

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

@@ -1,97 +1,84 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.url.to-json.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React from 'react';
 import { Grid } from '@elliemae/ds-grid';
 import { describe } from 'react-desc';
-import { PaperAirplane } from '@elliemae/ds-icons';
+import PaperAirplane from '@elliemae/ds-icons/PaperAirplane';
 import { StyledChatContainerContentComposer, StyledComposerInput, StyledComposerButton, StyledCounterArea, StyledCounterErrorA11y } from './styled.js';
 import { useValidateProps } from './config/useValidateProps.js';
 import { composerProps, defaultComposerPros } from './props.js';
-import 'styled-components';
-import '@elliemae/ds-button';
-import '@elliemae/ds-props-helpers';
-import 'lodash';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var _PaperAirplane, _Grid;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var ChatComposer = function ChatComposer(props) {
+const ChatComposer = props => {
   var _input$current;
 
   useValidateProps(props, ChatComposerWithSchema.toJSON());
-  var inputValue = props.inputValue,
-      onChange = props.onChange,
-      onResize = props.onResize,
-      onSend = props.onSend,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      _props$maxHeight = props.maxHeight,
-      maxHeight = _props$maxHeight === void 0 ? 300 : _props$maxHeight,
-      placeholder = props.placeholder,
-      inputMaxLength = props.inputMaxLength,
-      maxLengthMessage = props.maxLengthMessage,
-      buttonDisabled = props.buttonDisabled,
-      dataTestid = props.dataTestid,
-      actionRef = props.actionRef;
-  var input = React.useRef();
-  var inputSize = React.useRef();
-  var inputSend = React.useRef();
-
-  var _React$useState = React.useState(32),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      height = _React$useState2[0],
-      setHeight = _React$useState2[1];
-
-  var internalMaxHeight = React.useMemo(function () {
-    return maxHeight - 24;
-  }, [maxHeight]);
-
-  var _React$useState3 = React.useState(true),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      showScroll = _React$useState4[0],
-      setShowScroll = _React$useState4[1];
-
-  React.useEffect(function () {
+  const {
+    inputValue,
+    onChange,
+    onResize,
+    onSend,
+    onFocus,
+    onBlur,
+    maxHeight = 300,
+    placeholder,
+    inputMaxLength,
+    buttonDisabled,
+    dataTestid,
+    actionRef
+  } = props;
+  const input = React.useRef();
+  const inputSize = React.useRef();
+  const inputSend = React.useRef();
+  const [height, setHeight] = React.useState(32);
+  const internalMaxHeight = React.useMemo(() => maxHeight - 24, [maxHeight]);
+  const [showScroll, setShowScroll] = React.useState(true);
+  React.useEffect(() => {
     var _inputSize$current, _inputSize$current2, _inputSize$current3, _inputSize$current4;
 
-    var newHeight = ((_inputSize$current = inputSize.current) === null || _inputSize$current === void 0 ? void 0 : _inputSize$current.scrollHeight) > internalMaxHeight ? internalMaxHeight : (_inputSize$current2 = inputSize.current) === null || _inputSize$current2 === void 0 ? void 0 : _inputSize$current2.scrollHeight;
+    const newHeight = ((_inputSize$current = inputSize.current) === null || _inputSize$current === void 0 ? void 0 : _inputSize$current.scrollHeight) > internalMaxHeight ? internalMaxHeight : (_inputSize$current2 = inputSize.current) === null || _inputSize$current2 === void 0 ? void 0 : _inputSize$current2.scrollHeight;
     onResize(newHeight);
     setHeight(newHeight);
     setShowScroll(((_inputSize$current3 = inputSize.current) === null || _inputSize$current3 === void 0 ? void 0 : _inputSize$current3.scrollHeight) - ((_inputSize$current4 = inputSize.current) === null || _inputSize$current4 === void 0 ? void 0 : _inputSize$current4.clientHeight) > 5);
-  }, [inputValue, internalMaxHeight, onResize]);
-  React.useEffect(function () {
+  }, [inputValue, internalMaxHeight]);
+  React.useEffect(() => {
     if (actionRef && actionRef.current) {
-      actionRef.current.focusToComposer = function () {
+      actionRef.current.focusToComposer = () => {
         input.current.focus();
       };
 
-      actionRef.current.focusToSend = function () {
+      actionRef.current.focusToSend = () => {
         inputSend.current.focus();
       };
     }
-  }, [actionRef]);
-  var handleChange = React.useCallback(function (e) {
+  }, [actionRef.current]);
+  const handleChange = React.useCallback(e => {
     onChange(e.target.value);
   }, [onChange]);
-  var heightProps = {
-    height: height,
+  const heightProps = {
+    height,
     overflow: showScroll ? 'auto' : 'hidden'
   };
-  var inputLength = String(inputValue || '').length;
-  var hasError = React.useMemo(function () {
-    return inputLength > inputMaxLength;
-  }, [inputLength, inputMaxLength]);
-  return /*#__PURE__*/React.createElement(StyledChatContainerContentComposer, {
+  const inputLength = String(inputValue || '').length;
+  const hasError = React.useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);
+  return /*#__PURE__*/_jsx(StyledChatContainerContentComposer, {
     rows: ['auto', '15px'],
     maxHeight: "".concat(maxHeight, "px"),
     "data-testid": dataTestid
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     cols: ['1fr', '24px'],
     justifyContent: "center",
     alignItems: "flex-end",
     gutter: "xxs"
-  }, /*#__PURE__*/React.createElement(StyledComposerInput, {
+  }, void 0, /*#__PURE__*/jsx(StyledComposerInput, {
     ref: input,
     onChange: handleChange,
     style: _objectSpread({}, heightProps),
@@ -101,22 +88,22 @@ var ChatComposer = function ChatComposer(props) {
     placeholder: placeholder,
     "aria-label": "Message to send",
     "data-testid": "chat-composer-textarea"
-  }), /*#__PURE__*/React.createElement(Grid, {
+  }), /*#__PURE__*/_jsx(Grid, {
     height: "32px",
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(StyledComposerButton, {
+  }, void 0, /*#__PURE__*/_jsx(StyledComposerButton, {
     buttonType: "text",
-    icon: /*#__PURE__*/React.createElement(PaperAirplane, {
+    icon: _PaperAirplane || (_PaperAirplane = /*#__PURE__*/_jsx(PaperAirplane, {
       width: 18,
       height: 18
-    }),
+    })),
     onClick: onSend,
     size: "s",
     disabled: !inputValue || buttonDisabled || hasError,
     "data-testid": "chat-composer-send-button",
     "aria-label": "Send",
     innerRef: inputSend
-  }))), /*#__PURE__*/React.createElement(StyledComposerInput, {
+  }))), /*#__PURE__*/jsx(StyledComposerInput, {
     ref: inputSize,
     style: {
       height: 32,
@@ -129,24 +116,24 @@ var ChatComposer = function ChatComposer(props) {
     onChange: handleChange,
     value: inputValue // maxLength={inputMaxLength}
 
-  }), /*#__PURE__*/React.createElement(Grid, {
+  }), /*#__PURE__*/_jsx(Grid, {
     cols: ['1fr', '24px'],
     justifyContent: "flex-end",
     alignItems: "center",
     gutter: "xxs",
     pb: "xxs"
-  }, /*#__PURE__*/React.createElement(StyledCounterArea, {
+  }, void 0, /*#__PURE__*/_jsx(StyledCounterArea, {
     hasError: hasError,
     "data-testid": "composer-counter-area"
-  }, inputMaxLength && hasError ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledCounterErrorA11y, {
-    role: "alert"
-  }, maxLengthMessage || "You have exceeded the character limit by ".concat(inputLength - inputMaxLength)), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")) : '', inputMaxLength ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), /*#__PURE__*/React.createElement(Grid, null)));
+  }, void 0, inputMaxLength && hasError ? /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx(StyledCounterErrorA11y, {
+      role: "alert"
+    }, void 0, "You have exceeded the character limit by ", inputLength - inputMaxLength), "Please limit to less than ", inputMaxLength, " characters.", ' ']
+  }) : '', inputMaxLength ? "".concat(inputLength, " / ").concat(inputMaxLength) : ''), _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {}))));
 };
 
-ChatComposer.propTypes = composerProps;
 ChatComposer.defaultProps = defaultComposerPros;
-var ChatComposerWithSchema = describe(ChatComposer);
+const ChatComposerWithSchema = describe(ChatComposer);
 ChatComposerWithSchema.propTypes = composerProps;
 
 export { ChatComposer, ChatComposerWithSchema };
-//# sourceMappingURL=ChatContainerComposer.js.map

package/esm/parts/chat-composer/config/useValidateProps.js

@@ -1,8 +1,7 @@
 import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   useValidatePropTypes(props, schema);
 };
 
 export { useValidateProps };
-//# sourceMappingURL=useValidateProps.js.map

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

@@ -1,15 +1 @@
 export { ChatComposer, ChatComposerWithSchema } from './ChatContainerComposer.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import '@elliemae/ds-grid';
-import 'react-desc';
-import '@elliemae/ds-icons';
-import './styled.js';
-import 'styled-components';
-import '@elliemae/ds-button';
-import './config/useValidateProps.js';
-import '@elliemae/ds-props-helpers';
-import './props.js';
-import 'lodash';
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 import { PropTypes } from 'react-desc';
 import { noop } from 'lodash';
 
-var defaultComposerPros = {
+const defaultComposerPros = {
   placeholder: 'Type your message',
   inputValue: '',
   onChange: noop,
@@ -11,15 +11,13 @@ var defaultComposerPros = {
   onBlur: noop,
   maxHeight: 0,
   inputMaxLength: undefined,
-  maxLengthMessage: undefined,
   buttonDisabled: false,
   dataTestid: 'ds-chat-composer',
   actionRef: noop
 };
-var composerProps = {
+const composerProps = {
   placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),
   inputValue: PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),
-  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),
   onSend: PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),
@@ -33,4 +31,3 @@ var composerProps = {
 };
 
 export { composerProps, defaultComposerPros };
-//# sourceMappingURL=props.js.map

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

@@ -3,41 +3,20 @@ import { Grid } from '@elliemae/ds-grid';
 import { DSButton } from '@elliemae/ds-button';
 
 // Composer
-var StyledChatContainerContentComposer = /*#__PURE__*/styled(Grid).withConfig({
+const StyledChatContainerContentComposer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1ahwpce-0"
-})(["width:100%;min-height:56px;background:", ";padding:", ";padding-bottom:3px;padding-top:6px;padding-left:", ";max-height:", ";border-top:1px solid #cbcfd7;"], function (props) {
-  return props.theme.colors.neutral['050'];
-}, function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.maxHeight;
-});
-var StyledComposerInput = /*#__PURE__*/styled.textarea.withConfig({
+})(["width:100%;min-height:56px;background:", ";padding:", ";padding-bottom:3px;padding-top:6px;padding-left:", ";max-height:", ";border-top:1px solid #cbcfd7;"], props => props.theme.colors.neutral['050'], props => props.theme.space.xxs, props => props.theme.space.xs, props => props.maxHeight);
+const StyledComposerInput = /*#__PURE__*/styled.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: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;
-}, function (props) {
-  return props.theme.colors.brand[600];
-});
-var StyledComposerButton = /*#__PURE__*/styled(DSButton).withConfig({
+})(["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;}"], props => props.theme.space.xxs, props => typeof props.height === 'number' ? "".concat(props.height, "px") : props.height, props => props.theme.colors.brand[600]);
+const StyledComposerButton = /*#__PURE__*/styled(DSButton).withConfig({
   componentId: "sc-1ahwpce-2"
-})(["&: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];
-});
-var StyledCounterArea = /*#__PURE__*/styled(Grid).withConfig({
+})(["&:disabled{background:none;svg{fill:#5d6775;}}svg{fill:", ";}&:focus{background:", ";}"], props => props.theme.colors.brand[600], props => props.theme.colors.brand[200]);
+const StyledCounterArea = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1ahwpce-3"
-})(["text-align:right;font-size:11px;height:15px;align-items:center;font-style:italic;", " position:relative;"], function (props) {
-  return props.hasError ? "color:".concat(props.theme.colors.danger[900], ";") : '';
-});
-var StyledCounterErrorA11y = /*#__PURE__*/styled.span.withConfig({
+})(["text-align:right;font-size:11px;height:15px;align-items:center;font-style:italic;", " position:relative;"], props => props.hasError ? "color:".concat(props.theme.colors.danger[900], ";") : '');
+const StyledCounterErrorA11y = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-1ahwpce-4"
 })(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
 
 export { StyledChatContainerContentComposer, StyledComposerButton, StyledComposerInput, StyledCounterArea, StyledCounterErrorA11y };
-//# sourceMappingURL=styled.js.map