stream-chat-react 12.15.0 → 13.0.0-rc.2

package/dist/experimental/MessageActions/MessageActions.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MESSAGE_ACTIONS } from '../../components';
+import type { MESSAGE_ACTIONS } from '../../components';
 export type MessageActionSetItem = {
     Component: React.ComponentType;
     placement: 'quick' | 'dropdown';

package/dist/experimental/MessageActions/MessageActions.js

@@ -34,7 +34,7 @@ export const MessageActions = ({ disableBaseMessageActionSetFilter = false, mess
         dropdownActionSet.length > 0 && (React.createElement(MessageActionsWrapper, { inline: false, toggleOpen: dialog?.toggle },
             React.createElement("button", { "aria-expanded": dropdownDialogIsOpen, "aria-haspopup": 'true', "aria-label": t('aria/Open Message Actions Menu'), className: 'str-chat__message-actions-box-button', "data-testid": 'message-actions-toggle-button', ref: setActionsBoxButtonElement },
                 React.createElement(ActionsIcon, { className: 'str-chat__message-action-icon' })),
-            React.createElement(DialogAnchor, { id: dropdownDialogId, placement: isMyMessage() ? 'top-end' : 'top-start', referenceElement: actionsBoxButtonElement, trapFocus: true },
+            React.createElement(DialogAnchor, { id: dropdownDialogId, placement: isMyMessage() ? 'top-end' : 'top-start', referenceElement: actionsBoxButtonElement, tabIndex: -1, trapFocus: true },
                 React.createElement(DropdownBox, { open: dropdownDialogIsOpen }, dropdownActionSet.map(({ Component: DropdownActionComponent, type }) => (React.createElement(DropdownActionComponent, { key: type }))))))),
         quickActionSet.map(({ Component: QuickActionComponent, type }) => (React.createElement(QuickActionComponent, { key: type })))));
 };

package/dist/experimental/MessageActions/defaults.js

@@ -3,16 +3,17 @@ import React from 'react';
 import { isUserMuted } from '../../components';
 import { ReactionIcon as DefaultReactionIcon, ThreadIcon, } from '../../components/Message/icons';
 import { ReactionSelectorWithButton } from '../../components/Reactions/ReactionSelectorWithButton';
-import { useChannelActionContext, useChatContext, useMessageContext, useTranslationContext, } from '../../context';
+import { useChatContext, useMessageContext, useTranslationContext } from '../../context';
+import { useMessageComposer } from '../../components';
 export const DefaultDropdownActionButton = ({ 'aria-selected': ariaSelected = 'false', children, className = 'str-chat__message-actions-list-item-button', role = 'option', ...rest }) => (React.createElement("button", { "aria-selected": ariaSelected, className: className, role: role, ...rest }, children));
 const DefaultMessageActionComponents = {
     dropdown: {
         Quote() {
-            const { setQuotedMessage } = useChannelActionContext();
             const { message } = useMessageContext();
             const { t } = useTranslationContext();
+            const messageComposer = useMessageComposer();
             const handleQuote = () => {
-                setQuotedMessage(message);
+                messageComposer.setQuotedMessage(message);
                 const elements = message.parent_id
                     ? document.querySelectorAll('.str-chat__thread .str-chat__textarea__textarea')
                     : document.getElementsByClassName('str-chat__textarea__textarea');

package/dist/experimental/Search/Search.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { DefaultStreamChatGenerics } from '../../types';
 export type SearchProps = {
     directMessagingChannelType?: string;
     /** Sets the input element into disabled state */
@@ -9,4 +8,4 @@ export type SearchProps = {
     /** Custom placeholder text to be displayed in the search input */
     placeholder?: string;
 };
-export declare const Search: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ directMessagingChannelType, disabled, exitSearchOnInputBlur, placeholder, }: SearchProps) => React.JSX.Element;
+export declare const Search: ({ directMessagingChannelType, disabled, exitSearchOnInputBlur, placeholder, }: SearchProps) => React.JSX.Element;

package/dist/experimental/Search/SearchContext.d.ts

@@ -1,11 +1,11 @@
-import React, { PropsWithChildren } from 'react';
+import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { SearchController } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../types';
-export type SearchContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+export type SearchContextValue = {
     /** The type of channel to create on user result select, defaults to `messaging` */
     directMessagingChannelType: string;
     /** Instance of the search controller that handles the data management */
-    searchController: SearchController<StreamChatGenerics>;
+    searchController: SearchController;
     /** Sets the input element into disabled state */
     disabled?: boolean;
     /** Clear search state / results on every click outside the search input, defaults to true */
@@ -13,11 +13,11 @@ export type SearchContextValue<StreamChatGenerics extends DefaultStreamChatGener
     /** Custom placeholder text to be displayed in the search input */
     placeholder?: string;
 };
-export declare const SearchContext: React.Context<SearchContextValue<DefaultStreamChatGenerics> | undefined>;
+export declare const SearchContext: React.Context<SearchContextValue | undefined>;
 /**
  * Context provider for components rendered within the `Search` component
  */
-export declare const SearchContextProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: PropsWithChildren<{
-    value: SearchContextValue<StreamChatGenerics>;
+export declare const SearchContextProvider: ({ children, value, }: PropsWithChildren<{
+    value: SearchContextValue;
 }>) => React.JSX.Element;
-export declare const useSearchContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => SearchContextValue<StreamChatGenerics>;
+export declare const useSearchContext: () => SearchContextValue;

package/dist/experimental/Search/SearchResults/SearchResultItem.d.ts

@@ -1,18 +1,18 @@
-import React, { ComponentType } from 'react';
+import React from 'react';
+import type { ComponentType } from 'react';
 import type { Channel, MessageResponse, User } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../../types';
-export type ChannelSearchResultItemProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
-    item: Channel<StreamChatGenerics>;
+export type ChannelSearchResultItemProps = {
+    item: Channel;
 };
-export declare const ChannelSearchResultItem: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ item, }: ChannelSearchResultItemProps<StreamChatGenerics>) => React.JSX.Element;
-export type ChannelByMessageSearchResultItemProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
-    item: MessageResponse<StreamChatGenerics>;
+export declare const ChannelSearchResultItem: ({ item }: ChannelSearchResultItemProps) => React.JSX.Element;
+export type ChannelByMessageSearchResultItemProps = {
+    item: MessageResponse;
 };
-export declare const MessageSearchResultItem: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ item, }: ChannelByMessageSearchResultItemProps<StreamChatGenerics>) => React.JSX.Element | undefined;
-export type UserSearchResultItemProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
-    item: User<StreamChatGenerics>;
+export declare const MessageSearchResultItem: ({ item, }: ChannelByMessageSearchResultItemProps) => React.JSX.Element | undefined;
+export type UserSearchResultItemProps = {
+    item: User;
 };
-export declare const UserSearchResultItem: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ item, }: UserSearchResultItemProps<StreamChatGenerics>) => React.JSX.Element;
+export declare const UserSearchResultItem: ({ item }: UserSearchResultItemProps) => React.JSX.Element;
 export type SearchResultItemComponents = Record<string, ComponentType<{
     item: any;
 }>>;

