stream-chat-react 13.14.2 → 14.0.0-beta.1

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { DefaultSearchResultItems } from './SearchResultItem';
-import { SearchSourceResultListFooter as DefaultSearchSourceResultListFooter } from './SearchSourceResultListFooter';
-import { useSearchSourceResultsContext } from '../SearchSourceResultsContext';
-import { InfiniteScrollPaginator } from '../../../components/InfiniteScrollPaginator/InfiniteScrollPaginator';
-import { useComponentContext } from '../../../context';
-import { useStateStore } from '../../../store';
-const searchSourceStateSelector = (nextValue) => ({
-    items: nextValue.items,
-});
-export const SearchSourceResultList = ({ loadMoreDebounceMs = 100, loadMoreThresholdPx = 80, SearchResultItems = DefaultSearchResultItems, }) => {
-    const { SearchSourceResultListFooter = DefaultSearchSourceResultListFooter } = useComponentContext();
-    const { searchSource } = useSearchSourceResultsContext();
-    const { items } = useStateStore(searchSource.state, searchSourceStateSelector);
-    const SearchResultItem = SearchResultItems[searchSource.type];
-    if (!SearchResultItem)
-        return null;
-    return (React.createElement("div", { className: 'str-chat__search-source-result-list', "data-testid": 'search-source-result-list' },
-        React.createElement(InfiniteScrollPaginator, { loadNextDebounceMs: loadMoreDebounceMs, loadNextOnScrollToBottom: searchSource.search, threshold: loadMoreThresholdPx },
-            items?.map((item, i) => (React.createElement(SearchResultItem, { item: item, key: `source-search-result-${searchSource.type}-${i}` }))),
-            React.createElement(SearchSourceResultListFooter, null))));
-};

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const SearchSourceResultListFooter: () => React.JSX.Element;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { SearchSourceResultsLoadingIndicator as DefaultSearchSourceResultsLoadingIndicator } from './SearchSourceResultsLoadingIndicator';
-import { useSearchSourceResultsContext } from '../SearchSourceResultsContext';
-import { useComponentContext, useTranslationContext } from '../../../context';
-import { useStateStore } from '../../../store';
-const searchSourceStateSelector = (value) => ({
-    hasNext: value.hasNext,
-    isLoading: value.isLoading,
-});
-export const SearchSourceResultListFooter = () => {
-    const { t } = useTranslationContext();
-    const { SearchSourceResultsLoadingIndicator = DefaultSearchSourceResultsLoadingIndicator, } = useComponentContext();
-    const { searchSource } = useSearchSourceResultsContext();
-    const { hasNext, isLoading } = useStateStore(searchSource.state, searchSourceStateSelector);
-    return (React.createElement("div", { className: 'str-chat__search-source-result-list__footer', "data-testid": 'search-footer' }, isLoading ? (React.createElement(SearchSourceResultsLoadingIndicator, null)) : !hasNext ? (React.createElement("div", { className: 'str-chat__search-source-results---empty' }, t('All results loaded'))) : null));
-};

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

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

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { SearchSourceResultList as DefaultSearchSourceResultList } from './SearchSourceResultList';
-import { SearchSourceResultsEmpty as DefaultSearchSourceResultsEmpty } from './SearchSourceResultsEmpty';
-import { SearchSourceResultsHeader as DefaultSearchSourceResultsHeader } from './SearchSourceResultsHeader';
-import { SearchSourceResultsContextProvider } from '../SearchSourceResultsContext';
-import { useComponentContext } from '../../../context';
-import { useStateStore } from '../../../store';
-const searchSourceStateSelector = (nextValue) => ({
-    isLoading: nextValue.isLoading,
-    items: nextValue.items,
-});
-export const SearchSourceResults = ({ searchSource }) => {
-    const { SearchSourceResultList = DefaultSearchSourceResultList, SearchSourceResultsEmpty = DefaultSearchSourceResultsEmpty, SearchSourceResultsHeader = DefaultSearchSourceResultsHeader, } = useComponentContext();
-    const { isLoading, items } = useStateStore(searchSource.state, searchSourceStateSelector);
-    if (!items && !isLoading)
-        return null;
-    return (React.createElement(SearchSourceResultsContextProvider, { value: { searchSource } },
-        React.createElement("div", { className: 'str-chat__search-source-results', "data-testid": 'search-source-results' },
-            React.createElement(SearchSourceResultsHeader, null),
-            items?.length || isLoading ? (React.createElement(SearchSourceResultList, null)) : (React.createElement(SearchSourceResultsEmpty, null)))));
-};

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const SearchSourceResultsEmpty: () => React.JSX.Element;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { useTranslationContext } from '../../../context';
-export const SearchSourceResultsEmpty = () => {
-    const { t } = useTranslationContext();
-    return (React.createElement("div", { className: 'str-chat__search-source-results-empty' }, t('No results found')));
-};

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

