@elliemae/ds-chat 2.0.0-rc.7 → 2.0.1-rc.0
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/parts/chat-composer/styled.js +1 -1
- package/cjs/parts/chat-container/ChatContainer.js +11 -6
- package/cjs/parts/chat-container/styled.js +2 -2
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +16 -4
- package/esm/parts/chat-composer/styled.js +1 -1
- package/esm/parts/chat-container/ChatContainer.js +11 -6
- package/esm/parts/chat-container/styled.js +2 -2
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +16 -4
- package/package.json +14 -9
- package/types/parts/bubble/ChatBubble.d.ts +18 -5
- package/types/parts/bubble/props.d.ts +13 -4
- package/types/parts/chat-card/ChatCard.d.ts +24 -4
- package/types/parts/chat-card/props.d.ts +19 -3
- package/types/parts/chat-composer/ChatContainerComposer.d.ts +48 -15
- package/types/parts/chat-composer/styled.d.ts +112 -19
- package/types/parts/chat-container/ChatContainer.d.ts +54 -14
- package/types/parts/chat-container-messages-list/ChatContainerMessagesList.d.ts +39 -9
- 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-sidebar/SideBarChat.d.ts +39 -12
- package/types/parts/chat-sidebar/props.d.ts +34 -11
- package/types/parts/floating-button/FloatingButton.d.ts +10 -3
- package/types/parts/floating-button/props.d.ts +10 -3
- package/types/parts/message-delimiter/MessageDelimiter.d.ts +21 -4
- package/types/parts/message-delimiter/props.d.ts +16 -3
- package/types/parts/sidebar-button/SidebarButton.d.ts +16 -5
- package/types/parts/sidebar-button/props.d.ts +16 -5
- package/types/parts/system-message/SystemMessage.d.ts +12 -2
- package/types/parts/system-message/props.d.ts +7 -1
- package/types/parts/tile-button/TileButton.d.ts +66 -20
- package/types/parts/tile-button/props.d.ts +61 -19
- package/types/prop-types.d.ts +28 -9
- package/types/parts/chat-composer/props.d.ts +0 -39
- package/types/parts/chat-container/props.d.ts +0 -43
- 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
|
};
|
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
|
};
|
|
@@ -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,43 +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
|
-
ariaLabel: string;
|
|
26
|
-
}
|
|
27
|
-
export declare const defaultProps: ChatContainerProps;
|
|
28
|
-
export declare const containerProps: {
|
|
29
|
-
messagesListProps: any;
|
|
30
|
-
composerProps: any;
|
|
31
|
-
autoScroll: any;
|
|
32
|
-
device: any;
|
|
33
|
-
isLoading: any;
|
|
34
|
-
hasMoreItems: any;
|
|
35
|
-
getMoreMessages: any;
|
|
36
|
-
bannerPosition: any;
|
|
37
|
-
bannerProps: any;
|
|
38
|
-
sendingMessages: any;
|
|
39
|
-
sendingText: any;
|
|
40
|
-
actionRef: any;
|
|
41
|
-
ariaLabel: any;
|
|
42
|
-
};
|
|
43
|
-
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
|
-
};
|