package/dist/experimental/Search/SearchResults/SearchResultItem.js

@@ -1,11 +1,11 @@
-import uniqBy from 'lodash.uniqby';
 import React, { useCallback, useMemo } from 'react';
+import uniqBy from 'lodash.uniqby';
 import { useSearchContext } from '../SearchContext';
 import { Avatar } from '../../../components/Avatar';
 import { ChannelPreview } from '../../../components/ChannelPreview';
 import { useChannelListContext, useChatContext } from '../../../context';
 import { DEFAULT_JUMP_TO_PAGE_SIZE } from '../../../constants/limits';
-export const ChannelSearchResultItem = ({ item, }) => {
+export const ChannelSearchResultItem = ({ item }) => {
     const { setActiveChannel } = useChatContext();
     const { setChannels } = useChannelListContext();
     const onSelect = useCallback(() => {
@@ -39,7 +39,7 @@ export const MessageSearchResultItem = ({ item, }) => {
     return (React.createElement(ChannelPreview, { active: channel.cid === activeChannel?.cid &&
             item.id === searchController._internalState.getLatestValue().focusedMessage?.id, channel: channel, className: 'str-chat__search-result', getLatestMessagePreview: getLatestMessagePreview, onSelect: onSelect }));
 };
-export const UserSearchResultItem = ({ item, }) => {
+export const UserSearchResultItem = ({ item }) => {
     const { client, setActiveChannel } = useChatContext();
     const { setChannels } = useChannelListContext();
     const { directMessagingChannelType } = useSearchContext();

package/dist/experimental/Search/SearchResults/SearchResults.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
-import type { DefaultStreamChatGenerics } from '../../../types';
-export declare const SearchResults: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => React.JSX.Element | null;
+export declare const SearchResults: () => React.JSX.Element | null;

package/dist/experimental/Search/SearchResults/SearchResultsHeader.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
-import type { DefaultStreamChatGenerics } from '../../../types';
-export declare const SearchResultsHeader: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => React.JSX.Element;
+export declare const SearchResultsHeader: () => React.JSX.Element;

package/dist/experimental/Search/SearchResults/SearchResultsHeader.js

@@ -6,7 +6,7 @@ import { useStateStore } from '../../../store';
 const searchSourceStateSelector = (nextValue) => ({
     isActive: nextValue.isActive,
 });
-const SearchSourceFilterButton = ({ source, }) => {
+const SearchSourceFilterButton = ({ source }) => {
     const { t } = useTranslationContext();
     const { searchController } = useSearchContext();
     const { isActive } = useStateStore(source.state, searchSourceStateSelector);

package/dist/experimental/Search/SearchResults/SearchSourceResultList.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { SearchResultItemComponents } from './SearchResultItem';
-import type { DefaultStreamChatGenerics } from '../../../types';
+import type { SearchResultItemComponents } from './SearchResultItem';
 export type SearchSourceResultListProps = {
     loadMoreDebounceMs?: number;
     loadMoreThresholdPx?: number;
     SearchResultItems?: SearchResultItemComponents;
 };
-export declare const SearchSourceResultList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ loadMoreDebounceMs, loadMoreThresholdPx, SearchResultItems, }: SearchSourceResultListProps) => React.JSX.Element | null;
+export declare const SearchSourceResultList: ({ loadMoreDebounceMs, loadMoreThresholdPx, SearchResultItems, }: SearchSourceResultListProps) => React.JSX.Element | null;

package/dist/experimental/Search/SearchResults/SearchSourceResultListFooter.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
-import type { DefaultStreamChatGenerics } from '../../../types';
-export declare const SearchSourceResultListFooter: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => React.JSX.Element;
+export declare const SearchSourceResultListFooter: () => React.JSX.Element;

package/dist/experimental/Search/SearchResults/SearchSourceResults.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { SearchSource } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../../types';
 export type SearchSourceResultsProps = {
     searchSource: SearchSource;
 };
-export declare const SearchSourceResults: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ searchSource, }: SearchSourceResultsProps) => React.JSX.Element | null;
+export declare const SearchSourceResults: ({ searchSource }: SearchSourceResultsProps) => React.JSX.Element | null;

package/dist/experimental/Search/SearchResults/SearchSourceResults.js

@@ -9,7 +9,7 @@ const searchSourceStateSelector = (nextValue) => ({
     isLoading: nextValue.isLoading,
     items: nextValue.items,
 });
-export const SearchSourceResults = ({ searchSource, }) => {
+export const SearchSourceResults = ({ searchSource }) => {
     const { SearchSourceResultList = DefaultSearchSourceResultList, SearchSourceResultsEmpty = DefaultSearchSourceResultsEmpty, SearchSourceResultsHeader = DefaultSearchSourceResultsHeader, } = useComponentContext();
     const { isLoading, items } = useStateStore(searchSource.state, searchSourceStateSelector);
     if (!items && !isLoading)

package/dist/experimental/Search/SearchSourceResultsContext.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
 import type { SearchSource } from 'stream-chat';
 export type SearchSourceResultsContextValue = {
     searchSource: SearchSource;

package/dist/experimental/Search/hooks/useSearchFocusedMessage.d.ts

@@ -1,2 +1 @@
-import type { DefaultStreamChatGenerics } from '../../../types';
-export declare const useSearchFocusedMessage: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => import("stream-chat").MessageResponse<StreamChatGenerics> | undefined;
+export declare const useSearchFocusedMessage: () => import("stream-chat").MessageResponse | undefined;

package/dist/experimental/Search/hooks/useSearchFocusedMessage.js

@@ -1,6 +1,8 @@
 import { useChatContext } from '../../../context';
 import { useStateStore } from '../../../store';
-const searchControllerStateSelector = (nextValue) => ({ focusedMessage: nextValue.focusedMessage });
+const searchControllerStateSelector = (nextValue) => ({
+    focusedMessage: nextValue.focusedMessage,
+});
 export const useSearchFocusedMessage = () => {
     const { searchController } = useChatContext('Channel');
     const { focusedMessage } = useStateStore(searchController._internalState, searchControllerStateSelector);

package/dist/experimental/Search/hooks/useSearchQueriesInProgress.d.ts

@@ -1,6 +1,5 @@
 import type { SearchController } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../../types';
-export type UseSearchQueriesInProgressParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
-    searchController: SearchController<StreamChatGenerics>;
+export type UseSearchQueriesInProgressParams = {
+    searchController: SearchController;
 };
-export declare const useSearchQueriesInProgress: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(searchController: SearchController<StreamChatGenerics>) => string[];
+export declare const useSearchQueriesInProgress: (searchController: SearchController) => string[];