stream-chat-react 11.21.0 → 12.0.0-rc.1

package/dist/components/Attachment/utils.js

@@ -1,201 +1,35 @@
-import { __assign } from "tslib";
-import React from 'react';
-import ReactPlayer from 'react-player';
-import clsx from 'clsx';
-import { AttachmentActions as DefaultAttachmentActions } from './AttachmentActions';
-import { Audio as DefaultAudio } from './Audio';
-import { Card as DefaultCard } from './Card';
-import { FileAttachment as DefaultFile } from './FileAttachment';
-import { Gallery as DefaultGallery, ImageComponent as DefaultImage } from '../Gallery';
-export var SUPPORTED_VIDEO_FORMATS = ['video/mp4', 'video/ogg', 'video/webm', 'video/quicktime'];
-export var isLocalAttachment = function (attachment) { var _a; return !!((_a = attachment.localMetadata) === null || _a === void 0 ? void 0 : _a.id); };
-export var isScrapedContent = function (attachment) { return attachment.og_scrape_url || attachment.title_link; };
-export var isUploadedImage = function (attachment) { return attachment.type === 'image' && !isScrapedContent(attachment); };
-export var isLocalImageAttachment = function (attachment) {
-    return isUploadedImage(attachment) && isLocalAttachment(attachment);
-};
-export var isGalleryAttachmentType = function (output) { return Array.isArray(output.images); };
-export var isAudioAttachment = function (attachment) { return attachment.type === 'audio'; };
-export var isLocalAudioAttachment = function (attachment) {
-    return isAudioAttachment(attachment) && isLocalAttachment(attachment);
-};
-export var isVoiceRecordingAttachment = function (attachment) { return attachment.type === 'voiceRecording'; };
-export var isLocalVoiceRecordingAttachment = function (attachment) {
-    return isVoiceRecordingAttachment(attachment) && isLocalAttachment(attachment);
-};
-export var isFileAttachment = function (attachment) {
-    return attachment.type === 'file' ||
-        !!(attachment.mime_type &&
-            SUPPORTED_VIDEO_FORMATS.indexOf(attachment.mime_type) === -1 &&
-            attachment.type !== 'video');
-};
-export var isLocalFileAttachment = function (attachment) {
-    return isFileAttachment(attachment) && isLocalAttachment(attachment);
-};
-export var isMediaAttachment = function (attachment) {
-    return (attachment.mime_type && SUPPORTED_VIDEO_FORMATS.indexOf(attachment.mime_type) !== -1) ||
-        attachment.type === 'video';
-};
-export var isLocalMediaAttachment = function (attachment) {
-    return isMediaAttachment(attachment) && isLocalAttachment(attachment);
-};
-export var isSvgAttachment = function (attachment) {
-    var filename = attachment.fallback || '';
+export const SUPPORTED_VIDEO_FORMATS = ['video/mp4', 'video/ogg', 'video/webm', 'video/quicktime'];
+export const isLocalAttachment = (attachment) => !!attachment.localMetadata?.id;
+export const isScrapedContent = (attachment) => attachment.og_scrape_url || attachment.title_link;
+export const isUploadedImage = (attachment) => attachment.type === 'image' && !isScrapedContent(attachment);
+export const isLocalImageAttachment = (attachment) => isUploadedImage(attachment) && isLocalAttachment(attachment);
+export const isGalleryAttachmentType = (output) => Array.isArray(output.images);
+export const isAudioAttachment = (attachment) => attachment.type === 'audio';
+export const isLocalAudioAttachment = (attachment) => isAudioAttachment(attachment) && isLocalAttachment(attachment);
+export const isVoiceRecordingAttachment = (attachment) => attachment.type === 'voiceRecording';
+export const isLocalVoiceRecordingAttachment = (attachment) => isVoiceRecordingAttachment(attachment) && isLocalAttachment(attachment);
+export const isFileAttachment = (attachment) => attachment.type === 'file' ||
+    !!(attachment.mime_type &&
+        SUPPORTED_VIDEO_FORMATS.indexOf(attachment.mime_type) === -1 &&
+        attachment.type !== 'video');
+export const isLocalFileAttachment = (attachment) => isFileAttachment(attachment) && isLocalAttachment(attachment);
+export const isMediaAttachment = (attachment) => (attachment.mime_type && SUPPORTED_VIDEO_FORMATS.indexOf(attachment.mime_type) !== -1) ||
+    attachment.type === 'video';
+export const isLocalMediaAttachment = (attachment) => isMediaAttachment(attachment) && isLocalAttachment(attachment);
+export const isSvgAttachment = (attachment) => {
+    const filename = attachment.fallback || '';
     return filename.toLowerCase().endsWith('.svg');
 };
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/AttachmentWithinContainer`
- */
-export var renderAttachmentWithinContainer = function (props) {
-    var _a;
-    var _b;
-    var attachment = props.attachment, children = props.children, componentType = props.componentType;
-    var isGAT = isGalleryAttachmentType(attachment);
-    var extra = '';
-    if (!isGAT) {
-        extra =
-            componentType === 'card' && !(attachment === null || attachment === void 0 ? void 0 : attachment.image_url) && !(attachment === null || attachment === void 0 ? void 0 : attachment.thumb_url)
-                ? 'no-image'
-                : ((_b = attachment === null || attachment === void 0 ? void 0 : attachment.actions) === null || _b === void 0 ? void 0 : _b.length)
-                    ? 'actions'
-                    : '';
-    }
-    var classNames = clsx('str-chat__message-attachment', (_a = {},
-        _a["str-chat__message-attachment--".concat(componentType)] = componentType,
-        _a["str-chat__message-attachment--".concat(attachment === null || attachment === void 0 ? void 0 : attachment.type)] = attachment === null || attachment === void 0 ? void 0 : attachment.type,
-        _a["str-chat__message-attachment--".concat(componentType, "--").concat(extra)] = componentType && extra,
-        _a['str-chat__message-attachment--svg-image'] = isSvgAttachment(attachment),
-        _a['str-chat__message-attachment-with-actions'] = extra === 'actions',
-        _a));
-    return React.createElement("div", { className: classNames }, children);
-};
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/AttachmentActionsContainer`
- */
-export var renderAttachmentActions = function (props) {
-    var _a;
-    var actionHandler = props.actionHandler, attachment = props.attachment, _b = props.AttachmentActions, AttachmentActions = _b === void 0 ? DefaultAttachmentActions : _b;
-    if (!((_a = attachment.actions) === null || _a === void 0 ? void 0 : _a.length))
-        return null;
-    return (React.createElement(AttachmentActions, __assign({}, attachment, { actionHandler: function (event, name, value) { return actionHandler === null || actionHandler === void 0 ? void 0 : actionHandler(event, name, value); }, actions: attachment.actions, id: attachment.id || '', key: "key-actions-".concat(attachment.id), text: attachment.text || '' })));
-};
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/GalleryContainer`
- */
-export var renderGallery = function (props) {
-    var attachment = props.attachment, _a = props.Gallery, Gallery = _a === void 0 ? DefaultGallery : _a;
-    return renderAttachmentWithinContainer({
-        attachment: attachment,
-        children: React.createElement(Gallery, { images: attachment.images || [], key: 'gallery' }),
-        componentType: 'gallery',
-    });
-};
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/ImageContainer`
- */
-export var renderImage = function (props) {
-    var attachment = props.attachment, _a = props.Image, Image = _a === void 0 ? DefaultImage : _a;
-    if (attachment.actions && attachment.actions.length) {
-        return renderAttachmentWithinContainer({
-            attachment: attachment,
-            children: (React.createElement("div", { className: 'str-chat__attachment', key: "key-image-".concat(attachment.id) },
-                React.createElement(Image, __assign({}, attachment)),
-                renderAttachmentActions(props))),
-            componentType: 'image',
-        });
-    }
-    return renderAttachmentWithinContainer({
-        attachment: attachment,
-        children: React.createElement(Image, __assign({}, attachment, { key: "key-image-".concat(attachment.id) })),
-        componentType: 'image',
-    });
-};
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/CardContainer`
- */
-export var renderCard = function (props) {
-    var attachment = props.attachment, _a = props.Card, Card = _a === void 0 ? DefaultCard : _a;
-    if (attachment.actions && attachment.actions.length) {
-        return renderAttachmentWithinContainer({
-            attachment: attachment,
-            children: (React.createElement("div", { className: 'str-chat__attachment', key: "key-image-".concat(attachment.id) },
-                React.createElement(Card, __assign({}, attachment, { key: "key-card-".concat(attachment.id) })),
-                renderAttachmentActions(props))),
-            componentType: 'card',
-        });
-    }
-    return renderAttachmentWithinContainer({
-        attachment: attachment,
-        children: React.createElement(Card, __assign({}, attachment, { key: "key-card-".concat(attachment.id) })),
-        componentType: 'card',
-    });
-};
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/FileContainer`
- */
-export var renderFile = function (props) {
-    var attachment = props.attachment, _a = props.File, File = _a === void 0 ? DefaultFile : _a;
-    if (!attachment.asset_url)
-        return null;
-    return renderAttachmentWithinContainer({
-        attachment: attachment,
-        children: React.createElement(File, { attachment: attachment, key: "key-file-".concat(attachment.id) }),
-        componentType: 'file',
-    });
-};
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/AudioContainer`
- */
-export var renderAudio = function (props) {
-    var attachment = props.attachment, _a = props.Audio, Audio = _a === void 0 ? DefaultAudio : _a;
-    return renderAttachmentWithinContainer({
-        attachment: attachment,
-        children: (React.createElement("div", { className: 'str-chat__attachment', key: "key-video-".concat(attachment.id) },
-            React.createElement(Audio, { og: attachment }))),
-        componentType: 'audio',
-    });
-};
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/MediaContainer`
- */
-export var renderMedia = function (props) {
-    var _a;
-    var attachment = props.attachment, _b = props.Media, Media = _b === void 0 ? ReactPlayer : _b;
-    if ((_a = attachment.actions) === null || _a === void 0 ? void 0 : _a.length) {
-        return renderAttachmentWithinContainer({
-            attachment: attachment,
-            children: (React.createElement("div", { className: 'str-chat__attachment str-chat__attachment-media', key: "key-video-".concat(attachment.id) },
-                React.createElement("div", { className: 'str-chat__player-wrapper' },
-                    React.createElement(Media, { className: 'react-player', controls: true, height: '100%', url: attachment.asset_url, width: '100%' })),
-                renderAttachmentActions(props))),
-            componentType: 'media',
-        });
-    }
-    return renderAttachmentWithinContainer({
-        attachment: attachment,
-        children: (React.createElement("div", { className: 'str-chat__player-wrapper', key: "key-video-".concat(attachment.id) },
-            React.createElement(Media, { className: 'react-player', controls: true, height: '100%', url: attachment.asset_url, width: '100%' }))),
-        componentType: 'media',
-    });
-};
-export var divMod = function (num, divisor) { return [Math.floor(num / divisor), num % divisor]; };
-export var displayDuration = function (totalSeconds) {
+export const divMod = (num, divisor) => [Math.floor(num / divisor), num % divisor];
+export const displayDuration = (totalSeconds) => {
     if (!totalSeconds || totalSeconds < 0)
         return '00:00';
-    var _a = divMod(totalSeconds, 3600), hours = _a[0], hoursLeftover = _a[1];
-    var _b = divMod(hoursLeftover, 60), minutes = _b[0], seconds = _b[1];
-    var roundedSeconds = Math.ceil(seconds);
-    var prependHrsZero = hours.toString().length === 1 ? '0' : '';
-    var prependMinZero = minutes.toString().length === 1 ? '0' : '';
-    var prependSecZero = roundedSeconds.toString().length === 1 ? '0' : '';
-    var minSec = "".concat(prependMinZero).concat(minutes, ":").concat(prependSecZero).concat(roundedSeconds);
-    return hours ? "".concat(prependHrsZero).concat(hours, ":") + minSec : minSec;
+    const [hours, hoursLeftover] = divMod(totalSeconds, 3600);
+    const [minutes, seconds] = divMod(hoursLeftover, 60);
+    const roundedSeconds = Math.ceil(seconds);
+    const prependHrsZero = hours.toString().length === 1 ? '0' : '';
+    const prependMinZero = minutes.toString().length === 1 ? '0' : '';
+    const prependSecZero = roundedSeconds.toString().length === 1 ? '0' : '';
+    const minSec = `${prependMinZero}${minutes}:${prependSecZero}${roundedSeconds}`;
+    return hours ? `${prependHrsZero}${hours}:` + minSec : minSec;
 };

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

@@ -1,3 +1,2 @@
 export const Item: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";
-//# sourceMappingURL=Item.d.ts.map
+import React from 'react';

package/dist/components/AutoCompleteTextarea/Item.js

@@ -1,17 +1,10 @@
 import React, { useCallback } from 'react';
 import clsx from 'clsx';
-import { useChatContext } from '../../context/ChatContext';
-export var Item = React.forwardRef(function Item(props, innerRef) {
-    var className = props.className, Component = props.component, item = props.item, onClickHandler = props.onClickHandler, onSelectHandler = props.onSelectHandler, selected = props.selected, style = props.style;
-    var themeVersion = useChatContext('SuggestionItem').themeVersion;
-    var handleSelect = useCallback(function () { return onSelectHandler(item); }, [item, onSelectHandler]);
-    var handleClick = useCallback(function (event) { return onClickHandler(event, item); }, [item, onClickHandler]);
-    if (themeVersion === '2')
-        return (React.createElement("li", { className: clsx(className, { 'str-chat__suggestion-item--selected': selected }), style: style },
-            React.createElement("a", { href: '', onClick: handleClick, onFocus: handleSelect, onMouseEnter: handleSelect, ref: innerRef },
-                React.createElement(Component, { entity: item, selected: selected }))));
-    return (React.createElement("li", { className: clsx('rta__item', className), style: style },
-        React.createElement("button", { className: clsx('rta__entity', { 'rta__entity--selected': selected }), onClick: handleClick, onFocus: handleSelect, onMouseEnter: handleSelect, ref: innerRef },
-            React.createElement("div", { tabIndex: -1 },
-                React.createElement(Component, { entity: item, selected: selected })))));
+export const Item = React.forwardRef(function Item(props, innerRef) {
+    const { className, component: Component, item, onClickHandler, onSelectHandler, selected, style, } = props;
+    const handleSelect = useCallback(() => onSelectHandler(item), [item, onSelectHandler]);
+    const handleClick = useCallback((event) => onClickHandler(event, item), [item, onClickHandler]);
+    return (React.createElement("li", { className: clsx(className, { 'str-chat__suggestion-item--selected': selected }), style: style },
+        React.createElement("a", { href: '', onClick: handleClick, onFocus: handleSelect, onMouseEnter: handleSelect, ref: innerRef },
+            React.createElement(Component, { entity: item, selected: selected }))));
 });

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

@@ -1,11 +1,10 @@
-export function List({ className, component, currentTrigger, dropdownScroll, getSelectedItem, getTextToReplace, Header: PropHeader, itemClassName, itemStyle, onSelect, selectionEnd, style, SuggestionItem: PropSuggestionItem, value: propValue, values, }: {
+export function List({ className, component, currentTrigger, dropdownScroll, getSelectedItem, getTextToReplace, itemClassName, itemStyle, onSelect, selectionEnd, style, SuggestionItem: PropSuggestionItem, value: propValue, values, }: {
     className: any;
     component: any;
     currentTrigger: any;
     dropdownScroll: any;
     getSelectedItem: any;
     getTextToReplace: any;
-    Header: any;
     itemClassName: any;
     itemStyle: any;
     onSelect: any;
@@ -15,5 +14,4 @@ export function List({ className, component, currentTrigger, dropdownScroll, get
     value: any;
     values: any;
 }): React.JSX.Element;
-import React from "react";
-//# sourceMappingURL=List.d.ts.map
+import React from 'react';

package/dist/components/AutoCompleteTextarea/List.js

@@ -1,24 +1,16 @@
-import { __assign } from "tslib";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import clsx from 'clsx';
 import { useComponentContext } from '../../context/ComponentContext';
-import { useChatContext } from '../../context/ChatContext';
 import { Item } from './Item';
-import { DefaultSuggestionListHeader } from './Header';
 import { escapeRegExp } from '../Message/renderText';
-export var List = function (_a) {
-    var className = _a.className, component = _a.component, currentTrigger = _a.currentTrigger, dropdownScroll = _a.dropdownScroll, getSelectedItem = _a.getSelectedItem, getTextToReplace = _a.getTextToReplace, PropHeader = _a.Header, itemClassName = _a.itemClassName, itemStyle = _a.itemStyle, onSelect = _a.onSelect, selectionEnd = _a.selectionEnd, style = _a.style, PropSuggestionItem = _a.SuggestionItem, propValue = _a.value, values = _a.values;
-    var _b = useComponentContext('SuggestionList'), AutocompleteSuggestionHeader = _b.AutocompleteSuggestionHeader, AutocompleteSuggestionItem = _b.AutocompleteSuggestionItem;
-    var themeVersion = useChatContext('SuggestionList').themeVersion;
-    var SuggestionItem = PropSuggestionItem || AutocompleteSuggestionItem || Item;
-    var SuggestionHeader = PropHeader || AutocompleteSuggestionHeader || DefaultSuggestionListHeader;
-    var _c = useState(undefined), selectedItemIndex = _c[0], setSelectedItemIndex = _c[1];
-    var itemsRef = [];
-    var isSelected = function (item) {
-        return selectedItemIndex === values.findIndex(function (value) { return getId(value) === getId(item); });
-    };
-    var getId = function (item) {
-        var textToReplace = getTextToReplace(item);
+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;
         }
@@ -27,40 +19,40 @@ export var List = function (_a) {
         }
         return item.key;
     };
-    var findItemIndex = useCallback(function (item) {
-        return values.findIndex(function (value) { return (value.id ? value.id === item.id : value.name === item.name); });
-    }, [values]);
-    var modifyText = function (value) {
+    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);
     };
-    var handleClick = useCallback(function (e, item) {
-        e === null || e === void 0 ? void 0 : e.preventDefault();
-        var index = findItemIndex(item);
+    const handleClick = useCallback((e, item) => {
+        e?.preventDefault();
+        const index = findItemIndex(item);
         modifyText(values[index]);
-    }, [modifyText, findItemIndex]);
-    var selectItem = useCallback(function (item) {
-        var index = findItemIndex(item);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [modifyText, findItemIndex]);
+    const selectItem = useCallback((item) => {
+        const index = findItemIndex(item);
         setSelectedItemIndex(index);
     }, [findItemIndex]);
-    var handleKeyDown = useCallback(function (event) {
+    const handleKeyDown = useCallback((event) => {
         if (event.key === 'ArrowUp') {
-            setSelectedItemIndex(function (prevSelected) {
+            setSelectedItemIndex((prevSelected) => {
                 if (prevSelected === undefined)
                     return 0;
-                var newIndex = prevSelected === 0 ? values.length - 1 : prevSelected - 1;
+                const newIndex = prevSelected === 0 ? values.length - 1 : prevSelected - 1;
                 dropdownScroll(itemsRef[newIndex]);
                 return newIndex;
             });
         }
         if (event.key === 'ArrowDown') {
-            setSelectedItemIndex(function (prevSelected) {
+            setSelectedItemIndex((prevSelected) => {
                 if (prevSelected === undefined)
                     return 0;
-                var newIndex = prevSelected === values.length - 1 ? 0 : prevSelected + 1;
+                const newIndex = prevSelected === values.length - 1 ? 0 : prevSelected + 1;
                 dropdownScroll(itemsRef[newIndex]);
                 return newIndex;
             });
@@ -69,29 +61,28 @@ export var List = function (_a) {
             handleClick(event, values[selectedItemIndex]);
         }
         return null;
-    }, [selectedItemIndex, values]);
-    useEffect(function () {
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selectedItemIndex, values]);
+    useEffect(() => {
         document.addEventListener('keydown', handleKeyDown, false);
-        return function () { return document.removeEventListener('keydown', handleKeyDown); };
+        return () => document.removeEventListener('keydown', handleKeyDown);
     }, [handleKeyDown]);
-    useEffect(function () {
-        if (values === null || values === void 0 ? void 0 : values.length)
+    useEffect(() => {
+        if (values?.length)
             selectItem(values[0]);
     }, [values]); // eslint-disable-line
-    var restructureItem = useCallback(function (item) {
-        var matched = item.name || item.id;
-        var textBeforeCursor = propValue.slice(0, selectionEnd);
-        var triggerIndex = textBeforeCursor.lastIndexOf(currentTrigger);
-        var editedPropValue = escapeRegExp(textBeforeCursor.slice(triggerIndex + 1));
-        var parts = matched.split(new RegExp("(".concat(editedPropValue, ")"), 'gi'));
-        var itemNameParts = { match: editedPropValue, parts: parts };
-        return __assign(__assign({}, item), { itemNameParts: itemNameParts });
+    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]);
-    var restructuredValues = useMemo(function () { return values.map(restructureItem); }, [values, restructureItem]);
-    return (React.createElement("ul", { className: clsx('rta__list', className), style: style },
-        themeVersion === '1' && (React.createElement("li", { className: 'rta__list-header' },
-            React.createElement(SuggestionHeader, { currentTrigger: currentTrigger, value: propValue }))),
-        restructuredValues.map(function (item, i) { return (React.createElement(SuggestionItem, { className: itemClassName, component: component, item: item, key: getId(item), onClickHandler: handleClick, onSelectHandler: selectItem, ref: function (ref) {
-                itemsRef[i] = ref;
-            }, selected: isSelected(item), style: itemStyle, value: propValue })); })));
+    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

@@ -83,33 +83,32 @@ export class ReactTextareaAutocomplete extends React.Component<any, any, any> {
 }
 export namespace ReactTextareaAutocomplete {
     namespace propTypes {
-        export const className: PropTypes.Requireable<string>;
-        export const closeOnClickOutside: PropTypes.Requireable<boolean>;
-        export const containerClassName: PropTypes.Requireable<string>;
-        export const containerStyle: PropTypes.Requireable<object>;
-        export const disableMentions: PropTypes.Requireable<boolean>;
-        export const dropdownClassName: PropTypes.Requireable<string>;
-        export const dropdownStyle: PropTypes.Requireable<object>;
-        export const itemClassName: PropTypes.Requireable<string>;
-        export const itemStyle: PropTypes.Requireable<object>;
-        export const listClassName: PropTypes.Requireable<string>;
-        export const listStyle: PropTypes.Requireable<object>;
-        export const loaderClassName: PropTypes.Requireable<string>;
-        export const loaderStyle: PropTypes.Requireable<object>;
-        export const loadingComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export const minChar: PropTypes.Requireable<number>;
-        export const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onCaretPositionChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        export const shouldSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-        export const style: PropTypes.Requireable<object>;
-        export const SuggestionList: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        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 const value: PropTypes.Requireable<string>;
+        export let value: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
-import PropTypes from "prop-types";
-import { triggerPropsCheck } from "./utils";
-//# sourceMappingURL=Textarea.d.ts.map
+import React from 'react';
+import PropTypes from 'prop-types';
+import { triggerPropsCheck } from './utils';