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

package/package.json

@@ -1,10 +1,286 @@
 {
   "name": "@elliemae/ds-chat",
-  "version": "1.57.1",
+  "version": "2.0.0-alpha.11",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Chat",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Chat",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./styled": {
+      "import": "./esm/styled.js",
+      "require": "./cjs/styled.js"
+    },
+    "./prop-types": {
+      "import": "./esm/prop-types.js",
+      "require": "./cjs/prop-types.js"
+    },
+    "./parts/tile-button/TileButton": {
+      "import": "./esm/parts/tile-button/TileButton.js",
+      "require": "./cjs/parts/tile-button/TileButton.js"
+    },
+    "./parts/tile-button/styled": {
+      "import": "./esm/parts/tile-button/styled.js",
+      "require": "./cjs/parts/tile-button/styled.js"
+    },
+    "./parts/tile-button/props": {
+      "import": "./esm/parts/tile-button/props.js",
+      "require": "./cjs/parts/tile-button/props.js"
+    },
+    "./parts/tile-button": {
+      "import": "./esm/parts/tile-button/index.js",
+      "require": "./cjs/parts/tile-button/index.js"
+    },
+    "./parts/tile-button/config/useValidateProps": {
+      "import": "./esm/parts/tile-button/config/useValidateProps.js",
+      "require": "./cjs/parts/tile-button/config/useValidateProps.js"
+    },
+    "./parts/system-message/SystemMessage": {
+      "import": "./esm/parts/system-message/SystemMessage.js",
+      "require": "./cjs/parts/system-message/SystemMessage.js"
+    },
+    "./parts/system-message/style": {
+      "import": "./esm/parts/system-message/style.js",
+      "require": "./cjs/parts/system-message/style.js"
+    },
+    "./parts/system-message/props": {
+      "import": "./esm/parts/system-message/props.js",
+      "require": "./cjs/parts/system-message/props.js"
+    },
+    "./parts/system-message": {
+      "import": "./esm/parts/system-message/index.js",
+      "require": "./cjs/parts/system-message/index.js"
+    },
+    "./parts/system-message/config/useValidateProps": {
+      "import": "./esm/parts/system-message/config/useValidateProps.js",
+      "require": "./cjs/parts/system-message/config/useValidateProps.js"
+    },
+    "./parts/sidebar-button/styled": {
+      "import": "./esm/parts/sidebar-button/styled.js",
+      "require": "./cjs/parts/sidebar-button/styled.js"
+    },
+    "./parts/sidebar-button/SidebarButton": {
+      "import": "./esm/parts/sidebar-button/SidebarButton.js",
+      "require": "./cjs/parts/sidebar-button/SidebarButton.js"
+    },
+    "./parts/sidebar-button/props": {
+      "import": "./esm/parts/sidebar-button/props.js",
+      "require": "./cjs/parts/sidebar-button/props.js"
+    },
+    "./parts/sidebar-button": {
+      "import": "./esm/parts/sidebar-button/index.js",
+      "require": "./cjs/parts/sidebar-button/index.js"
+    },
+    "./parts/message-delimiter/styled": {
+      "import": "./esm/parts/message-delimiter/styled.js",
+      "require": "./cjs/parts/message-delimiter/styled.js"
+    },
+    "./parts/message-delimiter/props": {
+      "import": "./esm/parts/message-delimiter/props.js",
+      "require": "./cjs/parts/message-delimiter/props.js"
+    },
+    "./parts/message-delimiter/MessageDelimiter": {
+      "import": "./esm/parts/message-delimiter/MessageDelimiter.js",
+      "require": "./cjs/parts/message-delimiter/MessageDelimiter.js"
+    },
+    "./parts/message-delimiter": {
+      "import": "./esm/parts/message-delimiter/index.js",
+      "require": "./cjs/parts/message-delimiter/index.js"
+    },
+    "./parts/message-delimiter/config/useValidateProps": {
+      "import": "./esm/parts/message-delimiter/config/useValidateProps.js",
+      "require": "./cjs/parts/message-delimiter/config/useValidateProps.js"
+    },
+    "./parts/grid-influencer/styled": {
+      "import": "./esm/parts/grid-influencer/styled.js",
+      "require": "./cjs/parts/grid-influencer/styled.js"
+    },
+    "./parts/grid-influencer/InfluencerContainer": {
+      "import": "./esm/parts/grid-influencer/InfluencerContainer.js",
+      "require": "./cjs/parts/grid-influencer/InfluencerContainer.js"
+    },
+    "./parts/floating-container/styled": {
+      "import": "./esm/parts/floating-container/styled.js",
+      "require": "./cjs/parts/floating-container/styled.js"
+    },
+    "./parts/floating-button/styled": {
+      "import": "./esm/parts/floating-button/styled.js",
+      "require": "./cjs/parts/floating-button/styled.js"
+    },
+    "./parts/floating-button/props": {
+      "import": "./esm/parts/floating-button/props.js",
+      "require": "./cjs/parts/floating-button/props.js"
+    },
+    "./parts/floating-button": {
+      "import": "./esm/parts/floating-button/index.js",
+      "require": "./cjs/parts/floating-button/index.js"
+    },
+    "./parts/floating-button/FloatingButton": {
+      "import": "./esm/parts/floating-button/FloatingButton.js",
+      "require": "./cjs/parts/floating-button/FloatingButton.js"
+    },
+    "./parts/chat-sidebar/styled": {
+      "import": "./esm/parts/chat-sidebar/styled.js",
+      "require": "./cjs/parts/chat-sidebar/styled.js"
+    },
+    "./parts/chat-sidebar/SideBarChat": {
+      "import": "./esm/parts/chat-sidebar/SideBarChat.js",
+      "require": "./cjs/parts/chat-sidebar/SideBarChat.js"
+    },
+    "./parts/chat-sidebar/props": {
+      "import": "./esm/parts/chat-sidebar/props.js",
+      "require": "./cjs/parts/chat-sidebar/props.js"
+    },
+    "./parts/chat-sidebar": {
+      "import": "./esm/parts/chat-sidebar/index.js",
+      "require": "./cjs/parts/chat-sidebar/index.js"
+    },
+    "./parts/chat-sidebar/config/useValidateProps": {
+      "import": "./esm/parts/chat-sidebar/config/useValidateProps.js",
+      "require": "./cjs/parts/chat-sidebar/config/useValidateProps.js"
+    },
+    "./parts/chat-empty-state/styled": {
+      "import": "./esm/parts/chat-empty-state/styled.js",
+      "require": "./cjs/parts/chat-empty-state/styled.js"
+    },
+    "./parts/chat-empty-state/props": {
+      "import": "./esm/parts/chat-empty-state/props.js",
+      "require": "./cjs/parts/chat-empty-state/props.js"
+    },
+    "./parts/chat-empty-state/config/useValidateProps": {
+      "import": "./esm/parts/chat-empty-state/config/useValidateProps.js",
+      "require": "./cjs/parts/chat-empty-state/config/useValidateProps.js"
+    },
+    "./parts/chat-empty-state/ChatEmptyState": {
+      "import": "./esm/parts/chat-empty-state/ChatEmptyState.js",
+      "require": "./cjs/parts/chat-empty-state/ChatEmptyState.js"
+    },
+    "./parts/chat-container/styled": {
+      "import": "./esm/parts/chat-container/styled.js",
+      "require": "./cjs/parts/chat-container/styled.js"
+    },
+    "./parts/chat-container/props": {
+      "import": "./esm/parts/chat-container/props.js",
+      "require": "./cjs/parts/chat-container/props.js"
+    },
+    "./parts/chat-container": {
+      "import": "./esm/parts/chat-container/index.js",
+      "require": "./cjs/parts/chat-container/index.js"
+    },
+    "./parts/chat-container/config/useValidateProps": {
+      "import": "./esm/parts/chat-container/config/useValidateProps.js",
+      "require": "./cjs/parts/chat-container/config/useValidateProps.js"
+    },
+    "./parts/chat-container/ChatContainer": {
+      "import": "./esm/parts/chat-container/ChatContainer.js",
+      "require": "./cjs/parts/chat-container/ChatContainer.js"
+    },
+    "./parts/chat-container-messages-list/styled": {
+      "import": "./esm/parts/chat-container-messages-list/styled.js",
+      "require": "./cjs/parts/chat-container-messages-list/styled.js"
+    },
+    "./parts/chat-container-messages-list/props": {
+      "import": "./esm/parts/chat-container-messages-list/props.js",
+      "require": "./cjs/parts/chat-container-messages-list/props.js"
+    },
+    "./parts/chat-container-messages-list": {
+      "import": "./esm/parts/chat-container-messages-list/index.js",
+      "require": "./cjs/parts/chat-container-messages-list/index.js"
+    },
+    "./parts/chat-container-messages-list/config/useValidateProps": {
+      "import": "./esm/parts/chat-container-messages-list/config/useValidateProps.js",
+      "require": "./cjs/parts/chat-container-messages-list/config/useValidateProps.js"
+    },
+    "./parts/chat-container-messages-list/ChatContainerMessagesList": {
+      "import": "./esm/parts/chat-container-messages-list/ChatContainerMessagesList.js",
+      "require": "./cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js"
+    },
+    "./parts/chat-container-header/styled": {
+      "import": "./esm/parts/chat-container-header/styled.js",
+      "require": "./cjs/parts/chat-container-header/styled.js"
+    },
+    "./parts/chat-container-header/ChatContainerHeader": {
+      "import": "./esm/parts/chat-container-header/ChatContainerHeader.js",
+      "require": "./cjs/parts/chat-container-header/ChatContainerHeader.js"
+    },
+    "./parts/chat-composer/styled": {
+      "import": "./esm/parts/chat-composer/styled.js",
+      "require": "./cjs/parts/chat-composer/styled.js"
+    },
+    "./parts/chat-composer/props": {
+      "import": "./esm/parts/chat-composer/props.js",
+      "require": "./cjs/parts/chat-composer/props.js"
+    },
+    "./parts/chat-composer": {
+      "import": "./esm/parts/chat-composer/index.js",
+      "require": "./cjs/parts/chat-composer/index.js"
+    },
+    "./parts/chat-composer/config/useValidateProps": {
+      "import": "./esm/parts/chat-composer/config/useValidateProps.js",
+      "require": "./cjs/parts/chat-composer/config/useValidateProps.js"
+    },
+    "./parts/chat-composer/ChatContainerComposer": {
+      "import": "./esm/parts/chat-composer/ChatContainerComposer.js",
+      "require": "./cjs/parts/chat-composer/ChatContainerComposer.js"
+    },
+    "./parts/chat-card/styled": {
+      "import": "./esm/parts/chat-card/styled.js",
+      "require": "./cjs/parts/chat-card/styled.js"
+    },
+    "./parts/chat-card/props": {
+      "import": "./esm/parts/chat-card/props.js",
+      "require": "./cjs/parts/chat-card/props.js"
+    },
+    "./parts/chat-card": {
+      "import": "./esm/parts/chat-card/index.js",
+      "require": "./cjs/parts/chat-card/index.js"
+    },
+    "./parts/chat-card/config/useValidateProps": {
+      "import": "./esm/parts/chat-card/config/useValidateProps.js",
+      "require": "./cjs/parts/chat-card/config/useValidateProps.js"
+    },
+    "./parts/chat-card/ChatCard": {
+      "import": "./esm/parts/chat-card/ChatCard.js",
+      "require": "./cjs/parts/chat-card/ChatCard.js"
+    },
+    "./parts/bubble/styled": {
+      "import": "./esm/parts/bubble/styled.js",
+      "require": "./cjs/parts/bubble/styled.js"
+    },
+    "./parts/bubble/props": {
+      "import": "./esm/parts/bubble/props.js",
+      "require": "./cjs/parts/bubble/props.js"
+    },
+    "./parts/bubble": {
+      "import": "./esm/parts/bubble/index.js",
+      "require": "./cjs/parts/bubble/index.js"
+    },
+    "./parts/bubble/config/useValidateProps": {
+      "import": "./esm/parts/bubble/config/useValidateProps.js",
+      "require": "./cjs/parts/bubble/config/useValidateProps.js"
+    },
+    "./parts/bubble/ChatBubbleArrow": {
+      "import": "./esm/parts/bubble/ChatBubbleArrow.js",
+      "require": "./cjs/parts/bubble/ChatBubbleArrow.js"
+    },
+    "./parts/bubble/ChatBubble": {
+      "import": "./esm/parts/bubble/ChatBubble.js",
+      "require": "./cjs/parts/bubble/ChatBubble.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "prebuild": "exit 0",
     "predev": "exit 0",
@@ -13,28 +289,23 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-banner": "1.57.1",
-    "@elliemae/ds-basic": "1.57.1",
-    "@elliemae/ds-button": "1.57.1",
-    "@elliemae/ds-grid": "1.57.1",
-    "@elliemae/ds-icons": "1.57.1",
-    "@elliemae/ds-props-helpers": "1.57.1",
-    "@elliemae/ds-tooltip": "1.57.1",
-    "@elliemae/ds-truncated-tooltip-text": "1.57.1",
+    "@elliemae/ds-basic": "2.0.0-alpha.11",
+    "@elliemae/ds-icons": "2.0.0-alpha.11",
+    "@elliemae/ds-system": "2.0.0-alpha.11",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2",
-    "react-virtual": "^2.3.2"
+    "react-virtual": "~2.3.2"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.1"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "styled-components": "^5.3.0"
+    "styled-components": "^5.3.1"
   }
 }

