stream-chat-react 8.1.3-beta.1 → 8.1.3
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/browser.full-bundle.js +35110 -34070
- package/dist/browser.full-bundle.js.map +1 -1
- package/dist/browser.full-bundle.min.js +5 -6
- package/dist/browser.full-bundle.min.js.map +1 -1
- package/dist/components/Attachment/Card.d.ts +2 -2
- package/dist/components/Attachment/Card.d.ts.map +1 -1
- package/dist/components/Attachment/utils.d.ts.map +1 -1
- package/dist/components/Attachment/utils.js +1 -2
- package/dist/components/AutoCompleteTextarea/Header.d.ts +2 -1
- package/dist/components/AutoCompleteTextarea/Header.d.ts.map +1 -1
- package/dist/components/AutoCompleteTextarea/List.d.ts.map +1 -1
- package/dist/components/AutoCompleteTextarea/List.js +5 -3
- package/dist/components/AutoCompleteTextarea/Textarea.d.ts +3 -1
- package/dist/components/AutoCompleteTextarea/Textarea.d.ts.map +1 -1
- package/dist/components/AutoCompleteTextarea/Textarea.js +37 -9
- package/dist/components/AutoCompleteTextarea/index.d.ts +1 -0
- package/dist/components/AutoCompleteTextarea/index.d.ts.map +1 -1
- package/dist/components/AutoCompleteTextarea/index.js +1 -0
- package/dist/components/AutoCompleteTextarea/listener.d.ts +22 -0
- package/dist/components/AutoCompleteTextarea/listener.d.ts.map +1 -0
- package/dist/components/AutoCompleteTextarea/listener.js +77 -0
- package/dist/components/Channel/Channel.d.ts.map +1 -1
- package/dist/components/Channel/Channel.js +5 -1
- package/dist/components/Channel/hooks/useCreateChannelStateContext.js +2 -2
- package/dist/components/Channel/hooks/useIsMounted.js +4 -7
- package/dist/components/ChannelHeader/ChannelHeader.d.ts.map +1 -1
- package/dist/components/ChannelHeader/ChannelHeader.js +1 -1
- package/dist/components/ChannelPreview/ChannelPreview.d.ts.map +1 -1
- package/dist/components/ChannelPreview/ChannelPreview.js +20 -4
- package/dist/components/ChannelSearch/SearchResults.d.ts.map +1 -1
- package/dist/components/Chat/hooks/useChat.d.ts.map +1 -1
- package/dist/components/Chat/hooks/useChat.js +3 -2
- package/dist/components/CommandItem/CommandItem.d.ts +2 -2
- package/dist/components/CommandItem/CommandItem.d.ts.map +1 -1
- package/dist/components/DateSeparator/DateSeparator.d.ts +1 -1
- package/dist/components/DateSeparator/DateSeparator.d.ts.map +1 -1
- package/dist/components/DateSeparator/DateSeparator.js +10 -9
- package/dist/components/EmoticonItem/EmoticonItem.d.ts +2 -1
- package/dist/components/EmoticonItem/EmoticonItem.d.ts.map +1 -1
- package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts +2 -1
- package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts.map +1 -1
- package/dist/components/EventComponent/EventComponent.d.ts.map +1 -1
- package/dist/components/EventComponent/EventComponent.js +9 -17
- package/dist/components/Gallery/Image.d.ts +2 -1
- package/dist/components/Gallery/Image.d.ts.map +1 -1
- package/dist/components/Gallery/ModalWrapper.d.ts +1 -1
- package/dist/components/Gallery/ModalWrapper.d.ts.map +1 -1
- package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts +2 -2
- package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts.map +1 -1
- package/dist/components/LoadMore/LoadMoreButton.d.ts +2 -2
- package/dist/components/LoadMore/LoadMoreButton.d.ts.map +1 -1
- package/dist/components/LoadMore/LoadMorePaginator.d.ts +3 -3
- package/dist/components/LoadMore/LoadMorePaginator.d.ts.map +1 -1
- package/dist/components/Loading/LoadingChannels.d.ts +1 -1
- package/dist/components/Loading/LoadingChannels.d.ts.map +1 -1
- package/dist/components/Loading/LoadingErrorIndicator.d.ts +2 -1
- package/dist/components/Loading/LoadingErrorIndicator.d.ts.map +1 -1
- package/dist/components/Loading/LoadingErrorIndicator.js +1 -1
- package/dist/components/Loading/LoadingIndicator.d.ts +2 -1
- package/dist/components/Loading/LoadingIndicator.d.ts.map +1 -1
- package/dist/components/MML/MML.d.ts +2 -1
- package/dist/components/MML/MML.d.ts.map +1 -1
- package/dist/components/Message/MessageDeleted.d.ts.map +1 -1
- package/dist/components/Message/MessageRepliesCountButton.d.ts +4 -3
- package/dist/components/Message/MessageRepliesCountButton.d.ts.map +1 -1
- package/dist/components/Message/MessageText.d.ts.map +1 -1
- package/dist/components/Message/MessageTimestamp.d.ts +2 -0
- package/dist/components/Message/MessageTimestamp.d.ts.map +1 -1
- package/dist/components/Message/MessageTimestamp.js +34 -7
- package/dist/components/Message/hooks/usePinHandler.d.ts +1 -1
- package/dist/components/Message/hooks/usePinHandler.d.ts.map +1 -1
- package/dist/components/Message/hooks/usePinHandler.js +3 -3
- package/dist/components/Message/utils.d.ts.map +1 -1
- package/dist/components/Message/utils.js +5 -10
- package/dist/components/MessageActions/MessageActions.d.ts.map +1 -1
- package/dist/components/MessageInput/EditMessageForm.d.ts.map +1 -1
- package/dist/components/MessageInput/EditMessageForm.js +2 -1
- package/dist/components/MessageInput/MessageInput.d.ts +2 -1
- package/dist/components/MessageInput/MessageInput.d.ts.map +1 -1
- package/dist/components/MessageInput/MessageInput.js +5 -1
- package/dist/components/MessageInput/MessageInputFlat.d.ts.map +1 -1
- package/dist/components/MessageInput/MessageInputFlat.js +1 -3
- package/dist/components/MessageInput/MessageInputSmall.d.ts.map +1 -1
- package/dist/components/MessageInput/MessageInputSmall.js +1 -3
- package/dist/components/MessageInput/QuotedMessagePreview.d.ts.map +1 -1
- package/dist/components/MessageInput/QuotedMessagePreview.js +6 -4
- package/dist/components/MessageInput/hooks/useAttachments.d.ts +4 -4
- package/dist/components/MessageInput/hooks/useCooldownTimer.d.ts +1 -1
- package/dist/components/MessageInput/hooks/useCooldownTimer.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useFileUploads.d.ts +2 -2
- package/dist/components/MessageInput/hooks/useFileUploads.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useImageUploads.d.ts +2 -2
- package/dist/components/MessageInput/hooks/useImageUploads.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useMessageInputState.d.ts +1 -1
- package/dist/components/MessageInput/hooks/useMessageInputState.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useSubmitHandler.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useSubmitHandler.js +17 -15
- package/dist/components/MessageInput/icons.d.ts +4 -4
- package/dist/components/MessageInput/icons.d.ts.map +1 -1
- package/dist/components/MessageList/Center.d.ts +4 -2
- package/dist/components/MessageList/Center.d.ts.map +1 -1
- package/dist/components/MessageList/ConnectionStatus.d.ts +1 -2
- package/dist/components/MessageList/ConnectionStatus.d.ts.map +1 -1
- package/dist/components/MessageList/CustomNotification.d.ts +2 -2
- package/dist/components/MessageList/CustomNotification.d.ts.map +1 -1
- package/dist/components/MessageList/MessageNotification.d.ts +1 -2
- package/dist/components/MessageList/MessageNotification.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts +2 -2
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Reactions/ReactionSelector.d.ts.map +1 -1
- package/dist/components/Reactions/ReactionSelector.js +1 -1
- package/dist/components/SafeAnchor/SafeAnchor.d.ts +2 -2
- package/dist/components/SafeAnchor/SafeAnchor.d.ts.map +1 -1
- package/dist/components/Thread/Thread.js +50 -10
- package/dist/components/Tooltip/Tooltip.d.ts +2 -2
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/UserItem/UserItem.d.ts +1 -1
- package/dist/components/UserItem/UserItem.d.ts.map +1 -1
- package/dist/context/ChannelActionContext.d.ts +1 -4
- package/dist/context/ChannelActionContext.d.ts.map +1 -1
- package/dist/context/ChannelStateContext.d.ts +1 -4
- package/dist/context/ChannelStateContext.d.ts.map +1 -1
- package/dist/context/ChatContext.d.ts +1 -4
- package/dist/context/ChatContext.d.ts.map +1 -1
- package/dist/context/ComponentContext.d.ts +1 -4
- package/dist/context/ComponentContext.d.ts.map +1 -1
- package/dist/context/EmojiContext.d.ts +1 -4
- package/dist/context/EmojiContext.d.ts.map +1 -1
- package/dist/context/MessageContext.d.ts +1 -4
- package/dist/context/MessageContext.d.ts.map +1 -1
- package/dist/context/TranslationContext.d.ts +5 -9
- package/dist/context/TranslationContext.d.ts.map +1 -1
- package/dist/context/TranslationContext.js +8 -6
- package/dist/context/TypingContext.d.ts +1 -4
- package/dist/context/TypingContext.d.ts.map +1 -1
- package/dist/i18n/Streami18n.d.ts +0 -1
- package/dist/i18n/Streami18n.d.ts.map +1 -1
- package/dist/i18n/Streami18n.js +2 -3
- package/dist/index.cjs.js +2045 -1884
- package/dist/index.cjs.js.map +1 -1
- package/dist/stories/{connected-user.stories.d.ts → add-message.stories.d.ts} +1 -1
- package/dist/stories/add-message.stories.d.ts.map +1 -0
- package/dist/stories/{connected-user.stories.js → add-message.stories.js} +4 -3
- package/dist/stories/jump-to-message.stories.d.ts.map +1 -1
- package/dist/stories/jump-to-message.stories.js +0 -3
- package/dist/stories/mark-read.stories.d.ts.map +1 -1
- package/dist/stories/mark-read.stories.js +2 -23
- package/dist/stories/navigate-long-message-lists.stories.d.ts +4 -0
- package/dist/stories/navigate-long-message-lists.stories.d.ts.map +1 -0
- package/dist/stories/navigate-long-message-lists.stories.js +167 -0
- package/dist/types/types.d.ts +0 -2
- package/dist/types/types.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.d.ts.map +1 -1
- package/dist/version.js +1 -1
- package/package.json +21 -20
- package/dist/i18n/utils.d.ts +0 -13
- package/dist/i18n/utils.d.ts.map +0 -1
- package/dist/i18n/utils.js +0 -33
- package/dist/stories/connected-user.stories.d.ts.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { Attachment } from 'stream-chat';
|
|
3
3
|
export declare type CardProps = {
|
|
4
4
|
giphy?: Attachment['giphy'];
|
|
@@ -20,5 +20,5 @@ export declare type CardProps = {
|
|
|
20
20
|
/**
|
|
21
21
|
* Simple Card Layout for displaying links
|
|
22
22
|
*/
|
|
23
|
-
export declare const Card:
|
|
23
|
+
export declare const Card: React.FC<CardProps>;
|
|
24
24
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/Card.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,oBAAY,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAuEF;;GAEG;AACH,eAAO,MAAM,IAAI,qBAAsD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AASjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,uBAAuB,UAA8D,CAAC;AAEnG,oBAAY,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACnF,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC,GAAG;IAC7D,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,oBAAY,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC,GAAG;IAC7D,UAAU,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,uNAK8B,CAAC;AAEnE,eAAO,MAAM,iBAAiB,2IAIE,CAAC;AAEjC,eAAO,MAAM,gBAAgB,4JAQG,CAAC;AAEjC,eAAO,MAAM,iBAAiB,2IAIyD,CAAC;AAExF,eAAO,MAAM,iBAAiB,2IAMD,CAAC;AAE9B,eAAO,MAAM,+BAA+B,iLA8B3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,4JAmBnC,CAAC;AAEF,eAAO,MAAM,aAAa,kJAYzB,CAAC;AAEF,eAAO,MAAM,WAAW,qJAyBvB,CAAC;AAEF,eAAO,MAAM,UAAU,qJAyBtB,CAAC;AAEF,eAAO,MAAM,UAAU,4JActB,CAAC;AAEF,eAAO,MAAM,WAAW,qJAgBvB,CAAC;AAEF,eAAO,MAAM,WAAW,qJA8CvB,CAAC"}
|
|
@@ -11,7 +11,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import ReactPlayer from 'react-player';
|
|
14
|
-
import { v4 as uuidV4 } from 'uuid';
|
|
15
14
|
import { AttachmentActions as DefaultAttachmentActions } from './AttachmentActions';
|
|
16
15
|
import { Audio as DefaultAudio } from './Audio';
|
|
17
16
|
import { Card as DefaultCard } from './Card';
|
|
@@ -44,7 +43,7 @@ export var renderAttachmentWithinContainer = function (props) {
|
|
|
44
43
|
? 'actions'
|
|
45
44
|
: '';
|
|
46
45
|
}
|
|
47
|
-
return (React.createElement("div", { className: "str-chat__message-attachment str-chat__message-attachment--" + componentType + " str-chat__message-attachment--" + ((attachment === null || attachment === void 0 ? void 0 : attachment.type) || '') + " str-chat__message-attachment--" + componentType + "--" + extra, key: (isGalleryAttachmentType(attachment) ? '' :
|
|
46
|
+
return (React.createElement("div", { className: "str-chat__message-attachment str-chat__message-attachment--" + componentType + " str-chat__message-attachment--" + ((attachment === null || attachment === void 0 ? void 0 : attachment.type) || '') + " str-chat__message-attachment--" + componentType + "--" + extra, key: (isGalleryAttachmentType(attachment) ? '' : attachment === null || attachment === void 0 ? void 0 : attachment.id) + "-" + ((attachment === null || attachment === void 0 ? void 0 : attachment.type) || 'none') + " " }, children));
|
|
48
47
|
};
|
|
49
48
|
export var renderAttachmentActions = function (props) {
|
|
50
49
|
var _a;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
export declare type CurrentTrigger<T extends string = string> = '/' | '@' | ':' | T;
|
|
2
3
|
export declare type SuggestionListHeaderProps = {
|
|
3
4
|
currentTrigger: CurrentTrigger;
|
|
4
5
|
value: string;
|
|
5
6
|
};
|
|
6
|
-
export declare const DefaultSuggestionListHeader:
|
|
7
|
+
export declare const DefaultSuggestionListHeader: React.FC<SuggestionListHeaderProps>;
|
|
7
8
|
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Header.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;AAE5E,oBAAY,yBAAyB,GAAG;IACtC,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgC3E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/List.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/List.jsx"],"names":[],"mappings":"AASO,8CA6IN"}
|
|
@@ -14,6 +14,7 @@ import { useComponentContext } from '../../context/ComponentContext';
|
|
|
14
14
|
import { escapeRegExp } from '../../utils';
|
|
15
15
|
import { Item } from './Item';
|
|
16
16
|
import { DefaultSuggestionListHeader } from './Header';
|
|
17
|
+
import { KEY_CODES } from './listener';
|
|
17
18
|
export var List = function (props) {
|
|
18
19
|
var className = props.className, component = props.component, currentTrigger = props.currentTrigger, dropdownScroll = props.dropdownScroll, getSelectedItem = props.getSelectedItem, getTextToReplace = props.getTextToReplace, PropHeader = props.Header, itemClassName = props.itemClassName, itemStyle = props.itemStyle, onSelect = props.onSelect, selectionEnd = props.selectionEnd, style = props.style, PropSuggestionItem = props.SuggestionItem, propValue = props.value, values = props.values;
|
|
19
20
|
var _a = useComponentContext(), AutocompleteSuggestionHeader = _a.AutocompleteSuggestionHeader, AutocompleteSuggestionItem = _a.AutocompleteSuggestionItem;
|
|
@@ -54,7 +55,7 @@ export var List = function (props) {
|
|
|
54
55
|
setSelectedItem(index);
|
|
55
56
|
};
|
|
56
57
|
var handleKeyDown = useCallback(function (event) {
|
|
57
|
-
if (event.
|
|
58
|
+
if (event.which === KEY_CODES.UP) {
|
|
58
59
|
setSelectedItem(function (prevSelected) {
|
|
59
60
|
if (prevSelected === undefined)
|
|
60
61
|
return 0;
|
|
@@ -63,7 +64,7 @@ export var List = function (props) {
|
|
|
63
64
|
return newID;
|
|
64
65
|
});
|
|
65
66
|
}
|
|
66
|
-
if (event.
|
|
67
|
+
if (event.which === KEY_CODES.DOWN) {
|
|
67
68
|
setSelectedItem(function (prevSelected) {
|
|
68
69
|
if (prevSelected === undefined)
|
|
69
70
|
return 0;
|
|
@@ -72,7 +73,8 @@ export var List = function (props) {
|
|
|
72
73
|
return newID;
|
|
73
74
|
});
|
|
74
75
|
}
|
|
75
|
-
if ((event.
|
|
76
|
+
if ((event.which === KEY_CODES.ENTER || event.which === KEY_CODES.TAB) &&
|
|
77
|
+
selectedItem !== undefined) {
|
|
76
78
|
handleClick(event);
|
|
77
79
|
}
|
|
78
80
|
return null;
|
|
@@ -22,7 +22,8 @@ export class ReactTextareaAutocomplete extends React.Component<any, any, any> {
|
|
|
22
22
|
getSelectedText: () => any;
|
|
23
23
|
setCaretPosition: (position?: number) => void;
|
|
24
24
|
getCaretPosition: () => number;
|
|
25
|
-
|
|
25
|
+
addKeycodeSubmitListeners: (keyCodes: any) => void;
|
|
26
|
+
keycodeSubmitShiftE: boolean | undefined;
|
|
26
27
|
_onEnter: (event: any) => void;
|
|
27
28
|
_onSpace: () => void;
|
|
28
29
|
_replaceWord: () => void;
|
|
@@ -38,6 +39,7 @@ export class ReactTextareaAutocomplete extends React.Component<any, any, any> {
|
|
|
38
39
|
_closeAutocomplete: () => void;
|
|
39
40
|
_cleanUpProps: () => {
|
|
40
41
|
[x: string]: any;
|
|
42
|
+
children?: React.ReactNode;
|
|
41
43
|
};
|
|
42
44
|
_isCommand: (text: any) => boolean;
|
|
43
45
|
_changeHandler: (e: any) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.jsx"],"names":[],"mappings":"AAkBA;IACE;;;;;;;MAOE;IA0YF;;OAEG;IACH;;;aAMC;IAjZD,wBA6BC;IA6BD;;;aAOE;IAEF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF,mDAaE;IAJc,yCAA+B;IAM/C,+BAwBE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAYF;;OAEG;IACH,+BAQE;IAEF;;;MA6CE;IAEF,mCAQE;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCAiBE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,oDAyCC;IAlBS,+CAAsB;IAgDtB,oDAAsB;CASjC"}
|
|
@@ -29,6 +29,7 @@ import PropTypes from 'prop-types';
|
|
|
29
29
|
import Textarea from 'react-textarea-autosize';
|
|
30
30
|
import getCaretCoordinates from 'textarea-caret';
|
|
31
31
|
import { isValidElementType } from 'react-is';
|
|
32
|
+
import Listeners, { KEY_CODES } from './listener';
|
|
32
33
|
import { List as DefaultSuggestionList } from './List';
|
|
33
34
|
import { DEFAULT_CARET_POSITION, defaultScrollToItem, errorMessage, triggerPropsCheck, } from './utils';
|
|
34
35
|
import { CommandItem } from '../CommandItem/CommandItem';
|
|
@@ -65,14 +66,18 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
|
|
|
65
66
|
return 0;
|
|
66
67
|
return _this.textareaRef.selectionEnd;
|
|
67
68
|
};
|
|
68
|
-
_this.
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
return
|
|
69
|
+
_this.addKeycodeSubmitListeners = function (keyCodes) {
|
|
70
|
+
keyCodes.forEach(function (arrayOfCodes) {
|
|
71
|
+
var submitValue = arrayOfCodes;
|
|
72
|
+
if (submitValue.length === 1) {
|
|
73
|
+
submitValue = submitValue[0];
|
|
74
|
+
}
|
|
75
|
+
// does submitted keycodes include shift+Enter?
|
|
76
|
+
var shiftE = arrayOfCodes.every(function (code) { return [16, 13].includes(code); });
|
|
77
|
+
if (shiftE)
|
|
78
|
+
_this.keycodeSubmitShiftE = true;
|
|
79
|
+
return Listeners.add(submitValue, function (e) { return _this._onEnter(e); });
|
|
80
|
+
});
|
|
76
81
|
};
|
|
77
82
|
_this._onEnter = function (event) {
|
|
78
83
|
if (!_this.textareaRef)
|
|
@@ -509,6 +514,29 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
|
|
|
509
514
|
};
|
|
510
515
|
return _this;
|
|
511
516
|
}
|
|
517
|
+
ReactTextareaAutocomplete.prototype.componentDidMount = function () {
|
|
518
|
+
var _this = this;
|
|
519
|
+
Listeners.add(KEY_CODES.ESC, function () { return _this._closeAutocomplete(); });
|
|
520
|
+
Listeners.add(KEY_CODES.SPACE, function () { return _this._onSpace(); });
|
|
521
|
+
var listenerIndex = {};
|
|
522
|
+
var newSubmitKeys = this.props.keycodeSubmitKeys;
|
|
523
|
+
if (newSubmitKeys) {
|
|
524
|
+
var keycodeIndex = this.addKeycodeSubmitListeners(newSubmitKeys);
|
|
525
|
+
listenerIndex[keycodeIndex] = keycodeIndex;
|
|
526
|
+
}
|
|
527
|
+
else {
|
|
528
|
+
var enterIndex = Listeners.add(KEY_CODES.ENTER, function (e) { return _this._onEnter(e); });
|
|
529
|
+
listenerIndex[enterIndex] = enterIndex;
|
|
530
|
+
}
|
|
531
|
+
this.setState({
|
|
532
|
+
listenerIndex: listenerIndex,
|
|
533
|
+
});
|
|
534
|
+
Listeners.startListen();
|
|
535
|
+
};
|
|
536
|
+
ReactTextareaAutocomplete.prototype.componentWillUnmount = function () {
|
|
537
|
+
Listeners.stopListen();
|
|
538
|
+
Listeners.remove(this.state.listenerIndex);
|
|
539
|
+
};
|
|
512
540
|
/**
|
|
513
541
|
* setup to emulate the UNSAFE_componentWillReceiveProps
|
|
514
542
|
*/
|
|
@@ -543,7 +571,7 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
|
|
|
543
571
|
maxRows = 1;
|
|
544
572
|
return (React.createElement("div", { className: "rta " + (dataLoading === true ? 'rta--loading' : '') + " " + (containerClassName || ''), style: containerStyle },
|
|
545
573
|
this.renderSuggestionListContainer(),
|
|
546
|
-
React.createElement(Textarea, __assign({ "data-testid": 'message-input' }, this._cleanUpProps(), { className: "rta__textarea " + (className || ''), maxRows: maxRows, onBlur: this._onClickAndBlurHandler, onChange: this._changeHandler, onClick: this._onClickAndBlurHandler, onFocus: this.props.onFocus,
|
|
574
|
+
React.createElement(Textarea, __assign({ "data-testid": 'message-input' }, this._cleanUpProps(), { className: "rta__textarea " + (className || ''), maxRows: maxRows, onBlur: this._onClickAndBlurHandler, onChange: this._changeHandler, onClick: this._onClickAndBlurHandler, onFocus: this.props.onFocus, onScroll: this._onScrollHandler, onSelect: this._selectHandler, ref: function (ref) {
|
|
547
575
|
if (_this.props.innerRef)
|
|
548
576
|
_this.props.innerRef(ref);
|
|
549
577
|
_this.textareaRef = ref;
|
|
@@ -2,6 +2,7 @@ export { Item as DefaultSuggestionListItem } from './Item';
|
|
|
2
2
|
export { List as DefaultSuggestionList } from './List';
|
|
3
3
|
export { DefaultSuggestionListHeader } from './Header';
|
|
4
4
|
export type { SuggestionListHeaderProps } from './Header';
|
|
5
|
+
export { default as listener, KEY_CODES } from './listener';
|
|
5
6
|
export { ReactTextareaAutocomplete as AutoCompleteTextarea } from './Textarea';
|
|
6
7
|
export { defaultScrollToItem } from './utils';
|
|
7
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAC3D,OAAO,EAAE,IAAI,IAAI,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AACvD,YAAY,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,yBAAyB,IAAI,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAC3D,OAAO,EAAE,IAAI,IAAI,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AACvD,YAAY,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,yBAAyB,IAAI,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { Item as DefaultSuggestionListItem } from './Item';
|
|
2
2
|
export { List as DefaultSuggestionList } from './List';
|
|
3
3
|
export { DefaultSuggestionListHeader } from './Header';
|
|
4
|
+
export { default as listener, KEY_CODES } from './listener';
|
|
4
5
|
export { ReactTextareaAutocomplete as AutoCompleteTextarea } from './Textarea';
|
|
5
6
|
export { defaultScrollToItem } from './utils';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export namespace KEY_CODES {
|
|
2
|
+
const ESC: number;
|
|
3
|
+
const UP: number;
|
|
4
|
+
const DOWN: number;
|
|
5
|
+
const ENTER: number;
|
|
6
|
+
const TAB: number;
|
|
7
|
+
const SPACE: number;
|
|
8
|
+
}
|
|
9
|
+
declare var _default: Listener;
|
|
10
|
+
export default _default;
|
|
11
|
+
declare class Listener {
|
|
12
|
+
index: number;
|
|
13
|
+
listeners: {};
|
|
14
|
+
refCount: number;
|
|
15
|
+
f: (e: any) => void;
|
|
16
|
+
startListen: () => void;
|
|
17
|
+
stopListen: () => void;
|
|
18
|
+
add: (keyCodes: any, fn: any) => number;
|
|
19
|
+
remove: (ids: any) => void;
|
|
20
|
+
removeAll: () => void;
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=listener.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listener.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/listener.js"],"names":[],"mappings":";;;;;;;;;;AAaA;IAEI,cAAc;IACd,cAAmB;IACnB,iBAAiB;IAEjB,oBAkBC;IAGH,wBAOE;IAEF,uBAOE;IAEF,wCAaE;IAEF,2BAIE;IAEF,sBAGE;CACH"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
export var KEY_CODES = {
|
|
3
|
+
ESC: 27,
|
|
4
|
+
UP: 38,
|
|
5
|
+
DOWN: 40,
|
|
6
|
+
ENTER: 13,
|
|
7
|
+
TAB: 9,
|
|
8
|
+
SPACE: 32,
|
|
9
|
+
};
|
|
10
|
+
var keycodeMap = {};
|
|
11
|
+
// This is self-made key shortcuts manager, used for caching key strokes
|
|
12
|
+
var Listener = /** @class */ (function () {
|
|
13
|
+
function Listener() {
|
|
14
|
+
var _this = this;
|
|
15
|
+
this.startListen = function () {
|
|
16
|
+
if (!_this.refCount) {
|
|
17
|
+
// prevent multiple listeners in case of multiple TextareaAutocomplete components on page
|
|
18
|
+
document.addEventListener('keydown', _this.f);
|
|
19
|
+
document.addEventListener('keyup', _this.f);
|
|
20
|
+
}
|
|
21
|
+
_this.refCount++;
|
|
22
|
+
};
|
|
23
|
+
this.stopListen = function () {
|
|
24
|
+
_this.refCount--;
|
|
25
|
+
if (!_this.refCount) {
|
|
26
|
+
// prevent disable listening in case of multiple TextareaAutocomplete components on page
|
|
27
|
+
document.removeEventListener('keydown', _this.f);
|
|
28
|
+
document.removeEventListener('keyup', _this.f);
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
this.add = function (keyCodes, fn) {
|
|
32
|
+
var keyCode = keyCodes;
|
|
33
|
+
if (typeof keyCode !== 'object')
|
|
34
|
+
keyCode = [keyCode];
|
|
35
|
+
_this.listeners[_this.index] = {
|
|
36
|
+
keyCode: keyCode,
|
|
37
|
+
fn: fn,
|
|
38
|
+
};
|
|
39
|
+
_this.index += 1;
|
|
40
|
+
return _this.index;
|
|
41
|
+
};
|
|
42
|
+
this.remove = function (ids) {
|
|
43
|
+
for (var _i = 0, _a = Object.entries(ids); _i < _a.length; _i++) {
|
|
44
|
+
var key = _a[_i];
|
|
45
|
+
delete _this.listeners[key];
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
this.removeAll = function () {
|
|
49
|
+
_this.listeners = {};
|
|
50
|
+
_this.index = 0;
|
|
51
|
+
};
|
|
52
|
+
this.index = 0;
|
|
53
|
+
this.listeners = {};
|
|
54
|
+
this.refCount = 0;
|
|
55
|
+
this.f = function (e) {
|
|
56
|
+
var code = e.keyCode || e.which;
|
|
57
|
+
keycodeMap[code] = e.type === 'keydown';
|
|
58
|
+
if (e.type !== 'keydown') {
|
|
59
|
+
keycodeMap[code] = false;
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
Object.values(_this.listeners).forEach(function (_a) {
|
|
63
|
+
var keyCode = _a.keyCode, fn = _a.fn;
|
|
64
|
+
if (keyCode.length > 1) {
|
|
65
|
+
if (keyCode.every(function (keycode) { return keycodeMap[keycode]; })) {
|
|
66
|
+
fn(e);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
else if (keyCode.includes(code) && keycodeMap[code]) {
|
|
70
|
+
fn(e);
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
return Listener;
|
|
76
|
+
}());
|
|
77
|
+
export default new Listener();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Channel.d.ts","sourceRoot":"","sources":["../../../src/components/Channel/Channel.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Channel.d.ts","sourceRoot":"","sources":["../../../src/components/Channel/Channel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAIf,OAAO,EAKL,OAAO,EACP,eAAe,EAEf,OAAO,IAAI,aAAa,EACxB,UAAU,EACV,cAAc,EAEf,MAAM,aAAa,CAAC;AASrB,OAAO,EAAE,eAAe,EAAuB,MAAM,6BAA6B,CAAC;AAGnF,OAAO,EAGL,0BAA0B,EAC3B,MAAM,YAAY,CAAC;AAepB,OAAO,EAAE,qBAAqB,EAAqB,MAAM,gCAAgC,CAAC;AAE1F,OAAO,EAAe,iBAAiB,EAAiB,MAAM,4BAA4B,CAAC;AAK3F,OAAO,KAAK,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGjG,oBAAY,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC;IACF,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,2IAA2I;IAC3I,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,oNAAoN;IACpN,UAAU,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,YAAY,CAAC,CAAC;IACrE,4OAA4O;IAC5O,4BAA4B,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,8BAA8B,CAAC,CAAC;IACzG,qOAAqO;IACrO,0BAA0B,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,4BAA4B,CAAC,CAAC;IACrG,oPAAoP;IACpP,0BAA0B,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,4BAA4B,CAAC,CAAC;IACrG,4LAA4L;IAC5L,MAAM,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC7D,uCAAuC;IACvC,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,6OAA6O;IAC7O,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,mMAAmM;IACnM,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,8GAA8G;IAC9G,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KACvC,OAAO,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,GAAG,IAAI,CAAC;IACzD,iHAAiH;IACjH,oBAAoB,CAAC,EAAE,CACrB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,KACjC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC;IACzE,kHAAkH;IAClH,sBAAsB,CAAC,EAAE,CACvB,GAAG,EAAE,MAAM,EACX,cAAc,EAAE,cAAc,CAAC,kBAAkB,CAAC,KAC/C,UAAU,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;IACjE,kGAAkG;IAClG,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uOAAuO;IACvO,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACjF,8EAA8E;IAC9E,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,uFAAuF;IACvF,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,+MAA+M;IAC/M,SAAS,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,WAAW,CAAC,CAAC;IACnE,mFAAmF;IACnF,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC7C,+EAA+E;IAC/E,WAAW,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC/C,8HAA8H;IAC9H,gBAAgB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACtC,kQAAkQ;IAClQ,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACvF,0MAA0M;IAC1M,cAAc,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC7E,oFAAoF;IACpF,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACvF,wLAAwL;IACxL,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,oEAAoE;IACpE,eAAe,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAC/E,gPAAgP;IAChP,KAAK,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC;IAC3D,8OAA8O;IAC9O,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;IACxE,uPAAuP;IACvP,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACjF,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8OAA8O;IAC9O,OAAO,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,+MAA+M;IAC/M,cAAc,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC7E,yRAAyR;IACzR,wBAAwB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,0BAA0B,CAAC,CAAC;IACjG,kRAAkR;IAClR,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACvF,mNAAmN;IACnN,cAAc,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC7E,0OAA0O;IAC1O,yBAAyB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,2BAA2B,CAAC,CAAC;IACnG,0NAA0N;IAC1N,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,2NAA2N;IAC3N,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,iOAAiO;IACjO,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACjF,mDAAmD;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iFAAiF;IACjF,eAAe,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACtD,iFAAiF;IACjF,eAAe,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACtD,6IAA6I;IAC7I,yBAAyB,CAAC,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IACrE,2NAA2N;IAC3N,YAAY,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE,uOAAuO;IACvO,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,iQAAiQ;IACjQ,oBAAoB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACzF,gOAAgO;IAChO,gBAAgB,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACjF,uOAAuO;IACvO,aAAa,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IAC3E,iMAAiM;IACjM,UAAU,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,YAAY,CAAC,CAAC;IACrE,mJAAmJ;IACnJ,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,yNAAyN;IACzN,YAAY,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE,qOAAqO;IACrO,WAAW,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,aAAa,CAAC,CAAC;IACvE,mPAAmP;IACnP,eAAe,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAC/E,4NAA4N;IAC5N,eAAe,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAC/E,sPAAsP;IACtP,cAAc,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAC9E,CAAC;AAysBF;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,wNAA4D,CAAC"}
|
|
@@ -619,7 +619,11 @@ var ChannelInner = function (props) {
|
|
|
619
619
|
var windowsEmojiClass = useImageFlagEmojisOnWindows && navigator.userAgent.match(/Win/)
|
|
620
620
|
? 'str-chat--windows-flags'
|
|
621
621
|
: '';
|
|
622
|
-
var
|
|
622
|
+
var NullProvider = function (_a) {
|
|
623
|
+
var children = _a.children;
|
|
624
|
+
return React.createElement(React.Fragment, null, children);
|
|
625
|
+
};
|
|
626
|
+
var OptionalMessageInputProvider = useMemo(function () { return (dragAndDropWindow ? DropzoneProvider : NullProvider); }, [dragAndDropWindow]);
|
|
623
627
|
if (state.error) {
|
|
624
628
|
return (React.createElement("div", { className: chatClass + " " + channelClass + " " + theme },
|
|
625
629
|
React.createElement(LoadingErrorIndicator, { error: state.error })));
|
|
@@ -28,7 +28,7 @@ export var useCreateChannelStateContext = function (value) {
|
|
|
28
28
|
return type;
|
|
29
29
|
}).join() : '') + pinned + reply_count + status + (updated_at && (isDayOrMoment(updated_at) || isDate(updated_at))
|
|
30
30
|
? updated_at.toISOString()
|
|
31
|
-
: updated_at || '') + (user === null || user === void 0 ? void 0 : user.
|
|
31
|
+
: updated_at || '') + (user === null || user === void 0 ? void 0 : user.updated_at);
|
|
32
32
|
})
|
|
33
33
|
.join();
|
|
34
34
|
var memoizedThreadMessageData = threadMessages
|
|
@@ -39,7 +39,7 @@ export var useCreateChannelStateContext = function (value) {
|
|
|
39
39
|
return type;
|
|
40
40
|
}).join() : '') + pinned + status + (updated_at && (isDayOrMoment(updated_at) || isDate(updated_at))
|
|
41
41
|
? updated_at.toISOString()
|
|
42
|
-
: updated_at || '') + (user === null || user === void 0 ? void 0 : user.
|
|
42
|
+
: updated_at || '') + (user === null || user === void 0 ? void 0 : user.updated_at);
|
|
43
43
|
})
|
|
44
44
|
.join();
|
|
45
45
|
var channelStateContext = useMemo(function () { return ({
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { useEffect, useRef } from 'react';
|
|
2
2
|
export var useIsMounted = function () {
|
|
3
|
-
var isMounted = useRef(
|
|
4
|
-
useEffect(function () {
|
|
5
|
-
isMounted.current =
|
|
6
|
-
|
|
7
|
-
isMounted.current = false;
|
|
8
|
-
};
|
|
9
|
-
}, []);
|
|
3
|
+
var isMounted = useRef(true);
|
|
4
|
+
useEffect(function () { return function () {
|
|
5
|
+
isMounted.current = false;
|
|
6
|
+
}; }, []);
|
|
10
7
|
return isMounted;
|
|
11
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelHeader/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAMjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,kBAAkB,GAAG;IAC/B,4LAA4L;IAC5L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0KAA0K;IAC1K,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelHeader/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAMjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,kBAAkB,GAAG;IAC/B,4LAA4L;IAC5L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0KAA0K;IAC1K,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqDF;;GAEG;AACH,eAAO,MAAM,aAAa,4FAnDjB,kBAAkB,gBAmDuE,CAAC"}
|
|
@@ -19,7 +19,7 @@ var UnMemoizedChannelHeader = function (props) {
|
|
|
19
19
|
React.createElement("p", { className: 'str-chat__header-livestream-left--title' },
|
|
20
20
|
title || name,
|
|
21
21
|
' ',
|
|
22
|
-
live &&
|
|
22
|
+
live && React.createElement("span", { className: 'str-chat__header-livestream-left--livelabel' }, t('live'))),
|
|
23
23
|
subtitle && React.createElement("p", { className: 'str-chat__header-livestream-left--subtitle' }, subtitle),
|
|
24
24
|
React.createElement("p", { className: 'str-chat__header-livestream-left--members' },
|
|
25
25
|
!live && !!member_count && member_count > 0 && (React.createElement(React.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelPreview.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/ChannelPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,EAAE,gBAAgB,EAAkB,MAAM,2BAA2B,CAAC;AAG7E,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,8BAA8B,CACxC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;IAC5C,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAChD,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,6MAA6M;IAC7M,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC5C,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6PAA6P;IAC7P,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,8BAA8B,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC5E,2CAA2C;IAC3C,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"ChannelPreview.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/ChannelPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,EAAE,gBAAgB,EAAkB,MAAM,2BAA2B,CAAC;AAG7E,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,8BAA8B,CACxC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;IAC5C,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAChD,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,6MAA6M;IAC7M,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC5C,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6PAA6P;IAC7P,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,8BAA8B,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC5E,2CAA2C;IAC3C,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,cAAc,0JA4F1B,CAAC"}
|
|
@@ -19,8 +19,10 @@ export var ChannelPreview = function (props) {
|
|
|
19
19
|
var channel = props.channel, _a = props.Preview, Preview = _a === void 0 ? ChannelPreviewMessenger : _a, channelUpdateCount = props.channelUpdateCount;
|
|
20
20
|
var _b = useChatContext('ChannelPreview'), activeChannel = _b.channel, client = _b.client, setActiveChannel = _b.setActiveChannel;
|
|
21
21
|
var _c = useTranslationContext('ChannelPreview'), t = _c.t, userLanguage = _c.userLanguage;
|
|
22
|
-
var _d = useState(channel.
|
|
23
|
-
var _e = useState(
|
|
22
|
+
var _d = useState(getDisplayTitle(channel, client.user)), displayTitle = _d[0], setDisplayTitle = _d[1];
|
|
23
|
+
var _e = useState(getDisplayImage(channel, client.user)), displayImage = _e[0], setDisplayImage = _e[1];
|
|
24
|
+
var _f = useState(channel.state.messages[channel.state.messages.length - 1]), lastMessage = _f[0], setLastMessage = _f[1];
|
|
25
|
+
var _g = useState(0), unread = _g[0], setUnread = _g[1];
|
|
24
26
|
var isActive = (activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.cid) === channel.cid;
|
|
25
27
|
var muted = useIsChannelMuted(channel).muted;
|
|
26
28
|
useEffect(function () {
|
|
@@ -57,10 +59,24 @@ export var ChannelPreview = function (props) {
|
|
|
57
59
|
channel.off('message.deleted', handleEvent);
|
|
58
60
|
};
|
|
59
61
|
}, [refreshUnreadCount, channelUpdateCount]);
|
|
62
|
+
useEffect(function () {
|
|
63
|
+
var handleEvent = function () {
|
|
64
|
+
setDisplayTitle(function (displayTitle) {
|
|
65
|
+
var newDisplayTitle = getDisplayTitle(channel, client.user);
|
|
66
|
+
return displayTitle !== newDisplayTitle ? newDisplayTitle : displayTitle;
|
|
67
|
+
});
|
|
68
|
+
setDisplayImage(function (displayImage) {
|
|
69
|
+
var newDisplayImage = getDisplayImage(channel, client.user);
|
|
70
|
+
return displayImage !== newDisplayImage ? newDisplayImage : displayImage;
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
client.on('user.updated', handleEvent);
|
|
74
|
+
return function () {
|
|
75
|
+
client.off('user.updated', handleEvent);
|
|
76
|
+
};
|
|
77
|
+
}, []);
|
|
60
78
|
if (!Preview)
|
|
61
79
|
return null;
|
|
62
|
-
var displayImage = getDisplayImage(channel, client.user);
|
|
63
|
-
var displayTitle = getDisplayTitle(channel, client.user);
|
|
64
80
|
var latestMessage = getLatestMessagePreview(channel, t, userLanguage);
|
|
65
81
|
return (React.createElement(Preview, __assign({}, props, { active: isActive, displayImage: displayImage, displayTitle: displayTitle, lastMessage: lastMessage, latestMessage: latestMessage, setActiveChannel: setActiveChannel, unread: unread })));
|
|
66
82
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelSearch/SearchResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAa,MAAM,SAAS,CAAC;AAO3D,OAAO,KAAK,EAAE,yBAAyB,
|
|
1
|
+
{"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelSearch/SearchResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAa,MAAM,SAAS,CAAC;AAO3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,sBAAsB,CAChC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACrD,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjF,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAwBF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;IAClD,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAsCF,oBAAY,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,KAAK,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,GAAG,EAAE,CAAC;IAC/D,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1F,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACpF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,aAAa,kJAkGzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":";AAGA,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAS,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,aAAa,CACvB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;2FAgFJ;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;;CA8BlD,CAAC"}
|
|
@@ -46,7 +46,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
46
46
|
}
|
|
47
47
|
};
|
|
48
48
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
49
|
-
import
|
|
49
|
+
import Dayjs from 'dayjs';
|
|
50
|
+
import { isLanguageSupported, } from '../../../context/TranslationContext';
|
|
50
51
|
import { Streami18n } from '../../../i18n';
|
|
51
52
|
import { version } from '../../../version';
|
|
52
53
|
export var useChat = function (_a) {
|
|
@@ -54,7 +55,7 @@ export var useChat = function (_a) {
|
|
|
54
55
|
var client = _a.client, _d = _a.defaultLanguage, defaultLanguage = _d === void 0 ? 'en' : _d, i18nInstance = _a.i18nInstance, initialNavOpen = _a.initialNavOpen;
|
|
55
56
|
var _e = useState({
|
|
56
57
|
t: function (key) { return key; },
|
|
57
|
-
tDateTimeParser:
|
|
58
|
+
tDateTimeParser: function (input) { return Dayjs(input); },
|
|
58
59
|
userLanguage: 'en',
|
|
59
60
|
}), translators = _e[0], setTranslators = _e[1];
|
|
60
61
|
var _f = useState(), channel = _f[0], setChannel = _f[1];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
export declare type CommandItemProps = {
|
|
3
3
|
entity: {
|
|
4
4
|
/** Arguments of command */
|
|
@@ -9,5 +9,5 @@ export declare type CommandItemProps = {
|
|
|
9
9
|
name?: string;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
|
-
export declare const CommandItem:
|
|
12
|
+
export declare const CommandItem: React.FC<CommandItemProps>;
|
|
13
13
|
//# sourceMappingURL=CommandItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommandItem.d.ts","sourceRoot":"","sources":["../../../src/components/CommandItem/CommandItem.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"CommandItem.d.ts","sourceRoot":"","sources":["../../../src/components/CommandItem/CommandItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,gBAAgB,GAAG;IAC7B,MAAM,EAAE;QACN,2BAA2B;QAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,6BAA6B;QAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,0BAA0B;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAgBF,eAAO,MAAM,WAAW,4BAAoE,CAAC"}
|
|
@@ -11,5 +11,5 @@ export declare type DateSeparatorProps = {
|
|
|
11
11
|
/**
|
|
12
12
|
* A simple date separator between messages.
|
|
13
13
|
*/
|
|
14
|
-
export declare const DateSeparator: (props: DateSeparatorProps) => JSX.Element;
|
|
14
|
+
export declare const DateSeparator: (props: DateSeparatorProps) => JSX.Element | null;
|
|
15
15
|
//# sourceMappingURL=DateSeparator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/DateSeparator/DateSeparator.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/DateSeparator/DateSeparator.tsx"],"names":[],"mappings":"AAIA,oBAAY,kBAAkB,GAAG;IAC/B,yBAAyB;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,mHAAmH;IACnH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvC,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAgCF;;GAEG;AACH,eAAO,MAAM,aAAa,UAjCc,kBAAkB,uBAiCwC,CAAC"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { useTranslationContext } from '../../context/TranslationContext';
|
|
3
|
-
import { getDateString } from '../../i18n/utils';
|
|
2
|
+
import { isDayOrMoment, useTranslationContext } from '../../context/TranslationContext';
|
|
4
3
|
var UnMemoizedDateSeparator = function (props) {
|
|
5
|
-
var
|
|
4
|
+
var date = props.date, formatDate = props.formatDate, _a = props.position, position = _a === void 0 ? 'right' : _a, unread = props.unread;
|
|
6
5
|
var _b = useTranslationContext('DateSeparator'), t = _b.t, tDateTimeParser = _b.tDateTimeParser;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
if (typeof date === 'string')
|
|
7
|
+
return null;
|
|
8
|
+
var parsedDate = tDateTimeParser(date.toISOString());
|
|
9
|
+
var formattedDate = formatDate
|
|
10
|
+
? formatDate(date)
|
|
11
|
+
: isDayOrMoment(parsedDate)
|
|
12
|
+
? parsedDate.calendar()
|
|
13
|
+
: parsedDate;
|
|
13
14
|
return (React.createElement("div", { className: 'str-chat__date-separator' },
|
|
14
15
|
(position === 'right' || position === 'center') && (React.createElement("hr", { className: 'str-chat__date-separator-line' })),
|
|
15
16
|
React.createElement("div", { className: 'str-chat__date-separator-date' }, unread ? t('New') + " - " + formattedDate : formattedDate),
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
export declare type EmoticonItemProps = {
|
|
2
3
|
entity: {
|
|
3
4
|
/** The parts of the Name property of the entity (or id if no name) that can be matched to the user input value.
|
|
@@ -13,5 +14,5 @@ export declare type EmoticonItemProps = {
|
|
|
13
14
|
native: string;
|
|
14
15
|
};
|
|
15
16
|
};
|
|
16
|
-
export declare const EmoticonItem:
|
|
17
|
+
export declare const EmoticonItem: React.FC<EmoticonItemProps>;
|
|
17
18
|
//# sourceMappingURL=EmoticonItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmoticonItem.d.ts","sourceRoot":"","sources":["../../../src/components/EmoticonItem/EmoticonItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EmoticonItem.d.ts","sourceRoot":"","sources":["../../../src/components/EmoticonItem/EmoticonItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE;QACN;;aAEK;QACL,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;QAClD,wBAAwB;QACxB,IAAI,EAAE,MAAM,CAAC;QACb,sCAAsC;QACtC,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAkCF,eAAO,MAAM,YAAY,6BAAsE,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
export declare type EmptyStateIndicatorProps = {
|
|
2
3
|
/** List Type: channel | message */
|
|
3
4
|
listType: 'channel' | 'message';
|
|
4
5
|
};
|
|
5
|
-
export declare const EmptyStateIndicator:
|
|
6
|
+
export declare const EmptyStateIndicator: React.FC<EmptyStateIndicatorProps>;
|
|
6
7
|
//# sourceMappingURL=EmptyStateIndicator.d.ts.map
|