stream-chat-react 9.1.0 → 9.1.1

package/dist/scss/Message.scss

@@ -888,7 +888,7 @@
   }
 
   > .str-chat__avatar,
-  > .str-chat-angular__avatar-host > .str-chat__avatar {
+  > .str-chat-angular__avatar-host .str-chat__avatar {
     align-self: flex-end;
     margin-right: 0;
   }

package/dist/scss/MessageActions.scss

@@ -110,3 +110,22 @@
     align-items: center;
   }
 }
+
+.str-chat__message-moderation-error-actions-box {
+  display: flex;
+  justify-content: flex-end;
+  padding-top: var(--xs-p);
+  padding-bottom: var(--xs-p);
+  gap: var(--xs-p);
+
+  button {
+    border: none;
+    background: none;
+    font-weight: var(--font-weight-semi-bold);
+    color: var(--secondary-button-text);
+
+    &.str-chat__message-moderation-error-actions-box--primary {
+      color: var(--button-text);
+    }
+  }
+}

package/dist/scss/MessageList.scss

@@ -3,16 +3,31 @@
   overflow-y: auto;
 }
 
+// conditionally showing the loading indicator displaces items when prepending.
+// a simple workaround is to make the loading indicator an overlay.
+%loading-indicator-container {
+  display: flex;
+  padding-top: var(--xs-p);
+  justify-content: center;
+  width: 100%;
+  position: absolute;
+}
+
 .str-chat-angular__message-list-host {
   @extend %scrollable;
 }
 
 .str-chat__list {
   @extend %scrollable;
+  position: relative;
   flex: 1;
   -webkit-overflow-scrolling: touch; /* enable smooth scrolling on ios */
   padding: 0;
 
+  &__loading {
+    @extend %loading-indicator-container;
+  }
+
   .str-chat__reverse-infinite-scroll {
     padding-top: 72px;
   }
@@ -177,14 +192,8 @@
   width: 100%;
   height: 100%;
 
-  // conditionally showing the header displaces items when prepending.
-  // a simple workaround is to make the loading indicator an overlay.
   &__loading {
-    display: flex;
-    padding-top: var(--xs-p);
-    justify-content: center;
-    width: 100%;
-    position: absolute;
+    @extend %loading-indicator-container;
   }
 
   p {

package/dist/scss/Modal.scss

@@ -15,7 +15,6 @@
   }
 
   &__inner {
-    max-width: 667px;
     background: var(--white);
     padding: var(--md-p);
     border-radius: var(--border-radius-md);
@@ -48,7 +47,7 @@
   }
 
   .str-chat__edit-message-form {
-    min-width: 300px;
+    width: var(--modal-edit-message-form-width);
   }
 
   .str-chat__input-emojiselect,

package/dist/scss/Thread.scss

@@ -61,7 +61,6 @@
     .str-chat__message:first-of-type .str-chat__message-inner {
       margin-left: unset;
       margin-right: unset;
-      width: 100%;
     }
 
     .str-chat__message-attachment.str-chat__message-attachment {

package/dist/scss/_variables.scss

@@ -142,6 +142,7 @@ $border-radius: 16px;
   --border: #00000014; // 14 = 8% opacity; top: x=0, y=-1; bottom: x=0, y=1
   --button-background: #ffffff;
   --button-text: #005fff;
+  --secondary-button-text: var(--grey);
   --grey-gainsboro: #dbdbdb;
   --grey-whisper: #ecebeb;
   --highlight: #fbf4dd;
@@ -155,4 +156,5 @@ $border-radius: 16px;
   --white-snow: #fcfcfc;
 
   --modal-overlay-color: rgba(0, 0, 0, 0.89);
+  --modal-edit-message-form-width: 47em;
 }

package/dist/stories/navigate-long-message-lists.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigate-long-message-lists.stories.d.ts","sourceRoot":"","sources":["../../src/stories/navigate-long-message-lists.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AAgKvD,eAAO,MAAM,KAAK,mBAQjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAQjB,CAAC"}
+{"version":3,"file":"navigate-long-message-lists.stories.d.ts","sourceRoot":"","sources":["../../src/stories/navigate-long-message-lists.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AAsKvD,eAAO,MAAM,KAAK,mBAQjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAQjB,CAAC"}

package/dist/stories/navigate-long-message-lists.stories.js

@@ -111,10 +111,11 @@ var SetThreadOpen = function () {
     var openThread = useChannelActionContext().openThread;
     var messages = useChannelStateContext().messages;
     useEffect(function () {
-        if (messages) {
-            var lastMsg = messages.slice(-1)[0];
+        if (!messages)
+            return;
+        var lastMsg = messages.slice(-1)[0];
+        if (lastMsg)
             openThread(lastMsg, { preventDefault: function () { return null; } });
-        }
     }, [messages]);
     return null;
 };
@@ -136,6 +137,7 @@ var OtherUserControls = function () {
 var WrappedConnectedUser = function (_a) {
     var token = _a.token, userId = _a.userId;
     return (React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
+        React.createElement("style", null, "\n\t \t.str-chat__thread .str-chat__message-data.str-chat__message-simple-data {\n\t\t\t visibility: hidden;\n\t\t}\n\t "),
         React.createElement("div", { className: userId },
             React.createElement(ConnectedUser, { token: token, userId: userId },
                 React.createElement(ChannelList, { filters: { id: { $eq: channelId }, members: { $in: [userId] } }, setActiveChannelOnMount: false, sort: sort }),

package/dist/version.d.ts

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

package/dist/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "9.1.0",
+  "version": "9.1.1",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -30,7 +30,7 @@
   "dependencies": {
     "@braintree/sanitize-url": "6.0.0",
     "@juggle/resize-observer": "^3.3.1",
-    "@stream-io/stream-chat-css": "^2.8.0",
+    "@stream-io/stream-chat-css": "^2.10.0",
     "dayjs": "^1.10.4",
     "emoji-mart": "3.0.1",
     "emoji-regex": "^9.2.0",
@@ -46,7 +46,7 @@
     "pretty-bytes": "^5.4.1",
     "prop-types": "^15.7.2",
     "react-fast-compare": "^3.2.0",
-    "react-file-utils": "^1.1.11",
+    "react-file-utils": "^1.1.12",
     "react-image-gallery": "^1.2.7",
     "react-is": "^18.1.0",
     "react-markdown": "^5.0.3",
@@ -81,7 +81,7 @@
     "@babel/preset-typescript": "^7.12.7",
     "@commitlint/cli": "^16.2.3",
     "@commitlint/config-conventional": "^16.2.1",
-    "@ladle/react": "^0.11.0",
+    "@ladle/react": "^0.16.0",
     "@playwright/test": "^1.22.0",
     "@rollup/plugin-babel": "^5.2.1",
     "@rollup/plugin-image": "^2.1.1",