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

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

@@ -2,46 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.url.to-json.js');
+require('react');
 var reactDesc = require('react-desc');
 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');
+var props = require('./props.js');
+var useValidateProps = require('./config/useValidateProps.js');
+var styled = require('./styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-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, {
+const ChatCard = props => {
+  useValidateProps.useValidateProps(props, ChatCardWithSchema.toJSON());
+  const {
+    title,
+    content,
+    time,
+    rightAddon
+  } = props;
+  return /*#__PURE__*/_jsx__default["default"](styled.Wrapper, {
     cols: ['1fr', 'auto'],
     "data-testid": "chat-card-wrapper"
-  }, /*#__PURE__*/React__default['default'].createElement(parts_chatCard_styled.MainContent, null, /*#__PURE__*/React__default['default'].createElement(parts_chatCard_styled.Title, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.MainContent, {}, void 0, /*#__PURE__*/_jsx__default["default"](styled.Title, {
     "data-testid": "chat-card-title"
-  }, title), /*#__PURE__*/React__default['default'].createElement(parts_chatCard_styled.Content, {
+  }, void 0, title), /*#__PURE__*/_jsx__default["default"](styled.Content, {
     "data-testid": "chat-card-content"
-  }, /*#__PURE__*/React__default['default'].createElement(dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: content
-  })), time && /*#__PURE__*/React__default['default'].createElement(parts_chatCard_styled.Time, {
+  })), time && /*#__PURE__*/_jsx__default["default"](styled.Time, {
     "data-testid": "chat-card-time"
-  }, time)), rightAddon && /*#__PURE__*/React__default['default'].createElement(parts_chatCard_styled.RightAddon, {
+  }, void 0, time)), rightAddon && /*#__PURE__*/_jsx__default["default"](styled.RightAddon, {
     "data-testid": "chat-card-right-addon"
-  }, rightAddon));
+  }, void 0, rightAddon));
 };
 
-ChatCard.propTypes = parts_chatCard_props.propTypes;
-var ChatCardWithSchema = reactDesc.describe(ChatCard);
-ChatCardWithSchema.propTypes = parts_chatCard_props.propTypes;
+const ChatCardWithSchema = reactDesc.describe(ChatCard);
+ChatCardWithSchema.propTypes = props.propTypes;
 
 exports.ChatCard = ChatCard;
 exports.ChatCardWithSchema = ChatCardWithSchema;
-//# sourceMappingURL=ChatCard.js.map

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

@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   dsPropsHelpers.useValidatePropTypes(props, schema);
 };
 
 exports.useValidateProps = useValidateProps;
-//# sourceMappingURL=useValidateProps.js.map

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

@@ -2,19 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var parts_chatCard_ChatCard = require('./ChatCard.js');
-require('react');
-require('react-desc');
-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');
+var ChatCard = require('./ChatCard.js');
 
 
 
-exports.ChatCard = parts_chatCard_ChatCard.ChatCard;
-exports.ChatCardWithSchema = parts_chatCard_ChatCard.ChatCardWithSchema;
-//# sourceMappingURL=index.js.map
+exports.ChatCard = ChatCard.ChatCard;
+exports.ChatCardWithSchema = ChatCard.ChatCardWithSchema;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 
-var propTypes = {
+const propTypes = {
   title: reactDesc.PropTypes.string.isRequired.description("Card's title"),
   content: reactDesc.PropTypes.string.description("Card's content"),
   time: reactDesc.PropTypes.string.description('Time'),
@@ -12,4 +12,3 @@ var propTypes = {
 };
 
 exports.propTypes = propTypes;
-//# sourceMappingURL=props.js.map

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

@@ -9,26 +9,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Wrapper = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const Wrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-s0g4hn-0"
 })(["min-width:248px;border:1px;border-bottom:1px solid #ccc;padding:12px 12px;"]);
-var MainContent = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MainContent = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-s0g4hn-1"
 })([""]);
-var Title = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Title = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-s0g4hn-2"
 })(["font-size:16px;font-weight:600;margin:0;"]);
