stream-chat-react 11.22.0 → 12.0.0-rc.2

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

@@ -1,7 +1,4 @@
 export { Item as DefaultSuggestionListItem } from './Item';
 export { List as DefaultSuggestionList } from './List';
-export { DefaultSuggestionListHeader } from './Header';
-export type { SuggestionListHeaderProps } from './Header';
 export { ReactTextareaAutocomplete as AutoCompleteTextarea } from './Textarea';
 export { defaultScrollToItem } from './utils';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/AutoCompleteTextarea/index.js

@@ -1,5 +1,4 @@
 export { Item as DefaultSuggestionListItem } from './Item';
 export { List as DefaultSuggestionList } from './List';
-export { DefaultSuggestionListHeader } from './Header';
 export { ReactTextareaAutocomplete as AutoCompleteTextarea } from './Textarea';
 export { defaultScrollToItem } from './utils';

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

@@ -13,4 +13,3 @@ export interface TriggerMap {
         } | string | null;
     };
 }
-//# sourceMappingURL=types.d.ts.map

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

@@ -4,4 +4,3 @@ export function errorMessage(message: any): void;
 export function triggerPropsCheck({ trigger }: {
     trigger: any;
 }): Error | null;
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/AutoCompleteTextarea/utils.js

@@ -1,34 +1,32 @@
 import { isValidElementType } from 'react-is';
-export var DEFAULT_CARET_POSITION = 'next';
+export const DEFAULT_CARET_POSITION = 'next';
 export function defaultScrollToItem(container, item) {
     if (!item)
         return;
-    var itemHeight = parseInt(getComputedStyle(item).getPropertyValue('height'), 10);
-    var containerHight = parseInt(getComputedStyle(container).getPropertyValue('height'), 10) - itemHeight;
-    var actualScrollTop = container.scrollTop;
-    var itemOffsetTop = item.offsetTop;
+    const itemHeight = parseInt(getComputedStyle(item).getPropertyValue('height'), 10);
+    const containerHight = parseInt(getComputedStyle(container).getPropertyValue('height'), 10) - itemHeight;
+    const actualScrollTop = container.scrollTop;
+    const itemOffsetTop = item.offsetTop;
     if (itemOffsetTop < actualScrollTop + containerHight && actualScrollTop < itemOffsetTop) {
         return;
     }
     // eslint-disable-next-line
     container.scrollTop = itemOffsetTop;
 }