package/types/index.d.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { VirtualItem } from 'react-virtual';
+export declare type TypescriptVirtualListHelpers = {
+    virtualItems: VirtualItem[];
+    totalSize: number;
+    scrollToOffset: (index: number, options?: {
+        align: 'start' | 'center' | 'end' | 'auto';
+    }) => void;
+    scrollToIndex: (index: number, options?: {
+        align: 'start' | 'center' | 'end' | 'auto';
+    }) => void;
+    measure: () => void;
+} | null;
+export interface ChatProps {
+    expanded: boolean;
+    expandedWidth: number;
+    openedItem?: string | number;
+    onFooterExpand: () => void;
+    onFooterClose: () => void;
+    onHeaderExpand: () => void;
+    onHeaderClose: () => void;
+    floating?: boolean;
+    title: string;
+}
+export interface UseChatConfig {
+    props: ChatProps;
+}
+export interface UseChatAPI {
+    props: ChatProps;
+    virtualListHelpers: TypescriptVirtualListHelpers;
+    virtualListRef: React.RefObject<HTMLElement>;
+}
+export interface HeaderContainerListProps extends Pick<ChatProps, 'expanded' | 'onHeaderClose' | 'onHeaderExpand' | 'floating'> {
+    title: string;
+}
+export interface ComposerContainerProps extends Pick<ChatProps, 'floating'> {
+}

