stream-chat-react 9.1.1 → 9.1.4

package/dist/stories/hello.stories.d.ts

@@ -1,3 +1,4 @@
 import '@stream-io/stream-chat-css/dist/css/index.css';
 export declare const BasicSetup: () => JSX.Element;
+export declare const VirtualizedSetup: () => JSX.Element;
 //# sourceMappingURL=hello.stories.d.ts.map

package/dist/stories/hello.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hello.stories.d.ts","sourceRoot":"","sources":["../../src/stories/hello.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AA2BvD,eAAO,MAAM,UAAU,mBAYtB,CAAC"}
+{"version":3,"file":"hello.stories.d.ts","sourceRoot":"","sources":["../../src/stories/hello.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AA4BvD,eAAO,MAAM,UAAU,mBAYtB,CAAC;AAGF,eAAO,MAAM,gBAAgB,mBAY5B,CAAC"}

package/dist/stories/hello.stories.js

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import '@stream-io/stream-chat-css/dist/css/index.css';
 import React from 'react';
-import { Channel, ChannelHeader, ChannelList, MessageInput, MessageList, Thread, Window, } from '../index';
+import { Channel, ChannelHeader, ChannelList, MessageInput, MessageList, Thread, VirtualizedMessageList, Window, } from '../index';
 import { ConnectedUser } from './utils';
 var channelId = import.meta.env.E2E_ADD_MESSAGE_CHANNEL;
 var userId = import.meta.env.E2E_TEST_USER_1;
@@ -21,3 +21,12 @@ export var BasicSetup = function () { return (React.createElement(ConnectedUser,
             React.createElement(MessageList, null),
             React.createElement(MessageInput, { focus: true })),
         React.createElement(Thread, null)))); };
+// basic setup with virtualized list
+export var VirtualizedSetup = function () { return (React.createElement(ConnectedUser, { token: token, userId: userId },
+    React.createElement(ChannelList, { filters: filters, options: options, showChannelSearch: true, sort: sort }),
+    React.createElement(Channel, null,
+        React.createElement(Window, null,
+            React.createElement(ChannelHeader, null),
+            React.createElement(VirtualizedMessageList, { disableDateSeparator: false, messageLimit: 16 }),
+            React.createElement(MessageInput, { focus: true })),
+        React.createElement(Thread, null)))); };

package/dist/stories/toggle-message-actions.stories.d.ts

@@ -0,0 +1,3 @@
+import '@stream-io/stream-chat-css/dist/css/index.css';
+export declare const ToggleActions: () => JSX.Element;
+//# sourceMappingURL=toggle-message-actions.stories.d.ts.map

package/dist/stories/toggle-message-actions.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-message-actions.stories.d.ts","sourceRoot":"","sources":["../../src/stories/toggle-message-actions.stories.tsx"],"names":[],"mappings":"AAYA,OAAO,+CAA+C,CAAC;AAqCvD,eAAO,MAAM,aAAa,mBAUzB,CAAC"}

package/dist/stories/toggle-message-actions.stories.js

@@ -0,0 +1,36 @@
+import React, { useState } from 'react';
+import { ConnectedUser } from './utils';
+import { Channel, ChannelHeader, ChannelList, MESSAGE_ACTIONS, MessageList, Thread, Window, } from '../components';
+import '@stream-io/stream-chat-css/dist/css/index.css';
+var allActions = Object.keys(MESSAGE_ACTIONS);
+var WrappedConnectedUser = function (_a) {
+    var token = _a.token, userId = _a.userId;
+    var _b = useState(allActions), messageActions = _b[0], setMessageActions = _b[1];
+    return (React.createElement(ConnectedUser, { token: token, userId: userId },
+        React.createElement(ChannelList, { filters: { id: { $eq: 'jump-to-message' } } }),
+        React.createElement(Channel, null,
+            React.createElement(Window, null,
+                React.createElement(ChannelHeader, null),
+                React.createElement(MessageList, { messageActions: messageActions }),
+                React.createElement("div", null,
+                    "Current messageActions: ",
+                    React.createElement("i", null, messageActions.join(', ') || 'None')),
+                React.createElement("div", null,
+                    React.createElement("span", null, "Switch to: "),
+                    React.createElement("button", { onClick: function () { return setMessageActions(allActions); }, type: 'button' }, "All"),
+                    React.createElement("button", { onClick: function () { return setMessageActions(['edit', 'react']); }, type: 'button' }, "edit, react"),
+                    React.createElement("button", { onClick: function () { return setMessageActions(['edit', 'react', 'reply']); }, type: 'button' }, "edit, react, reply"),
+                    React.createElement("button", { onClick: function () { return setMessageActions([]); }, type: 'button' }, "None"))),
+            React.createElement(Thread, { messageActions: messageActions }))));
+};
+export var ToggleActions = function () {
+    var userId = import.meta.env.E2E_TEST_USER_1;
+    var token = import.meta.env.E2E_TEST_USER_1_TOKEN;
+    if (!userId || typeof userId !== 'string') {
+        throw new Error('expected TEST_USER_1');
+    }
+    if (!token || typeof token !== 'string') {
+        throw new Error('expected TEST_USER_1_TOKEN');
+    }
+    return React.createElement(WrappedConnectedUser, { token: token, userId: userId });
+};

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "9.1.1";
+export declare const version = "9.1.4";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1 +1 @@
-export var version = '9.1.1';
+export var version = '9.1.4';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "9.1.1",
+  "version": "9.1.4",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -50,7 +50,7 @@
     "react-image-gallery": "^1.2.7",
     "react-is": "^18.1.0",
     "react-markdown": "^5.0.3",
-    "react-player": "^2.7.0",
+    "react-player": "^2.10.1",
     "react-textarea-autosize": "^8.3.0",
     "react-virtuoso": "^2.10.2",
     "textarea-caret": "^3.1.0"