stream-chat-react 12.4.0 → 12.5.0

package/dist/components/Thread/Thread.js

@@ -72,5 +72,5 @@ const ThreadInner = (props) => {
     return (React.createElement("div", { className: threadClass },
         React.createElement(ThreadHeader, { closeThread: closeThread, thread: messageAsThread }),
         React.createElement(ThreadMessageList, { disableDateSeparator: !enableDateSeparator, head: head, Message: MessageUIComponent, messageActions: messageActions, suppressAutoscroll: threadSuppressAutoscroll, threadList: true, ...threadProps, ...(virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps) }),
-        React.createElement(MessageInput, { focus: autoFocus, Input: ThreadInput, parent: thread ?? parentMessage, publishTypingEvent: false, ...additionalMessageInputProps })));
+        React.createElement(MessageInput, { focus: autoFocus, Input: ThreadInput, isThreadInput: true, parent: thread ?? parentMessage, publishTypingEvent: false, ...additionalMessageInputProps })));
 };

package/dist/components/index.d.ts

@@ -21,10 +21,12 @@ export * from './LoadMore';
 export * from './MediaRecorder';
 export * from './Message';
 export * from './MessageActions';
+export type { MessageBouncePromptProps } from './MessageBounce';
 export * from './MessageInput';
 export * from './MessageList';
 export * from './MML';
 export * from './Modal';
+export * from './Poll';
 export * from './Reactions';
 export * from './SafeAnchor';
 export * from './Thread';

package/dist/components/index.js

@@ -25,6 +25,7 @@ export * from './MessageInput';
 export * from './MessageList';
 export * from './MML';
 export * from './Modal';
+export * from './Poll';
 export * from './Reactions';
 export * from './SafeAnchor';
 export * from './Thread';

package/dist/context/AttachmentSelectorContext.d.ts

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from 'react';
+export type AttachmentSelectorContextValue = {
+    fileInput: HTMLInputElement | null;
+};
+export declare const AttachmentSelectorContextProvider: ({ children, value, }: PropsWithChildren<{
+    value: AttachmentSelectorContextValue;
+}>) => React.JSX.Element;
+export declare const useAttachmentSelectorContext: () => AttachmentSelectorContextValue;

package/dist/context/AttachmentSelectorContext.js

@@ -0,0 +1,6 @@
+import React, { createContext, useContext } from 'react';
+const AttachmentSelectorContext = createContext({
+    fileInput: null,
+});
+export const AttachmentSelectorContextProvider = ({ children, value, }) => (React.createElement(AttachmentSelectorContext.Provider, { value: value }, children));
+export const useAttachmentSelectorContext = () => useContext(AttachmentSelectorContext);

package/dist/context/ComponentContext.d.ts

@@ -1,14 +1,15 @@
 import React, { PropsWithChildren } from 'react';
