stream-chat-react-native-core 9.3.1-beta.6 → 9.3.1-beta.7
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.
- package/lib/commonjs/a11y/hooks/useAnnounceOnShow.js +27 -0
- package/lib/commonjs/a11y/hooks/useAnnounceOnShow.js.map +1 -0
- package/lib/commonjs/a11y/index.js +11 -0
- package/lib/commonjs/a11y/index.js.map +1 -1
- package/lib/commonjs/components/Accessibility/CompositeAccessibilityProbe.js +29 -0
- package/lib/commonjs/components/Accessibility/CompositeAccessibilityProbe.js.map +1 -0
- package/lib/commonjs/components/Accessibility/HiddenA11yText.js +30 -0
- package/lib/commonjs/components/Accessibility/HiddenA11yText.js.map +1 -0
- package/lib/commonjs/components/Accessibility/index.js +22 -0
- package/lib/commonjs/components/Accessibility/index.js.map +1 -1
- package/lib/commonjs/components/ChannelPreview/ChannelMessagePreviewDeliveryStatus.js +31 -29
- package/lib/commonjs/components/ChannelPreview/ChannelMessagePreviewDeliveryStatus.js.map +1 -1
- package/lib/commonjs/components/ChannelPreview/ChannelPreviewMutedStatus.js +11 -5
- package/lib/commonjs/components/ChannelPreview/ChannelPreviewMutedStatus.js.map +1 -1
- package/lib/commonjs/components/ChannelPreview/ChannelPreviewStatus.js +8 -1
- package/lib/commonjs/components/ChannelPreview/ChannelPreviewStatus.js.map +1 -1
- package/lib/commonjs/components/ChannelPreview/ChannelPreviewUnreadCount.js +8 -2
- package/lib/commonjs/components/ChannelPreview/ChannelPreviewUnreadCount.js.map +1 -1
- package/lib/commonjs/components/ChannelPreview/ChannelPreviewView.js +3 -0
- package/lib/commonjs/components/ChannelPreview/ChannelPreviewView.js.map +1 -1
- package/lib/commonjs/components/Message/MessageItemView/MessageContent.js +2 -1
- package/lib/commonjs/components/Message/MessageItemView/MessageContent.js.map +1 -1
- package/lib/commonjs/components/Message/MessageItemView/MessageFooter.js +2 -0
- package/lib/commonjs/components/Message/MessageItemView/MessageFooter.js.map +1 -1
- package/lib/commonjs/components/Message/MessageItemView/MessageStatus.js +35 -30
- package/lib/commonjs/components/Message/MessageItemView/MessageStatus.js.map +1 -1
- package/lib/commonjs/components/Message/MessageItemView/ReactionList/ReactionListClustered.js +19 -6
- package/lib/commonjs/components/Message/MessageItemView/ReactionList/ReactionListClustered.js.map +1 -1
- package/lib/commonjs/components/Message/MessageItemView/ReactionList/ReactionListItem.js +6 -1
- package/lib/commonjs/components/Message/MessageItemView/ReactionList/ReactionListItem.js.map +1 -1
- package/lib/commonjs/components/Message/hooks/useMessageActionHandlers.js +8 -0
- package/lib/commonjs/components/Message/hooks/useMessageActionHandlers.js.map +1 -1
- package/lib/commonjs/components/Poll/Poll.js +0 -17
- package/lib/commonjs/components/Poll/Poll.js.map +1 -1
- package/lib/commonjs/components/Reply/Reply.js +43 -6
- package/lib/commonjs/components/Reply/Reply.js.map +1 -1
- package/lib/commonjs/components/ui/Avatar/ChannelAvatar.js +17 -11
- package/lib/commonjs/components/ui/Avatar/ChannelAvatar.js.map +1 -1
- package/lib/commonjs/components/ui/Badge/BadgeNotification.js +3 -1
- package/lib/commonjs/components/ui/Badge/BadgeNotification.js.map +1 -1
- package/lib/commonjs/i18n/ar.json +20 -8
- package/lib/commonjs/i18n/en.json +17 -5
- package/lib/commonjs/i18n/es.json +17 -5
- package/lib/commonjs/i18n/fr.json +17 -5
- package/lib/commonjs/i18n/he.json +17 -5
- package/lib/commonjs/i18n/hi.json +18 -6
- package/lib/commonjs/i18n/it.json +17 -5
- package/lib/commonjs/i18n/ja.json +17 -5
- package/lib/commonjs/i18n/ko.json +17 -5
- package/lib/commonjs/i18n/nl.json +18 -6
- package/lib/commonjs/i18n/pt-br.json +19 -7
- package/lib/commonjs/i18n/ru.json +17 -5
- package/lib/commonjs/i18n/tr.json +18 -6
- package/lib/commonjs/version.json +1 -1
- package/lib/module/a11y/hooks/useAnnounceOnShow.js +27 -0
- package/lib/module/a11y/hooks/useAnnounceOnShow.js.map +1 -0
- package/lib/module/a11y/index.js +11 -0
- package/lib/module/a11y/index.js.map +1 -1
- package/lib/module/components/Accessibility/CompositeAccessibilityProbe.js +29 -0
- package/lib/module/components/Accessibility/CompositeAccessibilityProbe.js.map +1 -0
- package/lib/module/components/Accessibility/HiddenA11yText.js +30 -0
- package/lib/module/components/Accessibility/HiddenA11yText.js.map +1 -0
- package/lib/module/components/Accessibility/index.js +22 -0
- package/lib/module/components/Accessibility/index.js.map +1 -1
- package/lib/module/components/ChannelPreview/ChannelMessagePreviewDeliveryStatus.js +31 -29
- package/lib/module/components/ChannelPreview/ChannelMessagePreviewDeliveryStatus.js.map +1 -1
- package/lib/module/components/ChannelPreview/ChannelPreviewMutedStatus.js +11 -5
- package/lib/module/components/ChannelPreview/ChannelPreviewMutedStatus.js.map +1 -1
- package/lib/module/components/ChannelPreview/ChannelPreviewStatus.js +8 -1
- package/lib/module/components/ChannelPreview/ChannelPreviewStatus.js.map +1 -1
- package/lib/module/components/ChannelPreview/ChannelPreviewUnreadCount.js +8 -2
- package/lib/module/components/ChannelPreview/ChannelPreviewUnreadCount.js.map +1 -1
- package/lib/module/components/ChannelPreview/ChannelPreviewView.js +3 -0
- package/lib/module/components/ChannelPreview/ChannelPreviewView.js.map +1 -1
- package/lib/module/components/Message/MessageItemView/MessageContent.js +2 -1
- package/lib/module/components/Message/MessageItemView/MessageContent.js.map +1 -1
- package/lib/module/components/Message/MessageItemView/MessageFooter.js +2 -0
- package/lib/module/components/Message/MessageItemView/MessageFooter.js.map +1 -1
- package/lib/module/components/Message/MessageItemView/MessageStatus.js +35 -30
- package/lib/module/components/Message/MessageItemView/MessageStatus.js.map +1 -1
- package/lib/module/components/Message/MessageItemView/ReactionList/ReactionListClustered.js +19 -6
- package/lib/module/components/Message/MessageItemView/ReactionList/ReactionListClustered.js.map +1 -1
- package/lib/module/components/Message/MessageItemView/ReactionList/ReactionListItem.js +6 -1
- package/lib/module/components/Message/MessageItemView/ReactionList/ReactionListItem.js.map +1 -1
- package/lib/module/components/Message/hooks/useMessageActionHandlers.js +8 -0
- package/lib/module/components/Message/hooks/useMessageActionHandlers.js.map +1 -1
- package/lib/module/components/Poll/Poll.js +0 -17
- package/lib/module/components/Poll/Poll.js.map +1 -1
- package/lib/module/components/Reply/Reply.js +43 -6
- package/lib/module/components/Reply/Reply.js.map +1 -1
- package/lib/module/components/ui/Avatar/ChannelAvatar.js +17 -11
- package/lib/module/components/ui/Avatar/ChannelAvatar.js.map +1 -1
- package/lib/module/components/ui/Badge/BadgeNotification.js +3 -1
- package/lib/module/components/ui/Badge/BadgeNotification.js.map +1 -1
- package/lib/module/i18n/ar.json +20 -8
- package/lib/module/i18n/en.json +17 -5
- package/lib/module/i18n/es.json +17 -5
- package/lib/module/i18n/fr.json +17 -5
- package/lib/module/i18n/he.json +17 -5
- package/lib/module/i18n/hi.json +18 -6
- package/lib/module/i18n/it.json +17 -5
- package/lib/module/i18n/ja.json +17 -5
- package/lib/module/i18n/ko.json +17 -5
- package/lib/module/i18n/nl.json +18 -6
- package/lib/module/i18n/pt-br.json +19 -7
- package/lib/module/i18n/ru.json +17 -5
- package/lib/module/i18n/tr.json +18 -6
- package/lib/module/version.json +1 -1
- package/lib/typescript/a11y/hooks/useAnnounceOnShow.d.ts +21 -0
- package/lib/typescript/a11y/hooks/useAnnounceOnShow.d.ts.map +1 -0
- package/lib/typescript/a11y/index.d.ts +1 -0
- package/lib/typescript/a11y/index.d.ts.map +1 -1
- package/lib/typescript/components/Accessibility/CompositeAccessibilityProbe.d.ts +30 -0
- package/lib/typescript/components/Accessibility/CompositeAccessibilityProbe.d.ts.map +1 -0
- package/lib/typescript/components/Accessibility/HiddenA11yText.d.ts +25 -0
- package/lib/typescript/components/Accessibility/HiddenA11yText.d.ts.map +1 -0
- package/lib/typescript/components/Accessibility/index.d.ts +2 -0
- package/lib/typescript/components/Accessibility/index.d.ts.map +1 -1
- package/lib/typescript/components/ChannelPreview/ChannelMessagePreviewDeliveryStatus.d.ts.map +1 -1
- package/lib/typescript/components/ChannelPreview/ChannelPreviewMutedStatus.d.ts.map +1 -1
- package/lib/typescript/components/ChannelPreview/ChannelPreviewStatus.d.ts.map +1 -1
- package/lib/typescript/components/ChannelPreview/ChannelPreviewUnreadCount.d.ts.map +1 -1
- package/lib/typescript/components/ChannelPreview/ChannelPreviewView.d.ts.map +1 -1
- package/lib/typescript/components/Message/MessageItemView/MessageContent.d.ts.map +1 -1
- package/lib/typescript/components/Message/MessageItemView/MessageFooter.d.ts.map +1 -1
- package/lib/typescript/components/Message/MessageItemView/MessageStatus.d.ts.map +1 -1
- package/lib/typescript/components/Message/MessageItemView/ReactionList/ReactionListClustered.d.ts.map +1 -1
- package/lib/typescript/components/Message/MessageItemView/ReactionList/ReactionListItem.d.ts.map +1 -1
- package/lib/typescript/components/Message/MessageOverlayWrapper.d.ts +1 -1
- package/lib/typescript/components/Message/hooks/useMessageActionHandlers.d.ts.map +1 -1
- package/lib/typescript/components/Poll/Poll.d.ts.map +1 -1
- package/lib/typescript/components/Reply/Reply.d.ts.map +1 -1
- package/lib/typescript/components/ui/Avatar/ChannelAvatar.d.ts.map +1 -1
- package/lib/typescript/components/ui/Badge/BadgeNotification.d.ts +5 -0
- package/lib/typescript/components/ui/Badge/BadgeNotification.d.ts.map +1 -1
- package/lib/typescript/hooks/useTranslatedMessage.d.ts +1 -1
- package/lib/typescript/i18n/ar.json +20 -8
- package/lib/typescript/i18n/en.json +17 -5
- package/lib/typescript/i18n/es.json +17 -5
- package/lib/typescript/i18n/fr.json +17 -5
- package/lib/typescript/i18n/he.json +17 -5
- package/lib/typescript/i18n/hi.json +18 -6
- package/lib/typescript/i18n/it.json +17 -5
- package/lib/typescript/i18n/ja.json +17 -5
- package/lib/typescript/i18n/ko.json +17 -5
- package/lib/typescript/i18n/nl.json +18 -6
- package/lib/typescript/i18n/pt-br.json +19 -7
- package/lib/typescript/i18n/ru.json +17 -5
- package/lib/typescript/i18n/tr.json +18 -6
- package/lib/typescript/utils/i18n/Streami18n.d.ts +16 -4
- package/lib/typescript/utils/i18n/Streami18n.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/a11y/hooks/useAnnounceOnShow.ts +44 -0
- package/src/a11y/index.ts +1 -0
- package/src/components/Accessibility/CompositeAccessibilityProbe.tsx +48 -0
- package/src/components/Accessibility/HiddenA11yText.tsx +49 -0
- package/src/components/Accessibility/index.ts +2 -0
- package/src/components/ChannelPreview/ChannelMessagePreviewDeliveryStatus.tsx +19 -16
- package/src/components/ChannelPreview/ChannelPreviewMutedStatus.tsx +8 -1
- package/src/components/ChannelPreview/ChannelPreviewStatus.tsx +10 -4
- package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx +5 -1
- package/src/components/ChannelPreview/ChannelPreviewView.tsx +3 -0
- package/src/components/Message/MessageItemView/MessageContent.tsx +12 -1
- package/src/components/Message/MessageItemView/MessageFooter.tsx +6 -1
- package/src/components/Message/MessageItemView/MessageStatus.tsx +36 -39
- package/src/components/Message/MessageItemView/ReactionList/ReactionListClustered.tsx +24 -10
- package/src/components/Message/MessageItemView/ReactionList/ReactionListItem.tsx +5 -1
- package/src/components/Message/MessageItemView/__tests__/MessageStatus.test.tsx +10 -7
- package/src/components/Message/MessageItemView/__tests__/ReactionListBottom.test.tsx +1 -1
- package/src/components/Message/hooks/useMessageActionHandlers.ts +7 -0
- package/src/components/Poll/Poll.tsx +1 -25
- package/src/components/Reply/Reply.tsx +58 -7
- package/src/components/Thread/__tests__/__snapshots__/Thread.test.tsx.snap +8 -0
- package/src/components/ui/Avatar/ChannelAvatar.tsx +39 -29
- package/src/components/ui/Badge/BadgeNotification.tsx +11 -2
- package/src/i18n/ar.json +20 -8
- package/src/i18n/en.json +17 -5
- package/src/i18n/es.json +17 -5
- package/src/i18n/fr.json +17 -5
- package/src/i18n/he.json +17 -5
- package/src/i18n/hi.json +18 -6
- package/src/i18n/it.json +17 -5
- package/src/i18n/ja.json +17 -5
- package/src/i18n/ko.json +17 -5
- package/src/i18n/nl.json +18 -6
- package/src/i18n/pt-br.json +19 -7
- package/src/i18n/ru.json +17 -5
- package/src/i18n/tr.json +18 -6
- package/src/version.json +1 -1
- package/lib/commonjs/components/Poll/hooks/usePollAccessibilityActions.js +0 -150
- package/lib/commonjs/components/Poll/hooks/usePollAccessibilityActions.js.map +0 -1
- package/lib/commonjs/components/Poll/hooks/usePollAccessibilityLabel.js +0 -59
- package/lib/commonjs/components/Poll/hooks/usePollAccessibilityLabel.js.map +0 -1
- package/lib/module/components/Poll/hooks/usePollAccessibilityActions.js +0 -150
- package/lib/module/components/Poll/hooks/usePollAccessibilityActions.js.map +0 -1
- package/lib/module/components/Poll/hooks/usePollAccessibilityLabel.js +0 -59
- package/lib/module/components/Poll/hooks/usePollAccessibilityLabel.js.map +0 -1
- package/lib/typescript/components/Poll/hooks/usePollAccessibilityActions.d.ts +0 -25
- package/lib/typescript/components/Poll/hooks/usePollAccessibilityActions.d.ts.map +0 -1
- package/lib/typescript/components/Poll/hooks/usePollAccessibilityLabel.d.ts +0 -8
- package/lib/typescript/components/Poll/hooks/usePollAccessibilityLabel.d.ts.map +0 -1
- package/src/components/Poll/hooks/__tests__/usePollAccessibilityActions.test.tsx +0 -358
- package/src/components/Poll/hooks/__tests__/usePollAccessibilityLabel.test.tsx +0 -142
- package/src/components/Poll/hooks/usePollAccessibilityActions.ts +0 -191
- package/src/components/Poll/hooks/usePollAccessibilityLabel.ts +0 -75
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
|
|
3
|
-
import { PollOption, PollState } from 'stream-chat';
|
|
4
|
-
|
|
5
|
-
import { usePollStateStore } from './usePollStateStore';
|
|
6
|
-
|
|
7
|
-
import { composeAccessibilityLabel } from '../../../a11y/a11yUtils';
|
|
8
|
-
import { useTranslationContext } from '../../../contexts';
|
|
9
|
-
import { useAccessibilityContext } from '../../../contexts/accessibilityContext/AccessibilityContext';
|
|
10
|
-
import { defaultPollOptionCount } from '../../../utils/constants';
|
|
11
|
-
|
|
12
|
-
type PollA11yLabelSelectorResult = {
|
|
13
|
-
enforceUniqueVote: boolean;
|
|
14
|
-
isClosed: boolean | undefined;
|
|
15
|
-
maxVotesAllowed: number;
|
|
16
|
-
name: string;
|
|
17
|
-
options: PollOption[];
|
|
18
|
-
voteCountsByOption: Record<string, number>;
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
const a11yLabelSelector = (state: PollState): PollA11yLabelSelectorResult => ({
|
|
22
|
-
enforceUniqueVote: state.enforce_unique_vote,
|
|
23
|
-
isClosed: state.is_closed,
|
|
24
|
-
maxVotesAllowed: state.max_votes_allowed,
|
|
25
|
-
name: state.name,
|
|
26
|
-
options: state.options,
|
|
27
|
-
voteCountsByOption: state.vote_counts_by_option,
|
|
28
|
-
});
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Builds the composite accessibility label for a poll bubble: name, status,
|
|
32
|
-
* up to `defaultPollOptionCount` options with vote counts, an overflow hint,
|
|
33
|
-
* and the primary-tap hint. Returns `undefined` when a11y is disabled so the
|
|
34
|
-
* Poll container can leave its `accessibilityLabel` unset.
|
|
35
|
-
*/
|
|
36
|
-
export const usePollAccessibilityLabel = (): string | undefined => {
|
|
37
|
-
const { enabled } = useAccessibilityContext();
|
|
38
|
-
const { t } = useTranslationContext();
|
|
39
|
-
const { enforceUniqueVote, isClosed, maxVotesAllowed, name, options, voteCountsByOption } =
|
|
40
|
-
usePollStateStore(a11yLabelSelector);
|
|
41
|
-
|
|
42
|
-
return useMemo(() => {
|
|
43
|
-
if (!enabled) return undefined;
|
|
44
|
-
|
|
45
|
-
let status: string;
|
|
46
|
-
if (isClosed) {
|
|
47
|
-
status = t('Poll has ended');
|
|
48
|
-
} else if (enforceUniqueVote) {
|
|
49
|
-
status = t('Select one');
|
|
50
|
-
} else if (maxVotesAllowed) {
|
|
51
|
-
status = t('Select up to {{count}}', { count: maxVotesAllowed });
|
|
52
|
-
} else {
|
|
53
|
-
status = t('Select one or more');
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
const visibleOptions = options?.slice(0, defaultPollOptionCount) ?? [];
|
|
57
|
-
const optionParts = visibleOptions.map((option) => {
|
|
58
|
-
const count = voteCountsByOption?.[option.id] ?? 0;
|
|
59
|
-
return `${option.text}: ${t('{{count}} votes', { count })}`;
|
|
60
|
-
});
|
|
61
|
-
|
|
62
|
-
const overflow =
|
|
63
|
-
options && options.length > defaultPollOptionCount
|
|
64
|
-
? t('+{{count}} More Options', { count: options.length - defaultPollOptionCount })
|
|
65
|
-
: null;
|
|
66
|
-
|
|
67
|
-
return composeAccessibilityLabel(
|
|
68
|
-
name,
|
|
69
|
-
status,
|
|
70
|
-
...optionParts,
|
|
71
|
-
overflow,
|
|
72
|
-
t('a11y/Activate to view results'),
|
|
73
|
-
);
|
|
74
|
-
}, [enabled, enforceUniqueVote, isClosed, maxVotesAllowed, name, options, t, voteCountsByOption]);
|
|
75
|
-
};
|