@@ -1 +0,0 @@
-export declare const SearchSourceResultsHeader: () => null;

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

@@ -1 +0,0 @@
-export const SearchSourceResultsHeader = () => null;

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const SearchSourceResultsLoadingIndicator: () => React.JSX.Element;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { useTranslationContext } from '../../../context';
-import { useSearchSourceResultsContext } from '../SearchSourceResultsContext';
-export const SearchSourceResultsLoadingIndicator = () => {
-    const { t } = useTranslationContext();
-    const { searchSource } = useSearchSourceResultsContext();
-    return (React.createElement("div", { className: 'str-chat__search-source-results__loading-indicator', "data-testid": 'search-loading-indicator' }, t('Searching for {{ searchSourceType }}...', {
-        searchSourceType: searchSource.type,
-    })));
-};

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

@@ -1,9 +0,0 @@
-export * from './SearchResultItem';
-export * from './SearchResults';
-export * from './SearchResultsHeader';
-export * from './SearchResultsPresearch';
-export * from './SearchSourceResultsEmpty';
-export * from './SearchSourceResultsLoadingIndicator';
-export * from './SearchSourceResultList';
-export * from './SearchSourceResultListFooter';
-export * from './SearchSourceResults';

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

@@ -1,9 +0,0 @@
-export * from './SearchResultItem';
-export * from './SearchResults';
-export * from './SearchResultsHeader';
-export * from './SearchResultsPresearch';
-export * from './SearchSourceResultsEmpty';
-export * from './SearchSourceResultsLoadingIndicator';
-export * from './SearchSourceResultList';
-export * from './SearchSourceResultListFooter';
-export * from './SearchSourceResults';

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

@@ -1,14 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-import type { SearchSource } from 'stream-chat';
-export type SearchSourceResultsContextValue = {
-    searchSource: SearchSource;
-};
-export declare const SearchSourceResultsContext: React.Context<SearchSourceResultsContextValue | undefined>;
-/**
- * Context provider for components rendered within the `SearchSourceResults`
- */
-export declare const SearchSourceResultsContextProvider: ({ children, value, }: PropsWithChildren<{
-    value: SearchSourceResultsContextValue;
-}>) => React.JSX.Element;
-export declare const useSearchSourceResultsContext: () => SearchSourceResultsContextValue;

package/dist/experimental/Search/SearchSourceResultsContext.js

@@ -1,10 +0,0 @@
-import React, { createContext, useContext } from 'react';
-export const SearchSourceResultsContext = createContext(undefined);
-/**
- * Context provider for components rendered within the `SearchSourceResults`
- */
-export const SearchSourceResultsContextProvider = ({ children, value, }) => (React.createElement(SearchSourceResultsContext.Provider, { value: value }, children));
-export const useSearchSourceResultsContext = () => {
-    const contextValue = useContext(SearchSourceResultsContext);
-    return contextValue;
-};

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

@@ -1,2 +0,0 @@
-export * from './useSearchFocusedMessage';
-export * from './useSearchQueriesInProgress';

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

@@ -1,2 +0,0 @@
-export * from './useSearchFocusedMessage';
-export * from './useSearchQueriesInProgress';

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

@@ -1 +0,0 @@
-export declare const useSearchFocusedMessage: () => import("stream-chat").MessageResponse | undefined;

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

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

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

@@ -1,5 +0,0 @@
-import type { SearchController } from 'stream-chat';
-export type UseSearchQueriesInProgressParams = {
-    searchController: SearchController;
-};
-export declare const useSearchQueriesInProgress: (searchController: SearchController) => string[];

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

@@ -1,22 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useStateStore } from '../../../store';
-const searchControllerStateSelector = (value) => ({
-    sources: value.sources,
-});
-export const useSearchQueriesInProgress = (searchController) => {
-    const [queriesInProgress, setQueriesInProgress] = useState([]);
-    const { sources } = useStateStore(searchController.state, searchControllerStateSelector);
-    useEffect(() => {
-        const subscriptions = sources.map((source) => source.state.subscribeWithSelector((value) => ({ isLoading: value.isLoading }), ({ isLoading }) => {
-            setQueriesInProgress((prev) => {
-                if (isLoading)
-                    return prev.concat(source.type);
-                return prev.filter((type) => type !== source.type);
-            });
-        }));
-        return () => {
-            subscriptions.forEach((unsubscribe) => unsubscribe());
-        };
-    }, [sources]);
-    return queriesInProgress;
-};

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

@@ -1,5 +0,0 @@
-export * from './Search';
-export * from './SearchBar';
-export * from './SearchContext';
-export * from './SearchResults';
-export * from './SearchSourceResultsContext';

package/dist/experimental/Search/index.js

@@ -1,5 +0,0 @@
-export * from './Search';
-export * from './SearchBar';
-export * from './SearchContext';
-export * from './SearchResults';
-export * from './SearchSourceResultsContext';