stream-chat-react 10.8.7 → 10.8.9
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 +14 -12
- package/dist/browser.full-bundle.js.map +1 -1
- package/dist/browser.full-bundle.min.js +1 -1
- package/dist/browser.full-bundle.min.js.map +1 -1
- package/dist/components/Loading/LoadingIndicator.js +1 -1
- package/dist/components/MessageList/VirtualizedMessageList.d.ts.map +1 -1
- package/dist/components/MessageList/VirtualizedMessageList.js +12 -10
- package/dist/index.cjs.js +14 -12
- package/dist/index.cjs.js.map +1 -1
- package/dist/scss/_variables.scss +1 -1
- package/dist/scss/v2/_emoji-replacement.scss +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
var UnMemoizedLoadingIndicator = function (props) {
|
|
3
3
|
var _a = props.color, color = _a === void 0 ? '#006CFF' : _a, _b = props.size, size = _b === void 0 ? 15 : _b;
|
|
4
|
-
return (React.createElement("div", { className: "str-chat__loading-indicator
|
|
4
|
+
return (React.createElement("div", { className: "str-chat__loading-indicator", "data-testid": 'loading-indicator-wrapper', style: { height: size, width: size } },
|
|
5
5
|
React.createElement("svg", { height: size, viewBox: "0 0 30 30", width: size, xmlns: 'http://www.w3.org/2000/svg' },
|
|
6
6
|
React.createElement("defs", null,
|
|
7
7
|
React.createElement("linearGradient", { id: 'a', x1: '50%', x2: '50%', y1: '0%', y2: '100%' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualizedMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList/VirtualizedMessageList.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAEL,uBAAuB,EACvB,0BAA0B,EAG1B,aAAa,EACd,MAAM,gBAAgB,CAAC;AAUxB,OAAO,EAAkB,UAAU,EAAmB,MAAM,SAAS,CAAC;AAOtE,OAAO,EAAW,YAAY,EAAiB,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE3F,OAAO,EACL,yBAAyB,EAE1B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAEL,aAAa,EAEd,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"VirtualizedMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList/VirtualizedMessageList.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAEL,uBAAuB,EACvB,0BAA0B,EAG1B,aAAa,EACd,MAAM,gBAAgB,CAAC;AAUxB,OAAO,EAAkB,UAAU,EAAmB,MAAM,SAAS,CAAC;AAOtE,OAAO,EAAW,YAAY,EAAiB,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE3F,OAAO,EACL,yBAAyB,EAE1B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAEL,aAAa,EAEd,MAAM,mCAAmC,CAAC;AAQ3C,OAAO,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA8chF,oBAAY,2BAA2B,CACrC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,EAAE,sBAAsB,GAAG,gBAAgB,CAAC,CAAC,GAAG;IAC/F,gJAAgJ;IAChJ,uBAAuB,CAAC,EAAE,aAAa,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAC9D,gGAAgG;IAChG,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,sEAAsE;IACtE,qBAAqB,CAAC,EAAE,CACtB,WAAW,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE,EAChD,KAAK,EAAE,MAAM,KACV,KAAK,CAAC,YAAY,CAAC;IACxB,qJAAqJ;IACrJ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6FAA6F;IAC7F,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,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iIAAiI;IACjI,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,+EAA+E;IAC/E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uIAAuI;IACvI,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oDAAoD;IACpD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,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,2LAA2L;IAC3L,aAAa,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9E,2MAA2M;IAC3M,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC3E,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4JAA4J;IAC5J,QAAQ,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC/C,iHAAiH;IACjH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;OAWG;IACH,qBAAqB,CAAC,EAAE,uBAAuB,GAAG;QAChD,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;KAC9D,CAAC;IACF,4FAA4F;IAC5F,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,sJAAsJ;IACtJ,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wLAAwL;IACxL,2BAA2B,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAChD,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,KAAK,EAAE,2BAA2B,CAAC,kBAAkB,CAAC,eAqCvD"}
|
|
@@ -256,21 +256,18 @@ var VirtualizedMessageListWithContext = function (props) {
|
|
|
256
256
|
// traps CSS margins of the item elements, preventing incorrect item measurements
|
|
257
257
|
var Item = function (props) {
|
|
258
258
|
var _a;
|
|
259
|
-
var
|
|
260
|
-
var
|
|
261
|
-
var
|
|
262
|
-
|
|
259
|
+
var _b;
|
|
260
|
+
var context = props.context;
|
|
261
|
+
var streamMessageIndex = props['data-item-index'] + context.numItemsPrepended - PREPEND_OFFSET;
|
|
262
|
+
var message = context.processedMessages[streamMessageIndex];
|
|
263
|
+
var groupStyles = context.messageGroupStyles[message.id] || '';
|
|
264
|
+
return (React.createElement("div", __assign({}, props, { className: ((_b = context === null || context === void 0 ? void 0 : context.customClasses) === null || _b === void 0 ? void 0 : _b.virtualMessage) ||
|
|
263
265
|
clsx('str-chat__virtual-list-message-wrapper str-chat__li', (_a = {},
|
|
264
266
|
_a["str-chat__li--".concat(groupStyles)] = groupStyles,
|
|
265
267
|
_a)) })));
|
|
266
268
|
};
|
|
267
269
|
return Item;
|
|
268
|
-
}, [
|
|
269
|
-
customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualMessage,
|
|
270
|
-
numItemsPrepended,
|
|
271
|
-
// processedMessages were incorrectly rebuilt with a new object identity at some point, hence the .length usage
|
|
272
|
-
processedMessages.length,
|
|
273
|
-
]);
|
|
270
|
+
}, []);
|
|
274
271
|
var virtuosoComponents = useMemo(function () {
|
|
275
272
|
var EmptyPlaceholder = function () { return (React.createElement(React.Fragment, null, EmptyStateIndicator && (React.createElement(EmptyStateIndicator, { listType: threadList ? 'thread' : 'message' })))); };
|
|
276
273
|
var Header = function () {
|
|
@@ -320,6 +317,11 @@ var VirtualizedMessageListWithContext = function (props) {
|
|
|
320
317
|
React.createElement("div", { className: (customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualizedMessageList) || 'str-chat__virtual-list' },
|
|
321
318
|
React.createElement(Virtuoso, __assign({ atBottomStateChange: atBottomStateChange, atBottomThreshold: 200, className: 'str-chat__message-list-scroll', components: virtuosoComponents, computeItemKey: function (index) {
|
|
322
319
|
return processedMessages[numItemsPrepended + index - PREPEND_OFFSET].id;
|
|
320
|
+
}, context: {
|
|
321
|
+
customClasses: customClasses,
|
|
322
|
+
messageGroupStyles: messageGroupStyles,
|
|
323
|
+
numItemsPrepended: numItemsPrepended,
|
|
324
|
+
processedMessages: processedMessages,
|
|
323
325
|
}, endReached: endReached, firstItemIndex: PREPEND_OFFSET - numItemsPrepended, followOutput: followOutput, increaseViewportBy: { bottom: 200, top: 0 }, initialTopMostItemIndex: calculateInitialTopMostItemIndex(processedMessages, highlightedMessageId), itemContent: function (i) { return messageRenderer(processedMessages, i); }, itemSize: fractionalItemSize, key: messageSetKey, overscan: overscan, ref: virtuoso, startReached: startReached, style: { overflowX: 'hidden' }, totalCount: processedMessages.length }, additionalVirtuosoProps, (scrollSeekPlaceHolder ? { scrollSeek: scrollSeekPlaceHolder } : {}), (defaultItemHeight ? { defaultItemHeight: defaultItemHeight } : {}))))),
|
|
324
326
|
React.createElement(MessageListNotifications, { hasNewMessages: newMessagesNotification, isMessageListScrolledToBottom: isMessageListScrolledToBottom, isNotAtLatestMessageSet: hasMoreNewer, MessageNotification: MessageNotification, notifications: notifications, scrollToBottom: scrollToBottom, threadList: threadList }),
|
|
325
327
|
giphyPreviewMessage && React.createElement(GiphyPreviewMessage, { message: giphyPreviewMessage })));
|
package/dist/index.cjs.js
CHANGED
|
@@ -25169,7 +25169,7 @@ var LoadingErrorIndicator = React__default["default"].memo(UnMemoizedLoadingErro
|
|
|
25169
25169
|
|
|
25170
25170
|
var UnMemoizedLoadingIndicator = function (props) {
|
|
25171
25171
|
var _a = props.color, color = _a === void 0 ? '#006CFF' : _a, _b = props.size, size = _b === void 0 ? 15 : _b;
|
|
25172
|
-
return (React__default["default"].createElement("div", { className: "str-chat__loading-indicator
|
|
25172
|
+
return (React__default["default"].createElement("div", { className: "str-chat__loading-indicator", "data-testid": 'loading-indicator-wrapper', style: { height: size, width: size } },
|
|
25173
25173
|
React__default["default"].createElement("svg", { height: size, viewBox: "0 0 30 30", width: size, xmlns: 'http://www.w3.org/2000/svg' },
|
|
25174
25174
|
React__default["default"].createElement("defs", null,
|
|
25175
25175
|
React__default["default"].createElement("linearGradient", { id: 'a', x1: '50%', x2: '50%', y1: '0%', y2: '100%' },
|
|
@@ -33779,7 +33779,7 @@ var UnMemoizedChannelList = function (props) {
|
|
|
33779
33779
|
*/
|
|
33780
33780
|
var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
|
|
33781
33781
|
|
|
33782
|
-
var version = '10.8.
|
|
33782
|
+
var version = '10.8.9';
|
|
33783
33783
|
|
|
33784
33784
|
var useChat = function (_a) {
|
|
33785
33785
|
var _b, _c;
|
|
@@ -35637,21 +35637,18 @@ var VirtualizedMessageListWithContext = function (props) {
|
|
|
35637
35637
|
// traps CSS margins of the item elements, preventing incorrect item measurements
|
|
35638
35638
|
var Item = function (props) {
|
|
35639
35639
|
var _a;
|
|
35640
|
-
var
|
|
35641
|
-
var
|
|
35642
|
-
var
|
|
35643
|
-
|
|
35640
|
+
var _b;
|
|
35641
|
+
var context = props.context;
|
|
35642
|
+
var streamMessageIndex = props['data-item-index'] + context.numItemsPrepended - PREPEND_OFFSET;
|
|
35643
|
+
var message = context.processedMessages[streamMessageIndex];
|
|
35644
|
+
var groupStyles = context.messageGroupStyles[message.id] || '';
|
|
35645
|
+
return (React__default["default"].createElement("div", __assign({}, props, { className: ((_b = context === null || context === void 0 ? void 0 : context.customClasses) === null || _b === void 0 ? void 0 : _b.virtualMessage) ||
|
|
35644
35646
|
clsx('str-chat__virtual-list-message-wrapper str-chat__li', (_a = {},
|
|
35645
35647
|
_a["str-chat__li--".concat(groupStyles)] = groupStyles,
|
|
35646
35648
|
_a)) })));
|
|
35647
35649
|
};
|
|
35648
35650
|
return Item;
|
|
35649
|
-
}, [
|
|
35650
|
-
customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualMessage,
|
|
35651
|
-
numItemsPrepended,
|
|
35652
|
-
// processedMessages were incorrectly rebuilt with a new object identity at some point, hence the .length usage
|
|
35653
|
-
processedMessages.length,
|
|
35654
|
-
]);
|
|
35651
|
+
}, []);
|
|
35655
35652
|
var virtuosoComponents = React.useMemo(function () {
|
|
35656
35653
|
var EmptyPlaceholder = function () { return (React__default["default"].createElement(React__default["default"].Fragment, null, EmptyStateIndicator$1 && (React__default["default"].createElement(EmptyStateIndicator$1, { listType: threadList ? 'thread' : 'message' })))); };
|
|
35657
35654
|
var Header = function () {
|
|
@@ -35701,6 +35698,11 @@ var VirtualizedMessageListWithContext = function (props) {
|
|
|
35701
35698
|
React__default["default"].createElement("div", { className: (customClasses === null || customClasses === void 0 ? void 0 : customClasses.virtualizedMessageList) || 'str-chat__virtual-list' },
|
|
35702
35699
|
React__default["default"].createElement(reactVirtuoso.Virtuoso, __assign({ atBottomStateChange: atBottomStateChange, atBottomThreshold: 200, className: 'str-chat__message-list-scroll', components: virtuosoComponents, computeItemKey: function (index) {
|
|
35703
35700
|
return processedMessages[numItemsPrepended + index - PREPEND_OFFSET].id;
|
|
35701
|
+
}, context: {
|
|
35702
|
+
customClasses: customClasses,
|
|
35703
|
+
messageGroupStyles: messageGroupStyles,
|
|
35704
|
+
numItemsPrepended: numItemsPrepended,
|
|
35705
|
+
processedMessages: processedMessages,
|
|
35704
35706
|
}, endReached: endReached, firstItemIndex: PREPEND_OFFSET - numItemsPrepended, followOutput: followOutput, increaseViewportBy: { bottom: 200, top: 0 }, initialTopMostItemIndex: calculateInitialTopMostItemIndex(processedMessages, highlightedMessageId), itemContent: function (i) { return messageRenderer(processedMessages, i); }, itemSize: fractionalItemSize, key: messageSetKey, overscan: overscan, ref: virtuoso, startReached: startReached, style: { overflowX: 'hidden' }, totalCount: processedMessages.length }, additionalVirtuosoProps, (scrollSeekPlaceHolder ? { scrollSeek: scrollSeekPlaceHolder } : {}), (defaultItemHeight ? { defaultItemHeight: defaultItemHeight } : {}))))),
|
|
35705
35707
|
React__default["default"].createElement(MessageListNotifications$1, { hasNewMessages: newMessagesNotification, isMessageListScrolledToBottom: isMessageListScrolledToBottom, isNotAtLatestMessageSet: hasMoreNewer, MessageNotification: MessageNotification$1, notifications: notifications, scrollToBottom: scrollToBottom, threadList: threadList }),
|
|
35706
35708
|
giphyPreviewMessage && React__default["default"].createElement(GiphyPreviewMessage$1, { message: giphyPreviewMessage })));
|