@tracktor/design-system 4.27.4 → 4.28.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/dist/main.cjs +47 -47
- package/dist/main.js +3184 -3135
- package/dist/src/components/DataDisplay/Chat/components/ChatConversationDetail.d.ts +1 -1
- package/dist/src/components/DataDisplay/Chat/components/ChatConversationDetailHeader.d.ts +2 -1
- package/dist/src/components/DataDisplay/Chat/components/ChatConversationList.d.ts +1 -1
- package/dist/src/components/DataDisplay/Chat/components/ChatParticipantAutocomplete.d.ts +1 -0
- package/dist/src/components/DataDisplay/Chat/types.d.ts +5 -0
- package/dist/src/components/DataDisplay/Chat/utils/formatParticipantNames.d.ts +3 -2
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChatConversationDetailProps } from '../types';
|
|
2
|
-
declare const ChatConversationDetail: ({ threadId, participants, isLoading, messages, currentUserId, onDeleteConversation, onNewConversation, onSendMessage, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, renderAfterBubble, labels, formatDayLabel, isSending, }: ChatConversationDetailProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const ChatConversationDetail: ({ threadId, participants, isLoading, messages, currentUserId, onDeleteConversation, onNewConversation, onSendMessage, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, renderAfterBubble, labels, formatDayLabel, isSending, formatParticipantName, }: ChatConversationDetailProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default ChatConversationDetail;
|
|
@@ -9,6 +9,7 @@ interface ChatConversationDetailHeaderProps {
|
|
|
9
9
|
isSearchingParticipants?: boolean;
|
|
10
10
|
avatarSrcResolver?: (src?: string | null) => string | undefined;
|
|
11
11
|
labels?: ChatConversationDetailLabels;
|
|
12
|
+
formatParticipantName?: (participant: ChatParticipant) => string;
|
|
12
13
|
}
|
|
13
|
-
declare const ChatConversationDetailHeader: ({ threadId, participants, onDeleteConversation, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, labels, }: ChatConversationDetailHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare const ChatConversationDetailHeader: ({ threadId, participants, onDeleteConversation, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, labels, formatParticipantName, }: ChatConversationDetailHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
15
|
export default ChatConversationDetailHeader;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChatConversationListProps } from '../types';
|
|
2
|
-
declare const ChatConversationList: ({ threads, isLoading, selectedThreadId, onSelectThread, onNewConversation, avatarSrcResolver, labels, formatDate, }: ChatConversationListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const ChatConversationList: ({ threads, isLoading, selectedThreadId, onSelectThread, onNewConversation, avatarSrcResolver, labels, formatDate, formatParticipantName, onLoadMore, hasMore, }: ChatConversationListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default ChatConversationList;
|
|
@@ -14,6 +14,7 @@ interface ChatParticipantAutocompleteProps {
|
|
|
14
14
|
labels?: {
|
|
15
15
|
participants?: string;
|
|
16
16
|
searchContacts?: string;
|
|
17
|
+
noOptionsText?: string;
|
|
17
18
|
};
|
|
18
19
|
}
|
|
19
20
|
declare const ChatParticipantAutocomplete: ({ ref, value, onChange, onInputChange, options, isLoading, avatarSrcResolver, labels, }: ChatParticipantAutocompleteProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -54,6 +54,7 @@ export interface ChatParticipantDialogLabels {
|
|
|
54
54
|
confirm?: string;
|
|
55
55
|
participants?: string;
|
|
56
56
|
searchContacts?: string;
|
|
57
|
+
noOptionsText?: string;
|
|
57
58
|
}
|
|
58
59
|
export interface ChatConversationListProps {
|
|
59
60
|
threads?: ChatThread[];
|
|
@@ -64,6 +65,9 @@ export interface ChatConversationListProps {
|
|
|
64
65
|
avatarSrcResolver?: (src?: string | null) => string | undefined;
|
|
65
66
|
labels?: ChatConversationListLabels;
|
|
66
67
|
formatDate?: (date: string) => string;
|
|
68
|
+
formatParticipantName?: (participant: ChatParticipant) => string;
|
|
69
|
+
onLoadMore?: () => void;
|
|
70
|
+
hasMore?: boolean;
|
|
67
71
|
}
|
|
68
72
|
export interface ChatConversationDetailProps {
|
|
69
73
|
threadId?: string;
|
|
@@ -83,6 +87,7 @@ export interface ChatConversationDetailProps {
|
|
|
83
87
|
labels?: ChatConversationDetailLabels;
|
|
84
88
|
formatDayLabel?: (date: string) => string;
|
|
85
89
|
isSending?: boolean;
|
|
90
|
+
formatParticipantName?: (participant: ChatParticipant) => string;
|
|
86
91
|
}
|
|
87
92
|
export interface ChatMessageBubbleProps {
|
|
88
93
|
isOwn: boolean;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ChatParticipant } from '../types';
|
|
2
2
|
/**
|
|
3
|
-
* Format a list of participants into a comma-separated string of
|
|
3
|
+
* Format a list of participants into a comma-separated string of names.
|
|
4
|
+
* An optional formatter can be provided to customize how each participant's name is displayed.
|
|
4
5
|
*/
|
|
5
|
-
declare const formatParticipantNames: (participants?: ChatParticipant[] | null) => string;
|
|
6
|
+
declare const formatParticipantNames: (participants?: ChatParticipant[] | null, formatName?: (participant: ChatParticipant) => string) => string;
|
|
6
7
|
export default formatParticipantNames;
|