stream-chat-react 13.8.1 → 13.10.0

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

@@ -178,7 +178,8 @@
 .str-chat__message-input {
   @include utils.component-layer-overrides('message-input');
 
-  .str-chat__file-input-container {
+  .str-chat__file-input-container,
+  .str-chat-angular__create-poll {
     --str-chat-icon-color: var(--str-chat__message-input-tools-color);
     @include utils.component-layer-overrides('message-input-tools');
 

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

@@ -45,7 +45,6 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-
   }
 }
 
@@ -66,8 +65,6 @@
   }
 }
 
-
-
 .str-chat__poll-option-list--full,
 .str-chat__modal__poll-results {
   .str-chat__amount-bar {
@@ -103,7 +100,6 @@
   }
 }
 
-
 .str-chat__poll-option-list--full {
   .str-chat__poll-option {
     display: flex;
@@ -151,7 +147,6 @@
   }
 }
 
-
 .str-chat__modal__poll-results {
   .str-chat__poll-option {
     display: flex;
@@ -159,11 +154,15 @@
   }
 }
 
-.str-chat-react__modal.str-chat__poll-action-modal, .str-chat__poll-actions .str-chat__modal {
+.str-chat-react__modal.str-chat__poll-action-modal,
+.str-chat__poll-actions:not(.str-chat-angular__poll-actions) .str-chat__modal {
   .str-chat__modal__close-button {
     display: none;
   }
+}
 
+.str-chat-react__modal.str-chat__poll-action-modal,
+.str-chat__poll-actions .str-chat__modal {
   .str-chat__modal__inner {
     $content-offset-inline: 1rem;
     padding: 0 0 0.5rem;
@@ -334,6 +333,7 @@
   align-items: flex-start;
 }
 
+.str-chat-angular__create-poll-modal .str-chat__modal,
 .str-chat__modal.str-chat__create-poll-modal {
   .str-chat__modal__close-button {
     display: none;
@@ -415,7 +415,7 @@
       }
 
       .str-chat__form__input-field {
-          width: 100%;
+        width: 100%;
 
         .str-chat__form__input-field__value {
           padding: 0;
@@ -465,3 +465,25 @@
     }
   }
 }
+
+.str-chat-angular__poll-actions {
+  .str-chat__modal__poll-option-list {
+    max-height: 100%;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+
+    .str-chat__modal__poll-option-list__body {
+      max-height: 100%;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+
+      stream-poll-options-list {
+        height: 100%;
+        overflow-y: auto;
+        overflow-x: hidden;
+      }
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "13.8.1",
+  "version": "13.10.0",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -102,7 +102,7 @@
   ],
   "dependencies": {
     "@braintree/sanitize-url": "^6.0.4",
-    "@popperjs/core": "^2.11.5",
+    "@floating-ui/react": "^0.27.2",
     "@react-aria/focus": "^3",
     "clsx": "^2.0.0",
     "dayjs": "^1.10.4",
@@ -122,7 +122,6 @@
     "react-image-gallery": "1.2.12",
     "react-markdown": "^9.0.3",
     "react-player": "2.10.1",
-    "react-popper": "^2.3.0",
     "react-textarea-autosize": "^8.3.0",
     "react-virtuoso": "^2.16.5",
     "remark-gfm": "^4.0.1",
@@ -139,9 +138,9 @@
     "@emoji-mart/data": "^1.1.0",
     "@emoji-mart/react": "^1.1.0",
     "emoji-mart": "^5.4.0",
-    "react": "^19.0.0 || ^18.0.0 || ^17.0.0 || ^16.14.0",
-    "react-dom": "^19.0.0 || ^18.0.0 || ^17.0.0 || ^16.14.0",
-    "stream-chat": "^9.21.0"
+    "react": "^19.0.0 || ^18.0.0 || ^17.0.0",
+    "react-dom": "^19.0.0 || ^18.0.0 || ^17.0.0",
+    "stream-chat": "^9.25.0"
   },
   "peerDependenciesMeta": {
     "@breezystack/lamejs": {
@@ -182,7 +181,7 @@
     "@playwright/test": "^1.42.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@stream-io/stream-chat-css": "^5.12.0",
+    "@stream-io/stream-chat-css": "^5.16.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -235,7 +234,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "semantic-release": "^24.2.3",
-    "stream-chat": "^9.21.0",
+    "stream-chat": "^9.25.0",
     "ts-jest": "^29.2.5",
     "typescript": "^5.4.5",
     "typescript-eslint": "^8.17.0"

package/dist/components/MessageActions/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './useMessageActionsBoxPopper';

package/dist/components/MessageActions/hooks/index.js

@@ -1 +0,0 @@
-export * from './useMessageActionsBoxPopper';

package/dist/components/MessageActions/hooks/useMessageActionsBoxPopper.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import type { Placement } from '@popperjs/core';
-export interface MessageActionsBoxPopperOptions {
-    open: boolean;
-    placement: Placement;
-    referenceElement: HTMLElement | null;
-}
-export declare function useMessageActionsBoxPopper<T extends HTMLElement>({ open, placement, referenceElement, }: MessageActionsBoxPopperOptions): {
-    attributes: {
-        [key: string]: {
-            [key: string]: string;
-        } | undefined;
-    };
-    popperElementRef: import("react").RefObject<T | null>;
-    styles: {
-        [key: string]: import("react").CSSProperties;
-    };
-};

package/dist/components/MessageActions/hooks/useMessageActionsBoxPopper.js

@@ -1,31 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { usePopper } from 'react-popper';
-export function useMessageActionsBoxPopper({ open, placement, referenceElement, }) {
-    const popperElementRef = useRef(null);
-    const { attributes, styles, update } = usePopper(referenceElement, popperElementRef.current, {
-        modifiers: [
-            {
-                name: 'eventListeners',
-                options: {
-                    // It's not safe to update popper position on resize and scroll, since popper's
-                    // reference element might not be visible at the time.
-                    resize: false,
-                    scroll: false,
-                },
-            },
-        ],
-        placement,
-    });
-    useEffect(() => {
-        if (open) {
-            // Since the popper's reference element might not be (and usually is not) visible
-            // all the time, it's safer to force popper update before showing it.
-            update?.();
-        }
-    }, [open, update]);
-    return {
-        attributes,
-        popperElementRef,
-        styles,
-    };
-}