@elliemae/ds-chat 2.0.1 → 2.1.0-rc.2

package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js

@@ -15,6 +15,7 @@ import React from 'react';
 import { describe } from 'react-desc';
 import { useVirtual } from 'react-virtual';
 import DSButton from '@elliemae/ds-button';
+import { debounce } from 'lodash';
 import { ChatBubble } from '../bubble/ChatBubble.js';
 import { BUBBLE_TYPES } from '../bubble/props.js';
 import { MessageDelimiter } from '../message-delimiter/MessageDelimiter.js';
@@ -24,9 +25,9 @@ import { listProps, defaultProps } from './props.js';
 import { useValidateProps } from './config/useValidateProps.js';
 import { jsx } from 'react/jsx-runtime';
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const getPadding = _ref => {
   let {
@@ -56,6 +57,7 @@ const ChatContainerMessagesList = props => {
     isLoading,
     bannerRef
   } = props;
+  const pendingOnScroll = React.useRef(false);
   const loadMoreRef = React.useRef(null);
   const virtualListRef = React.useRef(); // estimateSize should not be really required given what was stated on
   // https://github.com/tannerlinsley/react-virtual/issues/23
@@ -75,9 +77,15 @@ const ChatContainerMessagesList = props => {
   })), {}, {
     estimateSize: React.useCallback(() => 80, [])
   }));
