stream-chat-react 10.2.0 → 10.3.1

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AAEvB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from './components';
 export * from './context';
 export * from './i18n';
+// todo: distribute utils into separate files
 export * from './utils';

package/dist/scss/ChannelList.scss

@@ -125,3 +125,17 @@
     }
   }
 }
+
+.str-chat__channel-list.str-chat__channel-list-react {
+  overflow: hidden;
+
+  .str-chat__channel-list-messenger-react {
+    overflow: hidden;
+    padding-bottom: var(--sm-p);
+
+    .str-chat__channel-list-messenger-react__main {
+      overflow-y: auto;
+      height: 100%;
+    }
+  }
+}

package/dist/scss/ChannelSearch.scss

@@ -1,14 +1,15 @@
 .str-chat__channel-search {
   --channel-search-input-height: 30px;
 
-  padding: var(--md-p) var(--md-p) 0;
+  padding: var(--md-p);
   display: flex;
+  flex-direction: column;
   align-items: center;
   position: relative;
   background: var(--grey-gainsboro);
 
   input {
-    flex: 1;
+    width: 100%;
     background: var(--grey-whisper);
     border: 1px solid transparent;
     outline: none;
@@ -31,9 +32,7 @@
   }
 
   &-container {
-    position: absolute;
-    width: 300px;
-    z-index: 2;
+
     padding: 8px;
 
     &-searching {
@@ -69,7 +68,10 @@
   &-container.popup {
     border-radius: var(--border-radius-md);
     background: var(--white-smoke);
+    position: absolute;
+    z-index: 2;
     left: 0;
+    right: 0;
     top: calc(var(--channel-search-input-height) + 40px);
     box-shadow: 0 7px 9px 0 var(--border), 0 1px 0 0 var(--border);
     border: 1px solid var(--border);
@@ -86,10 +88,8 @@
   }
 
   &-container.inline {
-    top: 64px;
-    right: 0;
+    width: 100%;
     background: var(--grey-gainsboro);
-    height: calc(100vh - 60px);
 
     .str-chat__channel-search-result {
       &:hover {

package/dist/scss/v2/ChannelList/ChannelList-layout.scss

@@ -39,3 +39,17 @@
     display: none;
   }
 }
+
+
+.str-chat__channel-list-react {
+  overflow: hidden;
+
+  .str-chat__channel-list-messenger-react {
+    overflow: hidden;
+    padding-bottom: var(--str-chat__spacing-2_5);
+
+    .str-chat__channel-list-messenger-react__main {
+      overflow-y: auto;
+    }
+  }
+}

package/dist/scss/v2/ChannelSearch/ChannelSearch-layout.scss

@@ -1,71 +1,88 @@
 @use '../utils';
 
-.str-chat__channel-search-bar {
-  @include utils.flex-row-center;
-  padding: var(--str-chat__spacing-2_5);
+.str-chat__channel-search {
+  position: relative;
 
-  .str-chat__channel-search-bar-button {
-    @include utils.button-reset;
-    width: calc(var(--str-chat__spacing-px) * 40);
-    height: calc(var(--str-chat__spacing-px) * 40);
+  .str-chat__channel-search-bar {
+    @include utils.flex-row-center;
     padding: var(--str-chat__spacing-2_5);
-    cursor: pointer;
-  }
-
-  .str-chat__channel-search-input--wrapper {
-    display: flex;
-    align-items: center;
-    flex: 1;
-    padding: var(--str-chat__spacing-2_5);
-    min-width: 0;
 
-    .str-chat__channel-search-input--icon,
-    .str-chat__channel-search-input--clear-button {
-      display: inline-flex;
-      padding: 0 var(--str-chat__spacing-2_5);
-    }
-
-    .str-chat__channel-search-input--clear-button {
+    .str-chat__channel-search-bar-button {
       @include utils.button-reset;
+      width: calc(var(--str-chat__spacing-px) * 40);
+      height: calc(var(--str-chat__spacing-px) * 40);
+      padding: var(--str-chat__spacing-2_5);
       cursor: pointer;
-
-      &:disabled {
-        cursor: default;
-      }
     }
 
-    input {
+    .str-chat__channel-search-input--wrapper {
+      display: flex;
+      align-items: center;
       flex: 1;
+      padding: var(--str-chat__spacing-2_5);
       min-width: 0;
+
+      .str-chat__channel-search-input--icon,
+      .str-chat__channel-search-input--clear-button {
+        display: inline-flex;
+        padding: 0 var(--str-chat__spacing-2_5);
+      }
+
+      .str-chat__channel-search-input--clear-button {
+        @include utils.button-reset;
+        cursor: pointer;
+
+        &:disabled {
+          cursor: default;
+        }
+      }
+
+      input {
+        flex: 1;
+        min-width: 0;
+      }
     }
   }
-}
 
-.str-chat__channel-search-results-header {
-  width: 100%;
-  padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);
-}
+  .str-chat__channel-search-container-searching {
+    width: 100%;
+    padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);
+  }
 
-.str-chat__channel-search-result-list {
-  .str-chat__channel-search-container-empty {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+  .str-chat__channel-search-results-header {
     width: 100%;
+    padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);
+  }
 
-    svg {
-      height: calc(var(--str-chat__spacing-px) * 90 + var(--str-chat__spacing-20));
-      width: calc(var(--str-chat__spacing-px) * 90);
-      padding: var(--str-chat__spacing-10) 0;
+
+  .str-chat__channel-search-result-list {
+    &.popup {
+      position: absolute;
+      left: 0;
+      right: 0;
     }
-  }
 
-  .str-chat__channel-search-result {
-    @include utils.button-reset;
-    display: flex;
-    align-items: center;
-    width: 100%;
-    column-gap: var(--str-chat__spacing-2);
-    padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
+    .str-chat__channel-search-container-empty {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      width: 100%;
+      padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);
+
+      svg {
+        height: calc(var(--str-chat__spacing-px) * 90 + var(--str-chat__spacing-20));
+        width: calc(var(--str-chat__spacing-px) * 90);
+        padding: var(--str-chat__spacing-10) 0;
+      }
+    }
+
+    .str-chat__channel-search-result {
+      @include utils.button-reset;
+      display: flex;
+      align-items: center;
+      width: 100%;
+      column-gap: var(--str-chat__spacing-2);
+      padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
+    }
   }
-}
+}

package/dist/scss/v2/ChannelSearch/ChannelSearch-theme.scss

@@ -89,6 +89,25 @@
     --str-chat__secondary-surface-color
   );
 
+  --str-chat__channel-search-result-list-color: var(--str-chat__text-color);
+
+  --str-chat__channel-search-result-list-background-color: var(--str-chat__secondary-background-color);
+
+  /* Top border of the component  */
+  --str-chat__channel-search-result-list-border-block-start: none;
+
+  /* Bottom border of the component */
+  --str-chat__channel-search-result-list-border-block-end: none;
+
+  /* Left (right in RTL layout) border of the component */
+  --str-chat__channel-search-result-list-border-inline-start: none;
+
+  /* Right (left in RTL layout) border of the component */
+  --str-chat__channel-search-result-list-border-inline-end: none;
+
+  /* Box shadow applied to the component */
+  --str-chat__channel-search-result-list-popup-box-shadow: 0 4px 4px var(--str-chat__box-shadow-color);
+
   /* The font color used in the search results header  */
   --str-chat__channel-search-results-header-color: var(--str-chat__text-low-emphasis-color);
 
@@ -108,6 +127,25 @@
   /* Right (left in RTL layout) border of the component */
   --str-chat__channel-search-results-header-border-inline-end: none;
 
+  /* The font color used in the search results loading indicator  */
+  --str-chat__channel-search-results-loading-indicator-color: var(--str-chat__text-low-emphasis-color);
+
+  /* The background color used in the search results loading indicator  */
+  --str-chat__channel-search-results-loading-indicator-background-color: var(--str-chat__background-color);
+
+  /* Top border of the component  */
+  --str-chat__channel-search-results-loading-indicator-border-block-start: none;
+
+  /* Bottom border of the component */
+  --str-chat__channel-search-results-loading-indicator-border-block-end: var(--str-chat__surface-color) 1px
+    solid;
+
+  /* Left (right in RTL layout) border of the component */
+  --str-chat__channel-search-results-loading-indicator-border-inline-start: none;
+
+  /* Right (left in RTL layout) border of the component */
+  --str-chat__channel-search-results-loading-indicator-border-inline-end: none;
+
   /* The font color used in the empty search results indicator  */
   --str-chat__channel-search-results-empty-color: var(--str-chat__text-low-emphasis-color);
 
@@ -162,6 +200,16 @@
 }
 
 .str-chat__channel-search-result-list {
+  @include utils.component-layer-overrides('channel-search-result-list');
+
+  &.popup {
+    box-shadow: var(--str-chat__channel-search-result-list-popup-box-shadow);
+  }
+
+  .str-chat__channel-search-container-searching {
+    @include utils.component-layer-overrides('channel-search-results-loading-indicator');
+  }
+
   .str-chat__channel-search-container-empty {
     @include utils.component-layer-overrides('channel-search-results-empty');
     font: var(--str-chat__subtitle2-medium-text);

package/dist/scss/v2/Tooltip/Tooltip-layout.scss

@@ -4,6 +4,6 @@
   display: flex;
   padding: var(--str-chat__spacing-2);
   z-index: 1;
-  word-break: normal;
   max-width: calc(var(--str-chat__spacing-px) * 150);
+  width: max-content;
 }

package/dist/types/types.d.ts

@@ -55,9 +55,18 @@ export declare type PaginatorProps = {
     loadNextPage: () => void;
     /** indicates if there is a next page to load */
     hasNextPage?: boolean;
+    /** indicates if there is a previous page to load */
+    hasPreviousPage?: boolean;
+    /** indicates whether a loading request is in progress */
+    isLoading?: boolean;
     /** The loading indicator to use */
     LoadingIndicator?: React.ComponentType<LoadingIndicatorProps>;
-    /** indicates if there there's currently any refreshing taking place */
+    /** callback to load the previous page */
+    loadPreviousPage?: () => void;
+    /**
+     * @desc indicates if there's currently any refreshing taking place
+     * @deprecated Use loading prop instead of refreshing. Planned for removal: https://github.com/GetStream/stream-chat-react/issues/1804
+     */
     refreshing?: boolean;
     /** display the items in opposite order */
     reverse?: boolean;

package/dist/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"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"}

package/dist/utils/deprecationWarning.d.ts

@@ -0,0 +1,2 @@
+export declare const deprecationAndReplacementWarning: <P extends Record<string, unknown>[][]>(pairs: P, component: string) => void;
+//# sourceMappingURL=deprecationWarning.d.ts.map

package/dist/utils/deprecationWarning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deprecationWarning.d.ts","sourceRoot":"","sources":["../../src/utils/deprecationWarning.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gCAAgC,+DAEhC,MAAM,SAiBlB,CAAC"}

package/dist/utils/deprecationWarning.js

@@ -0,0 +1,12 @@
+export var deprecationAndReplacementWarning = function (pairs, component) {
+    pairs.forEach(function (data) {
+        var _a = [
+            Object.entries(data[0])[0],
+            Object.entries(data[1])[0],
+        ], _b = _a[0], oldName = _b[0], oldValue = _b[1], _c = _a[1], newName = _c[0], newValue = _c[1];
+        if ((typeof oldValue !== 'undefined' && typeof newValue === 'undefined') ||
+            (typeof oldValue !== 'undefined' && typeof newValue !== 'undefined')) {
+            console.warn("[Deprecation notice (".concat(component, ")]: prefer using prop ").concat(newName, " instead of ").concat(oldName));
+        }
+    });
+};

package/dist/version.d.ts

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

package/dist/version.js

@@ -1 +1 @@
-export var version = '10.2.0';
+export var version = '10.3.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "10.2.0",
+  "version": "10.3.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",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "^3.5.4",
+    "@stream-io/stream-chat-css": "^3.6.0",
     "clsx": "^1.1.1",
     "dayjs": "^1.10.4",
     "emoji-mart": "3.0.1",
@@ -64,7 +64,7 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^17.0.0 || ^16.8.0",
     "react-dom": "^18.0.0 || ^17.0.0 || ^16.8.0",
-    "stream-chat": "^7.1.0"
+    "stream-chat": "^8.0.0 || ^7.1.0"
   },
   "files": [
     "dist",