package/types/index.d.ts

@@ -0,0 +1,13 @@
+export { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from './parts/bubble';
+export { FloatingButton } from './parts/floating-button';
+export { StyledFloatingContainer } from './parts/floating-container/styled';
+export { ChatContainerHeader } from './parts/chat-container-header/ChatContainerHeader';
+export { ChatEmptyState } from './parts/chat-empty-state/ChatEmptyState';
+export { ChatContainerMessagesList, ChatContainerMessagesListWithSchema } from './parts/chat-container-messages-list';
+export { ChatComposer, ChatComposerWithSchema } from './parts/chat-composer/ChatContainerComposer';
+export { SideBarChat, SideBarChatWithSchema } from './parts/chat-sidebar';
+export { ChatContainer, ChatContainerWithSchema } from './parts/chat-container';
+export { TileButton, TileButtonWithSchema } from './parts/tile-button';
+export { MessageDelimiter, MessageDelimiterWithSchema } from './parts/message-delimiter';
+export { SystemMessage, SystemMessageWithSchema } from './parts/system-message';
+export { ChatCard, ChatCardWithSchema } from './parts/chat-card';

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { BubbleProps } from './props';
+declare const ChatBubble: {
+    (props: BubbleProps): JSX.Element;
+    propTypes: {
+        dsId: any;
+        type: any;
+        title: any;
+        time: any;
+        body: any;
+        onClick: any;
+        errorMessage: any;
+        helpMessage: any;
+    };
+};
+declare const ChatBubbleWithSchema: any;
+export { ChatBubble, ChatBubbleWithSchema };

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BubbleProps } from './props';
+export declare const ChatBubbleArrow: {
+    ({ type }: Pick<BubbleProps, 'type'>): JSX.Element;
+    propTypes: {
+        type: any;
+    };
+};

