stream-chat-react 12.0.0-rc.9 → 12.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/dist/components/Avatar/Avatar.js +5 -1
  2. package/dist/components/Channel/Channel.d.ts +5 -106
  3. package/dist/components/Channel/Channel.js +76 -24
  4. package/dist/components/Channel/hooks/useCreateChannelStateContext.js +2 -1
  5. package/dist/components/ChannelHeader/ChannelHeader.js +4 -5
  6. package/dist/components/ChannelPreview/hooks/useChannelPreviewInfo.js +14 -16
  7. package/dist/components/ChannelPreview/utils.js +9 -20
  8. package/dist/components/ChannelSearch/hooks/useChannelSearch.js +2 -3
  9. package/dist/components/Chat/Chat.d.ts +1 -1
  10. package/dist/components/Chat/hooks/useChat.d.ts +2 -2
  11. package/dist/components/Chat/hooks/useChat.js +11 -8
  12. package/dist/components/ChatView/ChatView.d.ts +18 -0
  13. package/dist/components/ChatView/ChatView.js +103 -0
  14. package/dist/components/ChatView/index.d.ts +1 -0
  15. package/dist/components/ChatView/index.js +1 -0
  16. package/dist/components/DateSeparator/DateSeparator.d.ts +1 -1
  17. package/dist/components/Dialog/DialogAnchor.d.ts +25 -0
  18. package/dist/components/Dialog/DialogAnchor.js +68 -0
  19. package/dist/components/Dialog/DialogManager.d.ts +43 -0
  20. package/dist/components/Dialog/DialogManager.js +98 -0
  21. package/dist/components/Dialog/DialogPortal.d.ts +7 -0
  22. package/dist/components/Dialog/DialogPortal.js +25 -0
  23. package/dist/components/Dialog/hooks/index.d.ts +1 -0
  24. package/dist/components/Dialog/hooks/index.js +1 -0
  25. package/dist/components/Dialog/hooks/useDialog.d.ts +4 -0
  26. package/dist/components/Dialog/hooks/useDialog.js +26 -0
  27. package/dist/components/Dialog/index.d.ts +4 -0
  28. package/dist/components/Dialog/index.js +4 -0
  29. package/dist/components/EventComponent/EventComponent.d.ts +1 -1
  30. package/dist/components/Message/Message.js +5 -6
  31. package/dist/components/Message/MessageOptions.d.ts +1 -2
  32. package/dist/components/Message/MessageOptions.js +14 -11
  33. package/dist/components/Message/MessageSimple.js +6 -14
  34. package/dist/components/Message/MessageTimestamp.d.ts +1 -1
  35. package/dist/components/Message/QuotedMessage.js +2 -1
  36. package/dist/components/Message/Timestamp.d.ts +1 -1
  37. package/dist/components/Message/Timestamp.js +2 -2
  38. package/dist/components/Message/hooks/useReactionHandler.d.ts +1 -7
  39. package/dist/components/Message/hooks/useReactionHandler.js +8 -63
  40. package/dist/components/Message/utils.d.ts +10 -1
  41. package/dist/components/Message/utils.js +19 -7
  42. package/dist/components/MessageActions/MessageActions.d.ts +1 -2
  43. package/dist/components/MessageActions/MessageActions.js +26 -55
  44. package/dist/components/MessageActions/MessageActionsBox.d.ts +1 -1
  45. package/dist/components/MessageActions/MessageActionsBox.js +6 -6
  46. package/dist/components/MessageInput/MessageInputFlat.js +2 -2
  47. package/dist/components/MessageInput/QuotedMessagePreview.js +2 -1
  48. package/dist/components/MessageInput/hooks/useUserTrigger.js +0 -1
  49. package/dist/components/MessageList/MessageList.js +9 -9
  50. package/dist/components/MessageList/MessageListMainPanel.d.ts +1 -1
  51. package/dist/components/MessageList/MessageListMainPanel.js +1 -1
  52. package/dist/components/MessageList/VirtualizedMessageList.d.ts +2 -1
  53. package/dist/components/MessageList/VirtualizedMessageList.js +45 -40
  54. package/dist/components/MessageList/VirtualizedMessageListComponents.d.ts +1 -1
  55. package/dist/components/MessageList/VirtualizedMessageListComponents.js +6 -6
  56. package/dist/components/MessageList/hooks/MessageList/useUnreadMessagesNotification.js +2 -2
  57. package/dist/components/MessageList/renderMessages.d.ts +2 -2
  58. package/dist/components/MessageList/renderMessages.js +4 -1
  59. package/dist/components/MessageList/utils.js +1 -1
  60. package/dist/components/Reactions/ReactionSelector.d.ts +6 -3
  61. package/dist/components/Reactions/ReactionSelector.js +34 -24
  62. package/dist/components/Reactions/ReactionSelectorWithButton.d.ts +13 -0
  63. package/dist/components/Reactions/ReactionSelectorWithButton.js +22 -0
  64. package/dist/components/Reactions/ReactionsList.d.ts +4 -4
  65. package/dist/components/Reactions/hooks/useProcessReactions.js +2 -1
  66. package/dist/components/Thread/Thread.js +38 -10
  67. package/dist/components/Threads/ThreadContext.d.ts +9 -0
  68. package/dist/components/Threads/ThreadContext.js +9 -0
  69. package/dist/components/Threads/ThreadList/ThreadList.d.ts +9 -0
  70. package/dist/components/Threads/ThreadList/ThreadList.js +41 -0
  71. package/dist/components/Threads/ThreadList/ThreadListEmptyPlaceholder.d.ts +2 -0
  72. package/dist/components/Threads/ThreadList/ThreadListEmptyPlaceholder.js +5 -0
  73. package/dist/components/Threads/ThreadList/ThreadListItem.d.ts +9 -0
  74. package/dist/components/Threads/ThreadList/ThreadListItem.js +52 -0
  75. package/dist/components/Threads/ThreadList/ThreadListItemUI.d.ts +15 -0
  76. package/dist/components/Threads/ThreadList/ThreadListItemUI.js +75 -0
  77. package/dist/components/Threads/ThreadList/ThreadListLoadingIndicator.d.ts +2 -0
  78. package/dist/components/Threads/ThreadList/ThreadListLoadingIndicator.js +14 -0
  79. package/dist/components/Threads/ThreadList/ThreadListUnseenThreadsBanner.d.ts +2 -0
  80. package/dist/components/Threads/ThreadList/ThreadListUnseenThreadsBanner.js +16 -0
  81. package/dist/components/Threads/ThreadList/index.d.ts +3 -0
  82. package/dist/components/Threads/ThreadList/index.js +3 -0
  83. package/dist/components/Threads/UnreadCountBadge.d.ts +6 -0
  84. package/dist/components/Threads/UnreadCountBadge.js +5 -0
  85. package/dist/components/Threads/hooks/useThreadManagerState.d.ts +2 -0
  86. package/dist/components/Threads/hooks/useThreadManagerState.js +6 -0
  87. package/dist/components/Threads/hooks/useThreadState.d.ts +5 -0
  88. package/dist/components/Threads/hooks/useThreadState.js +11 -0
  89. package/dist/components/Threads/icons.d.ts +8 -0
  90. package/dist/components/Threads/icons.js +13 -0
  91. package/dist/components/Threads/index.d.ts +2 -0
  92. package/dist/components/Threads/index.js +2 -0
  93. package/dist/components/index.d.ts +3 -0
  94. package/dist/components/index.js +3 -0
  95. package/dist/context/ComponentContext.d.ts +64 -40
  96. package/dist/context/ComponentContext.js +7 -9
  97. package/dist/context/DialogManagerContext.d.ts +10 -0
  98. package/dist/context/DialogManagerContext.js +14 -0
  99. package/dist/context/MessageContext.d.ts +3 -11
  100. package/dist/context/MessageContext.js +3 -2
  101. package/dist/context/TranslationContext.d.ts +1 -11
  102. package/dist/context/TranslationContext.js +1 -9
  103. package/dist/context/WithComponents.d.ts +5 -0
  104. package/dist/context/WithComponents.js +7 -0
  105. package/dist/context/index.d.ts +2 -0
  106. package/dist/context/index.js +2 -0
  107. package/dist/css/v2/index.css +2 -2
  108. package/dist/css/v2/index.layout.css +2 -2
  109. package/dist/i18n/Streami18n.d.ts +1 -3
  110. package/dist/i18n/Streami18n.js +1 -2
  111. package/dist/i18n/index.d.ts +2 -1
  112. package/dist/i18n/index.js +2 -0
  113. package/dist/i18n/types.d.ts +26 -0
  114. package/dist/i18n/types.js +1 -0
  115. package/dist/i18n/utils.d.ts +9 -20
  116. package/dist/i18n/utils.js +10 -1
  117. package/dist/index.browser.cjs +10823 -10583
  118. package/dist/index.browser.cjs.map +4 -4
  119. package/dist/index.d.ts +1 -0
  120. package/dist/index.js +1 -0
  121. package/dist/index.node.cjs +10765 -10541
  122. package/dist/index.node.cjs.map +4 -4
  123. package/dist/plugins/Emojis/index.browser.cjs +7 -169
  124. package/dist/plugins/Emojis/index.browser.cjs.map +4 -4
  125. package/dist/plugins/Emojis/index.node.cjs +7 -169
  126. package/dist/plugins/Emojis/index.node.cjs.map +4 -4
  127. package/dist/plugins/encoders/mp3.browser.cjs +2 -4
  128. package/dist/plugins/encoders/mp3.browser.cjs.map +1 -1
  129. package/dist/plugins/encoders/mp3.node.cjs +2 -4
  130. package/dist/plugins/encoders/mp3.node.cjs.map +1 -1
  131. package/dist/scss/v2/Avatar/Avatar-layout.scss +10 -2
  132. package/dist/scss/v2/Avatar/Avatar-theme.scss +5 -0
  133. package/dist/scss/v2/ChatView/ChatView-layout.scss +43 -0
  134. package/dist/scss/v2/ChatView/ChatView-theme.scss +32 -0
  135. package/dist/scss/v2/Dialog/Dialog-layout.scss +8 -0
  136. package/dist/scss/v2/LoadingIndicator/LoadingIndicator-layout.scss +16 -0
  137. package/dist/scss/v2/Message/Message-layout.scss +8 -0
  138. package/dist/scss/v2/MessageActionsBox/MessageActionsBox-theme.scss +8 -0
  139. package/dist/scss/v2/MessageList/MessageList-layout.scss +0 -6
  140. package/dist/scss/v2/MessageList/VirtualizedMessageList-layout.scss +0 -12
  141. package/dist/scss/v2/MessageReactions/MessageReactionsSelector-layout.scss +16 -0
  142. package/dist/scss/v2/MessageReactions/MessageReactionsSelector-theme.scss +6 -0
  143. package/dist/scss/v2/Thread/Thread-layout.scss +15 -1
  144. package/dist/scss/v2/ThreadList/ThreadList-layout.scss +152 -0
  145. package/dist/scss/v2/ThreadList/ThreadList-theme.scss +75 -0
  146. package/dist/scss/v2/UnreadCountBadge/UnreadCountBadge-layout.scss +49 -0
  147. package/dist/scss/v2/UnreadCountBadge/UnreadCountBadge-theme.scss +11 -0
  148. package/dist/scss/v2/_base.scss +31 -0
  149. package/dist/scss/v2/index.layout.scss +4 -0
  150. package/dist/scss/v2/index.scss +3 -0
  151. package/dist/store/hooks/index.d.ts +1 -0
  152. package/dist/store/hooks/index.js +1 -0
  153. package/dist/store/hooks/useStateStore.d.ts +3 -0
  154. package/dist/store/hooks/useStateStore.js +15 -0
  155. package/dist/store/index.d.ts +1 -0
  156. package/dist/store/index.js +1 -0
  157. package/package.json +7 -6
  158. package/dist/assets/Poweredby_100px-White_VertText.png +0 -0
  159. package/dist/assets/str-chat__reaction-list-sprite@1x.png +0 -0
  160. package/dist/assets/str-chat__reaction-list-sprite@2x.png +0 -0
  161. package/dist/assets/str-chat__reaction-list-sprite@3x.png +0 -0
