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

package/dist/components/AutoCompleteTextarea/List.js

@@ -1,89 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import clsx from 'clsx';
-import { useComponentContext } from '../../context/ComponentContext';
-import { Item } from './Item';
-import { escapeRegExp } from '../Message/renderText';
-export const List = ({ className, component, currentTrigger, dropdownScroll, getSelectedItem, getTextToReplace, itemClassName, itemStyle, onSelect, selectionEnd, style, SuggestionItem: PropSuggestionItem, value: propValue, values, }) => {
-    const { AutocompleteSuggestionItem } = useComponentContext('SuggestionList');
-    const SuggestionItem = PropSuggestionItem || AutocompleteSuggestionItem || Item;
-    const [selectedItemIndex, setSelectedItemIndex] = useState(undefined);
-    const itemsRef = [];
-    const isSelected = (item) => selectedItemIndex === values.findIndex((value) => getId(value) === getId(item));
-    const getId = (item) => {
-        const textToReplace = getTextToReplace(item);
-        if (textToReplace.key) {
-            return textToReplace.key;
-        }
-        if (typeof item === 'string' || !item.key) {
-            return textToReplace.text;
-        }
-        return item.key;
-    };
-    const findItemIndex = useCallback((item) => values.findIndex((value) => value.id ? value.id === item.id : value.name === item.name), [values]);
-    const modifyText = (value) => {
-        if (!value)
-            return;
-        onSelect(getTextToReplace(value));
-        if (getSelectedItem)
-            getSelectedItem(value);
-    };
-    const handleClick = useCallback((e, item) => {
-        e?.preventDefault();
-        const index = findItemIndex(item);
-        modifyText(values[index]);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [modifyText, findItemIndex]);
-    const selectItem = useCallback((item) => {
-        const index = findItemIndex(item);
-        setSelectedItemIndex(index);
-    }, [findItemIndex]);
-    const handleKeyDown = useCallback((event) => {
-        if (event.key === 'ArrowUp') {
-            setSelectedItemIndex((prevSelected) => {
-                if (prevSelected === undefined)
-                    return 0;
-                const newIndex = prevSelected === 0 ? values.length - 1 : prevSelected - 1;
-                dropdownScroll(itemsRef[newIndex]);
-                return newIndex;
-            });
-        }
-        if (event.key === 'ArrowDown') {
-            setSelectedItemIndex((prevSelected) => {
-                if (prevSelected === undefined)
-                    return 0;
-                const newIndex = prevSelected === values.length - 1 ? 0 : prevSelected + 1;
-                dropdownScroll(itemsRef[newIndex]);
-                return newIndex;
-            });
-        }
-        if ((event.key === 'Enter' || event.key === 'Tab') &&
-            selectedItemIndex !== undefined) {
-            handleClick(event, values[selectedItemIndex]);
-        }
-        return null;
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [selectedItemIndex, values]);
-    useEffect(() => {
-        document.addEventListener('keydown', handleKeyDown, false);
-        return () => document.removeEventListener('keydown', handleKeyDown);
-    }, [handleKeyDown]);
-    useEffect(() => {
-        if (values?.length)
-            selectItem(values[0]);
-    }, [values]); // eslint-disable-line
-    const restructureItem = useCallback((item) => {
-        const matched = item.name || item.id;
-        const textBeforeCursor = propValue.slice(0, selectionEnd);
-        const triggerIndex = textBeforeCursor.lastIndexOf(currentTrigger);
-        const editedPropValue = escapeRegExp(textBeforeCursor.slice(triggerIndex + 1));
-        const parts = matched.split(new RegExp(`(${editedPropValue})`, 'gi'));
-        const itemNameParts = { match: editedPropValue, parts };
-        return { ...item, itemNameParts };
-    }, [propValue, selectionEnd, currentTrigger]);
-    const restructuredValues = useMemo(() => values.map(restructureItem), [values, restructureItem]);
-    return (React.createElement("ul", { className: clsx('str-chat__suggestion-list', className), style: style }, restructuredValues.map((item, i) => (React.createElement(SuggestionItem, { className: itemClassName, component: component, item: item, key: getId(item), onClickHandler: handleClick, onSelectHandler: selectItem, ref: (ref) => {
-            itemsRef[i] = ref;
-        }, selected: isSelected(item), style: itemStyle, value: propValue })))));
-};

package/dist/components/AutoCompleteTextarea/Textarea.d.ts

@@ -1,114 +0,0 @@
-export class ReactTextareaAutocomplete extends React.Component<any, any, any> {
-    static defaultProps: {
-        closeOnClickOutside: boolean;
-        maxRows: number;
-        minChar: number;
-        movePopupAsYouType: boolean;
-        scrollToItem: boolean;
-        value: string;
-    };
-    /**
-     * setup to emulate the UNSAFE_componentWillReceiveProps
-     */
-    static getDerivedStateFromProps(props: any, state: any): {
-        propsValue: any;
-        value: any;
-    } | null;
-    constructor(props: any);
-    state: {
-        actualToken: string;
-        component: null;
-        currentTrigger: null;
-        data: null;
-        dataLoading: boolean;
-        isComposing: boolean;
-        left: null;
-        selectionEnd: number;
-        selectionStart: number;
-        top: null;
-        value: any;
-    };
-    getSelectionPosition: () => {
-        selectionEnd: number;
-        selectionStart: number;
-    } | null;
-    getSelectedText: () => any;
-    setCaretPosition: (position?: number) => void;
-    getCaretPosition: () => number;
-    /**
-     * isComposing prevents double submissions in Korean and other languages.
-     * starting point for a read:
-     * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/isComposing
-     * In the long term, the fix should happen by handling keypress, but changing this has unknown implications.
-     * @param event React.KeyboardEvent
-     */
-    _defaultShouldSubmit: (event: any) => boolean;
-    _handleKeyDown: (event: any) => void | Promise<void>;
-    _onEnter: (event: any) => Promise<void>;
-    _onSpace: () => void;
-    _replaceWord: () => Promise<void>;
-    _onSelect: (newToken: any) => void;
-    _getItemOnSelect: (paramTrigger: any) => ((item: any) => any) | null;
-    _getTextToReplace: (paramTrigger: any) => ((item: any) => any) | null;
-    _getCurrentTriggerSettings: (paramTrigger: any) => any;
-    _getValuesFromProvider: () => void;
-    _getSuggestions: (paramTrigger: any) => null;
-    /**
-     * Close autocomplete, also clean up trigger (to avoid slow promises)
-     */
-    _closeAutocomplete: () => void;
-    _cleanUpProps: () => {
-        [x: string]: any;
-    };
-    _isCommand: (text: any) => boolean;
-    _changeHandler: (e: any) => void;
-    _selectHandler: (e: any) => void;
-    _onClickAndBlurHandler: (e: any) => void;
-    _onScrollHandler: () => void;
-    _dropdownScroll: (item: any) => void;
-    getTriggerProps: () => {
-        component: null;
-        currentTrigger: null;
-        getSelectedItem: ((item: any) => any) | null;
-        getTextToReplace: ((item: any) => any) | null;
-        selectionEnd: number;
-        value: any;
-        values: null;
-    };
-    setDropdownRef: (element: any) => void;
-    dropdownRef: any;
-    renderSuggestionListContainer(): React.JSX.Element | null;
-    render(): React.JSX.Element;
-    textareaRef: HTMLTextAreaElement | null | undefined;
-}
-export namespace ReactTextareaAutocomplete {
-    namespace propTypes {
-        export let className: PropTypes.Requireable<string>;
-        export let closeOnClickOutside: PropTypes.Requireable<boolean>;
-        export let containerClassName: PropTypes.Requireable<string>;
-        export let containerStyle: PropTypes.Requireable<object>;
-        export let disableMentions: PropTypes.Requireable<boolean>;
-        export let dropdownClassName: PropTypes.Requireable<string>;
-        export let dropdownStyle: PropTypes.Requireable<object>;
-        export let itemClassName: PropTypes.Requireable<string>;
-        export let itemStyle: PropTypes.Requireable<object>;
-        export let listClassName: PropTypes.Requireable<string>;
-        export let listStyle: PropTypes.Requireable<object>;
-        export let loaderClassName: PropTypes.Requireable<string>;
-        export let loaderStyle: PropTypes.Requireable<object>;
-        export let loadingComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export let minChar: PropTypes.Requireable<number>;
-        export let onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        export let onCaretPositionChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export let onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        export let shouldSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-        export let style: PropTypes.Requireable<object>;
-        export let SuggestionList: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export { triggerPropsCheck as trigger };
-        export let value: PropTypes.Requireable<string>;
-    }
-}
-import React from 'react';
-import PropTypes from 'prop-types';
-import { triggerPropsCheck } from './utils';