@elliemae/ds-chat 2.0.0-rc.5 → 2.0.0-rc.9

package/cjs/parts/bubble/ChatBubbleArrow.js

@@ -22,7 +22,7 @@ const ChatBubbleArrow = _ref => {
     viewBox: "0 0 15 14"
   }, void 0, /*#__PURE__*/_jsx__default["default"]("defs", {}, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
-    id: "path-1"
+    id: "path-chat-bubble"
   }), /*#__PURE__*/_jsx__default["default"]("filter", {
     x: "-55.6%",
     y: "-50.0%",
@@ -56,11 +56,11 @@ const ChatBubbleArrow = _ref => {
     fill: "black",
     fillOpacity: "1",
     filter: "url(#filter-2)",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   }), /*#__PURE__*/_jsx__default["default"]("use", {
     fill: "#FFFFFF",
     fillRule: "evenodd",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   }))))) : _svg2 || (_svg2 = /*#__PURE__*/_jsx__default["default"]("svg", {
     width: "9px",
     height: "8px",

package/cjs/parts/chat-container/ChatContainer.js

@@ -35,10 +35,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-const ChatContainer = props => {
+const ChatContainer = props$1 => {
   var _containerRef$current;
 
-  useValidateProps.useValidateProps(props, ChatContainerWithSchema.toTypescript());
+  useValidateProps.useValidateProps(props$1, props.containerProps);
   const {
     sendingText,
     sendingMessages,
@@ -57,7 +57,7 @@ const ChatContainer = props => {
     hasMoreItems,
     getMoreMessages,
     ariaLabel
-  } = props;
+  } = props$1;
   const bannerRef = React__default["default"].useRef({
     focusOnWrapper: lodash.noop,
     focusOnLink: lodash.noop

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-const useValidateProps = (props, schema) => {
-  dsPropsHelpers.useValidateTypescriptPropTypes(props, schema);
+const useValidateProps = (props, propTypes) => {
+  dsPropsHelpers.useValidateTypescriptPropTypes(props, propTypes);
 };
 
 exports.useValidateProps = useValidateProps;

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

@@ -46,8 +46,8 @@ const getPadding = hasMoreItems => {
   return padding;
 };
 
-const ChatContainerMessagesList = props => {
-  useValidateProps.useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());
+const ChatContainerMessagesList = props$2 => {
+  useValidateProps.useValidateProps(props$2, props.listProps);
   const {
     sendingText,
     bannerPosition,
@@ -59,7 +59,7 @@ const ChatContainerMessagesList = props => {
     hasMoreItems,
     isLoading,
     bannerRef
-  } = props;
+  } = props$2;
   const loadMoreRef = React__default["default"].useRef(null);
   const virtualListRef = React__default["default"].useRef(); // estimateSize should not be really required given what was stated on
   // https://github.com/tannerlinsley/react-virtual/issues/23

package/cjs/parts/chat-container-messages-list/config/useValidateProps.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-const useValidateProps = (props, schema) => {
-  dsPropsHelpers.useValidateTypescriptPropTypes(props, schema);
+const useValidateProps = (props, propTypes) => {
+  dsPropsHelpers.useValidateTypescriptPropTypes(props, propTypes);
 };
 
 exports.useValidateProps = useValidateProps;

package/cjs/parts/tile-button/styled.js

@@ -2,14 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var styled = require('styled-components');
+var dsSystem = require('@elliemae/ds-system');
 var dsGrid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-/* eslint-disable indent */
+var _templateObject;
 const MIN_WIDTH_SIDEBAR = 48;
 const BUTTON_SIDEBAR_HEIGHT = 48; // Buttons
 
@@ -72,7 +75,7 @@ const StyledTileButton = /*#__PURE__*/styled__default["default"].button.withConf
   }
 }, StyledWrapperLeftBorder, props => props.theme.colors.brand[800], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['050'], StyledWrapperLeftBorder, props => props.theme.colors.brand[600], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[600], StyledStatusBadge, props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral['080'], StyledWrapperLeftBorder, props => props.theme.colors.neutral['400'], StyledStatusBadge, props => props.theme.colors.neutral['500'], props => props.theme.colors.neutral['080'], StyledTileButtonIcon, props => props.theme.colors.neutral[400], StyledTileButtonLabel, props => props.theme.colors.neutral[400], props => {
   if (props.selected) {
-    return styled.css(["& ", "{background:", ";}"], StyledWrapperLeftBorder, nestedProps => nestedProps.theme.colors.brand[600]);
+    return dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n        & ", " {\n          background: ", ";\n        }\n      "])), StyledWrapperLeftBorder, nestedProps => nestedProps.theme.colors.brand[600]);
   }
 
   return '';

package/esm/parts/bubble/ChatBubbleArrow.js

@@ -14,7 +14,7 @@ const ChatBubbleArrow = _ref => {
     viewBox: "0 0 15 14"
   }, void 0, /*#__PURE__*/_jsx("defs", {}, void 0, /*#__PURE__*/_jsx("path", {
     d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
-    id: "path-1"
+    id: "path-chat-bubble"
   }), /*#__PURE__*/_jsx("filter", {
     x: "-55.6%",
     y: "-50.0%",
@@ -48,11 +48,11 @@ const ChatBubbleArrow = _ref => {
     fill: "black",
     fillOpacity: "1",
     filter: "url(#filter-2)",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   }), /*#__PURE__*/_jsx("use", {
     fill: "#FFFFFF",
     fillRule: "evenodd",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   }))))) : _svg2 || (_svg2 = /*#__PURE__*/_jsx("svg", {
     width: "9px",
     height: "8px",

package/esm/parts/chat-container/ChatContainer.js

@@ -26,7 +26,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const ChatContainer = props => {
   var _containerRef$current;
 
-  useValidateProps(props, ChatContainerWithSchema.toTypescript());
+  useValidateProps(props, containerProps);
   const {
     sendingText,
     sendingMessages,

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

@@ -1,7 +1,7 @@
 import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 
-const useValidateProps = (props, schema) => {
-  useValidateTypescriptPropTypes(props, schema);
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes);
 };
 
 export { useValidateProps };

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

@@ -36,7 +36,7 @@ const getPadding = hasMoreItems => {
 };
 
 const ChatContainerMessagesList = props => {
-  useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());
+  useValidateProps(props, listProps);
   const {
     sendingText,
     bannerPosition,

package/esm/parts/chat-container-messages-list/config/useValidateProps.js

@@ -1,7 +1,7 @@
 import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 
-const useValidateProps = (props, schema) => {
-  useValidateTypescriptPropTypes(props, schema);
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes);
 };
 
 export { useValidateProps };

package/esm/parts/tile-button/styled.js

@@ -1,7 +1,9 @@
-import styled, { css } from 'styled-components';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import styled from 'styled-components';
+import { css } from '@elliemae/ds-system';
 import { Grid } from '@elliemae/ds-grid';
 
-/* eslint-disable indent */
+var _templateObject;
 const MIN_WIDTH_SIDEBAR = 48;
 const BUTTON_SIDEBAR_HEIGHT = 48; // Buttons
 
@@ -64,7 +66,7 @@ const StyledTileButton = /*#__PURE__*/styled.button.withConfig({
   }
 }, StyledWrapperLeftBorder, props => props.theme.colors.brand[800], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['050'], StyledWrapperLeftBorder, props => props.theme.colors.brand[600], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[600], StyledStatusBadge, props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral['080'], StyledWrapperLeftBorder, props => props.theme.colors.neutral['400'], StyledStatusBadge, props => props.theme.colors.neutral['500'], props => props.theme.colors.neutral['080'], StyledTileButtonIcon, props => props.theme.colors.neutral[400], StyledTileButtonLabel, props => props.theme.colors.neutral[400], props => {
   if (props.selected) {
-    return css(["& ", "{background:", ";}"], StyledWrapperLeftBorder, nestedProps => nestedProps.theme.colors.brand[600]);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        & ", " {\n          background: ", ";\n        }\n      "])), StyledWrapperLeftBorder, nestedProps => nestedProps.theme.colors.brand[600]);
   }
 
   return '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat",
-  "version": "2.0.0-rc.5",
+  "version": "2.0.0-rc.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat",
   "module": "./esm/index.js",
@@ -305,19 +305,23 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-banner": "2.0.0-rc.5",
-    "@elliemae/ds-basic": "2.0.0-rc.5",
-    "@elliemae/ds-button": "2.0.0-rc.5",
-    "@elliemae/ds-grid": "2.0.0-rc.5",
-    "@elliemae/ds-icons": "2.0.0-rc.5",
-    "@elliemae/ds-props-helpers": "2.0.0-rc.5",
-    "@elliemae/ds-tooltip": "2.0.0-rc.5",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.5",
+    "@elliemae/ds-banner": "2.0.0-rc.9",
+    "@elliemae/ds-button": "2.0.0-rc.9",
+    "@elliemae/ds-grid": "2.0.0-rc.9",
+    "@elliemae/ds-icons": "2.0.0-rc.9",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.9",
+    "@elliemae/ds-props-helpers": "2.0.0-rc.9",
+    "@elliemae/ds-system": "2.0.0-rc.9",
+    "@elliemae/ds-tooltip": "2.0.0-rc.9",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.9",
     "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.0",
+    "@testing-library/react": "~12.1.2",
     "styled-components": "~5.3.3"
   },
   "peerDependencies": {

package/types/parts/bubble/ChatBubble.d.ts

@@ -1,17 +1,30 @@
+/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import { BubbleProps } from './props';
 declare const ChatBubble: {
     (props: BubbleProps): JSX.Element;
     propTypes: {
-        dsId: any;
+        dsId: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
         type: any;
         title: any;
         time: any;
         body: any;
-        onClick: any;
-        errorMessage: any;
-        helpMessage: any;
+        onClick: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        errorMessage: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        helpMessage: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const ChatBubbleWithSchema: any;
+declare const ChatBubbleWithSchema: {
+    (props?: BubbleProps | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { ChatBubble, ChatBubbleWithSchema };

package/types/parts/bubble/props.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
 /**
  *
@@ -24,14 +25,22 @@ export interface BubbleProps {
 }
 export declare const defaultBubbleProps: BubbleProps;
 export declare const propsBubbles: {
-    dsId: any;
+    dsId: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     type: any;
     title: any;
     time: any;
     body: any;
-    onClick: any;
-    errorMessage: any;
-    helpMessage: any;
+    onClick: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    errorMessage: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    helpMessage: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
 };
 /**
  *

package/types/parts/bubble/styled.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyledTitleBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTitleLeftBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTitleRightBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyleBodyWrapper: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyleErrorMessage: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyleHelpMessage: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyledBubbleArrow: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyledColoredBubble: import("styled-components").StyledComponent<"div", any, any, never>;
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyledTitleBubble: 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 StyledTitleLeftBubble: 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 StyledTitleRightBubble: 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 StyleBodyWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyleErrorMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyleHelpMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyledBubbleArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyledColoredBubble: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;

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

@@ -1,13 +1,33 @@
+/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import { CardPropTypes } from './props';
 declare const ChatCard: {
     (props: CardPropTypes): JSX.Element;
     propTypes: {
         title: any;
-        content: any;
-        time: any;
-        rightAddon: any;
+        content: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        time: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        rightAddon: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const ChatCardWithSchema: any;
+declare const ChatCardWithSchema: {
+    (props?: CardPropTypes | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { ChatCard, ChatCardWithSchema };

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

@@ -1,9 +1,25 @@
+/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 export declare const propTypes: {
     title: any;
-    content: any;
-    time: any;
-    rightAddon: any;
+    content: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    time: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    rightAddon: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
 };
 export interface CardPropTypes {
     title: string;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const MainContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const Time: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const RightAddon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: 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 MainContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const Time: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const RightAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,24 +1,57 @@
+/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import { ChatComposerProps } from './props';
 declare const ChatComposer: {
     (props: ChatComposerProps): JSX.Element;
     propTypes: {
-        placeholder: any;
-        inputValue: any;
-        maxLengthMessage: any;
-        onChange: any;
-        onResize: any;
-        onSend: any;
-        onFocus: any;
-        onBlur: any;
-        onKeyDown: any;
-        maxHeight: any;
-        inputMaxLength: any;
-        buttonDisabled: any;
-        dataTestid: any;
-        actionRef: any;
+        placeholder: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        inputValue: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        maxLengthMessage: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onChange: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onResize: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onSend: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onFocus: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onBlur: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onKeyDown: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        maxHeight: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        inputMaxLength: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        buttonDisabled: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        dataTestid: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        actionRef: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
     };
     defaultProps: ChatComposerProps;
 };
-declare const ChatComposerWithSchema: any;
+declare const ChatComposerWithSchema: {
+    (props?: ChatComposerProps | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { ChatComposer, ChatComposerWithSchema };