-  const onScrollStop = React.useCallback(() => {
+  const debouncedScroll = React.useMemo(() => debounce(() => {
     var _virtualListRef$curre;
 
+    if (document.visibilityState === 'hidden') {
+      pendingOnScroll.current = true;
+      return [];
+    }
+
+    pendingOnScroll.current = false;
     const {
       bottom,
       top
@@ -86,15 +94,15 @@ const ChatContainerMessagesList = props => {
     const indexList = [];
     list.forEach(item => {
       const {
-        top: itemTop,
-        bottom: itemBottom
+        top: itemTop
       } = item.getBoundingClientRect();
       const itemPadding = 10;
-      if (itemTop + itemPadding < bottom && itemBottom - itemPadding > top) indexList.push(item.dataset.index);
+      if (itemTop + itemPadding < bottom && itemTop + itemPadding > top) indexList.push(item.dataset.index);
     });
     if (onScrollEnds) onScrollEnds(indexList);
     return indexList;
-  }, [onScrollEnds]);
+  }, 500), [onScrollEnds]);
+  const onScrollStop = React.useCallback(debouncedScroll, [debouncedScroll]);
   const onlyFocus = React.useCallback(index => {
     setTimeout(() => {
       virtualListRef.current.querySelector("[data-index=\"".concat(index, "\"]")).focus();
@@ -106,7 +114,8 @@ const ChatContainerMessagesList = props => {
     };
     vScroll(index, b);
     onlyFocus(index);
-  }, [onlyFocus, vScroll]);
+    onScrollStop();
+  }, [onScrollStop, onlyFocus, vScroll]);
   React.useEffect(() => {
     if (actionRef && actionRef.current) {
       actionRef.current.scrollToIndex = function (a) {
@@ -114,6 +123,7 @@ const ChatContainerMessagesList = props => {
           align: 'center'
         };
         vScroll(a, b);
+        onScrollStop();
       };
 
       actionRef.current.getMessagesInView = onScrollStop;
@@ -127,7 +137,7 @@ const ChatContainerMessagesList = props => {
 
       actionRef.current.focusToIndexWithoutScroll = onlyFocus;
 
-      actionRef.current.focusToList = a => {
+      actionRef.current.focusToList = () => {
         var _virtualListRef$curre2;
 
         (_virtualListRef$curre2 = virtualListRef.current) === null || _virtualListRef$curre2 === void 0 ? void 0 : _virtualListRef$curre2.focus();
@@ -144,7 +154,17 @@ const ChatContainerMessagesList = props => {
     switch (key) {
       case 'ArrowUp':
         e.preventDefault();
-        if (index > 0) virtualListRef.current.querySelector("[data-index=\"".concat(index - 1, "\"]")).focus();
+
+        if (index > 0) {
+          var _virtualListRef$curre3;
+
+          ((_virtualListRef$curre3 = virtualListRef.current) === null || _virtualListRef$curre3 === void 0 ? void 0 : _virtualListRef$curre3.querySelector("[data-index=\"".concat(index - 1, "\"]"))).focus();
+        } else if (hasMoreItems === 'top') {
+          var _loadMoreRef$current;
+
+          (_loadMoreRef$current = loadMoreRef.current) === null || _loadMoreRef$current === void 0 ? void 0 : _loadMoreRef$current.focus();
+        }
+
         break;
 
       case 'ArrowDown':
@@ -167,31 +187,31 @@ const ChatContainerMessagesList = props => {
         break;
 
       case 'Tab':
-        e.preventDefault();
-
         if (hasMoreItems === 'bottom' && !e.shiftKey) {
-          var _loadMoreRef$current;
-
-          (_loadMoreRef$current = loadMoreRef.current) === null || _loadMoreRef$current === void 0 ? void 0 : _loadMoreRef$current.focus();
-        } else if (hasMoreItems === 'top' && e.shiftKey) {
           var _loadMoreRef$current2;
 
+          e.preventDefault();
           (_loadMoreRef$current2 = loadMoreRef.current) === null || _loadMoreRef$current2 === void 0 ? void 0 : _loadMoreRef$current2.focus();
+        } else if (hasMoreItems === 'top' && e.shiftKey) {
+          var _loadMoreRef$current3;
+
+          e.preventDefault();
+          (_loadMoreRef$current3 = loadMoreRef.current) === null || _loadMoreRef$current3 === void 0 ? void 0 : _loadMoreRef$current3.focus();
         } else if (!e.shiftKey) {
           if (bannerPosition) {
+            e.preventDefault();
             bannerRef.current.focusOnWrapper();
-          } else {
-            actionRef.current.focusToComposer();
           }
         } else {
-          var _virtualListRef$curre3;
+          var _virtualListRef$curre4;
 
-          (_virtualListRef$curre3 = virtualListRef.current) === null || _virtualListRef$curre3 === void 0 ? void 0 : _virtualListRef$curre3.focus();
+          e.preventDefault();
+          (_virtualListRef$curre4 = virtualListRef.current) === null || _virtualListRef$curre4 === void 0 ? void 0 : _virtualListRef$curre4.focus();
         }
 
         break;
     }
-  }, [actionRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus]);
+  }, [actionRef, bannerRef, hasMoreItems, messages.length, bannerPosition, scrollAndFocus]);
   const handleListKey = React.useCallback(e => {
     const {
       key
@@ -200,12 +220,22 @@ const ChatContainerMessagesList = props => {
     switch (key) {
       case 'ArrowUp':
         e.preventDefault();
-        onlyFocus(onScrollStop().shift());
+
+        if (document.activeElement !== loadMoreRef.current) {
+          onlyFocus(onScrollStop().shift());
+        }
+
         break;
 
       case 'ArrowDown':
         e.preventDefault();
-        onlyFocus(onScrollStop().pop());
+
+        if (document.activeElement === loadMoreRef.current) {
+          virtualListRef.current.querySelector("[data-index=\"0\"]").focus();
+        } else {
+          onlyFocus(onScrollStop().pop());
+        }
+
         break;
 
       case 'Home':
@@ -221,15 +251,15 @@ const ChatContainerMessagesList = props => {
       case 'Tab':
         if (document.activeElement !== loadMoreRef.current) {
           if (hasMoreItems === 'bottom' && !e.shiftKey) {
-            var _loadMoreRef$current3;
+            var _loadMoreRef$current4;
 
             e.preventDefault();
-            (_loadMoreRef$current3 = loadMoreRef.current) === null || _loadMoreRef$current3 === void 0 ? void 0 : _loadMoreRef$current3.focus();
+            (_loadMoreRef$current4 = loadMoreRef.current) === null || _loadMoreRef$current4 === void 0 ? void 0 : _loadMoreRef$current4.focus();
           } else if (hasMoreItems === 'top' && e.shiftKey) {
-            var _loadMoreRef$current4;
+            var _loadMoreRef$current5;
 
             e.preventDefault();
-            (_loadMoreRef$current4 = loadMoreRef.current) === null || _loadMoreRef$current4 === void 0 ? void 0 : _loadMoreRef$current4.focus();
+            (_loadMoreRef$current5 = loadMoreRef.current) === null || _loadMoreRef$current5 === void 0 ? void 0 : _loadMoreRef$current5.focus();
           } else if (!e.shiftKey) {
             e.preventDefault();
             actionRef.current.focusToComposer();
@@ -238,15 +268,18 @@ const ChatContainerMessagesList = props => {
           e.preventDefault();
           actionRef.current.focusToComposer();
         } else {
-          var _virtualListRef$curre4;
+          var _virtualListRef$curre5;
 
           e.preventDefault();
-          (_virtualListRef$curre4 = virtualListRef.current) === null || _virtualListRef$curre4 === void 0 ? void 0 : _virtualListRef$curre4.focus();
+          (_virtualListRef$curre5 = virtualListRef.current) === null || _virtualListRef$curre5 === void 0 ? void 0 : _virtualListRef$curre5.focus();
         }
 
         break;
     }
   }, [actionRef, hasMoreItems, messages.length, onScrollStop, onlyFocus, scrollAndFocus]);
+  const checkPendingOnScroll = React.useCallback(() => {
+    if (pendingOnScroll.current === true) onScrollStop();
+  }, [onScrollStop]);
   React.useEffect(() => {
     let handlerCallback = null;
     const localVirtualRef = virtualListRef.current;
@@ -260,11 +293,13 @@ const ChatContainerMessagesList = props => {
       virtualListRef.current.addEventListener('scroll', onScroll);
     }
 
+    document.addEventListener('visibilitychange', checkPendingOnScroll);
     return () => {
       if (handlerCallback) clearTimeout(handlerCallback);
       if (onScrollEnds) localVirtualRef.removeEventListener('scroll', onScroll);
+      document.removeEventListener('visibilitychange', checkPendingOnScroll);
     };
-  }, [onScrollStop, onScrollEnds]);
+  }, [onScrollStop, onScrollEnds, checkPendingOnScroll]);
   const render = React.useMemo(() => virtualItems.map(virtualItem => {
     const {
       index,
@@ -285,14 +320,14 @@ const ChatContainerMessagesList = props => {
       "data-index": index,
       style: style,
       ref: measureRef,
-      tabIndex: 0,
+      tabIndex: -1,
       onKeyDown: handleKey,
       role: "listitem",
       children: /*#__PURE__*/_jsx(StyledWrapperListItem, {
         type: row.type
       }, void 0, row.type === BUBBLE_TYPES.SENDER || row.type === BUBBLE_TYPES.RECIPIENT ?
       /*#__PURE__*/
-      // eslint-disable-next-line
+      // eslint-disable-next-line eslint-comments/no-unlimited-disable
       jsx(ChatBubble, _objectSpread(_objectSpread({}, row), {}, {
         helpMessage: isSending ? sendingText : row.helpMessage
       })) : null, row.type === BUBBLE_TYPES.DELIMITER ? /*#__PURE__*/jsx(MessageDelimiter, _objectSpread({}, row)) : null, row.type === BUBBLE_TYPES.SYSTEM ? /*#__PURE__*/jsx(SystemMessage, _objectSpread({}, row)) : null)
@@ -308,7 +343,7 @@ const ChatContainerMessagesList = props => {
     onKeyDown: handleListKey,
     children: /*#__PURE__*/_jsx(StyledChatContainerContentListScroll, {
       height: "".concat(totalSize, "px")
-    }, void 0, render, !isLoading && hasMoreItems ? /*#__PURE__*/_jsx(StyledLoadMoreContainer, {
+    }, void 0, !isLoading && hasMoreItems ? /*#__PURE__*/_jsx(StyledLoadMoreContainer, {
       hasMoreItems: hasMoreItems
     }, void 0, /*#__PURE__*/_jsx(DSButton, {
       labelText: "Load More",
@@ -316,7 +351,7 @@ const ChatContainerMessagesList = props => {
       onClick: getMoreMessages,
       "data-testid": "ds-chat-load-more-btn",
       innerRef: loadMoreRef
-    })) : null)
+    })) : null, render)
   }));
 };
 

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

@@ -18,9 +18,9 @@ import { chatSidebarProps, defaultProps } from './props.js';
 import { useValidateProps } from './config/useValidateProps.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const FooterChat = _ref => {
   let {

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

@@ -13,9 +13,9 @@ import { jsxs } from 'react/jsx-runtime';
 
 const _excluded = ["label", "dsId", "onClick", "Icon"];
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const SidebarButton = _ref => {
   let {
     label,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat",
-  "version": "2.0.1",
+  "version": "2.1.0-rc.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat",
   "module": "./esm/index.js",
@@ -305,22 +305,22 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-banner": "2.0.1",
-    "@elliemae/ds-button": "2.0.1",
-    "@elliemae/ds-grid": "2.0.1",
-    "@elliemae/ds-icons": "2.0.1",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.0.1",
-    "@elliemae/ds-props-helpers": "2.0.1",
-    "@elliemae/ds-system": "2.0.1",
-    "@elliemae/ds-tooltip": "2.0.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.1",
+    "@elliemae/ds-banner": "2.1.0-rc.2",
+    "@elliemae/ds-button": "2.1.0-rc.2",
+    "@elliemae/ds-grid": "2.1.0-rc.2",
+    "@elliemae/ds-icons": "2.1.0-rc.2",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.1.0-rc.2",
+    "@elliemae/ds-props-helpers": "2.1.0-rc.2",
+    "@elliemae/ds-system": "2.1.0-rc.2",
+    "@elliemae/ds-tooltip": "2.1.0-rc.2",
+    "@elliemae/ds-truncated-tooltip-text": "2.1.0-rc.2",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.2",
     "react-virtual": "~2.3.2"
   },
   "devDependencies": {
     "@testing-library/dom": "~8.11.1",
-    "@testing-library/jest-dom": "~5.15.1",
+    "@testing-library/jest-dom": "~5.15.0",
     "@testing-library/react": "~12.1.2",
     "@testing-library/user-event": "~13.5.0",
     "styled-components": "~5.3.3"

package/types/parts/chat-card/ChatCard.d.ts

@@ -6,22 +6,22 @@ declare const ChatCard: {
     propTypes: {
         title: any;
         content: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         time: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         rightAddon: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
     };
 };

package/types/parts/chat-card/props.d.ts

@@ -3,22 +3,22 @@
 export declare const propTypes: {
     title: any;
     content: {
-        defaultValue<T = unknown>(arg: T): {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
-        isRequired: import("react-desc").PropTypesDescValidator;
+        isRequired: import("react-desc").PropTypesDescValue;
     };
     time: {
-        defaultValue<T = unknown>(arg: T): {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
-        isRequired: import("react-desc").PropTypesDescValidator;
+        isRequired: import("react-desc").PropTypesDescValue;
     };
     rightAddon: {
-        defaultValue<T = unknown>(arg: T): {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
-        isRequired: import("react-desc").PropTypesDescValidator;
+        isRequired: import("react-desc").PropTypesDescValue;
     };
 };
 export interface CardPropTypes {

package/types/parts/chat-composer/styled.d.ts

@@ -1,157 +1,5 @@
-/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-export declare const StyledChatContainerContentComposer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChatContainerContentComposer: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;
 export declare const StyledComposerInput: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, any, never>;
-export declare const StyledComposerButton: import("styled-components").StyledComponent<{
-    ({ innerRef, disabled, buttonType, fluidWidth, size, labelText, icon, onBlur, onClick, onKeyPress, leftIcon, tabIndex, variant, intent, containerProps, className, as: Component, type, ...rest }: {
-        [x: string]: any;
-        innerRef: any;
-        disabled: any;
-        buttonType: any;
-        fluidWidth: any;
-        size: any;
-        labelText: any;
-        icon: any;
-        onBlur: any;
-        onClick: any;
-        onKeyPress: any;
-        leftIcon: any;
-        tabIndex: any;
-        variant: any;
-        intent: any;
-        containerProps: any;
-        className: any;
-        as: any;
-        type: any;
-    }): JSX.Element;
-    defaultProps: {
-        disabled: boolean;
-        fluidWidth: boolean;
-        labelText: string;
-        icon: null;
-        onBlur: () => null;
-        onClick: () => null;
-        onKeyPress: () => null;
-        leftIcon: null;
-        tabIndex: number;
-        variant: string;
-        containerProps: {};
-        as: string;
-        type: string;
-    };
-    propTypes: {
-        tabIndex: {
-            defaultValue<T = unknown>(arg: T): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        className: {
-            defaultValue<T_1 = unknown>(arg: T_1): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        'aria-disabled': {
-            defaultValue<T_2 = unknown>(arg: T_2): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        as: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        disabled: {
-            defaultValue<T_3 = unknown>(arg: T_3): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        fluidWidth: {
-            defaultValue<T_4 = unknown>(arg: T_4): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        labelText: {
-            defaultValue<T_5 = unknown>(arg: T_5): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        icon: {
-            defaultValue<T_6 = unknown>(arg: T_6): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        leftIcon: {
-            defaultValue<T_7 = unknown>(arg: T_7): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        buttonType: {
-            defaultValue<T_8 = unknown>(arg: T_8): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        size: {
-            defaultValue<T_9 = unknown>(arg: T_9): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        type: {
-            defaultValue<T_10 = unknown>(arg: T_10): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        variant: {
-            defaultValue<T_11 = unknown>(arg: T_11): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        innerRef: {
-            defaultValue<T_12 = unknown>(arg: T_12): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        onBlur: {
-            defaultValue<T_13 = unknown>(arg: T_13): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        intent: {
-            defaultValue<T_14 = unknown>(arg: T_14): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        containerProps: {
-            defaultValue<T_15 = unknown>(arg: T_15): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        onClick: {
-            defaultValue<T_16 = unknown>(arg: T_16): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-        onKeyPress: {
-            defaultValue<T_17 = unknown>(arg: T_17): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValidator;
-        };
-    };
-}, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCounterArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledComposerButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;
+export declare const StyledCounterArea: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;
 export declare const StyledCounterErrorA11y: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/types/parts/chat-container/ChatContainer.d.ts

@@ -17,25 +17,25 @@ declare const ChatContainer: {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
         isLoading: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         hasMoreItems: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         getMoreMessages: {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
         bannerPosition: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         bannerProps: {
             deprecated: import("react-desc").PropTypesDescValidator;

package/types/parts/chat-container-messages-list/ChatContainerMessagesList.d.ts

@@ -11,22 +11,22 @@ declare const ChatContainerMessagesList: {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
         onScrollEnds: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         isLoading: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         hasMoreItems: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         getMoreMessages: {
             deprecated: import("react-desc").PropTypesDescValidator;

package/types/parts/message-delimiter/MessageDelimiter.d.ts

@@ -10,16 +10,16 @@ declare const MessageDelimiter: {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
         extraProps: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
         verticalMargin: {
-            defaultValue<T = unknown>(arg: T): {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
-            isRequired: import("react-desc").PropTypesDescValidator;
+            isRequired: import("react-desc").PropTypesDescValue;
         };
     };
 };