stream-chat-react 11.0.0-rc.4 → 11.0.0-rc.5
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 +22 -2
- package/dist/browser.full-bundle.js.map +1 -1
- package/dist/browser.full-bundle.min.js +5 -5
- package/dist/browser.full-bundle.min.js.map +1 -1
- package/dist/components/Emojis/index.cjs.js +1 -1
- package/dist/components/MessageList/MessageList.d.ts.map +1 -1
- package/dist/components/MessageList/MessageList.js +2 -1
- package/dist/context/MessageListContext.d.ts +16 -0
- package/dist/context/MessageListContext.d.ts.map +1 -0
- package/dist/context/MessageListContext.js +17 -0
- package/dist/context/index.d.ts +1 -0
- package/dist/context/index.d.ts.map +1 -1
- package/dist/context/index.js +1 -0
- package/dist/{icons-5ee8c22b.js → icons-427fd8d5.js} +20 -0
- package/dist/index.cjs.js +6 -3
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +11 -4
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var icons = require('../../icons-
|
|
5
|
+
var icons = require('../../icons-427fd8d5.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var Picker = require('@emoji-mart/react');
|
|
8
8
|
require('react-dom');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EACL,yBAAyB,EAE1B,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EACL,yBAAyB,EAE1B,MAAM,oCAAoC,CAAC;AAS5C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAMhG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA0MnE,aAAK,qBAAqB,GACtB,6BAA6B,GAC7B,8BAA8B,GAC9B,sBAAsB,GACtB,uBAAuB,GACvB,YAAY,GACZ,mCAAmC,GACnC,iCAAiC,GACjC,mCAAmC,GACnC,8BAA8B,GAC9B,gCAAgC,GAChC,gCAAgC,GAChC,SAAS,GACT,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,YAAY,GACZ,kBAAkB,GAClB,YAAY,CAAC;AAEjB,oBAAY,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,CAAC,GAAG;IAC3E,8FAA8F;IAC9F,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAC1C,eAAe,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAClD,WAAW,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAC9C,aAAa,EAAE,OAAO,KACnB,UAAU,CAAC;IAChB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iIAAiI;IACjI,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,yCAAyC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qIAAqI;IACrI,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mLAAmL;IACnL,2BAA2B,CAAC,EAAE,mBAAmB,CAAC;IAClD,iHAAiH;IACjH,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4LAA4L;IAC5L,QAAQ,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACzE,6LAA6L;IAC7L,aAAa,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACnF,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yKAAyK;IACzK,QAAQ,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC/C,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qHAAqH;IACrH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,gJA2BvB,CAAC"}
|
|
@@ -7,6 +7,7 @@ import { useChannelActionContext, } from '../../context/ChannelActionContext';
|
|
|
7
7
|
import { useChannelStateContext, } from '../../context/ChannelStateContext';
|
|
8
8
|
import { useChatContext } from '../../context/ChatContext';
|
|
9
9
|
import { useComponentContext } from '../../context/ComponentContext';
|
|
10
|
+
import { MessageListContextProvider } from '../../context/MessageListContext';
|
|
10
11
|
import { EmptyStateIndicator as DefaultEmptyStateIndicator } from '../EmptyStateIndicator';
|
|
11
12
|
import { InfiniteScroll } from '../InfiniteScrollPaginator/InfiniteScroll';
|
|
12
13
|
import { LoadingIndicator as DefaultLoadingIndicator } from '../Loading';
|
|
@@ -110,7 +111,7 @@ var MessageListWithContext = function (props) {
|
|
|
110
111
|
}
|
|
111
112
|
}, [highlightedMessageId]);
|
|
112
113
|
var showEmptyStateIndicator = elements.length === 0 && !threadList;
|
|
113
|
-
return (React.createElement(
|
|
114
|
+
return (React.createElement(MessageListContextProvider, { value: { listElement: listElement, scrollToBottom: scrollToBottom } },
|
|
114
115
|
React.createElement(MessageListMainPanel, null,
|
|
115
116
|
React.createElement("div", { className: "".concat(messageListClass, " ").concat(threadListClass), onScroll: onScroll, ref: setListElement, tabIndex: 0 }, showEmptyStateIndicator ? (React.createElement(EmptyStateIndicator, { key: 'empty-state-indicator', listType: threadList ? 'thread' : 'message' })) : (React.createElement(InfiniteScroll, __assign({ className: 'str-chat__reverse-infinite-scroll str-chat__message-list-scroll', "data-testid": 'reverse-infinite-scroll', hasNextPage: props.hasMoreNewer, hasPreviousPage: props.hasMore, head: props.head, isLoading: props.loadingMore, loader: React.createElement("div", { className: 'str-chat__list__loading', key: 'loading-indicator' }, props.loadingMore && React.createElement(LoadingIndicator, { size: 20 })), loadNextPage: loadMoreNewer, loadPreviousPage: loadMore }, props.internalInfiniteScrollProps, { threshold: loadMoreScrollThreshold }),
|
|
116
117
|
React.createElement("ul", { className: 'str-chat__ul', ref: setUlElement }, elements),
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { PropsWithChildren } from 'react';
|
|
2
|
+
export declare type MessageListContextValue = {
|
|
3
|
+
/** The scroll container within which the messages and typing indicator are rendered */
|
|
4
|
+
listElement: HTMLDivElement | null;
|
|
5
|
+
/** Function that scrolls the `listElement` to the bottom. */
|
|
6
|
+
scrollToBottom: () => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const MessageListContext: React.Context<MessageListContextValue | undefined>;
|
|
9
|
+
/**
|
|
10
|
+
* Context provider for components rendered within the `MessageList`
|
|
11
|
+
*/
|
|
12
|
+
export declare const MessageListContextProvider: ({ children, value, }: React.PropsWithChildren<{
|
|
13
|
+
value: MessageListContextValue;
|
|
14
|
+
}>) => JSX.Element;
|
|
15
|
+
export declare const useMessageListContext: (componentName?: string) => MessageListContextValue;
|
|
16
|
+
//# sourceMappingURL=MessageListContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageListContext.d.ts","sourceRoot":"","sources":["../../src/context/MessageListContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAE5E,oBAAY,uBAAuB,GAAG;IACpC,uFAAuF;IACvF,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,6DAA6D;IAC7D,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,oDAAgE,CAAC;AAEhG;;GAEG;AACH,eAAO,MAAM,0BAA0B;WAI9B,uBAAuB;kBAK/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,mBAAoB,MAAM,4BAY3D,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { createContext, useContext } from 'react';
|
|
2
|
+
export var MessageListContext = createContext(undefined);
|
|
3
|
+
/**
|
|
4
|
+
* Context provider for components rendered within the `MessageList`
|
|
5
|
+
*/
|
|
6
|
+
export var MessageListContextProvider = function (_a) {
|
|
7
|
+
var children = _a.children, value = _a.value;
|
|
8
|
+
return (React.createElement(MessageListContext.Provider, { value: value }, children));
|
|
9
|
+
};
|
|
10
|
+
export var useMessageListContext = function (componentName) {
|
|
11
|
+
var contextValue = useContext(MessageListContext);
|
|
12
|
+
if (!contextValue) {
|
|
13
|
+
console.warn("The useMessageListContext hook was called outside of the MessageListContext provider. Make sure this hook is called within the MessageList component. The errored call is located in the ".concat(componentName, " component."));
|
|
14
|
+
return {};
|
|
15
|
+
}
|
|
16
|
+
return contextValue;
|
|
17
|
+
};
|
package/dist/context/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export * from './ChatContext';
|
|
|
4
4
|
export * from './ComponentContext';
|
|
5
5
|
export * from './MessageContext';
|
|
6
6
|
export * from './MessageInputContext';
|
|
7
|
+
export * from './MessageListContext';
|
|
7
8
|
export * from './TranslationContext';
|
|
8
9
|
export * from './TypingContext';
|
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}
|
package/dist/context/index.js
CHANGED
|
@@ -330,6 +330,23 @@ var useMessageInputContext = function (componentName) {
|
|
|
330
330
|
return contextValue;
|
|
331
331
|
};
|
|
332
332
|
|
|
333
|
+
var MessageListContext = React.createContext(undefined);
|
|
334
|
+
/**
|
|
335
|
+
* Context provider for components rendered within the `MessageList`
|
|
336
|
+
*/
|
|
337
|
+
var MessageListContextProvider = function (_a) {
|
|
338
|
+
var children = _a.children, value = _a.value;
|
|
339
|
+
return (React__default["default"].createElement(MessageListContext.Provider, { value: value }, children));
|
|
340
|
+
};
|
|
341
|
+
var useMessageListContext = function (componentName) {
|
|
342
|
+
var contextValue = React.useContext(MessageListContext);
|
|
343
|
+
if (!contextValue) {
|
|
344
|
+
console.warn("The useMessageListContext hook was called outside of the MessageListContext provider. Make sure this hook is called within the MessageList component. The errored call is located in the ".concat(componentName, " component."));
|
|
345
|
+
return {};
|
|
346
|
+
}
|
|
347
|
+
return contextValue;
|
|
348
|
+
};
|
|
349
|
+
|
|
333
350
|
var Cancel$b="Stornieren";var Close$b="Schließen";var Delete$b="Löschen";var Delivered$b="Zugestellt";var Flag$b="Meldung";var Menu$b="Menü";var Mute$b="Stumm schalten";var New$b="Neu";var Pin$b="Pin";var Reply$b="Antworten";var Search$b="Suche";var Send$b="Senden";var Shuffle$b="Mischen";var Thread$b="Thread";var Unmute$b="Stummschaltung aufheben";var Unpin$b="Pin entfernen";var live$b="live";var replyCount_one$b="1 Antwort";var replyCount_other$b="{{ count }} Antworten";var searchResultsCount_one$b="1 Ergebnis";var searchResultsCount_other$b="{{ count }} Ergebnisse";var deTranslations = {"Attach files":"Dateien anhängen",Cancel:Cancel$b,"Channel Missing":"Kanal fehlt",Close:Close$b,"Close emoji picker":"Emoji-Picker schließen","Commands matching":"Übereinstimmende Befehle","Connection failure, reconnecting now...":"Verbindungsfehler, Wiederherstellung der Verbindung...",Delete:Delete$b,Delivered:Delivered$b,"Drag your files here":"Ziehen Sie Ihre Dateien hierher","Drag your files here to add to your post":"Ziehen Sie Ihre Dateien hierher, um sie Ihrem Beitrag hinzuzufügen","Edit Message":"Nachricht bearbeiten","Edit message request failed":"Anfrage zum Bearbeiten der Nachricht fehlgeschlagen","Emoji matching":"Emoji passend","Empty message...":"Leere Nachricht...","Error adding flag":"Fehler beim Hinzufügen des Flags","Error connecting to chat, refresh the page to try again.":"Verbindungsfehler zum Chat, Aktualisiere die Seite um es erneut zu versuchen.","Error deleting message":"Fehler beim Löschen der Nachricht","Error muting a user ...":"Fehler beim Stummschalten eines Nutzers.","Error pinning message":"Fehler beim Pinnen der Nachricht","Error removing message pin":"Fehler beim Entfernen der gepinnten Nachricht","Error unmuting a user ...":"Stummschaltung des Nutzers fehlgeschlagen ...","Error uploading file":"Fehler beim Hochladen der Datei","Error uploading image":"Hochladen des Bildes fehlgeschlagen","Error · Unsent":"Fehler nicht gesendet","Error: {{ errorMessage }}":"Fehler: {{ errorMessage }}",Flag:Flag$b,"Latest Messages":"Neueste Nachrichten","Load more":"Mehr laden",Menu:Menu$b,"Message Failed · Click to try again":"Nachricht fehlgeschlagen · Klicken, um es erneut zu versuchen","Message Failed · Unauthorized":"Nachricht fehlgeschlagen · Nicht autorisiert","Message deleted":"Nachricht gelöscht","Message has been successfully flagged":"Nachricht wurde erfolgreich gemeldet","Message pinned":"Nachricht gepinnt",Mute:Mute$b,New:New$b,"New Messages!":"Neue Nachrichten!","No chats here yet…":"Noch keine Chats hier...","No results found":"keine Ergebnisse gefunden","Nothing yet...":"Noch nichts...","Open emoji picker":"Emoji-Picker öffnen","People matching":"Passende Personen",Pin:Pin$b,"Pinned by":"Gepinnt von",Reply:Reply$b,"Reply to Message":"Auf Nachricht antworten",Search:Search$b,"Searching...":"Suchen...",Send:Send$b,"Send message request failed":"Senden der Nachrichtenanfrage fehlgeschlagen","Sending...":"Senden...",Shuffle:Shuffle$b,"Slow Mode ON":"Slow-Mode EIN","Some of the files will not be accepted":"Einige der Dateien werden nicht akzeptiert","This message was deleted...":"Diese Nachricht wurde gelöscht...",Thread:Thread$b,"Type your message":"Nachricht eingeben",Unmute:Unmute$b,Unpin:Unpin$b,"Upload type: \"{{ type }}\" is not allowed":"Upload-Typ: \"{{ type }}\" ist nicht erlaubt","Wait until all attachments have uploaded":"Bitte warten, bis alle Anhänge hochgeladen wurden","You have no channels currently":"Du hast momentan noch keinen Channels","You've reached the maximum number of files":"Die maximale Dateianzahl ist erreicht","ban-command-args":"[@Benutzername] [Text]","ban-command-description":"Einen Benutzer verbannen","giphy-command-args":"[Text]","giphy-command-description":"Poste ein zufälliges Gif in den Kanal",live:live$b,"mute-command-args":"[@Benutzername]","mute-command-description":"Stummschalten eines Benutzers",replyCount_one:replyCount_one$b,replyCount_other:replyCount_other$b,searchResultsCount_one:searchResultsCount_one$b,searchResultsCount_other:searchResultsCount_other$b,"this content could not be displayed":"Dieser Inhalt konnte nicht angezeigt werden","unban-command-args":"[@Benutzername]","unban-command-description":"Einen Benutzer entbannen","unmute-command-args":"[@Benutzername]","unmute-command-description":"Stummschaltung eines Benutzers aufheben","{{ commaSeparatedUsers }} and {{ moreCount }} more":"{{ commaSeparatedUsers }} und {{moreCount}} Mehr","{{ commaSeparatedUsers }}, and {{ lastUser }}":"{{ commaSeparatedUsers }} und {{ lastUser }}","{{ firstUser }} and {{ secondUser }}":"{{ firstUser }} und {{ secondUser }}","{{ imageCount }} more":"{{ imageCount }} mehr","{{ memberCount }} members":"{{ memberCount }} Mitglieder","{{ user }} has been muted":"{{ user }} wurde stummgeschaltet","{{ user }} has been unmuted":"{{ user }} wurde nicht stummgeschaltet","{{ user }} is typing...":"{{ user }} tippt...","{{ users }} and more are typing...":"{{ users }} und mehr tippen...","{{ users }} and {{ user }} are typing...":"{{ users }} und {{ user }} tippen...","{{ watcherCount }} online":"{{ watcherCount }} online","🏙 Attachment...":"🏙 Anhang..."};
|
|
334
351
|
|
|
335
352
|
var Cancel$a="Cancel";var Close$a="Close";var Delete$a="Delete";var Delivered$a="Delivered";var Flag$a="Flag";var Menu$a="Menu";var Mute$a="Mute";var New$a="New";var Pin$a="Pin";var Reply$a="Reply";var Search$a="Search";var Send$a="Send";var Shuffle$a="Shuffle";var Thread$a="Thread";var Unmute$a="Unmute";var Unpin$a="Unpin";var live$a="live";var replyCount_one$a="1 reply";var replyCount_other$a="{{ count }} replies";var searchResultsCount_one$a="1 result";var searchResultsCount_other$a="{{ count }} results";var enTranslations = {"Attach files":"Attach files",Cancel:Cancel$a,"Channel Missing":"Channel Missing",Close:Close$a,"Close emoji picker":"Close emoji picker","Commands matching":"Commands matching","Connection failure, reconnecting now...":"Connection failure, reconnecting now...",Delete:Delete$a,Delivered:Delivered$a,"Drag your files here":"Drag your files here","Drag your files here to add to your post":"Drag your files here to add to your post","Edit Message":"Edit Message","Edit message request failed":"Edit message request failed","Emoji matching":"Emoji matching","Empty message...":"Empty message...","Error adding flag":"Error adding flag","Error connecting to chat, refresh the page to try again.":"Error connecting to chat, refresh the page to try again.","Error deleting message":"Error deleting message","Error muting a user ...":"Error muting a user ...","Error pinning message":"Error pinning message","Error removing message pin":"Error removing message pin","Error unmuting a user ...":"Error unmuting a user ...","Error uploading file":"Error uploading file","Error uploading image":"Error uploading image","Error · Unsent":"Error · Unsent","Error: {{ errorMessage }}":"Error: {{ errorMessage }}",Flag:Flag$a,"Latest Messages":"Latest Messages","Load more":"Load more",Menu:Menu$a,"Message Failed · Click to try again":"Message Failed · Click to try again","Message Failed · Unauthorized":"Message Failed · Unauthorized","Message deleted":"Message deleted","Message has been successfully flagged":"Message has been successfully flagged","Message pinned":"Message pinned",Mute:Mute$a,New:New$a,"New Messages!":"New Messages!","No chats here yet…":"No chats here yet…","No results found":"No results found","Nothing yet...":"Nothing yet...","Open emoji picker":"Open emoji picker","People matching":"People matching",Pin:Pin$a,"Pinned by":"Pinned by",Reply:Reply$a,"Reply to Message":"Reply to Message",Search:Search$a,"Searching...":"Searching...",Send:Send$a,"Send message request failed":"Send message request failed","Sending...":"Sending...",Shuffle:Shuffle$a,"Slow Mode ON":"Slow Mode ON","Some of the files will not be accepted":"Some of the files will not be accepted","This message was deleted...":"This message was deleted...",Thread:Thread$a,"Type your message":"Type your message",Unmute:Unmute$a,Unpin:Unpin$a,"Upload type: \"{{ type }}\" is not allowed":"Upload type: \"{{ type }}\" is not allowed","Wait until all attachments have uploaded":"Wait until all attachments have uploaded","You have no channels currently":"You have no channels currently","You've reached the maximum number of files":"You've reached the maximum number of files",live:live$a,replyCount_one:replyCount_one$a,replyCount_other:replyCount_other$a,searchResultsCount_one:searchResultsCount_one$a,searchResultsCount_other:searchResultsCount_other$a,"this content could not be displayed":"this content could not be displayed","{{ commaSeparatedUsers }} and {{ moreCount }} more":"{{ commaSeparatedUsers }} and {{ moreCount }} more","{{ commaSeparatedUsers }}, and {{ lastUser }}":"{{ commaSeparatedUsers }}, and {{ lastUser }}","{{ firstUser }} and {{ secondUser }}":"{{ firstUser }} and {{ secondUser }}","{{ imageCount }} more":"{{ imageCount }} more","{{ memberCount }} members":"{{ memberCount }} members","{{ user }} has been muted":"{{ user }} has been muted","{{ user }} has been unmuted":"{{ user }} has been unmuted","{{ user }} is typing...":"{{ user }} is typing...","{{ users }} and more are typing...":"{{ users }} and more are typing...","{{ users }} and {{ user }} are typing...":"{{ users }} and {{ user }} are typing...","{{ watcherCount }} online":"{{ watcherCount }} online","🏙 Attachment...":"🏙 Attachment..."};
|
|
@@ -3077,6 +3094,8 @@ exports.LoadingIndicatorIcon = LoadingIndicatorIcon;
|
|
|
3077
3094
|
exports.MessageContext = MessageContext;
|
|
3078
3095
|
exports.MessageInputContext = MessageInputContext;
|
|
3079
3096
|
exports.MessageInputContextProvider = MessageInputContextProvider;
|
|
3097
|
+
exports.MessageListContext = MessageListContext;
|
|
3098
|
+
exports.MessageListContextProvider = MessageListContextProvider;
|
|
3080
3099
|
exports.MessageProvider = MessageProvider;
|
|
3081
3100
|
exports.PopperTooltip = PopperTooltip;
|
|
3082
3101
|
exports.RetryIcon = RetryIcon;
|
|
@@ -3120,6 +3139,7 @@ exports.useChatContext = useChatContext;
|
|
|
3120
3139
|
exports.useComponentContext = useComponentContext;
|
|
3121
3140
|
exports.useMessageContext = useMessageContext;
|
|
3122
3141
|
exports.useMessageInputContext = useMessageInputContext;
|
|
3142
|
+
exports.useMessageListContext = useMessageListContext;
|
|
3123
3143
|
exports.usePopper = usePopper;
|
|
3124
3144
|
exports.useTranslationContext = useTranslationContext;
|
|
3125
3145
|
exports.useTypingContext = useTypingContext;
|
package/dist/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var icons = require('./icons-
|
|
5
|
+
var icons = require('./icons-427fd8d5.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var ReactPlayer = require('react-player');
|
|
8
8
|
var prettybytes = require('pretty-bytes');
|
|
@@ -31949,7 +31949,7 @@ var UnMemoizedChannelList = function (props) {
|
|
|
31949
31949
|
*/
|
|
31950
31950
|
var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
|
|
31951
31951
|
|
|
31952
|
-
var version = '11.0.0-rc.
|
|
31952
|
+
var version = '11.0.0-rc.5';
|
|
31953
31953
|
|
|
31954
31954
|
var useChat = function (_a) {
|
|
31955
31955
|
var _b, _c;
|
|
@@ -33403,7 +33403,7 @@ var MessageListWithContext = function (props) {
|
|
|
33403
33403
|
}
|
|
33404
33404
|
}, [highlightedMessageId]);
|
|
33405
33405
|
var showEmptyStateIndicator = elements.length === 0 && !threadList;
|
|
33406
|
-
return (React__default["default"].createElement(
|
|
33406
|
+
return (React__default["default"].createElement(icons.MessageListContextProvider, { value: { listElement: listElement, scrollToBottom: scrollToBottom } },
|
|
33407
33407
|
React__default["default"].createElement(MessageListMainPanel, null,
|
|
33408
33408
|
React__default["default"].createElement("div", { className: "".concat(messageListClass, " ").concat(threadListClass), onScroll: onScroll, ref: setListElement, tabIndex: 0 }, showEmptyStateIndicator ? (React__default["default"].createElement(EmptyStateIndicator$1, { key: 'empty-state-indicator', listType: threadList ? 'thread' : 'message' })) : (React__default["default"].createElement(InfiniteScroll, icons.__assign({ className: 'str-chat__reverse-infinite-scroll str-chat__message-list-scroll', "data-testid": 'reverse-infinite-scroll', hasNextPage: props.hasMoreNewer, hasPreviousPage: props.hasMore, head: props.head, isLoading: props.loadingMore, loader: React__default["default"].createElement("div", { className: 'str-chat__list__loading', key: 'loading-indicator' }, props.loadingMore && React__default["default"].createElement(LoadingIndicator$1, { size: 20 })), loadNextPage: loadMoreNewer, loadPreviousPage: loadMore }, props.internalInfiniteScrollProps, { threshold: loadMoreScrollThreshold }),
|
|
33409
33409
|
React__default["default"].createElement("ul", { className: 'str-chat__ul', ref: setUlElement }, elements),
|
|
@@ -34058,6 +34058,8 @@ exports.LoadingIndicatorIcon = icons.LoadingIndicatorIcon;
|
|
|
34058
34058
|
exports.MessageContext = icons.MessageContext;
|
|
34059
34059
|
exports.MessageInputContext = icons.MessageInputContext;
|
|
34060
34060
|
exports.MessageInputContextProvider = icons.MessageInputContextProvider;
|
|
34061
|
+
exports.MessageListContext = icons.MessageListContext;
|
|
34062
|
+
exports.MessageListContextProvider = icons.MessageListContextProvider;
|
|
34061
34063
|
exports.MessageProvider = icons.MessageProvider;
|
|
34062
34064
|
exports.PopperTooltip = icons.PopperTooltip;
|
|
34063
34065
|
exports.RetryIcon = icons.RetryIcon;
|
|
@@ -34095,6 +34097,7 @@ exports.useChatContext = icons.useChatContext;
|
|
|
34095
34097
|
exports.useComponentContext = icons.useComponentContext;
|
|
34096
34098
|
exports.useMessageContext = icons.useMessageContext;
|
|
34097
34099
|
exports.useMessageInputContext = icons.useMessageInputContext;
|
|
34100
|
+
exports.useMessageListContext = icons.useMessageListContext;
|
|
34098
34101
|
exports.useTranslationContext = icons.useTranslationContext;
|
|
34099
34102
|
exports.useTypingContext = icons.useTypingContext;
|
|
34100
34103
|
exports.withChannelActionContext = icons.withChannelActionContext;
|
package/dist/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const version = "11.0.0-rc.
|
|
1
|
+
export declare const version = "11.0.0-rc.5";
|
|
2
2
|
//# sourceMappingURL=version.d.ts.map
|
package/dist/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export var version = '11.0.0-rc.
|
|
1
|
+
export var version = '11.0.0-rc.5';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "stream-chat-react",
|
|
3
|
-
"version": "11.0.0-rc.
|
|
3
|
+
"version": "11.0.0-rc.5",
|
|
4
4
|
"description": "React components to create chat conversations or livestream style chat",
|
|
5
5
|
"author": "GetStream",
|
|
6
6
|
"homepage": "https://getstream.io/chat/",
|
|
@@ -38,6 +38,13 @@
|
|
|
38
38
|
"default": "./dist/scss/*"
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
|
+
"typesVersions": {
|
|
42
|
+
"*": {
|
|
43
|
+
"emojis": [
|
|
44
|
+
"./dist/components/Emojis/index.d.ts"
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
},
|
|
41
48
|
"sideEffects": [
|
|
42
49
|
"*.css"
|
|
43
50
|
],
|
|
@@ -87,9 +94,9 @@
|
|
|
87
94
|
"mml-react": "^0.4.7"
|
|
88
95
|
},
|
|
89
96
|
"peerDependencies": {
|
|
90
|
-
"@emoji-mart/data": "^1.1.
|
|
91
|
-
"@emoji-mart/react": "^1.1.
|
|
92
|
-
"emoji-mart": "^5.
|
|
97
|
+
"@emoji-mart/data": "^1.1.0",
|
|
98
|
+
"@emoji-mart/react": "^1.1.0",
|
|
99
|
+
"emoji-mart": "^5.4.0",
|
|
93
100
|
"react": "^18.0.0 || ^17.0.0 || ^16.8.0",
|
|
94
101
|
"react-dom": "^18.0.0 || ^17.0.0 || ^16.8.0",
|
|
95
102
|
"stream-chat": "^8.0.0"
|