@elliemae/ds-chat 2.0.0-next.0 → 2.0.0-next.12

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledChatContainerContentComposer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledChatContainerContentComposer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, 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 }: {
@@ -60,5 +60,5 @@ export declare const StyledComposerButton: import("styled-components").StyledCom
         onKeyPress: any;
     };
 }, any, {}, never>;
-export declare const StyledCounterArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledCounterArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledCounterErrorA11y: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,9 +1,11 @@
 import { PropTypes } from 'react-desc';
+import { BANNER_TYPES } from '@elliemae/ds-banner';
 import { ChatContainerMessagesListProps } from '../chat-container-messages-list/props';
 import { ChatComposerProps } from '../chat-composer/props';
 interface ChatBannerProps {
     label: string;
     viewLabel: string;
+    type: BANNER_TYPES;
     onView: () => void;
     onClose: () => void;
 }

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export declare const CONTAINER_WIDTH = 300;
-export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledIndicatorContainer: import("styled-components").StyledComponent<"div", any, {
     isLoading?: "bottom" | "top" | undefined;
     linear?: boolean | undefined;
 }, never>;
-export declare const MobileStyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const MobileStyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/types/parts/chat-container-header/helpers.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface validParamT {
+    childs: React.ReactChild | React.ReactFragment | React.ReactPortal;
+}
+export declare const validHeaderChilds: (children: validParamT) => any;
+export {};

package/types/parts/chat-container-header/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledChatContainerContentHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledChatContainerContentHeaderLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledChatContainerContentHeaderActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledChatContainerContentHeaderActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledChatContainerContentHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledChatContainerContentHeaderLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PropTypes } from 'react-desc';
 import { BubbleProps } from '../bubble/props';
 export interface ChatContainerMessagesListProps {
@@ -9,6 +10,11 @@ export interface ChatContainerMessagesListProps {
     getMoreMessages: PropTypes.func;
     sendingMessages?: Array<string | number>;
     sendingText: string;
+    bannerPosition?: 'top' | 'bottom';
+    bannerRef: React.MutableRefObject<{
+        focusOnWrapper: (...args: any[]) => void;
+        focusOnLink: (...args: any[]) => void;
+    }>;
 }
 export declare const defaultProps: ChatContainerMessagesListProps;
 export declare const listProps: {

package/types/parts/chat-empty-state/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const CONTAINER_WIDTH = 300;
-export declare const ChatEmptyStateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const ChatEmptyStateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const MessageWrapper: import("styled-components").StyledComponent<"p", any, {}, never>;

package/types/parts/chat-sidebar/SideBarChat.d.ts

@@ -6,11 +6,14 @@ declare const SideBarChat: {
         sidebarItems: any;
         expanded: any;
         selectedItem: any;
+        tooltipPlacement: any;
+        enableTooltipWhenIsClosed: any;
         onFooterExpand: any;
         onFooterClose: any;
         onHeaderExpand: any;
         onHeaderClose: any;
         footerButtonExtraProps: any;
+        actionRef: any;
     };
     defaultProps: CharSidebarProps;
 };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TileButtonProps } from '../tile-button/props';
 export interface CharSidebarProps {
     sidebarItems: TileButtonProps[];
@@ -7,16 +8,22 @@ export interface CharSidebarProps {
     onFooterExpand: () => void;
     onHeaderExpand: () => void;
     onHeaderClose: () => void;
-    footerButtonExtraProps: {};
+    footerButtonExtraProps: Record<string, any>;
+    tooltipPlacement: 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
+    enableTooltipWhenIsClosed: boolean;
+    actionRef: React.MutableRefObject<any>;
 }
 export declare const defaultProps: CharSidebarProps;
 export declare const chatSidebarProps: {
     sidebarItems: any;
     expanded: any;
     selectedItem: any;
+    tooltipPlacement: any;
+    enableTooltipWhenIsClosed: any;
     onFooterExpand: any;
     onFooterClose: any;
     onHeaderExpand: any;
     onHeaderClose: any;
     footerButtonExtraProps: any;
+    actionRef: any;
 };

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledSideBarContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledSideBarButtonsContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledSideBarContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledSideBarButtonsContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/types/parts/floating-container/styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const StyledFloatingContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledFloatingContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/types/parts/grid-influencer/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledChatContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledChatContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { MessageDelimiterProps } from './props';
-declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 declare const Line: import("styled-components").StyledComponent<"span", any, {}, never>;
 declare const Text: import("styled-components").StyledComponent<"p", any, Pick<MessageDelimiterProps, "size" | "verticalMargin">, never>;
 export { Wrapper, Line, Text };

package/types/parts/sidebar-button/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const StyledSidebarButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const StyledSidebarButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledSidebarButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledSidebarButtonLabel: import("styled-components").StyledComponent<"div", any, {}, never>;

package/types/parts/system-message/style.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 declare const Title: import("styled-components").StyledComponent<"p", any, any, never>;
 declare const Time: import("styled-components").StyledComponent<"p", any, any, never>;
 declare const Message: import("styled-components").StyledComponent<"p", any, any, never>;

package/types/parts/tile-button/TileButton.d.ts

@@ -19,6 +19,9 @@ declare const TileButton: {
         selected: any;
         isHeader: any;
         ariaLabel: any;
+        tooltipPlacement: any;
+        disableTooltip: any;
+        innerRef: any;
     };
     defaultProps: TileButtonProps;
 };

package/types/parts/tile-button/props.d.ts

@@ -18,6 +18,9 @@ export interface TileButtonProps {
     selected: boolean;
     isHeader: boolean;
     ariaLabel: string;
+    tooltipPlacement: 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
+    disableTooltip: boolean;
+    innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);
 }
 export declare const defaultTileButton: TileButtonProps;
 export declare const propsTileButton: {
@@ -37,4 +40,7 @@ export declare const propsTileButton: {
     selected: any;
     isHeader: any;
     ariaLabel: any;
+    tooltipPlacement: any;
+    disableTooltip: any;
+    innerRef: any;
 };

package/types/parts/tile-button/styled.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { TileButtonProps } from './props';
-export declare const StyledWrapperLeftBorder: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledWrapperLeftBorder: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledStatusBadge: import("styled-components").StyledComponent<"div", any, Partial<TileButtonProps>, never>;
-export declare const StyledWrapperCentralContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledTileButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledWrapperCentralContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledTileButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledTileButtonLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CloseButton: import("styled-components").StyledComponent<"button", any, any, never>;
+export declare const StyledTooltipV3ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTileButton: import("styled-components").StyledComponent<"button", any, Partial<TileButtonProps>, never>;
-export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
+export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/cjs/package.json

@@ -1,4 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": false
-}

package/esm/package.json

@@ -1,4 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": false
-}