-export var errorMessage = function (message) {
-    return console.error("RTA: dataProvider fails: ".concat(message, "\n    \nCheck the documentation or create issue if you think it's bug. https://github.com/webscopeio/react-textarea-autocomplete/issues"));
-};
-export var triggerPropsCheck = function (_a) {
-    var trigger = _a.trigger;
+export const errorMessage = (message) => console.error(`RTA: dataProvider fails: ${message}
+    \nCheck the documentation or create issue if you think it's bug. https://github.com/webscopeio/react-textarea-autocomplete/issues`);
+export const triggerPropsCheck = ({ trigger }) => {
     if (!trigger)
         return Error('Invalid prop trigger. Prop missing.');
-    var triggers = Object.entries(trigger);
-    for (var i = 0; i < triggers.length; i += 1) {
-        var _b = triggers[i], triggerChar = _b[0], settings = _b[1];
+    const triggers = Object.entries(trigger);
+    for (let i = 0; i < triggers.length; i += 1) {
+        const [triggerChar, settings] = triggers[i];
         if (typeof triggerChar !== 'string' || triggerChar.length !== 1) {
             return Error('Invalid prop trigger. Keys of the object has to be string / one character.');
         }
         // $FlowFixMe
-        var triggerSetting = settings;
-        var callback = triggerSetting.callback, component = triggerSetting.component, dataProvider = triggerSetting.dataProvider, output = triggerSetting.output;
+        const triggerSetting = settings;
+        const { callback, component, dataProvider, output } = triggerSetting;
         if (!isValidElementType(component)) {
             return Error('Invalid prop trigger: component should be defined.');
         }

package/dist/components/Avatar/Avatar.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import type { UserResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export type AvatarProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    /** Custom class that will be merged with the default class */
+    className?: string;
     /** Image URL or default is an image of the first initial of the name if there is one  */
     image?: string | null;
     /** Name of the image, used for title tag fallback */
@@ -10,14 +12,6 @@ export type AvatarProps<StreamChatGenerics extends DefaultStreamChatGenerics = D
     onClick?: (event: React.BaseSyntheticEvent) => void;
     /** mouseOver event handler */
     onMouseOver?: (event: React.BaseSyntheticEvent) => void;
-    /** Shape of the avatar - circle, rounded or square
-     * @default circle
-     */
-    shape?: 'circle' | 'rounded' | 'square';
-    /** Size in pixels
-     * @default 32px
-     */
-    size?: number;
     /** The entire user object for the chat user displayed in the component */
     user?: UserResponse<StreamChatGenerics>;
 };
@@ -25,4 +19,3 @@ export type AvatarProps<StreamChatGenerics extends DefaultStreamChatGenerics = D
  * A round avatar image with fallback to username's first letter
  */
 export declare const Avatar: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: AvatarProps<StreamChatGenerics>) => React.JSX.Element;
-//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar/Avatar.js

@@ -1,28 +1,20 @@
+import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
-import { getWholeChar } from '../../utils/getWholeChar';
+import { getWholeChar } from '../../utils';
 /**
  * A round avatar image with fallback to username's first letter
  */
-export var Avatar = function (props) {
-    var image = props.image, name = props.name, _a = props.onClick, onClick = _a === void 0 ? function () { return undefined; } : _a, _b = props.onMouseOver, onMouseOver = _b === void 0 ? function () { return undefined; } : _b, _c = props.shape, shape = _c === void 0 ? 'circle' : _c, _d = props.size, size = _d === void 0 ? 32 : _d;
-    var _e = useState(false), error = _e[0], setError = _e[1];
-    var _f = useState(false), loaded = _f[0], setLoaded = _f[1];
-    useEffect(function () {
+export const Avatar = (props) => {
+    const { className, image, name, onClick = () => undefined, onMouseOver = () => undefined, } = props;
+    const [error, setError] = useState(false);
+    useEffect(() => {
         setError(false);
-        setLoaded(false);
     }, [image]);
-    var nameStr = (name === null || name === void 0 ? void 0 : name.toString()) || '';
-    var initials = getWholeChar(nameStr, 0);
-    return (React.createElement("div", { className: "str-chat__avatar str-chat__avatar--".concat(shape, " str-chat__message-sender-avatar"), "data-testid": 'avatar', onClick: onClick, onMouseOver: onMouseOver, style: {
-            flexBasis: "".concat(size, "px"),
-            fontSize: "".concat(size / 2, "px"),
-            height: "".concat(size, "px"),
-            lineHeight: "".concat(size, "px"),
-            width: "".concat(size, "px"),
-        }, title: name }, image && !error ? (React.createElement("img", { alt: initials, className: "str-chat__avatar-image".concat(loaded ? ' str-chat__avatar-image--loaded' : ''), "data-testid": 'avatar-img', onError: function () { return setError(true); }, onLoad: function () { return setLoaded(true); }, src: image, style: {
-            flexBasis: "".concat(size, "px"),
-            height: "".concat(size, "px"),
-            objectFit: 'cover',
-            width: "".concat(size, "px"),
-        } })) : (React.createElement("div", { className: 'str-chat__avatar-fallback', "data-testid": 'avatar-fallback' }, initials))));
+    const nameStr = name?.toString() || '';
+    const initials = getWholeChar(nameStr, 0);
+    const showImage = image && !error;
+    return (React.createElement("div", { className: clsx(`str-chat__avatar str-chat__message-sender-avatar`, className, {
+            ['str-chat__avatar--multiple-letters']: initials.length > 1,
+            ['str-chat__avatar--one-letter']: initials.length === 1,
+        }), "data-testid": 'avatar', onClick: onClick, onMouseOver: onMouseOver, title: name }, showImage ? (React.createElement("img", { alt: initials, className: clsx(`str-chat__avatar-image`), "data-testid": 'avatar-img', onError: () => setError(true), src: image })) : (React.createElement("div", { className: 'str-chat__avatar-fallback', "data-testid": 'avatar-fallback' }, initials))));
 };

package/dist/components/Avatar/index.d.ts

@@ -1,2 +1 @@
 export * from './Avatar';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Channel/Channel.d.ts

@@ -17,8 +17,6 @@ type ChannelPropsForwardedToComponentContext<StreamChatGenerics extends DefaultS
     AttachmentPreviewList?: ComponentContextValue<StreamChatGenerics>['AttachmentPreviewList'];
     /** Custom UI component to display AudioRecorder in MessageInput, defaults to and accepts same props as: [AudioRecorder](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/AudioRecorder.tsx) */
     AudioRecorder?: ComponentContextValue<StreamChatGenerics>['AudioRecorder'];
-    /** Optional UI component to override the default suggestion Header component, defaults to and accepts same props as: [Header](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/Header.tsx) */
-    AutocompleteSuggestionHeader?: ComponentContextValue<StreamChatGenerics>['AutocompleteSuggestionHeader'];
     /** Optional UI component to override the default suggestion Item component, defaults to and accepts same props as: [Item](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/Item.js) */
     AutocompleteSuggestionItem?: ComponentContextValue<StreamChatGenerics>['AutocompleteSuggestionItem'];
     /** Optional UI component to override the default List component that displays suggestions, defaults to and accepts same props as: [List](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/List.js) */
@@ -183,6 +181,5 @@ export type ChannelProps<StreamChatGenerics extends DefaultStreamChatGenerics =
  * - [ComponentContext](https://getstream.io/chat/docs/sdk/react/contexts/component_context/)
  * - [TypingContext](https://getstream.io/chat/docs/sdk/react/contexts/typing_context/)
  */
-export declare const Channel: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: React.PropsWithChildren<ChannelProps<StreamChatGenerics, V>>) => React.JSX.Element;
+export declare const Channel: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: PropsWithChildren<ChannelProps<StreamChatGenerics, V>>) => React.JSX.Element;
 export {};
-//# sourceMappingURL=Channel.d.ts.map