-import { BaseImageProps, CooldownTimerProps, CustomMessageActionsListProps, StartRecordingAudioButtonProps } from '../components';
-import type { AttachmentPreviewListProps, AttachmentProps, AvatarProps, DateSeparatorProps, EmojiSearchIndex, EmptyStateIndicatorProps, EventComponentProps, FixedHeightMessageProps, GiphyPreviewMessageProps, LinkPreviewListProps, LoadingIndicatorProps, MessageDeletedProps, MessageInputProps, MessageListNotificationsProps, MessageNotificationProps, MessageOptionsProps, MessageProps, MessageRepliesCountButtonProps, MessageStatusProps, MessageTimestampProps, MessageUIComponentProps, ModalGalleryProps, PinIndicatorProps, QuotedMessagePreviewProps, ReactionOptions, ReactionSelectorProps, ReactionsListProps, RecordingPermissionDeniedNotificationProps, SendButtonProps, SuggestionItemProps, SuggestionListProps, ThreadHeaderProps, ThreadListItemProps, ThreadListItemUIProps, TypingIndicatorProps, UnreadMessagesNotificationProps, UnreadMessagesSeparatorProps } from '../components';
-import type { MessageBouncePromptProps } from '../components/MessageBounce';
-import type { TimestampProps } from '../components/Message/Timestamp';
+import { AttachmentPreviewListProps, AttachmentProps, AvatarProps, BaseImageProps, CooldownTimerProps, CustomMessageActionsListProps, DateSeparatorProps, EmojiSearchIndex, EmptyStateIndicatorProps, EventComponentProps, FixedHeightMessageProps, GiphyPreviewMessageProps, LinkPreviewListProps, LoadingIndicatorProps, MessageBouncePromptProps, MessageDeletedProps, MessageInputProps, MessageListNotificationsProps, MessageNotificationProps, MessageOptionsProps, MessageProps, MessageRepliesCountButtonProps, MessageStatusProps, MessageTimestampProps, MessageUIComponentProps, ModalGalleryProps, PinIndicatorProps, PollCreationDialogProps, PollOptionSelectorProps, QuotedMessagePreviewProps, ReactionOptions, ReactionSelectorProps, ReactionsListProps, RecordingPermissionDeniedNotificationProps, SendButtonProps, StartRecordingAudioButtonProps, SuggestionItemProps, SuggestionListProps, ThreadHeaderProps, ThreadListItemProps, ThreadListItemUIProps, TimestampProps, TypingIndicatorProps, UnreadMessagesNotificationProps, UnreadMessagesSeparatorProps } from '../components';
 import type { CustomTrigger, DefaultStreamChatGenerics, PropsWithChildrenOnly, UnknownType } from '../types/types';
 export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger> = {
     /** Custom UI component to display a message attachment, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/Attachment.tsx) */
     Attachment?: React.ComponentType<AttachmentProps<StreamChatGenerics>>;
     /** Custom UI component to display an attachment previews in MessageInput, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/AttachmentPreviewList.tsx) */
     AttachmentPreviewList?: React.ComponentType<AttachmentPreviewListProps>;
+    /** Custom UI component to control adding attachments to MessageInput, defaults to and accepts same props as: [AttachmentSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/AttachmentSelector.tsx) */
+    AttachmentSelector?: React.ComponentType;
+    /** Custom UI component for contents of attachment selector initiation button */
+    AttachmentSelectorInitiationButtonContents?: React.ComponentType;
     /** 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?: React.ComponentType;
     /** 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) */
@@ -33,7 +34,10 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     emojiSearchIndex?: EmojiSearchIndex;
     /** Custom UI component to be displayed when the `MessageList` is empty, defaults to and accepts same props as: [EmptyStateIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/EmptyStateIndicator/EmptyStateIndicator.tsx)  */
     EmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>;
-    /** Custom UI component for file upload icon, defaults to and accepts same props as: [FileUploadIcon](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/icons.tsx) */
+    /**
+     * Custom UI component for file upload icon, defaults to and accepts same props as: [FileUploadIcon](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/icons.tsx)
+     * @deprecated use AttachmentSelectorInitiationButtonContents prop instead
+     */
     FileUploadIcon?: React.ComponentType;
     /** Custom UI component to render a Giphy preview in the `VirtualizedMessageList` */
     GiphyPreviewMessage?: React.ComponentType<GiphyPreviewMessageProps<StreamChatGenerics>>;
@@ -76,10 +80,22 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     ModalGallery?: React.ComponentType<ModalGalleryProps>;
     /** Custom UI component to override default pinned message indicator, defaults to and accepts same props as: [PinIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/icons.tsx) */
     PinIndicator?: React.ComponentType<PinIndicatorProps<StreamChatGenerics>>;
+    /** Custom UI component to override default poll actions rendering in a message, defaults to and accepts same props as: [PollActions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollActions/PollActions.tsx) */
+    PollActions?: React.ComponentType;
+    /** Custom UI component to override default poll rendering in a message, defaults to and accepts same props as: [PollContent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollContent.tsx) */
+    PollContent?: React.ComponentType;
+    /** Custom UI component to override default poll creation dialog contents, defaults to and accepts same props as: [PollCreationDialog](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollCreationDialog/PollCreationDialog.tsx) */
+    PollCreationDialog?: React.ComponentType<PollCreationDialogProps>;
+    /** Custom UI component to override default poll header in a message, defaults to and accepts same props as: [PollHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollHeader.tsx) */
+    PollHeader?: React.ComponentType;
+    /** Custom UI component to override default poll option selector, defaults to and accepts same props as: [PollOptionSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollOptionSelector.tsx) */
+    PollOptionSelector?: React.ComponentType<PollOptionSelectorProps<StreamChatGenerics>>;
     /** Custom UI component to override quoted message UI on a sent message, defaults to and accepts same props as: [QuotedMessage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/QuotedMessage.tsx) */
     QuotedMessage?: React.ComponentType;
     /** Custom UI component to override the message input's quoted message preview, defaults to and accepts same props as: [QuotedMessagePreview](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/QuotedMessagePreview.tsx) */
     QuotedMessagePreview?: React.ComponentType<QuotedMessagePreviewProps<StreamChatGenerics>>;
+    /** Custom UI component to override the rendering of quoted poll, defaults to and accepts same props as: [QuotedPoll](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/QuotedPoll.tsx) */
+    QuotedPoll?: React.ComponentType;
     /** Custom reaction options to be applied to ReactionSelector, ReactionList and SimpleReactionList components */
     reactionOptions?: ReactionOptions;
     /** Custom UI component to display the reaction selector, defaults to and accepts same props as: [ReactionSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/ReactionSelector.tsx) */

package/dist/context/PollContext.d.ts

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from 'react';
+import type { Poll } from 'stream-chat';
+import type { DefaultStreamChatGenerics } from '../types';
+export type PollContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    poll: Poll<StreamChatGenerics>;
+};
+export declare const PollContext: React.Context<PollContextValue<DefaultStreamChatGenerics> | undefined>;
+export declare const PollProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, poll, }: PropsWithChildren<{
+    poll: Poll<StreamChatGenerics>;
+}>) => React.JSX.Element | null;
+export declare const usePollContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => PollContextValue<StreamChatGenerics>;

package/dist/context/PollContext.js

@@ -0,0 +1,7 @@
+import React, { useContext } from 'react';
+export const PollContext = React.createContext(undefined);
+export const PollProvider = ({ children, poll, }) => poll ? (React.createElement(PollContext.Provider, { value: { poll } }, children)) : null;
+export const usePollContext = () => {
+    const contextValue = useContext(PollContext);
+    return contextValue;
+};

package/dist/context/index.d.ts

@@ -8,6 +8,7 @@ export * from './MessageContext';
 export * from './MessageBounceContext';
 export * from './MessageInputContext';
 export * from './MessageListContext';
+export * from './PollContext';
 export * from './TranslationContext';
 export * from './TypingContext';
 export * from './WithComponents';

package/dist/context/index.js

@@ -8,6 +8,7 @@ export * from './MessageContext';
 export * from './MessageBounceContext';
 export * from './MessageInputContext';
 export * from './MessageListContext';
+export * from './PollContext';
 export * from './TranslationContext';
 export * from './TypingContext';
 export * from './WithComponents';