package/types/parts/bubble/config/useValidateProps.d.ts

@@ -0,0 +1,2 @@
+import { BubbleProps } from '../props';
+export declare const useValidateProps: (props: BubbleProps, schema: unknown) => void;

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

@@ -0,0 +1,2 @@
+export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble';
+export { BUBBLE_TYPES } from './props';

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

@@ -0,0 +1,43 @@
+import React from 'react';
+/**
+ *
+ * BUBBLE
+ *
+ */
+export declare const BUBBLE_TYPES: {
+    SENDER: string;
+    RECIPIENT: string;
+    DELIMITER: string;
+    SYSTEM: string;
+};
+export declare type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;
+export declare type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];
+export interface BubbleProps {
+    dsId: string | number;
+    type: BubbleTypesValues;
+    title: string;
+    body: string;
+    time: string;
+    errorMessage: string | React.ReactChild;
+    helpMessage: string | React.ReactChild;
+    onClick: (id: string | number) => void;
+}
+export declare const defaultBubbleProps: BubbleProps;
+export declare const propsBubbles: {
+    dsId: any;
+    type: any;
+    title: any;
+    time: any;
+    body: any;
+    onClick: any;
+    errorMessage: any;
+    helpMessage: any;
+};
+/**
+ *
+ * BUBBLE ARROW
+ *
+ */
+export declare const propsArrowBubble: {
+    type: any;
+};

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

