stream-chat-react 8.1.2 → 8.2.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/browser.full-bundle.js +50251 -51346
- package/dist/browser.full-bundle.js.map +1 -1
- package/dist/browser.full-bundle.min.js +6 -5
- 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 +2 -1
- package/dist/components/AutoCompleteTextarea/Header.d.ts +1 -2
- 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 +3 -5
- package/dist/components/AutoCompleteTextarea/Textarea.d.ts +3 -4
- package/dist/components/AutoCompleteTextarea/Textarea.d.ts.map +1 -1
- package/dist/components/AutoCompleteTextarea/Textarea.js +17 -52
- package/dist/components/AutoCompleteTextarea/index.d.ts +0 -1
- package/dist/components/AutoCompleteTextarea/index.d.ts.map +1 -1
- package/dist/components/AutoCompleteTextarea/index.js +0 -1
- package/dist/components/Channel/Channel.d.ts.map +1 -1
- package/dist/components/Channel/Channel.js +3 -7
- package/dist/components/Channel/hooks/useCreateChannelStateContext.js +2 -2
- package/dist/components/Channel/hooks/useIsMounted.js +7 -4
- package/dist/components/Channel/utils.js +2 -2
- 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 +2 -3
- package/dist/components/ChatAutoComplete/ChatAutoComplete.js +1 -1
- 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 +9 -10
- package/dist/components/EmoticonItem/EmoticonItem.d.ts +1 -2
- package/dist/components/EmoticonItem/EmoticonItem.d.ts.map +1 -1
- package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts +1 -2
- 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 +17 -9
- package/dist/components/Gallery/Image.d.ts +1 -2
- 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 +1 -2
- 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 +1 -2
- package/dist/components/Loading/LoadingIndicator.d.ts.map +1 -1
- package/dist/components/MML/MML.d.ts +1 -2
- 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 +3 -4
- 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 +0 -2
- package/dist/components/Message/MessageTimestamp.d.ts.map +1 -1
- package/dist/components/Message/MessageTimestamp.js +7 -34
- 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 +1 -2
- package/dist/components/MessageInput/MessageInput.d.ts +12 -8
- package/dist/components/MessageInput/MessageInput.d.ts.map +1 -1
- package/dist/components/MessageInput/MessageInput.js +1 -5
- package/dist/components/MessageInput/MessageInputFlat.d.ts.map +1 -1
- package/dist/components/MessageInput/MessageInputFlat.js +3 -1
- package/dist/components/MessageInput/MessageInputSmall.d.ts.map +1 -1
- package/dist/components/MessageInput/MessageInputSmall.js +3 -1
- package/dist/components/MessageInput/QuotedMessagePreview.d.ts.map +1 -1
- package/dist/components/MessageInput/QuotedMessagePreview.js +4 -6
- package/dist/components/MessageInput/hooks/useAttachments.d.ts +4 -4
- package/dist/components/MessageInput/hooks/useAttachments.js +2 -2
- 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/useCreateMessageInputContext.js +2 -2
- 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/useMessageInputState.js +24 -27
- package/dist/components/MessageInput/hooks/usePasteHandler.d.ts +1 -1
- package/dist/components/MessageInput/hooks/usePasteHandler.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/usePasteHandler.js +3 -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 +2 -4
- package/dist/components/MessageList/Center.d.ts.map +1 -1
- package/dist/components/MessageList/ConnectionStatus.d.ts +2 -1
- 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 +2 -1
- package/dist/components/MessageList/MessageNotification.d.ts.map +1 -1
- package/dist/components/MessageList/utils.js +3 -3
- 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 +4 -1
- package/dist/context/ChannelActionContext.d.ts.map +1 -1
- package/dist/context/ChannelStateContext.d.ts +4 -1
- package/dist/context/ChannelStateContext.d.ts.map +1 -1
- package/dist/context/ChatContext.d.ts +4 -1
- package/dist/context/ChatContext.d.ts.map +1 -1
- package/dist/context/ComponentContext.d.ts +4 -1
- package/dist/context/ComponentContext.d.ts.map +1 -1
- package/dist/context/EmojiContext.d.ts +4 -1
- package/dist/context/EmojiContext.d.ts.map +1 -1
- package/dist/context/MessageContext.d.ts +4 -1
- package/dist/context/MessageContext.d.ts.map +1 -1
- package/dist/context/TranslationContext.d.ts +9 -5
- package/dist/context/TranslationContext.d.ts.map +1 -1
- package/dist/context/TranslationContext.js +6 -8
- package/dist/context/TypingContext.d.ts +4 -1
- package/dist/context/TypingContext.d.ts.map +1 -1
- package/dist/i18n/Streami18n.d.ts +1 -0
- package/dist/i18n/Streami18n.d.ts.map +1 -1
- package/dist/i18n/Streami18n.js +3 -2
- package/dist/i18n/utils.d.ts +13 -0
- package/dist/i18n/utils.d.ts.map +1 -0
- package/dist/i18n/utils.js +33 -0
- package/dist/index.cjs.js +6961 -7094
- 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 +4 -25
- 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/stories/utils.js +1 -1
- package/dist/types/types.d.ts +2 -0
- package/dist/types/types.d.ts.map +1 -1
- package/dist/utils.d.ts +5 -1
- package/dist/utils.d.ts.map +1 -1
- package/dist/utils.js +5 -8
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +23 -22
- package/dist/components/AutoCompleteTextarea/listener.d.ts +0 -22
- package/dist/components/AutoCompleteTextarea/listener.d.ts.map +0 -1
- package/dist/components/AutoCompleteTextarea/listener.js +0 -77
- package/dist/stories/connected-user.stories.d.ts.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { PropsWithChildren } 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: (props: PropsWithChildren<CardProps>) => JSX.Element | null;
|
|
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,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMjD,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,UAxEc,kBAAkB,SAAS,CAAC,uBAwEY,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;AAUjD,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,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import ReactPlayer from 'react-player';
|
|
14
|
+
import { nanoid } from 'nanoid';
|
|
14
15
|
import { AttachmentActions as DefaultAttachmentActions } from './AttachmentActions';
|
|
15
16
|
import { Audio as DefaultAudio } from './Audio';
|
|
16
17
|
import { Card as DefaultCard } from './Card';
|
|
@@ -43,7 +44,7 @@ export var renderAttachmentWithinContainer = function (props) {
|
|
|
43
44
|
? 'actions'
|
|
44
45
|
: '';
|
|
45
46
|
}
|
|
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));
|
|
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) ? '' : (attachment === null || attachment === void 0 ? void 0 : attachment.id) || nanoid()) + "-" + ((attachment === null || attachment === void 0 ? void 0 : attachment.type) || 'none') + " " }, children));
|
|
47
48
|
};
|
|
48
49
|
export var renderAttachmentActions = function (props) {
|
|
49
50
|
var _a;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
export declare type CurrentTrigger<T extends string = string> = '/' | '@' | ':' | T;
|
|
3
2
|
export declare type SuggestionListHeaderProps = {
|
|
4
3
|
currentTrigger: CurrentTrigger;
|
|
5
4
|
value: string;
|
|
6
5
|
};
|
|
7
|
-
export declare const DefaultSuggestionListHeader:
|
|
6
|
+
export declare const DefaultSuggestionListHeader: (props: SuggestionListHeaderProps) => JSX.Element | null;
|
|
8
7
|
//# 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":"AAIA,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,UAAW,yBAAyB,uBAgC3E,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":"AAQO,8CA0IN"}
|
|
@@ -14,7 +14,6 @@ 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';
|
|
18
17
|
export var List = function (props) {
|
|
19
18
|
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;
|
|
20
19
|
var _a = useComponentContext(), AutocompleteSuggestionHeader = _a.AutocompleteSuggestionHeader, AutocompleteSuggestionItem = _a.AutocompleteSuggestionItem;
|
|
@@ -55,7 +54,7 @@ export var List = function (props) {
|
|
|
55
54
|
setSelectedItem(index);
|
|
56
55
|
};
|
|
57
56
|
var handleKeyDown = useCallback(function (event) {
|
|
58
|
-
if (event.
|
|
57
|
+
if (event.key === 'ArrowUp') {
|
|
59
58
|
setSelectedItem(function (prevSelected) {
|
|
60
59
|
if (prevSelected === undefined)
|
|
61
60
|
return 0;
|
|
@@ -64,7 +63,7 @@ export var List = function (props) {
|
|
|
64
63
|
return newID;
|
|
65
64
|
});
|
|
66
65
|
}
|
|
67
|
-
if (event.
|
|
66
|
+
if (event.key === 'ArrowDown') {
|
|
68
67
|
setSelectedItem(function (prevSelected) {
|
|
69
68
|
if (prevSelected === undefined)
|
|
70
69
|
return 0;
|
|
@@ -73,8 +72,7 @@ export var List = function (props) {
|
|
|
73
72
|
return newID;
|
|
74
73
|
});
|
|
75
74
|
}
|
|
76
|
-
if ((event.
|
|
77
|
-
selectedItem !== undefined) {
|
|
75
|
+
if ((event.key === 'Enter' || event.key === 'Tab') && selectedItem !== undefined) {
|
|
78
76
|
handleClick(event);
|
|
79
77
|
}
|
|
80
78
|
return null;
|
|
@@ -22,8 +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
|
-
|
|
26
|
-
|
|
25
|
+
_defaultShouldSubmit: (event: any) => boolean;
|
|
26
|
+
_handleKeyDown: (event: any) => void;
|
|
27
27
|
_onEnter: (event: any) => void;
|
|
28
28
|
_onSpace: () => void;
|
|
29
29
|
_replaceWord: () => void;
|
|
@@ -39,7 +39,6 @@ export class ReactTextareaAutocomplete extends React.Component<any, any, any> {
|
|
|
39
39
|
_closeAutocomplete: () => void;
|
|
40
40
|
_cleanUpProps: () => {
|
|
41
41
|
[x: string]: any;
|
|
42
|
-
children?: React.ReactNode;
|
|
43
42
|
};
|
|
44
43
|
_isCommand: (text: any) => boolean;
|
|
45
44
|
_changeHandler: (e: any) => void;
|
|
@@ -71,7 +70,6 @@ export namespace ReactTextareaAutocomplete {
|
|
|
71
70
|
export const dropdownStyle: PropTypes.Requireable<object>;
|
|
72
71
|
export const itemClassName: PropTypes.Requireable<string>;
|
|
73
72
|
export const itemStyle: PropTypes.Requireable<object>;
|
|
74
|
-
export const keycodeSubmitKeys: PropTypes.Requireable<any[]>;
|
|
75
73
|
export const listClassName: PropTypes.Requireable<string>;
|
|
76
74
|
export const listStyle: PropTypes.Requireable<object>;
|
|
77
75
|
export const loaderClassName: PropTypes.Requireable<string>;
|
|
@@ -82,6 +80,7 @@ export namespace ReactTextareaAutocomplete {
|
|
|
82
80
|
export const onCaretPositionChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
83
81
|
export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
84
82
|
export const onSelect: PropTypes.Requireable<(...args: any[]) => any>;
|
|
83
|
+
export const shouldSubmit: PropTypes.Requireable<(...args: any[]) => any>;
|
|
85
84
|
export const style: PropTypes.Requireable<object>;
|
|
86
85
|
export const SuggestionList: PropTypes.Requireable<PropTypes.ReactComponentLike>;
|
|
87
86
|
export { triggerPropsCheck as trigger };
|
|
@@ -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":"AAiBA;IACE;;;;;;;MAOE;IA8VF;;OAEG;IACH;;;aAMC;IArWD,wBA2BC;IAED;;;aAOE;IAEF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF,8CAA2E;IAE3E,qCAME;IAEF,+BAcE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAYF;;OAEG;IACH,+BAQE;IAEF;;MA6CE;IAEF,mCAME;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCAiBE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,oDAyCC;IAlBS,+CAAsB;IAqDtB,oDAAsB;CAUjC"}
|
|
@@ -29,7 +29,6 @@ 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';
|
|
33
32
|
import { List as DefaultSuggestionList } from './List';
|
|
34
33
|
import { DEFAULT_CARET_POSITION, defaultScrollToItem, errorMessage, triggerPropsCheck, } from './utils';
|
|
35
34
|
import { CommandItem } from '../CommandItem/CommandItem';
|
|
@@ -66,30 +65,20 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
|
|
|
66
65
|
return 0;
|
|
67
66
|
return _this.textareaRef.selectionEnd;
|
|
68
67
|
};
|
|
69
|
-
_this.
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
_this.keycodeSubmitShiftE = true;
|
|
79
|
-
return Listeners.add(submitValue, function (e) { return _this._onEnter(e); });
|
|
80
|
-
});
|
|
68
|
+
_this._defaultShouldSubmit = function (event) { return event.key === 'Enter' && !event.shiftKey; };
|
|
69
|
+
_this._handleKeyDown = function (event) {
|
|
70
|
+
var _a = _this.props.shouldSubmit, shouldSubmit = _a === void 0 ? _this._defaultShouldSubmit : _a;
|
|
71
|
+
if (shouldSubmit === null || shouldSubmit === void 0 ? void 0 : shouldSubmit(event))
|
|
72
|
+
return _this._onEnter(event);
|
|
73
|
+
if (event.key === ' ')
|
|
74
|
+
return _this._onSpace(event);
|
|
75
|
+
if (event.key === 'Escape')
|
|
76
|
+
return _this._closeAutocomplete();
|
|
81
77
|
};
|
|
82
78
|
_this._onEnter = function (event) {
|
|
83
79
|
if (!_this.textareaRef)
|
|
84
80
|
return;
|
|
85
81
|
var trigger = _this.state.currentTrigger;
|
|
86
|
-
var hasFocus = _this.textareaRef.matches(':focus');
|
|
87
|
-
// Don't submit if the element doesn't have focus or the shift key is pressed, unless shift+Enter were provided as submit keys
|
|
88
|
-
if (!hasFocus ||
|
|
89
|
-
(event.shiftKey === true && !_this.keycodeSubmitShiftE) ||
|
|
90
|
-
(event.shiftKey === true && !_this.props.keycodeSubmitKeys)) {
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
82
|
if (!trigger || !_this.state.data) {
|
|
94
83
|
// trigger a submit
|
|
95
84
|
_this._replaceWord();
|
|
@@ -320,7 +309,6 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
|
|
|
320
309
|
'innerRef',
|
|
321
310
|
'itemClassName',
|
|
322
311
|
'itemStyle',
|
|
323
|
-
'keycodeSubmitKeys',
|
|
324
312
|
'listClassName',
|
|
325
313
|
'listStyle',
|
|
326
314
|
'loaderClassName',
|
|
@@ -333,6 +321,7 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
|
|
|
333
321
|
'ref',
|
|
334
322
|
'replaceWord',
|
|
335
323
|
'scrollToItem',
|
|
324
|
+
'shouldSubmit',
|
|
336
325
|
'showCommandsList',
|
|
337
326
|
'showMentionsList',
|
|
338
327
|
'SuggestionItem',
|
|
@@ -351,9 +340,7 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
|
|
|
351
340
|
if (text[0] !== '/')
|
|
352
341
|
return false;
|
|
353
342
|
var tokens = text.split(' ');
|
|
354
|
-
|
|
355
|
-
return false;
|
|
356
|
-
return true;
|
|
343
|
+
return tokens.length <= 1;
|
|
357
344
|
};
|
|
358
345
|
_this._changeHandler = function (e) {
|
|
359
346
|
var _a = _this.props, minChar = _a.minChar, movePopupAsYouType = _a.movePopupAsYouType, onCaretPositionChange = _a.onCaretPositionChange, onChange = _a.onChange, trigger = _a.trigger;
|
|
@@ -504,9 +491,7 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
|
|
|
504
491
|
currentTrigger: null,
|
|
505
492
|
data: null,
|
|
506
493
|
dataLoading: false,
|
|
507
|
-
keycodeSubmitShiftE: false,
|
|
508
494
|
left: null,
|
|
509
|
-
listenerIndex: {},
|
|
510
495
|
selectionEnd: 0,
|
|
511
496
|
selectionStart: 0,
|
|
512
497
|
top: null,
|
|
@@ -514,29 +499,6 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
|
|
|
514
499
|
};
|
|
515
500
|
return _this;
|
|
516
501
|
}
|
|
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
|
-
};
|
|
540
502
|
/**
|
|
541
503
|
* setup to emulate the UNSAFE_componentWillReceiveProps
|
|
542
504
|
*/
|
|
@@ -569,13 +531,16 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
|
|
|
569
531
|
var _b = this.state, dataLoading = _b.dataLoading, value = _b.value;
|
|
570
532
|
if (!this.props.grow)
|
|
571
533
|
maxRows = 1;
|
|
534
|
+
// By setting defaultValue to undefined, avoid error:
|
|
535
|
+
// ForwardRef(TextareaAutosize) contains a textarea with both value and defaultValue props.
|
|
536
|
+
// Textarea elements must be either controlled or uncontrolled
|
|
572
537
|
return (React.createElement("div", { className: "rta " + (dataLoading === true ? 'rta--loading' : '') + " " + (containerClassName || ''), style: containerStyle },
|
|
573
538
|
this.renderSuggestionListContainer(),
|
|
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) {
|
|
539
|
+
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, onKeyDown: this._handleKeyDown, onScroll: this._onScrollHandler, onSelect: this._selectHandler, ref: function (ref) {
|
|
575
540
|
if (_this.props.innerRef)
|
|
576
541
|
_this.props.innerRef(ref);
|
|
577
542
|
_this.textareaRef = ref;
|
|
578
|
-
}, style: style, value: value }, this.props.additionalTextareaProps))));
|
|
543
|
+
}, style: style, value: value }, this.props.additionalTextareaProps, { defaultValue: undefined }))));
|
|
579
544
|
};
|
|
580
545
|
ReactTextareaAutocomplete.defaultProps = {
|
|
581
546
|
closeOnClickOutside: true,
|
|
@@ -598,7 +563,6 @@ ReactTextareaAutocomplete.propTypes = {
|
|
|
598
563
|
dropdownStyle: PropTypes.object,
|
|
599
564
|
itemClassName: PropTypes.string,
|
|
600
565
|
itemStyle: PropTypes.object,
|
|
601
|
-
keycodeSubmitKeys: PropTypes.array,
|
|
602
566
|
listClassName: PropTypes.string,
|
|
603
567
|
listStyle: PropTypes.object,
|
|
604
568
|
loaderClassName: PropTypes.string,
|
|
@@ -609,6 +573,7 @@ ReactTextareaAutocomplete.propTypes = {
|
|
|
609
573
|
onCaretPositionChange: PropTypes.func,
|
|
610
574
|
onChange: PropTypes.func,
|
|
611
575
|
onSelect: PropTypes.func,
|
|
576
|
+
shouldSubmit: PropTypes.func,
|
|
612
577
|
style: PropTypes.object,
|
|
613
578
|
SuggestionList: PropTypes.elementType,
|
|
614
579
|
trigger: triggerPropsCheck,
|
|
@@ -2,7 +2,6 @@ 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';
|
|
6
5
|
export { ReactTextareaAutocomplete as AutoCompleteTextarea } from './Textarea';
|
|
7
6
|
export { defaultScrollToItem } from './utils';
|
|
8
7
|
//# 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,
|
|
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,6 +1,5 @@
|
|
|
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';
|
|
5
4
|
export { ReactTextareaAutocomplete as AutoCompleteTextarea } from './Textarea';
|
|
6
5
|
export { defaultScrollToItem } from './utils';
|
|
@@ -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":"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"}
|
|
@@ -60,7 +60,7 @@ import React, { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useStat
|
|
|
60
60
|
import debounce from 'lodash.debounce';
|
|
61
61
|
import throttle from 'lodash.throttle';
|
|
62
62
|
import { logChatPromiseExecution, } from 'stream-chat';
|
|
63
|
-
import {
|
|
63
|
+
import { nanoid } from 'nanoid';
|
|
64
64
|
import { channelReducer, initialState } from './channelState';
|
|
65
65
|
import { commonEmoji, defaultMinimalEmojis, emojiSetDef } from './emojiData';
|
|
66
66
|
import { useCreateChannelStateContext } from './hooks/useCreateChannelStateContext';
|
|
@@ -440,7 +440,7 @@ var ChannelInner = function (props) {
|
|
|
440
440
|
});
|
|
441
441
|
}); };
|
|
442
442
|
var createMessagePreview = function (text, attachments, parent, mentioned_users) {
|
|
443
|
-
var clientSideID = client.userID + "-" +
|
|
443
|
+
var clientSideID = client.userID + "-" + nanoid();
|
|
444
444
|
return __assign({ __html: text, attachments: attachments, created_at: new Date(), html: text, id: clientSideID, mentioned_users: mentioned_users, reactions: [], status: 'sending', text: text, type: 'regular', user: client.user }, ((parent === null || parent === void 0 ? void 0 : parent.id) ? { parent_id: parent.id } : null));
|
|
445
445
|
};
|
|
446
446
|
var sendMessage = function (_a, customMessageData) {
|
|
@@ -619,11 +619,7 @@ var ChannelInner = function (props) {
|
|
|
619
619
|
var windowsEmojiClass = useImageFlagEmojisOnWindows && navigator.userAgent.match(/Win/)
|
|
620
620
|
? 'str-chat--windows-flags'
|
|
621
621
|
: '';
|
|
622
|
-
var
|
|
623
|
-
var children = _a.children;
|
|
624
|
-
return React.createElement(React.Fragment, null, children);
|
|
625
|
-
};
|
|
626
|
-
var OptionalMessageInputProvider = useMemo(function () { return (dragAndDropWindow ? DropzoneProvider : NullProvider); }, [dragAndDropWindow]);
|
|
622
|
+
var OptionalMessageInputProvider = useMemo(function () { return (dragAndDropWindow ? DropzoneProvider : React.Fragment); }, [dragAndDropWindow]);
|
|
627
623
|
if (state.error) {
|
|
628
624
|
return (React.createElement("div", { className: chatClass + " " + channelClass + " " + theme },
|
|
629
625
|
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,8 +1,11 @@
|
|
|
1
1
|
import { useEffect, useRef } from 'react';
|
|
2
2
|
export var useIsMounted = function () {
|
|
3
|
-
var isMounted = useRef(
|
|
4
|
-
useEffect(function () {
|
|
5
|
-
isMounted.current =
|
|
6
|
-
|
|
3
|
+
var isMounted = useRef(false);
|
|
4
|
+
useEffect(function () {
|
|
5
|
+
isMounted.current = true;
|
|
6
|
+
return function () {
|
|
7
|
+
isMounted.current = false;
|
|
8
|
+
};
|
|
9
|
+
}, []);
|
|
7
10
|
return isMounted;
|
|
8
11
|
};
|
|
@@ -3,12 +3,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
|
3
3
|
to[j] = from[i];
|
|
4
4
|
return to;
|
|
5
5
|
};
|
|
6
|
-
import {
|
|
6
|
+
import { nanoid } from 'nanoid';
|
|
7
7
|
export var makeAddNotifications = function (setNotifications, notificationTimeouts) { return function (text, type) {
|
|
8
8
|
if (typeof text !== 'string' || (type !== 'success' && type !== 'error')) {
|
|
9
9
|
return;
|
|
10
10
|
}
|
|
11
|
-
var id =
|
|
11
|
+
var id = nanoid();
|
|
12
12
|
setNotifications(function (prevNotifications) { return __spreadArray(__spreadArray([], prevNotifications), [{ id: id, text: text, type: type }]); });
|
|
13
13
|
var timeout = setTimeout(function () {
|
|
14
14
|
return setNotifications(function (prevNotifications) {
|
|
@@ -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;AAuDF;;GAEG;AACH,eAAO,MAAM,aAAa,4FArDjB,kBAAkB,gBAqDuE,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 && React.createElement("span", { className: 'str-chat__header-livestream-left--livelabel' }, t('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,EAAyB,MAAM,mBAAmB,CAAC;AAE1F,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,kJAoGzB,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":";AAEA,OAAO,EAGL,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,8 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
46
46
|
}
|
|
47
47
|
};
|
|
48
48
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
49
|
-
import
|
|
50
|
-
import { isLanguageSupported, } from '../../../context/TranslationContext';
|
|
49
|
+
import { defaultDateTimeParser, isLanguageSupported, } from '../../../context/TranslationContext';
|
|
51
50
|
import { Streami18n } from '../../../i18n';
|
|
52
51
|
import { version } from '../../../version';
|
|
53
52
|
export var useChat = function (_a) {
|
|
@@ -55,7 +54,7 @@ export var useChat = function (_a) {
|
|
|
55
54
|
var client = _a.client, _d = _a.defaultLanguage, defaultLanguage = _d === void 0 ? 'en' : _d, i18nInstance = _a.i18nInstance, initialNavOpen = _a.initialNavOpen;
|
|
56
55
|
var _e = useState({
|
|
57
56
|
t: function (key) { return key; },
|
|
58
|
-
tDateTimeParser:
|
|
57
|
+
tDateTimeParser: defaultDateTimeParser,
|
|
59
58
|
userLanguage: 'en',
|
|
60
59
|
}), translators = _e[0], setTranslators = _e[1];
|
|
61
60
|
var _f = useState(), channel = _f[0], setChannel = _f[1];
|
|
@@ -30,6 +30,6 @@ var UnMemoizedChatAutoComplete = function (props) {
|
|
|
30
30
|
innerRef.current = ref;
|
|
31
31
|
}
|
|
32
32
|
}, [innerRef]);
|
|
33
|
-
return (React.createElement(AutoCompleteTextarea, { additionalTextareaProps: messageInput.additionalTextareaProps, "aria-label": cooldownRemaining ? t('Slow Mode ON') : placeholder, className: 'str-chat__textarea__textarea', closeCommandsList: messageInput.closeCommandsList, closeMentionsList: messageInput.closeMentionsList, containerClassName: 'str-chat__textarea', disabled: disabled || !!cooldownRemaining, disableMentions: messageInput.disableMentions, dropdownClassName: 'str-chat__emojisearch', grow: messageInput.grow, handleSubmit: props.handleSubmit || messageInput.handleSubmit, innerRef: updateInnerRef, itemClassName: 'str-chat__emojisearch__item',
|
|
33
|
+
return (React.createElement(AutoCompleteTextarea, { additionalTextareaProps: messageInput.additionalTextareaProps, "aria-label": cooldownRemaining ? t('Slow Mode ON') : placeholder, className: 'str-chat__textarea__textarea', closeCommandsList: messageInput.closeCommandsList, closeMentionsList: messageInput.closeMentionsList, containerClassName: 'str-chat__textarea', disabled: disabled || !!cooldownRemaining, disableMentions: messageInput.disableMentions, dropdownClassName: 'str-chat__emojisearch', grow: messageInput.grow, handleSubmit: props.handleSubmit || messageInput.handleSubmit, innerRef: updateInnerRef, itemClassName: 'str-chat__emojisearch__item', listClassName: 'str-chat__emojisearch__list', loadingComponent: LoadingIndicator, maxRows: messageInput.maxRows, minChar: 0, onBlur: props.onBlur, onChange: props.onChange || messageInput.handleChange, onFocus: props.onFocus, onPaste: props.onPaste || messageInput.onPaste, placeholder: cooldownRemaining ? t('Slow Mode ON') : placeholder, replaceWord: emojiReplace, rows: props.rows || 1, shouldSubmit: messageInput.shouldSubmit, showCommandsList: messageInput.showCommandsList, showMentionsList: messageInput.showMentionsList, SuggestionItem: SuggestionItem, SuggestionList: SuggestionList, trigger: messageInput.autocompleteTriggers || {}, value: props.value || messageInput.text }));
|
|
34
34
|
};
|
|
35
35
|
export var ChatAutoComplete = React.memo(UnMemoizedChatAutoComplete);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { PropsWithChildren } 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: (props: PropsWithChildren<CommandItemProps>) => JSX.Element;
|
|
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,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,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,UAdc,kBAAkB,gBAAgB,CAAC,gBAcmB,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;
|
|
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":"AAKA,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;AA6BF;;GAEG;AACH,eAAO,MAAM,aAAa,UA9Bc,kBAAkB,gBA8BwC,CAAC"}
|