@@ -1,23 +1,13 @@
1
1
  import React, { PropsWithChildren } from 'react';
2
- import Dayjs from 'dayjs';
3
2
  import type { TFunction } from 'i18next';
4
- import type { Moment } from 'moment-timezone';
5
3
  import type { TranslationLanguages } from 'stream-chat';
6
4
  import type { UnknownType } from '../types/types';
7
- export type SupportedTranslations = 'de' | 'en' | 'es' | 'fr' | 'hi' | 'it' | 'ja' | 'ko' | 'nl' | 'pt' | 'ru' | 'tr';
8
- export declare const isLanguageSupported: (language: string) => language is SupportedTranslations;
9
- export declare const isDayOrMoment: (output: TDateTimeParserOutput) => output is Dayjs.Dayjs | Moment;
10
- export declare const isDate: (output: TDateTimeParserOutput) => output is Date;
11
- export declare const isNumberOrString: (output: TDateTimeParserOutput) => output is string | number;
12
- export type TDateTimeParserInput = string | number | Date;
13
- export type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;
14
- export type TDateTimeParser = (input?: TDateTimeParserInput) => TDateTimeParserOutput;
5
+ import type { TDateTimeParser } from '../i18n/types';
15
6
  export type TranslationContextValue = {
16
7
  t: TFunction;
17
8
  tDateTimeParser: TDateTimeParser;
18
9
  userLanguage: TranslationLanguages;
19
10
  };