-var Content = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Content = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-s0g4hn-3"
 })(["font-size:12px;font-weight:400;line-height:1;margin:0;"]);
-var Time = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Time = /*#__PURE__*/styled__default["default"].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__default['default'].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__default["default"].div.withConfig({
   componentId: "sc-s0g4hn-5"
 })(["height:fit-content;margin-left:12px;"]);
 
@@ -38,4 +34,3 @@ exports.RightAddon = RightAddon;
 exports.Time = Time;
 exports.Title = Title;
 exports.Wrapper = Wrapper;
-//# sourceMappingURL=styled.js.map

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

@@ -2,106 +2,94 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.url.to-json.js');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var dsGrid = require('@elliemae/ds-grid');
 var reactDesc = require('react-desc');
-var dsIcons = require('@elliemae/ds-icons');
-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');
+var PaperAirplane = require('@elliemae/ds-icons/PaperAirplane');
+var styled = require('./styled.js');
+var useValidateProps = require('./config/useValidateProps.js');
+var props = require('./props.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PaperAirplane__default = /*#__PURE__*/_interopDefaultLegacy(PaperAirplane);
+
+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__default['default'](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; }
+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__default["default"](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;
 
-  parts_chatComposer_config_useValidateProps.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__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),
-      height = _React$useState2[0],
-      setHeight = _React$useState2[1];
-
-  var internalMaxHeight = React__default['default'].useMemo(function () {
-    return maxHeight - 24;
-  }, [maxHeight]);
-
-  var _React$useState3 = React__default['default'].useState(true),
-      _React$useState4 = _slicedToArray__default['default'](_React$useState3, 2),
-      showScroll = _React$useState4[0],
-      setShowScroll = _React$useState4[1];
-
-  React__default['default'].useEffect(function () {
+  useValidateProps.useValidateProps(props, ChatComposerWithSchema.toJSON());
+  const {
+    inputValue,
+    onChange,
+    onResize,
+    onSend,
+    onFocus,
+    onBlur,
+    maxHeight = 300,
+    placeholder,
+    inputMaxLength,
+    buttonDisabled,
+    dataTestid,
+    actionRef
+  } = props;
+  const input = React__default["default"].useRef();
+  const inputSize = React__default["default"].useRef();
+  const inputSend = React__default["default"].useRef();
+  const [height, setHeight] = React__default["default"].useState(32);
+  const internalMaxHeight = React__default["default"].useMemo(() => maxHeight - 24, [maxHeight]);
+  const [showScroll, setShowScroll] = React__default["default"].useState(true);
+  React__default["default"].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__default['default'].useEffect(function () {
+  }, [inputValue, internalMaxHeight]);
+  React__default["default"].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__default['default'].useCallback(function (e) {
+  }, [actionRef.current]);
+  const handleChange = React__default["default"].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__default['default'].useMemo(function () {
-    return inputLength > inputMaxLength;
-  }, [inputLength, inputMaxLength]);
-  return /*#__PURE__*/React__default['default'].createElement(parts_chatComposer_styled.StyledChatContainerContentComposer, {
+  const inputLength = String(inputValue || '').length;
+  const hasError = React__default["default"].useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainerContentComposer, {
     rows: ['auto', '15px'],
     maxHeight: "".concat(maxHeight, "px"),
     "data-testid": dataTestid
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     cols: ['1fr', '24px'],
     justifyContent: "center",
     alignItems: "flex-end",
     gutter: "xxs"
-  }, /*#__PURE__*/React__default['default'].createElement(parts_chatComposer_styled.StyledComposerInput, {
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledComposerInput, {
     ref: input,
     onChange: handleChange,
     style: _objectSpread({}, heightProps),
@@ -111,22 +99,22 @@ var ChatComposer = function ChatComposer(props) {
     placeholder: placeholder,
     "aria-label": "Message to send",
     "data-testid": "chat-composer-textarea"
-  }), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "32px",
     alignItems: "center"
-  }, /*#__PURE__*/React__default['default'].createElement(parts_chatComposer_styled.StyledComposerButton, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledComposerButton, {
     buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.PaperAirplane, {
+    icon: _PaperAirplane || (_PaperAirplane = /*#__PURE__*/_jsx__default["default"](PaperAirplane__default["default"], {
       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__default['default'].createElement(parts_chatComposer_styled.StyledComposerInput, {
+  }))), /*#__PURE__*/jsxRuntime.jsx(styled.StyledComposerInput, {
     ref: inputSize,
     style: {
       height: 32,
@@ -139,25 +127,25 @@ var ChatComposer = function ChatComposer(props) {
     onChange: handleChange,
     value: inputValue // maxLength={inputMaxLength}
 
-  }), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     cols: ['1fr', '24px'],
     justifyContent: "flex-end",
     alignItems: "center",
     gutter: "xxs",
     pb: "xxs"
-  }, /*#__PURE__*/React__default['default'].createElement(parts_chatComposer_styled.StyledCounterArea, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledCounterArea, {
     hasError: hasError,
     "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 exceeded the character limit by ".concat(inputLength - inputMaxLength)), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")) : '', inputMaxLength ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null)));
+  }, void 0, inputMaxLength && hasError ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](styled.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__default["default"](dsGrid.Grid, {}))));
 };
 
-ChatComposer.propTypes = parts_chatComposer_props.composerProps;
-ChatComposer.defaultProps = parts_chatComposer_props.defaultComposerPros;
-var ChatComposerWithSchema = reactDesc.describe(ChatComposer);
-ChatComposerWithSchema.propTypes = parts_chatComposer_props.composerProps;
+ChatComposer.defaultProps = props.defaultComposerPros;
+const ChatComposerWithSchema = reactDesc.describe(ChatComposer);
+ChatComposerWithSchema.propTypes = props.composerProps;
 
 exports.ChatComposer = ChatComposer;
 exports.ChatComposerWithSchema = ChatComposerWithSchema;
-//# sourceMappingURL=ChatContainerComposer.js.map

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

@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   dsPropsHelpers.useValidatePropTypes(props, schema);
 };
 
 exports.useValidateProps = useValidateProps;
-//# sourceMappingURL=useValidateProps.js.map

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

@@ -2,23 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var parts_chatComposer_ChatContainerComposer = require('./ChatContainerComposer.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('@elliemae/ds-grid');
-require('react-desc');
-require('@elliemae/ds-icons');
-require('./styled.js');
-require('styled-components');
-require('@elliemae/ds-button');
-require('./config/useValidateProps.js');
-require('@elliemae/ds-props-helpers');
-require('./props.js');
-require('lodash');
+var ChatContainerComposer = require('./ChatContainerComposer.js');
 
 
 
-exports.ChatComposer = parts_chatComposer_ChatContainerComposer.ChatComposer;
-exports.ChatComposerWithSchema = parts_chatComposer_ChatContainerComposer.ChatComposerWithSchema;
-//# sourceMappingURL=index.js.map
+exports.ChatComposer = ChatContainerComposer.ChatComposer;
+exports.ChatComposerWithSchema = ChatContainerComposer.ChatComposerWithSchema;

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

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

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

@@ -4,46 +4,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
 var dsGrid = require('@elliemae/ds-grid');
-var DSButton = require('@elliemae/ds-button');
+var dsButton = require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 // Composer
-var StyledChatContainerContentComposer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const StyledChatContainerContentComposer = /*#__PURE__*/styled__default["default"](dsGrid.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__default['default'].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__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: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__default['default'](DSButton.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__default["default"](dsButton.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__default['default'](dsGrid.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__default["default"](dsGrid.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__default['default'].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__default["default"].span.withConfig({
   componentId: "sc-1ahwpce-4"
 })(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
 
@@ -52,4 +32,3 @@ exports.StyledComposerButton = StyledComposerButton;
 exports.StyledComposerInput = StyledComposerInput;
 exports.StyledCounterArea = StyledCounterArea;
 exports.StyledCounterErrorA11y = StyledCounterErrorA11y;
-//# sourceMappingURL=styled.js.map