@@ -0,0 +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("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledTitleLeftBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledTitleRightBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, 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>;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CardPropTypes } from './props';
+declare const ChatCard: {
+    (props: CardPropTypes): JSX.Element;
+    propTypes: {
+        title: any;
+        content: any;
+        time: any;
+        rightAddon: any;
+    };
+};
+declare const ChatCardWithSchema: any;
+export { ChatCard, ChatCardWithSchema };

package/types/parts/chat-card/config/useValidateProps.d.ts

@@ -0,0 +1,2 @@
+import { CardPropTypes } from '../props';
+export declare const useValidateProps: (props: CardPropTypes, schema: unknown) => void;

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

@@ -0,0 +1 @@
+export { ChatCard, ChatCardWithSchema } from './ChatCard';

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const propTypes: {
+    title: any;
+    content: any;
+    time: any;
+    rightAddon: any;
+};
+export interface CardPropTypes {
+    title: string;
+    content: string;
+    time: string;
+    rightAddon: JSX.Element;
+}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, 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>;

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { ChatComposerProps } from './props';
+declare const ChatComposer: {
+    (props: ChatComposerProps): JSX.Element;
+    propTypes: {
+        placeholder: any;
+        inputValue: any;
+        onChange: any;
+        onResize: any;
+        onSend: any;
+        onFocus: any;
+        onBlur: any;
+        maxHeight: any;
+        inputMaxLength: any;
+        buttonDisabled: any;
+        dataTestid: any;
+        actionRef: any;
+    };
+    defaultProps: ChatComposerProps;
+};
+declare const ChatComposerWithSchema: any;
+export { ChatComposer, ChatComposerWithSchema };

package/types/parts/chat-composer/config/useValidateProps.d.ts

@@ -0,0 +1,2 @@
+import { ChatComposerProps } from '../props';
+export declare const useValidateProps: (props: ChatComposerProps, schema: unknown) => void;

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

@@ -0,0 +1 @@
+export { ChatComposer, ChatComposerWithSchema } from './ChatContainerComposer';

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { PropTypes } from 'react-desc';
+export interface TextAreaProps {
+    height: string | number;
+    style: React.CSSProperties;
+}
+export declare const defaultComposerPros: ChatComposerProps;
+export interface ChatComposerProps {
+    placeholder: 'Type your message';
+    inputValue: '';
+    onChange: (value: string) => void;
+    onResize: (value: number) => void;
+    onSend: (value: string) => void;
+    onFocus: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;
+    onBlur: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;
+    maxHeight: number;
+    inputMaxLength: number | undefined;
+    buttonDisabled: boolean;
+    dataTestid?: string;
+    actionRef: PropTypes.func;
+}
+export declare const composerProps: {
+    placeholder: any;
+    inputValue: any;
+    onChange: any;
+    onResize: any;
+    onSend: any;
+    onFocus: any;
+    onBlur: any;
+    maxHeight: any;
+    inputMaxLength: any;
+    buttonDisabled: any;
+    dataTestid: any;
+    actionRef: any;
+};

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

@@ -0,0 +1,64 @@
+/// <reference types="react" />
+export declare const StyledChatContainerContentComposer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledComposerInput: import("styled-components").StyledComponent<"textarea", any, 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: any;
+        className: any;
+        'aria-disabled': any;
+        as: any;
+        disabled: any;
+        fluidWidth: any;
+        labelText: any;
+        icon: any;
+        leftIcon: any;
+        buttonType: any;
+        size: any;
+        type: any;
+        variant: any;
+        innerRef: any;
+        onBlur: any;
+        intent: any;
+        containerProps: any;
+        onClick: any;
+        onKeyPress: any;
+    };
+}, any, {}, never>;
+export declare const StyledCounterArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledCounterErrorA11y: import("styled-components").StyledComponent<"span", any, {}, never>;