@elliemae/ds-chat 2.0.0-rc.1 → 2.0.0-rc.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/ChatDataTestids.js +27 -0
- package/cjs/parts/bubble/ChatBubbleArrow.js +3 -3
- package/cjs/parts/chat-composer/styled.js +1 -1
- package/cjs/parts/chat-container/ChatContainer.js +17 -11
- package/cjs/parts/chat-container/config/useValidateProps.js +2 -2
- package/cjs/parts/chat-container/props.js +6 -2
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +18 -7
- package/cjs/parts/chat-container-messages-list/config/useValidateProps.js +2 -2
- package/cjs/parts/floating-button/FloatingButton.js +12 -6
- package/cjs/parts/floating-button/props.js +6 -2
- package/cjs/parts/tile-button/styled.js +5 -2
- package/esm/ChatDataTestids.js +23 -0
- package/esm/parts/bubble/ChatBubbleArrow.js +3 -3
- package/esm/parts/chat-composer/styled.js +1 -1
- package/esm/parts/chat-container/ChatContainer.js +15 -9
- package/esm/parts/chat-container/config/useValidateProps.js +2 -2
- package/esm/parts/chat-container/props.js +6 -2
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +16 -5
- package/esm/parts/chat-container-messages-list/config/useValidateProps.js +2 -2
- package/esm/parts/floating-button/FloatingButton.js +12 -6
- package/esm/parts/floating-button/props.js +6 -2
- package/esm/parts/tile-button/styled.js +5 -3
- package/package.json +22 -9
- package/types/ChatDataTestids.d.ts +21 -0
- package/types/parts/bubble/ChatBubble.d.ts +18 -5
- package/types/parts/bubble/props.d.ts +13 -4
- package/types/parts/bubble/styled.d.ts +9 -9
- package/types/parts/chat-card/ChatCard.d.ts +24 -4
- package/types/parts/chat-card/props.d.ts +19 -3
- package/types/parts/chat-card/styled.d.ts +6 -6
- package/types/parts/chat-composer/ChatContainerComposer.d.ts +48 -15
- package/types/parts/chat-composer/styled.d.ts +117 -24
- package/types/parts/chat-container/ChatContainer.d.ts +54 -13
- package/types/parts/chat-container/config/useValidateProps.d.ts +1 -1
- package/types/parts/chat-container/styled.d.ts +4 -4
- package/types/parts/chat-container/tests/ChatContainer.test.d.ts +1 -0
- package/types/parts/chat-container-header/styled.d.ts +3 -3
- package/types/parts/chat-container-messages-list/ChatContainerMessagesList.d.ts +39 -9
- package/types/parts/chat-container-messages-list/config/useValidateProps.d.ts +1 -1
- package/types/parts/chat-container-messages-list/styled.d.ts +7 -7
- package/types/parts/chat-empty-state/ChatEmptyState.d.ts +12 -3
- package/types/parts/chat-empty-state/props.d.ts +7 -2
- package/types/parts/chat-empty-state/styled.d.ts +2 -2
- package/types/parts/chat-sidebar/SideBarChat.d.ts +39 -12
- package/types/parts/chat-sidebar/props.d.ts +34 -11
- package/types/parts/chat-sidebar/styled.d.ts +2 -2
- package/types/parts/floating-button/FloatingButton.d.ts +11 -2
- package/types/parts/floating-button/props.d.ts +13 -1
- package/types/parts/floating-button/styled.d.ts +1 -1
- package/types/parts/floating-container/styled.d.ts +1 -2
- package/types/parts/grid-influencer/styled.d.ts +2 -2
- package/types/parts/message-delimiter/MessageDelimiter.d.ts +21 -4
- package/types/parts/message-delimiter/props.d.ts +16 -3
- package/types/parts/message-delimiter/styled.d.ts +3 -3
- package/types/parts/sidebar-button/SidebarButton.d.ts +16 -5
- package/types/parts/sidebar-button/props.d.ts +16 -5
- package/types/parts/sidebar-button/styled.d.ts +3 -3
- package/types/parts/system-message/SystemMessage.d.ts +12 -2
- package/types/parts/system-message/props.d.ts +7 -1
- package/types/parts/system-message/style.d.ts +5 -5
- package/types/parts/tile-button/TileButton.d.ts +66 -20
- package/types/parts/tile-button/props.d.ts +61 -19
- package/types/parts/tile-button/styled.d.ts +9 -9
- package/types/prop-types.d.ts +28 -9
- package/types/tests/utils.d.ts +27 -0
- package/types/parts/chat-composer/props.d.ts +0 -39
- package/types/parts/chat-container/props.d.ts +0 -41
- package/types/parts/chat-container-messages-list/props.d.ts +0 -29
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
|
|
1
2
|
import React from 'react';
|
|
2
3
|
export interface TileButtonProps {
|
|
3
4
|
Icon: React.FC<{
|
|
@@ -24,23 +25,64 @@ export interface TileButtonProps {
|
|
|
24
25
|
}
|
|
25
26
|
export declare const defaultTileButton: TileButtonProps;
|
|
26
27
|
export declare const propsTileButton: {
|
|
27
|
-
Icon:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
28
|
+
Icon: {
|
|
29
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
30
|
+
};
|
|
31
|
+
dsId: {
|
|
32
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
};
|
|
34
|
+
label: {
|
|
35
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
36
|
+
};
|
|
37
|
+
title: {
|
|
38
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
+
};
|
|
40
|
+
onClick: {
|
|
41
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
42
|
+
};
|
|
43
|
+
onFocus: {
|
|
44
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
45
|
+
};
|
|
46
|
+
onBlur: {
|
|
47
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
49
|
+
onClose: {
|
|
50
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
51
|
+
};
|
|
52
|
+
showClose: {
|
|
53
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
54
|
+
};
|
|
55
|
+
badge: {
|
|
56
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
57
|
+
};
|
|
58
|
+
badgeColor: {
|
|
59
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
+
};
|
|
61
|
+
badgePosition: {
|
|
62
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
63
|
+
};
|
|
64
|
+
disabled: {
|
|
65
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
66
|
+
};
|
|
67
|
+
selected: {
|
|
68
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
69
|
+
};
|
|
70
|
+
isHeader: {
|
|
71
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
72
|
+
};
|
|
73
|
+
ariaLabel: {
|
|
74
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
75
|
+
};
|
|
76
|
+
tooltipPlacement: {
|
|
77
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
78
|
+
};
|
|
79
|
+
disableTooltip: {
|
|
80
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
81
|
+
};
|
|
82
|
+
innerRef: {
|
|
83
|
+
defaultValue<T = unknown>(arg: T): {
|
|
84
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
85
|
+
};
|
|
86
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
87
|
+
};
|
|
46
88
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TileButtonProps } from './props';
|
|
3
|
-
export declare const StyledWrapperLeftBorder: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>,
|
|
4
|
-
export declare const StyledStatusBadge: import("styled-components").StyledComponent<"div",
|
|
5
|
-
export declare const StyledWrapperCentralContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>,
|
|
6
|
-
export declare const StyledTileButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>,
|
|
7
|
-
export declare const StyledTileButtonLabel: import("styled-components").StyledComponent<"div",
|
|
8
|
-
export declare const CloseButton: import("styled-components").StyledComponent<"button",
|
|
9
|
-
export declare const StyledTooltipV3ButtonWrapper: import("styled-components").StyledComponent<"div",
|
|
10
|
-
export declare const StyledTileButton: import("styled-components").StyledComponent<"button",
|
|
11
|
-
export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>,
|
|
3
|
+
export declare const StyledWrapperLeftBorder: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const StyledStatusBadge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Partial<TileButtonProps>, never>;
|
|
5
|
+
export declare const StyledWrapperCentralContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const StyledTileButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const StyledTileButtonLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
+
export declare const CloseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, any, never>;
|
|
9
|
+
export declare const StyledTooltipV3ButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
10
|
+
export declare const StyledTileButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, Partial<TileButtonProps>, never>;
|
|
11
|
+
export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
package/types/prop-types.d.ts
CHANGED
|
@@ -1,14 +1,33 @@
|
|
|
1
|
+
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
1
2
|
import { ChatProps } from './index.d';
|
|
2
3
|
export declare const defaultProps: ChatProps;
|
|
3
4
|
export declare const chatProps: {
|
|
4
5
|
containerProps: any;
|
|
5
|
-
expanded:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
6
|
+
expanded: {
|
|
7
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
8
|
+
};
|
|
9
|
+
expandedWidth: {
|
|
10
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
11
|
+
};
|
|
12
|
+
openedItem: {
|
|
13
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
14
|
+
};
|
|
15
|
+
messages: {
|
|
16
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
17
|
+
};
|
|
18
|
+
onFooterExpand: {
|
|
19
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
20
|
+
};
|
|
21
|
+
onFooterClose: {
|
|
22
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
23
|
+
};
|
|
24
|
+
onHeaderExpand: {
|
|
25
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
26
|
+
};
|
|
27
|
+
onHeaderClose: {
|
|
28
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
29
|
+
};
|
|
30
|
+
floating: {
|
|
31
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
32
|
+
};
|
|
14
33
|
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export declare const preLoadMessages2: ({
|
|
2
|
+
dsId: string;
|
|
3
|
+
body: string;
|
|
4
|
+
type: string;
|
|
5
|
+
title: string;
|
|
6
|
+
time: string;
|
|
7
|
+
extraProps?: undefined;
|
|
8
|
+
helpMessage?: undefined;
|
|
9
|
+
} | {
|
|
10
|
+
dsId: string;
|
|
11
|
+
type: string;
|
|
12
|
+
title: string;
|
|
13
|
+
extraProps: {
|
|
14
|
+
'data-testid': string;
|
|
15
|
+
};
|
|
16
|
+
body?: undefined;
|
|
17
|
+
time?: undefined;
|
|
18
|
+
helpMessage?: undefined;
|
|
19
|
+
} | {
|
|
20
|
+
dsId: string;
|
|
21
|
+
body: string;
|
|
22
|
+
type: string;
|
|
23
|
+
title: string;
|
|
24
|
+
time: string;
|
|
25
|
+
helpMessage: string | null;
|
|
26
|
+
extraProps?: undefined;
|
|
27
|
+
})[];
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { PropTypes } from 'react-desc';
|
|
3
|
-
export interface TextAreaProps {
|
|
4
|
-
height: string | number;
|
|
5
|
-
style: React.CSSProperties;
|
|
6
|
-
}
|
|
7
|
-
export declare const defaultComposerPros: ChatComposerProps;
|
|
8
|
-
export interface ChatComposerProps {
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
inputValue?: string;
|
|
11
|
-
maxLengthMessage?: string;
|
|
12
|
-
onChange: (value: string) => void;
|
|
13
|
-
onResize?: (value: number) => void;
|
|
14
|
-
onSend: (value: string) => void;
|
|
15
|
-
onFocus?: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;
|
|
16
|
-
onBlur?: (e: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;
|
|
17
|
-
onKeyDown?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
18
|
-
maxHeight?: number;
|
|
19
|
-
inputMaxLength: number | undefined;
|
|
20
|
-
buttonDisabled: boolean;
|
|
21
|
-
dataTestid?: string;
|
|
22
|
-
actionRef: PropTypes.func;
|
|
23
|
-
}
|
|
24
|
-
export declare const composerProps: {
|
|
25
|
-
placeholder: any;
|
|
26
|
-
inputValue: any;
|
|
27
|
-
maxLengthMessage: any;
|
|
28
|
-
onChange: any;
|
|
29
|
-
onResize: any;
|
|
30
|
-
onSend: any;
|
|
31
|
-
onFocus: any;
|
|
32
|
-
onBlur: any;
|
|
33
|
-
onKeyDown: any;
|
|
34
|
-
maxHeight: any;
|
|
35
|
-
inputMaxLength: any;
|
|
36
|
-
buttonDisabled: any;
|
|
37
|
-
dataTestid: any;
|
|
38
|
-
actionRef: any;
|
|
39
|
-
};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { PropTypes } from 'react-desc';
|
|
2
|
-
import { BANNER_TYPES } from '@elliemae/ds-banner';
|
|
3
|
-
import { ChatContainerMessagesListProps } from '../chat-container-messages-list/props';
|
|
4
|
-
import { ChatComposerProps } from '../chat-composer/props';
|
|
5
|
-
interface ChatBannerProps {
|
|
6
|
-
label: string;
|
|
7
|
-
viewLabel: string;
|
|
8
|
-
type: BANNER_TYPES;
|
|
9
|
-
onView: () => void;
|
|
10
|
-
onClose: () => void;
|
|
11
|
-
}
|
|
12
|
-
export interface ChatContainerProps {
|
|
13
|
-
messagesListProps: Pick<ChatContainerMessagesListProps, 'messages' | 'onScrollEnds'>;
|
|
14
|
-
composerProps: ChatComposerProps;
|
|
15
|
-
actionRef: PropTypes.func;
|
|
16
|
-
autoScroll: boolean;
|
|
17
|
-
device: 'desktop' | 'mobile';
|
|
18
|
-
isLoading?: 'top' | 'bottom';
|
|
19
|
-
hasMoreItems?: 'top' | 'bottom';
|
|
20
|
-
getMoreMessages: PropTypes.func;
|
|
21
|
-
bannerPosition?: 'top' | 'bottom';
|
|
22
|
-
bannerProps?: ChatBannerProps;
|
|
23
|
-
sendingMessages?: string[] | number[];
|
|
24
|
-
sendingText: string;
|
|
25
|
-
}
|
|
26
|
-
export declare const defaultProps: ChatContainerProps;
|
|
27
|
-
export declare const containerProps: {
|
|
28
|
-
messagesListProps: any;
|
|
29
|
-
composerProps: any;
|
|
30
|
-
autoScroll: any;
|
|
31
|
-
device: any;
|
|
32
|
-
isLoading: any;
|
|
33
|
-
hasMoreItems: any;
|
|
34
|
-
getMoreMessages: any;
|
|
35
|
-
bannerPosition: any;
|
|
36
|
-
bannerProps: any;
|
|
37
|
-
sendingMessages: any;
|
|
38
|
-
sendingText: any;
|
|
39
|
-
actionRef: any;
|
|
40
|
-
};
|
|
41
|
-
export {};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { PropTypes } from 'react-desc';
|
|
3
|
-
import { BubbleProps } from '../bubble/props';
|
|
4
|
-
export interface ChatContainerMessagesListProps {
|
|
5
|
-
messages: BubbleProps[];
|
|
6
|
-
actionRef: any;
|
|
7
|
-
onScrollEnds: (indexList: number[]) => number[];
|
|
8
|
-
isLoading?: 'top' | 'bottom';
|
|
9
|
-
hasMoreItems?: 'top' | 'bottom';
|
|
10
|
-
getMoreMessages: PropTypes.func;
|
|
11
|
-
sendingMessages?: Array<string | number>;
|
|
12
|
-
sendingText: string;
|
|
13
|
-
bannerPosition?: 'top' | 'bottom';
|
|
14
|
-
bannerRef: React.MutableRefObject<{
|
|
15
|
-
focusOnWrapper: (...args: any[]) => void;
|
|
16
|
-
focusOnLink: (...args: any[]) => void;
|
|
17
|
-
}>;
|
|
18
|
-
}
|
|
19
|
-
export declare const defaultProps: ChatContainerMessagesListProps;
|
|
20
|
-
export declare const listProps: {
|
|
21
|
-
messages: any;
|
|
22
|
-
actionRef: any;
|
|
23
|
-
onScrollEnds: any;
|
|
24
|
-
isLoading: any;
|
|
25
|
-
hasMoreItems: any;
|
|
26
|
-
getMoreMessages: any;
|
|
27
|
-
sendingMessages: any;
|
|
28
|
-
sendingText: any;
|
|
29
|
-
};
|