20
- export declare const defaultDateTimeParser: (input?: TDateTimeParserInput) => Dayjs.Dayjs;
21
11
  export declare const TranslationContext: React.Context<TranslationContextValue>;
22
12
  export declare const TranslationProvider: ({ children, value, }: PropsWithChildren<{
23
13
  value: TranslationContextValue;
@@ -3,17 +3,9 @@ import Dayjs from 'dayjs';
3
3
  import calendar from 'dayjs/plugin/calendar';
4
4
  import localizedFormat from 'dayjs/plugin/localizedFormat';
5
5
  import { getDisplayName } from './utils/getDisplayName';
6
- import { defaultTranslatorFunction } from '../i18n';
6
+ import { defaultDateTimeParser, defaultTranslatorFunction } from '../i18n/utils';
7
7
  Dayjs.extend(calendar);
8
8
  Dayjs.extend(localizedFormat);
9
- export const isLanguageSupported = (language) => {
10
- const translations = ['de', 'en', 'es', 'fr', 'hi', 'it', 'ja', 'ko', 'nl', 'pt', 'ru', 'tr'];
11
- return translations.some((translation) => language === translation);
12
- };
13
- export const isDayOrMoment = (output) => !!output?.isSame;
14
- export const isDate = (output) => !!output?.getMonth;
15
- export const isNumberOrString = (output) => typeof output === 'string' || typeof output === 'number';
16
- export const defaultDateTimeParser = (input) => Dayjs(input);
17
9
  export const TranslationContext = React.createContext({
18
10
  t: defaultTranslatorFunction,
19
11
  tDateTimeParser: defaultDateTimeParser,
@@ -0,0 +1,5 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ import { ComponentContextValue } from './ComponentContext';
3
+ export declare function WithComponents({ children, overrides, }: PropsWithChildren<{
4
+ overrides: Partial<ComponentContextValue>;
5
+ }>): React.JSX.Element;
@@ -0,0 +1,7 @@
1
+ import React, { useContext } from 'react';
2
+ import { ComponentContext } from './ComponentContext';
3
+ export function WithComponents({ children, overrides, }) {
4
+ const parentOverrides = useContext(ComponentContext);
5
+ const actualOverrides = { ...parentOverrides, ...overrides };
6
+ return React.createElement(ComponentContext.Provider, { value: actualOverrides }, children);
7
+ }
@@ -3,9 +3,11 @@ export * from './ChannelListContext';
3
3
  export * from './ChannelStateContext';
4
4
  export * from './ChatContext';
5
5
  export * from './ComponentContext';
6
+ export * from './DialogManagerContext';
6
7
  export * from './MessageContext';
7
8
  export * from './MessageBounceContext';
8
9
  export * from './MessageInputContext';
9
10
  export * from './MessageListContext';
10
11
  export * from './TranslationContext';
11
12
  export * from './TypingContext';
13
+ export * from './WithComponents';
@@ -3,9 +3,11 @@ export * from './ChannelListContext';
3
3
  export * from './ChannelStateContext';
4
4
  export * from './ChatContext';
5
5
  export * from './ComponentContext';
6
+ export * from './DialogManagerContext';
6
7
  export * from './MessageContext';
7
8
  export * from './MessageBounceContext';
8
9
  export * from './MessageInputContext';
9
10
  export * from './MessageListContext';
10
11
  export * from './TranslationContext';
11
12
  export * from './TypingContext';
13
+ export * from './WithComponents';