diff --git a/app/containers/AudioPlayer/PlayButton.tsx b/app/containers/AudioPlayer/PlayButton.tsx index 34e77ced8f1..0965287f1d7 100644 --- a/app/containers/AudioPlayer/PlayButton.tsx +++ b/app/containers/AudioPlayer/PlayButton.tsx @@ -6,8 +6,8 @@ import styles from './styles'; import RCActivityIndicator from '../ActivityIndicator'; import { AUDIO_BUTTON_HIT_SLOP } from './constants'; import { type TAudioState } from './types'; -import NativeButton from '../NativeButton'; import getPlayButtonAccessibilityLabel from './getPlayButtonAccessibilityLabel'; +import PressableOpacity from '../PressableOpacity'; interface IButton { disabled?: boolean; @@ -45,15 +45,19 @@ const PlayButton = ({ onPress, disabled = false, audioState }: IButton): React.R const { colors } = useTheme(); return ( - + hitSlop={AUDIO_BUTTON_HIT_SLOP} + disableOpacityOnAndroid> - + ); }; diff --git a/app/containers/AudioPlayer/PlaybackSpeed.tsx b/app/containers/AudioPlayer/PlaybackSpeed.tsx index 68fcc886bcb..a06dabdbfb7 100644 --- a/app/containers/AudioPlayer/PlaybackSpeed.tsx +++ b/app/containers/AudioPlayer/PlaybackSpeed.tsx @@ -1,12 +1,12 @@ import React from 'react'; -import { Text } from 'react-native'; +import { Text, View } from 'react-native'; import i18n from '../../i18n'; import styles from './styles'; import { useTheme } from '../../theme'; import { AUDIO_PLAYBACK_SPEED, AVAILABLE_SPEEDS } from './constants'; import { useUserPreferences } from '../../lib/methods/userPreferences'; -import NativeButton from '../NativeButton'; +import PressableOpacity from '../PressableOpacity'; const PlaybackSpeed = () => { const [playbackSpeed, setPlaybackSpeed] = useUserPreferences(AUDIO_PLAYBACK_SPEED, AVAILABLE_SPEEDS[1]); @@ -19,13 +19,16 @@ const PlaybackSpeed = () => { }; return ( - - {playbackSpeed}x - + + + {playbackSpeed}x + + ); }; diff --git a/app/containers/AudioPlayer/Seek.tsx b/app/containers/AudioPlayer/Seek.tsx index eecd5d444e0..b30b88e9cf7 100644 --- a/app/containers/AudioPlayer/Seek.tsx +++ b/app/containers/AudioPlayer/Seek.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { type LayoutChangeEvent, View, TextInput, type TextInputProps, TouchableNativeFeedback } from 'react-native'; +import { type LayoutChangeEvent, View, TextInput, type TextInputProps } from 'react-native'; import { PanGestureHandler, type PanGestureHandlerGestureEvent } from 'react-native-gesture-handler'; import Animated, { type SharedValue, @@ -14,6 +14,7 @@ import Animated, { import styles from './styles'; import { useTheme } from '../../theme'; import { SEEK_HIT_SLOP, THUMB_SEEK_SIZE, ACTIVE_OFFSET_X, DEFAULT_TIME_LABEL } from './constants'; +import PressableOpacity from '../PressableOpacity'; Animated.addWhitelistedNativeProps({ text: true }); const AnimatedTextInput = Animated.createAnimatedComponent(TextInput); @@ -106,7 +107,7 @@ const Seek = ({ currentTime, duration, loaded = false, onChangeTime }: ISeek) => // TouchableNativeFeedback is avoiding do a long press message when seeking the audio return ( - + - + ); }; diff --git a/app/containers/Avatar/Avatar.tsx b/app/containers/Avatar/Avatar.tsx index b203f290413..8468ab23e05 100644 --- a/app/containers/Avatar/Avatar.tsx +++ b/app/containers/Avatar/Avatar.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { View } from 'react-native'; import { Image } from 'expo-image'; -import Touchable from 'react-native-platform-touchable'; import { settings as RocketChatSettings } from '@rocket.chat/sdk'; import Emoji from '../markdown/components/emoji/Emoji'; @@ -10,6 +9,7 @@ import { SubscriptionType } from '../../definitions'; import { type IAvatar } from './interfaces'; import MarkdownContext from '../markdown/contexts/MarkdownContext'; import I18n from '../../i18n'; +import PressableOpacity from '../PressableOpacity'; const Avatar = React.memo( ({ @@ -97,9 +97,13 @@ const Avatar = React.memo( if (onPress) { image = ( - + {image} - + ); } diff --git a/app/containers/Avatar/__snapshots__/Avatar.test.tsx.snap b/app/containers/Avatar/__snapshots__/Avatar.test.tsx.snap index 97d9de5ea35..61527bb1cc7 100644 --- a/app/containers/Avatar/__snapshots__/Avatar.test.tsx.snap +++ b/app/containers/Avatar/__snapshots__/Avatar.test.tsx.snap @@ -37,7 +37,9 @@ exports[`Story Snapshots: AvatarExternalProviderUrl should match snapshot 1`] = source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://hips.hearstapps.com/hmg-prod/images/dog-puppy-on-garden-royalty-free-image-1586966191.jpg?crop=0.752xw:1.00xh;0.175xw,0&resize=1200:*&format=png&size=112", }, ] @@ -92,7 +94,9 @@ exports[`Story Snapshots: AvatarPath should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=112", }, ] @@ -147,7 +151,9 @@ exports[`Story Snapshots: AvatarRoomId should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/room/devWBbYr7inwupPqK?format=png&size=112", }, ] @@ -202,7 +208,9 @@ exports[`Story Snapshots: AvatarText should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/Avatar?format=png&size=112", }, ] @@ -257,7 +265,9 @@ exports[`Story Snapshots: AvatarUrl should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://user-images.githubusercontent.com/29778115/89444446-14738480-d728-11ea-9412-75fd978d95fb.jpg", }, ] @@ -312,7 +322,9 @@ exports[`Story Snapshots: Channel should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/@general?format=png&size=112", }, ] @@ -367,7 +379,9 @@ exports[`Story Snapshots: Children should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/Avatar?format=png&size=112", }, ] @@ -462,7 +476,9 @@ exports[`Story Snapshots: CustomBorderRadius should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/Avatar?format=png&size=112", }, ] @@ -519,7 +535,9 @@ exports[`Story Snapshots: CustomStyle should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/Avatar?format=png&size=112", }, ] @@ -574,7 +592,9 @@ exports[`Story Snapshots: Direct should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=112", }, ] @@ -696,7 +716,9 @@ exports[`Story Snapshots: RoomAvatarExternalProviderUrl should match snapshot 1` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://cdn.pensador.com/img/authors/ho/me/homer-simpson-l.jpg?format=png&size=112", }, ] @@ -751,7 +773,9 @@ exports[`Story Snapshots: Static should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://user-images.githubusercontent.com/29778115/89444446-14738480-d728-11ea-9412-75fd978d95fb.jpg", }, ] @@ -785,76 +809,95 @@ exports[`Story Snapshots: Touchable should match snapshot 1`] = ` testID="avatar" > - + + height={56} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Avatar?format=png&size=112", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 56, + "width": 56, + } + } + transition={null} + width={56} + /> + `; @@ -896,7 +939,9 @@ exports[`Story Snapshots: WithETag should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/djorkaeff.alexandre?format=png&size=112&etag=5ag8KffJcZj9m5rCv", }, ] @@ -951,7 +996,9 @@ exports[`Story Snapshots: WithoutETag should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/djorkaeff.alexandre?format=png&size=112", }, ] @@ -1006,7 +1053,9 @@ exports[`Story Snapshots: WrongServer should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://google.com/avatar/Avatar?format=png&size=112", }, ] diff --git a/app/containers/Button/__snapshots__/Button.test.tsx.snap b/app/containers/Button/__snapshots__/Button.test.tsx.snap index 3561980dd0b..c283cff9653 100644 --- a/app/containers/Button/__snapshots__/Button.test.tsx.snap +++ b/app/containers/Button/__snapshots__/Button.test.tsx.snap @@ -2,447 +2,833 @@ exports[`Story Snapshots: CustomButton should match snapshot 1`] = ` - - Press me! - + + Press me! + + `; exports[`Story Snapshots: DisabledButton should match snapshot 1`] = ` - - Press me! - + + Press me! + + `; exports[`Story Snapshots: DisabledLoadingButton should match snapshot 1`] = ` - + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "justifyContent": "center", + "paddingHorizontal": 16, + "paddingVertical": 14, + }, + { + "borderRadius": 4, + "marginBottom": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + {}, + undefined, + ], + { + "borderRadius": 0, + "marginBottom": 0, + }, + { + "opacity": 1, + }, + ] + } + testID="testButton" + > + + `; exports[`Story Snapshots: LoadingButton should match snapshot 1`] = ` - + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "justifyContent": "center", + "paddingHorizontal": 16, + "paddingVertical": 14, + }, + { + "borderRadius": 4, + "marginBottom": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + {}, + undefined, + ], + { + "borderRadius": 0, + "marginBottom": 0, + }, + { + "opacity": 1, + }, + ] + } + testID="testButton" + > + + `; exports[`Story Snapshots: PrimaryButton should match snapshot 1`] = ` - - Press me! - + + Press me! + + `; exports[`Story Snapshots: SecondaryButton should match snapshot 1`] = ` - - Press me! - + + Press me! + + `; exports[`Story Snapshots: SmallButton should match snapshot 1`] = ` - - Press me! - + + Press me! + + `; diff --git a/app/containers/Button/index.tsx b/app/containers/Button/index.tsx index 1fe25724e81..9709e9f66a3 100644 --- a/app/containers/Button/index.tsx +++ b/app/containers/Button/index.tsx @@ -1,13 +1,12 @@ import React from 'react'; import { type StyleProp, StyleSheet, Text, type TextStyle, type ViewStyle } from 'react-native'; -import Touchable, { type PlatformTouchableProps } from 'react-native-platform-touchable'; import { useTheme } from '../../theme'; import sharedStyles from '../../views/Styles'; import ActivityIndicator from '../ActivityIndicator'; +import PressableOpacity, { type IPressableOpacityProps } from '../PressableOpacity'; -// @ts-ignore -interface IButtonProps extends PlatformTouchableProps { +interface IButtonProps extends IPressableOpacityProps { title: string; onPress: () => void; type?: 'primary' | 'secondary'; @@ -61,6 +60,7 @@ const Button: React.FC = ({ style, styleText, small, + android_ripple, ...otherProps }) => { const { colors } = useTheme(); @@ -68,9 +68,15 @@ const Button: React.FC = ({ const isDisabled = disabled || loading; const defaultBackgroundColor = isPrimary ? colors.buttonBackgroundPrimaryDefault : colors.buttonBackgroundSecondaryDefault; + const defaultBackgroundRippleColor = isPrimary ? colors.buttonBackgroundPrimaryPress : colors.buttonBackgroundSecondaryPress; + const disabledBackgroundColor = isPrimary ? colors.buttonBackgroundPrimaryDisabled : colors.buttonBackgroundSecondaryDisabled; const resolvedBackgroundColor = backgroundColor || defaultBackgroundColor; + const resolvedBackgroundRippleColor = android_ripple?.color || defaultBackgroundRippleColor; + + const resolvedAndroidRipple = { ...android_ripple, color: resolvedBackgroundRippleColor }; + const resolvedTextColor = color || (isPrimary ? colors.fontWhite : colors.fontDefault); const containerStyle = [ @@ -88,16 +94,18 @@ const Button: React.FC = ({ ]; return ( - {loading ? : {title}} - + ); }; diff --git a/app/containers/CallHeader.tsx b/app/containers/CallHeader.tsx index 64f937fa00e..59c262b716b 100644 --- a/app/containers/CallHeader.tsx +++ b/app/containers/CallHeader.tsx @@ -1,6 +1,5 @@ import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import { A11y } from 'react-native-a11y-order'; import { useAppSelector } from '../lib/hooks/useAppSelector'; @@ -12,6 +11,7 @@ import AvatarContainer from './Avatar'; import StatusContainer from './Status'; import DotsLoader from './DotsLoader'; import I18n from '../i18n'; +import PressableOpacity from './PressableOpacity'; type TCallHeader = { mic: boolean; @@ -32,11 +32,21 @@ export const CallHeader = ({ mic, cam, setCam, setMic, title, avatar, uid, name, const handleColors = (enabled: boolean) => { if (calling) { - if (enabled) return { button: colors.buttonBackgroundSecondaryDisabled, icon: colors.strokeExtraDark }; - return { button: 'transparent', icon: colors.strokeLight }; + if (enabled) + return { + button: colors.buttonBackgroundSecondaryDisabled, + buttonRipple: 'transparent', + icon: colors.strokeExtraDark + }; + return { button: 'transparent', buttonRipple: 'transparent', icon: colors.strokeLight }; } - if (enabled) return { button: colors.buttonBackgroundPrimaryDefault, icon: colors.surfaceLight }; - return { button: 'transparent', icon: colors.strokeExtraDark }; + if (enabled) + return { + button: colors.buttonBackgroundPrimaryDefault, + buttonRipple: colors.buttonBackgroundPrimaryPress, + icon: colors.surfaceLight + }; + return { button: 'transparent', buttonRipple: 'transparent', icon: colors.strokeExtraDark }; }; return ( @@ -49,24 +59,32 @@ export const CallHeader = ({ mic, cam, setCam, setMic, title, avatar, uid, name, - setCam(!cam)} style={[style.iconCallContainerRight, { backgroundColor: handleColors(cam).button }]} hitSlop={BUTTON_HIT_SLOP} - disabled={calling}> + disabled={calling} + disableOpacityOnAndroid + android_ripple={{ + color: handleColors(cam).buttonRipple + }}> - + - setMic(!mic)} style={[style.iconCallContainer, { backgroundColor: handleColors(mic).button }]} hitSlop={BUTTON_HIT_SLOP} - disabled={calling}> + disabled={calling} + disableOpacityOnAndroid + android_ripple={{ + color: handleColors(mic).buttonRipple + }}> - + diff --git a/app/containers/Chip/__snapshots__/Chip.test.tsx.snap b/app/containers/Chip/__snapshots__/Chip.test.tsx.snap index 58de1a6452d..8a26f96352e 100644 --- a/app/containers/Chip/__snapshots__/Chip.test.tsx.snap +++ b/app/containers/Chip/__snapshots__/Chip.test.tsx.snap @@ -207,7 +207,9 @@ exports[`Story Snapshots: ChipText should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=56", }, ] @@ -389,7 +391,9 @@ exports[`Story Snapshots: ChipWithShortText should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=56", }, ] @@ -799,7 +803,9 @@ exports[`Story Snapshots: ChipWithoutIcon should match snapshot 1`] = ` source={ [ { - "headers": undefined, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=56", }, ] diff --git a/app/containers/InAppNotification/IncomingCallNotification/index.tsx b/app/containers/InAppNotification/IncomingCallNotification/index.tsx index 9e7070a822b..1cdedcf47a9 100644 --- a/app/containers/InAppNotification/IncomingCallNotification/index.tsx +++ b/app/containers/InAppNotification/IncomingCallNotification/index.tsx @@ -1,6 +1,5 @@ import React, { useEffect, useRef, useState } from 'react'; import { AccessibilityInfo, findNodeHandle, Text, View } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import { useSafeAreaInsets } from 'react-native-safe-area-context'; import { useDispatch } from 'react-redux'; import { A11y } from 'react-native-a11y-order'; @@ -16,6 +15,8 @@ import { CallHeader } from '../../CallHeader'; import { useStyle } from './style'; import useUserData from '../../../lib/hooks/useUserData'; import Ringer, { ERingerSounds } from '../../Ringer'; +import PressableOpacity from '../../PressableOpacity'; +import { useTheme } from '../../../theme'; export interface INotifierComponent { notification: { @@ -42,7 +43,7 @@ const IncomingCallHeader = React.memo( const isMasterDetail = useAppSelector(state => state.app.isMasterDetail); const styles = useStyle(); const insets = useSafeAreaInsets(); - + const { colors } = useTheme(); useEffect(() => { const focusOnIncomingCall = setTimeout(() => { const node = findNodeHandle(componentRef.current); @@ -84,40 +85,52 @@ const IncomingCallHeader = React.memo( - { setAudio(!audio); hideNotification(); }} accessibilityLabel={i18n.t('A11y_incoming_call_dismiss')} - style={styles.closeButton}> + style={styles.closeButton} + disableOpacityOnAndroid + android_ripple={{ + color: colors.buttonBackgroundSecondaryPress + }}> - + - { setAudio(!audio); hideNotification(); dispatch(cancelCall({ callId })); }} - style={styles.cancelButton}> + style={styles.cancelButton} + disableOpacityOnAndroid + android_ripple={{ + color: colors.buttonBackgroundDangerPress + }}> {i18n.t('decline')} - + - { setAudio(!audio); hideNotification(); dispatch(acceptCall({ callId })); }} - style={styles.acceptButton}> + style={styles.acceptButton} + disableOpacityOnAndroid + android_ripple={{ + color: colors.buttonBackgroundSuccessPress + }}> {i18n.t('accept')} - + {audio ? : null} diff --git a/app/containers/InAppNotification/NotifierComponent.tsx b/app/containers/InAppNotification/NotifierComponent.tsx index 0924d94856a..2ddb368ae49 100644 --- a/app/containers/InAppNotification/NotifierComponent.tsx +++ b/app/containers/InAppNotification/NotifierComponent.tsx @@ -1,6 +1,5 @@ import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import { connect } from 'react-redux'; import { useSafeAreaInsets } from 'react-native-safe-area-context'; @@ -13,6 +12,7 @@ import { goRoom } from '../../lib/methods/helpers/goRoom'; import { type IApplicationState, type ISubscription, type SubscriptionType } from '../../definitions'; import { hideNotification } from '../../lib/methods/helpers/notifications'; import { useResponsiveLayout } from '../../lib/hooks/useResponsiveLayout/useResponsiveLayout'; +import PressableOpacity from '../PressableOpacity'; export interface INotifierComponent { notification: { @@ -109,11 +109,13 @@ const NotifierComponent = React.memo(({ notification, isMasterDetail }: INotifie height: rowHeight } ]}> - <> @@ -126,10 +128,15 @@ const NotifierComponent = React.memo(({ notification, isMasterDetail }: INotifie - - + + - + ); }); diff --git a/app/containers/LoginServices/__snapshots__/LoginServices.test.tsx.snap b/app/containers/LoginServices/__snapshots__/LoginServices.test.tsx.snap index 1f887957e46..ba89677e4d1 100644 --- a/app/containers/LoginServices/__snapshots__/LoginServices.test.tsx.snap +++ b/app/containers/LoginServices/__snapshots__/LoginServices.test.tsx.snap @@ -3,66 +3,123 @@ exports[`Story Snapshots: Separators should match snapshot 1`] = ` [ - - More options - + + More options + + , , - - Less options - + + Less options + + , - - + - - + - - + - - + - - + - - + - - + - - + - - + - - + { } return ( - setAlsoSendThreadToChannel(!alsoSendThreadToChannel)} testID='message-composer-send-to-channel'> { color={alsoSendThreadToChannel ? colors.buttonBackgroundPrimaryDefault : colors.fontDefault} /> {I18n.t('Message_composer_Send_to_channel')} - + ); }; diff --git a/app/containers/NativeButton/index.tsx b/app/containers/NativeButton/index.tsx deleted file mode 100644 index 0be9ae2771c..00000000000 --- a/app/containers/NativeButton/index.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react'; -import { TouchableNativeFeedback, TouchableOpacity, type TouchableOpacityProps, View } from 'react-native'; - -import { isIOS } from '../../lib/methods/helpers'; - -const NativeButton = (props: TouchableOpacityProps) => { - if (isIOS) { - return {props.children}; - } - - return ( - - {props.children} - - ); -}; - -export default NativeButton; diff --git a/app/containers/PressableOpacity.tsx b/app/containers/PressableOpacity.tsx new file mode 100644 index 00000000000..bd1928d11ee --- /dev/null +++ b/app/containers/PressableOpacity.tsx @@ -0,0 +1,210 @@ +/* eslint-disable react-hooks/immutability */ +import React, { forwardRef, useContext } from 'react'; +import { + Pressable, + type PressableProps, + type GestureResponderEvent, + type PressableAndroidRippleConfig, + StyleSheet, + type ViewStyle +} from 'react-native'; +import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'; +import { View } from 'react-native-animatable'; + +import { isAndroid } from '../lib/methods/helpers'; +import { useTheme } from '../theme'; +import MessageContext from './message/Context'; + +export interface IPressableOpacityProps extends PressableProps { + /** + * configuration for opacity animation + * @param fadeInDuration: fade in timing + * @param fadeOutDuration: fade out timing + * @param dimOpacity: lowest opacity when component is pressed + */ + opacityAnimationConfig?: { + fadeInDuration?: number; + fadeOutDuration?: number; + dimOpacity?: number; + }; + + /** + * this option disables opacity animation when pressed on android + */ + disableOpacityOnAndroid?: boolean; + + /** + * this option disables ripple on android when pressed + */ + disableAndroidRipple?: boolean; + + /** + * use this when using pressable outside the roomview + * disable the modal when item is long pressed + */ + disableOpeningMessageModal?: boolean; +} + +const AnimatedPressable = Animated.createAnimatedComponent(Pressable); + +const FADE_IN_DURATION = 50; +const FADE_OUT_DURATION = 100; +const DIM_OPACITY = 0.3; + +const PressableOpacity = forwardRef, IPressableOpacityProps>( + ( + { + children, + style, + onPressIn, + onPressOut, + android_ripple, + disableAndroidRipple, + disableOpacityOnAndroid, + disableOpeningMessageModal, + opacityAnimationConfig, + onLongPress: onLongPressPropEvent, + ...restProps + }, + ref + ) => { + const { colors } = useTheme(); + const messageContext = useContext(MessageContext); + const onLongPressFromContext = !disableOpeningMessageModal ? messageContext?.onLongPress : undefined; + + const opacity = useSharedValue(1); + + const rStyle = useAnimatedStyle(() => ({ + opacity: opacity.value + })); + + const androidRippleResolvedColor = android_ripple?.color ?? colors.buttonBackgroundSecondaryPress; + + const androidRippleConfig: PressableAndroidRippleConfig = { + ...android_ripple, + color: androidRippleResolvedColor + }; + + // without this layout style mapping on container the ripple overflows + const { containerStyle } = getProcessedStyles(style); + const pressableStyles = getCleanedStyles({ containerStyle }); + + const { + fadeInDuration = FADE_IN_DURATION, + fadeOutDuration = FADE_OUT_DURATION, + dimOpacity = DIM_OPACITY + } = opacityAnimationConfig ?? {}; + + const handlePressIn = (e: GestureResponderEvent) => { + opacity.value = withTiming(dimOpacity, { duration: fadeInDuration }); + onPressIn?.(e); + }; + + const handlePressOut = (e: GestureResponderEvent) => { + opacity.value = withTiming(1, { duration: fadeOutDuration }); + onPressOut?.(e); + }; + + // for message component to open modal after long press + const handleLongPress = (e: GestureResponderEvent) => { + onLongPressPropEvent?.(e); + onLongPressFromContext?.(e); + }; + + const shouldBlockOpacityAnimationOnAndroid = isAndroid && disableOpacityOnAndroid; + + return ( + // required as android_ripple does not clips the ripple according to borderradius + + + {children} + + + ); + } +); + +PressableOpacity.displayName = 'PressableOpacity'; + +const extractStyles = (style: PressableProps['style']) => { + if (typeof style === 'function') { + return undefined; // cannot extract + } + const flat = StyleSheet.flatten(style); + return flat; +}; + +interface IGetProccessedStylesReturnType { + containerStyle: ViewStyle | undefined; + flattenedStyle: ViewStyle | undefined; +} + +const getProcessedStyles = (style: PressableProps['style']): IGetProccessedStylesReturnType => { + const flattenedStyle = extractStyles(style); + + if (!flattenedStyle) return { containerStyle: undefined, flattenedStyle: undefined }; + const containerStyle: ViewStyle = { + borderEndEndRadius: flattenedStyle.borderEndEndRadius, + borderTopEndRadius: flattenedStyle.borderTopEndRadius, + borderTopLeftRadius: flattenedStyle.borderTopLeftRadius, + borderEndStartRadius: flattenedStyle.borderEndStartRadius, + borderStartEndRadius: flattenedStyle.borderStartEndRadius, + borderTopRightRadius: flattenedStyle.borderTopRightRadius, + borderTopStartRadius: flattenedStyle.borderTopStartRadius, + borderBottomEndRadius: flattenedStyle.borderBottomEndRadius, + borderBottomLeftRadius: flattenedStyle.borderBottomLeftRadius, + borderStartStartRadius: flattenedStyle.borderStartStartRadius, + borderBottomRightRadius: flattenedStyle.borderBottomRightRadius, + borderBottomStartRadius: flattenedStyle.borderBottomStartRadius, + // width: flattenedStyle.width, + // height: flattenedStyle.height, + margin: flattenedStyle.margin, + marginLeft: flattenedStyle.marginLeft, + marginRight: flattenedStyle.marginRight, + marginBottom: flattenedStyle.marginBottom, + marginTop: flattenedStyle.marginTop, + borderRadius: flattenedStyle.borderRadius, + flex: flattenedStyle.flex, + position: flattenedStyle.position, + top: flattenedStyle.top, + bottom: flattenedStyle.bottom, + left: flattenedStyle.left, + right: flattenedStyle.right, + overflow: flattenedStyle.overflow ?? 'hidden' + }; + + return { containerStyle, flattenedStyle }; +}; + +interface IRemoveStylesParams { + containerStyle: ViewStyle | undefined; +} + +// this removes margin and other layout styles from getting applied on the pressable +const getCleanedStyles = ({ containerStyle }: IRemoveStylesParams): ViewStyle | undefined => { + if (!containerStyle) return undefined; + + const cleanedStyles = {} as Partial; + for (const key of Object.keys(containerStyle)) { + const value = containerStyle[key as keyof ViewStyle]; + if (value !== undefined && value !== null) { + // overflow isnt numeric so we skip it + if (key === 'overflow' || key === 'flex') continue; + if (key === 'position') { + cleanedStyles.position = 'relative'; + continue; + } + (cleanedStyles as any)[key] = 0; + } + } + return cleanedStyles as ViewStyle; +}; + +export default PressableOpacity; diff --git a/app/containers/ReactionsList/ReactionsList.test.tsx b/app/containers/ReactionsList/ReactionsList.test.tsx index 3ffa28cb1eb..e4a07f08491 100644 --- a/app/containers/ReactionsList/ReactionsList.test.tsx +++ b/app/containers/ReactionsList/ReactionsList.test.tsx @@ -7,6 +7,7 @@ import ReactionsList from './index'; import { type IReaction } from '../../definitions'; import { generateSnapshots } from '../../../.rnstorybook/generateSnapshots'; import * as stories from './ReactionsList.stories'; +import type { IPressableOpacityProps } from '../PressableOpacity'; // Mock i18n jest.mock('../../i18n', () => ({ @@ -61,7 +62,8 @@ interface ITabViewProps { // Mock TabView to better match the actual implementation jest.mock('../TabView', () => { const React = require('react'); - const { View, TouchableOpacity } = require('react-native'); + const { View } = require('react-native'); + const PressableOpacity: React.FC = require('../PressableOpacity').default; return { TabView: ({ routes, renderScene, renderTabItem }: ITabViewProps) => { @@ -76,9 +78,14 @@ jest.mock('../TabView', () => { {routes.map((route, idx) => ( - jumpTo(route.key)}> + jumpTo(route.key)} + disableAndroidRipple + disableOpeningMessageModal> {renderTabItem(route, idx === index ? '#FF0000' : '#666666')} - + ))} {renderScene({ route: routes[index] })} diff --git a/app/containers/ReactionsList/__snapshots__/ReactionsList.test.tsx.snap b/app/containers/ReactionsList/__snapshots__/ReactionsList.test.tsx.snap index 7fbf511b867..c23d143489c 100644 --- a/app/containers/ReactionsList/__snapshots__/ReactionsList.test.tsx.snap +++ b/app/containers/ReactionsList/__snapshots__/ReactionsList.test.tsx.snap @@ -28,521 +28,623 @@ exports[`Story Snapshots: ReactionsListFullName should match snapshot 1`] = ` } > - - All - + + All + + - + - + - 2 - + "height": 24, + "width": 24, + } + } + transition={null} + width={24} + /> + + 2 + + - + - + - 2 - + "height": 24, + "width": 24, + } + } + transition={null} + width={24} + /> + + 2 + + - + - + - 1 - + "height": 24, + "width": 24, + } + } + transition={null} + width={24} + /> + + 1 + + - - 😀 - - - 1 - + "color": "#fff", + "fontSize": 20, + "height": 24, + "textAlign": "center", + "width": 24, + } + } + > + 😀 + + + 1 + + - - 🎉 - - - 1 - + "color": "#fff", + "fontSize": 20, + "height": 24, + "textAlign": "center", + "width": 24, + } + } + > + 🎉 + + + 1 + + @@ -1103,521 +1205,623 @@ exports[`Story Snapshots: ReactionsListStory should match snapshot 1`] = ` } > - - All - + + All + + - + - + - 2 - + "height": 24, + "width": 24, + } + } + transition={null} + width={24} + /> + + 2 + + - + - + - 2 - + "height": 24, + "width": 24, + } + } + transition={null} + width={24} + /> + + 2 + + - + - + - 1 - + "height": 24, + "width": 24, + } + } + transition={null} + width={24} + /> + + 1 + + - - 😀 - - - 1 - + "color": "#fff", + "fontSize": 20, + "height": 24, + "textAlign": "center", + "width": 24, + } + } + > + 😀 + + + 1 + + - - 🎉 - - - 1 - + "color": "#fff", + "fontSize": 20, + "height": 24, + "textAlign": "center", + "width": 24, + } + } + > + 🎉 + + + 1 + + diff --git a/app/containers/RoomHeader/RoomHeader.tsx b/app/containers/RoomHeader/RoomHeader.tsx index bd2a95d89d5..494b58fd502 100644 --- a/app/containers/RoomHeader/RoomHeader.tsx +++ b/app/containers/RoomHeader/RoomHeader.tsx @@ -1,6 +1,5 @@ import React from 'react'; import { StyleSheet, Text, useWindowDimensions, View } from 'react-native'; -import { TouchableOpacity } from 'react-native-gesture-handler'; import { useResponsiveLayout } from '../../lib/hooks/useResponsiveLayout/useResponsiveLayout'; import I18n from '../../i18n'; @@ -12,6 +11,7 @@ import { useTheme } from '../../theme'; import { useAppSelector } from '../../lib/hooks/useAppSelector'; import useStatusAccessibilityLabel from '../../lib/hooks/useStatusAccessibilityLabel'; import { type IUsersTyping } from '../../reducers/usersTyping'; +import PressableOpacity from '../PressableOpacity'; const HIT_SLOP = { top: 5, @@ -201,7 +201,12 @@ const Header = React.memo( accessible accessibilityLabel={accessibilityLabel} accessibilityRole='header'> - + {tmid ? null : ( - + ); } diff --git a/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap b/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap index 089fa4625c8..3afdc2c6f5f 100644 --- a/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap +++ b/app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap @@ -28,44 +28,64 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = ` ] } > - - + , - - + , - - + , - - + , - - + , - - + , - - + , - - + , - - + , - - + , - - + , - - + , - - + , - - + , ] @@ -1866,44 +2146,64 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = ` ] } > - - + , - - + , - - + , ] @@ -2360,44 +2700,64 @@ exports[`Story Snapshots: Thread should match snapshot 1`] = ` ] } > - - + , - - + , ] @@ -2715,44 +3095,64 @@ exports[`Story Snapshots: TitleSubtitle should match snapshot 1`] = ` ] } > - - + , - - + , - - + , - - + , - - + , ] @@ -3470,44 +3950,64 @@ exports[`Story Snapshots: Typing should match snapshot 1`] = ` ] } > - - + , - - + , - - + , ] diff --git a/app/containers/TabView/index.tsx b/app/containers/TabView/index.tsx index 6c6679ce7b4..f9f6c4911d2 100644 --- a/app/containers/TabView/index.tsx +++ b/app/containers/TabView/index.tsx @@ -1,10 +1,10 @@ import React, { useCallback, useState } from 'react'; import { View } from 'react-native'; import { TabView as ReanimatedTabView, type Route, type NavigationState } from 'reanimated-tab-view'; -import { TouchableOpacity } from 'react-native-gesture-handler'; import styles from './styles'; import { useTheme } from '../../theme'; +import PressableOpacity from '../PressableOpacity'; interface TabViewProps { routes: Route[]; @@ -28,9 +28,9 @@ export const TabView = ({ routes, renderTabItem, renderScene }: TabViewProps) => {routes.map((tab: Route, index: number) => ( - jumpTo(tab.key)} hitSlop={10}> + jumpTo(tab.key)} hitSlop={10} disableAndroidRipple> {renderTabItem(tab, routeIndex === index ? colors.strokeHighlight : colors.fontSecondaryInfo)} - + + - + ) : null} {iconRight && !showClearInput ? ( @@ -212,17 +217,19 @@ export const FormTextInput = ({ {secureTextEntry ? ( - setShowPassword(!showPassword)}> + onPress={() => setShowPassword(!showPassword)} + android_ripple={{ color: colors.surfaceSelected }} + disableOpacityOnAndroid> - + ) : null} diff --git a/app/containers/TextInput/__snapshots__/TextInput.test.tsx.snap b/app/containers/TextInput/__snapshots__/TextInput.test.tsx.snap index c25341973eb..9a837a168c2 100644 --- a/app/containers/TextInput/__snapshots__/TextInput.test.tsx.snap +++ b/app/containers/TextInput/__snapshots__/TextInput.test.tsx.snap @@ -537,68 +537,119 @@ exports[`Story Snapshots: Icons should match snapshot 1`] = ` value="https://open.rocket.chat/images/logo/android-chrome-512x512.png" /> - -  - + +  + + @@ -1158,66 +1209,83 @@ exports[`Story Snapshots: SecureTextEntry should match snapshot 1`] = ` } > - -  - + +  + + diff --git a/app/containers/ThreadDetails.tsx b/app/containers/ThreadDetails.tsx index c2ae4216be1..6be5d2d5333 100644 --- a/app/containers/ThreadDetails.tsx +++ b/app/containers/ThreadDetails.tsx @@ -1,6 +1,5 @@ import React from 'react'; import { StyleSheet, Text, View, type ViewStyle } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import { CustomIcon } from './CustomIcon'; import { themes } from '../lib/constants/colors'; @@ -8,6 +7,7 @@ import sharedStyles from '../views/Styles'; import { useTheme } from '../theme'; import { type TThreadModel } from '../definitions/IThread'; import i18n from '../i18n'; +import PressableOpacity from './PressableOpacity'; const styles = StyleSheet.create({ container: { @@ -87,11 +87,12 @@ const ThreadDetails = ({ item, user, badgeColor, toggleFollowThread, style }: IT {badgeColor ? : null} - toggleFollowThread?.(isFollowing, item.id)}> + onPress={() => toggleFollowThread?.(isFollowing, item.id)} + disableOpacityOnAndroid> - + ); diff --git a/app/containers/UIKit/DatePicker.tsx b/app/containers/UIKit/DatePicker.tsx index bc1e05fbb60..bd4cb7e223b 100644 --- a/app/containers/UIKit/DatePicker.tsx +++ b/app/containers/UIKit/DatePicker.tsx @@ -1,7 +1,6 @@ import React, { useState } from 'react'; import { StyleSheet, Text, unstable_batchedUpdates, View } from 'react-native'; import DateTimePicker, { type BaseProps } from '@react-native-community/datetimepicker'; -import Touchable from 'react-native-platform-touchable'; import { BlockContext } from '@rocket.chat/ui-kit'; import dayjs from '../../lib/dayjs'; @@ -14,6 +13,7 @@ import { isAndroid } from '../../lib/methods/helpers'; import { useTheme } from '../../theme'; import ActivityIndicator from '../ActivityIndicator'; import { type IDatePicker } from './interfaces'; +import PressableOpacity from '../PressableOpacity'; const styles = StyleSheet.create({ input: { @@ -62,10 +62,13 @@ export const DatePicker = ({ element, language, action, context, loading, value, if (context === BlockContext.FORM) { button = ( - onShow(!show)} style={{ backgroundColor: themes[theme].surfaceRoom }} - background={Touchable.Ripple(themes[theme].surfaceNeutral)}> + android_ripple={{ + color: themes[theme].surfaceNeutral + }} + disableOpacityOnAndroid> )} - + ); } diff --git a/app/containers/UIKit/MultiSelect/Chips.tsx b/app/containers/UIKit/MultiSelect/Chips.tsx index 34ccef5574a..0a5e38e8642 100644 --- a/app/containers/UIKit/MultiSelect/Chips.tsx +++ b/app/containers/UIKit/MultiSelect/Chips.tsx @@ -1,6 +1,5 @@ import React from 'react'; import { Text, View } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import { Image } from 'expo-image'; import { textParser } from '../utils'; @@ -8,6 +7,7 @@ import { CustomIcon } from '../../CustomIcon'; import styles from './styles'; import { type IItemData } from '.'; import { useTheme } from '../../../theme'; +import PressableOpacity from '../../PressableOpacity'; interface IChip { item: IItemData; @@ -26,11 +26,15 @@ const keyExtractor = (item: IItemData) => item.value.toString(); const Chip = ({ item, onSelect, style }: IChip) => { const { colors } = useTheme(); return ( - onSelect(item)} style={[styles.chip, { backgroundColor: colors.surfaceHover }, style]} - background={Touchable.Ripple(colors.surfaceNeutral)} + android_ripple={{ + color: colors.surfaceNeutral + }} + disableOpeningMessageModal + disableOpacityOnAndroid testID={`multi-select-chip-${item.value}`}> <> {item.imageUrl ? : null} @@ -39,7 +43,7 @@ const Chip = ({ item, onSelect, style }: IChip) => { - + ); }; Chip.propTypes = {}; diff --git a/app/containers/UIKit/MultiSelect/Input.tsx b/app/containers/UIKit/MultiSelect/Input.tsx index 47a1cb8203a..ccc29d464e5 100644 --- a/app/containers/UIKit/MultiSelect/Input.tsx +++ b/app/containers/UIKit/MultiSelect/Input.tsx @@ -1,11 +1,11 @@ import React from 'react'; import { Text, View } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import { CustomIcon } from '../../CustomIcon'; import ActivityIndicator from '../../ActivityIndicator'; import styles from './styles'; import { useTheme } from '../../../theme'; +import PressableOpacity from '../../PressableOpacity'; interface IInput { children?: JSX.Element; @@ -21,11 +21,15 @@ interface IInput { const Input = ({ children, onPress, loading, inputStyle, placeholder, disabled, innerInputStyle, testID }: IInput) => { const { colors } = useTheme(); return ( - {placeholder ? {placeholder} : children} @@ -35,7 +39,7 @@ const Input = ({ children, onPress, loading, inputStyle, placeholder, disabled, )} - + ); }; export default Input; diff --git a/app/containers/UIKit/MultiSelect/Items.tsx b/app/containers/UIKit/MultiSelect/Items.tsx index cb01de66ab8..c4592641ca1 100644 --- a/app/containers/UIKit/MultiSelect/Items.tsx +++ b/app/containers/UIKit/MultiSelect/Items.tsx @@ -1,6 +1,5 @@ import React from 'react'; import { Text, View } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import { Image } from 'expo-image'; import { FlatList } from 'react-native-gesture-handler'; @@ -11,6 +10,7 @@ import { type IItemData } from '.'; import { useTheme } from '../../../theme'; import { CustomIcon } from '../../CustomIcon'; import I18n from '../../../i18n'; +import PressableOpacity from '../../PressableOpacity'; interface IItem { item: IItemData; @@ -34,13 +34,18 @@ const Item = ({ item, selected, onSelect }: IItem) => { const iconColor = selected ? colors.badgeBackgroundLevel2 : colors.strokeMedium; return ( - onSelect(item)}> + onPress={() => onSelect(item)} + android_ripple={{ + color: colors.surfaceSelected + }} + disableOpacityOnAndroid + disableOpeningMessageModal> {item.imageUrl ? : null} @@ -54,7 +59,7 @@ const Item = ({ item, selected, onSelect }: IItem) => { - + ); }; diff --git a/app/containers/UIKit/Overflow.tsx b/app/containers/UIKit/Overflow.tsx index b97ff6aefa5..96ad4075c63 100644 --- a/app/containers/UIKit/Overflow.tsx +++ b/app/containers/UIKit/Overflow.tsx @@ -1,7 +1,6 @@ import React, { useState } from 'react'; -import { FlatList, StyleSheet, Text } from 'react-native'; +import { FlatList, type Pressable, StyleSheet, Text } from 'react-native'; import Popover from 'react-native-popover-view'; -import Touchable from 'react-native-platform-touchable'; import { CustomIcon } from '../CustomIcon'; import ActivityIndicator from '../ActivityIndicator'; @@ -10,6 +9,7 @@ import { useTheme } from '../../theme'; import { BUTTON_HIT_SLOP } from '../message/utils'; import * as List from '../List'; import { type IOption, type IOptions, type IOverflow } from './interfaces'; +import PressableOpacity from '../PressableOpacity'; const keyExtractor = (item: any) => item.value; @@ -27,12 +27,16 @@ const styles = StyleSheet.create({ }); const Option = ({ option: { text, value }, onOptionPress, parser, theme }: IOption) => ( - onOptionPress({ value })} - background={Touchable.Ripple(themes[theme].surfaceNeutral)} + android_ripple={{ + color: themes[theme].surfaceNeutral + }} + disableOpacityOnAndroid + disableOpeningMessageModal style={styles.option}> {parser.text(text)} - + ); const Options = ({ options, onOptionPress, parser, theme }: IOptions) => ( @@ -44,7 +48,7 @@ const Options = ({ options, onOptionPress, parser, theme }: IOptions) => ( /> ); -const touchable: { [key: string]: Touchable | null } = {}; +const touchable: { [key: string]: React.ComponentRef | null } = {}; export const Overflow = ({ element, loading, action, parser }: IOverflow) => { const { theme } = useTheme(); @@ -59,20 +63,23 @@ export const Overflow = ({ element, loading, action, parser }: IOverflow) => { return ( <> - { touchable[blockId] = ref; }} - background={Touchable.Ripple(themes[theme].surfaceNeutral)} + android_ripple={{ + color: themes[theme].surfaceNeutral + }} + disableOpacityOnAndroid onPress={() => onShow(!show)} hitSlop={BUTTON_HIT_SLOP} - style={styles.menu}> + style={[styles.menu]}> {!loading ? ( ) : ( )} - + {type === 'direct' ? ( <> - + {createdBy.username === username ? i18n.t('Call_again') : i18n.t('Call_back')} - + {i18n.t('Call_was_not_answered')} ) : ( diff --git a/app/containers/UIKit/VideoConferenceBlock/components/VideoConferenceOutgoing.tsx b/app/containers/UIKit/VideoConferenceBlock/components/VideoConferenceOutgoing.tsx index accb49d285c..54890d2627f 100644 --- a/app/containers/UIKit/VideoConferenceBlock/components/VideoConferenceOutgoing.tsx +++ b/app/containers/UIKit/VideoConferenceBlock/components/VideoConferenceOutgoing.tsx @@ -1,21 +1,27 @@ import React from 'react'; import { Text } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import i18n from '../../../../i18n'; import { videoConfJoin } from '../../../../lib/methods/videoConf'; import { CallParticipants, type TCallUsers } from './CallParticipants'; import useStyle from './styles'; import { VideoConferenceBaseContainer } from './VideoConferenceBaseContainer'; +import PressableOpacity from '../../../PressableOpacity'; +import { useTheme } from '../../../../theme'; export default function VideoConferenceOutgoing({ users, blockId }: { users: TCallUsers; blockId: string }): React.ReactElement { const style = useStyle(); - + const { colors } = useTheme(); return ( - videoConfJoin(blockId)}> + videoConfJoin(blockId)} + android_ripple={{ color: colors.buttonBackgroundPrimaryPress }} + disableOpacityOnAndroid + disableOpeningMessageModal> {i18n.t('Join')} - + ); diff --git a/app/containers/UIKit/__snapshots__/UiKitMessage.test.tsx.snap b/app/containers/UIKit/__snapshots__/UiKitMessage.test.tsx.snap index e7cc5f0eccd..9a6c26a324e 100644 --- a/app/containers/UIKit/__snapshots__/UiKitMessage.test.tsx.snap +++ b/app/containers/UIKit/__snapshots__/UiKitMessage.test.tsx.snap @@ -3,376 +3,716 @@ exports[`Story Snapshots: ActionButton should match snapshot 1`] = ` [ - - Approve - + + Approve + + , - - Deny - + + Deny + + , - - Deny - + + Deny + + , - - Deny - + + Deny + + , - - Deny - + + Deny + + , + - - Show more - + + Show more + + , ] `; @@ -853,66 +1193,123 @@ exports[`Story Snapshots: SectionButton should match snapshot 1`] = ` - - button - + + button + + `; @@ -995,66 +1392,121 @@ exports[`Story Snapshots: SectionDatePicker should match snapshot 1`] = ` - - Select a date - + + Select a date + + `; @@ -1335,66 +1787,121 @@ exports[`Story Snapshots: SectionMultiSelect should match snapshot 1`] = ` - - 2 selecteds - + + 2 selecteds + + , - - 0 selecteds - + + 0 selecteds + + , ] @@ -1617,74 +2179,120 @@ exports[`Story Snapshots: SectionOverflow should match snapshot 1`] = ` - -  - + +  + + `; diff --git a/app/containers/UIKit/__snapshots__/UiKitModal.test.tsx.snap b/app/containers/UIKit/__snapshots__/UiKitModal.test.tsx.snap index f56a0b1db77..2fd080cf589 100644 --- a/app/containers/UIKit/__snapshots__/UiKitModal.test.tsx.snap +++ b/app/containers/UIKit/__snapshots__/UiKitModal.test.tsx.snap @@ -930,74 +930,120 @@ exports[`Story Snapshots: ModalContextsDividers should match snapshot 1`] = ` - -  - + +  + + , - -  - + +  + + , - -  - - - , -] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "justifyContent": "center", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + > + +  + + + + , +] `; exports[`Story Snapshots: ModalDatePickerWithError should match snapshot 1`] = ` @@ -1325,104 +1463,148 @@ exports[`Story Snapshots: ModalDatePickerWithError should match snapshot 1`] = ` Label - - Invalid Date - - -  - + ] + } + > + Invalid Date + + +  + + - - Invalid Date - - -  - + ] + } + > + Invalid Date + + +  + + , @@ -1899,66 +2125,123 @@ exports[`Story Snapshots: ModalFormTextArea should match snapshot 1`] = ` - - Change - + + Change + + , - - Search - - -  - + ] + } + > + Search + + +  + + - - John - - -  - + { + "opacity": 1, + }, + ] + } + testID="multi-select-chip-1" + > + + John + + +  + + + - - -  - + {}, + ] + } + > +  + + { @@ -22,17 +22,21 @@ const Broadcast = React.memo(({ author, broadcast }: IMessageBroadcast) => { if (broadcast && !isOwn) { return ( - + testID='message-broadcast-reply' + android_ripple={{ + // color: themes[theme].surfaceNeutral // this color was used previously but the buttonPrimaryPress will better to match tint of currently used color as they have similar tint + color: themes[theme].buttonBackgroundPrimaryPress + }} + disableOpacityOnAndroid> {I18n.t('Reply')} - + ); } diff --git a/app/containers/message/CallButton.tsx b/app/containers/message/CallButton.tsx index 174a8eafe75..1a2d01d351e 100644 --- a/app/containers/message/CallButton.tsx +++ b/app/containers/message/CallButton.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { Text, View } from 'react-native'; -import Touchable from './Touchable'; import { BUTTON_HIT_SLOP } from './utils'; import styles from './styles'; import I18n from '../../i18n'; @@ -9,6 +8,7 @@ import { CustomIcon } from '../CustomIcon'; import { themes } from '../../lib/constants/colors'; import { type IMessageCallButton } from './interfaces'; import { useTheme } from '../../theme'; +import PressableOpacity from '../PressableOpacity'; // TODO: Create a reusable button component for message const CallButton = React.memo(({ handleEnterCall }: IMessageCallButton) => { @@ -17,16 +17,19 @@ const CallButton = React.memo(({ handleEnterCall }: IMessageCallButton) => { const { theme } = useTheme(); return ( - + hitSlop={BUTTON_HIT_SLOP} + android_ripple={{ + color: themes[theme].buttonBackgroundPrimaryPress + }} + disableOpacityOnAndroid> {I18n.t('Click_to_join')} - + ); }); diff --git a/app/containers/message/Components/Attachments/CollapsibleQuote/index.tsx b/app/containers/message/Components/Attachments/CollapsibleQuote/index.tsx index 073e5d7660d..66f5d9435c4 100644 --- a/app/containers/message/Components/Attachments/CollapsibleQuote/index.tsx +++ b/app/containers/message/Components/Attachments/CollapsibleQuote/index.tsx @@ -11,8 +11,8 @@ import { useTheme } from '../../../../../theme'; import sharedStyles from '../../../../../views/Styles'; import Markdown from '../../../../markdown'; import MessageContext from '../../../Context'; -import Touchable from '../../../Touchable'; import { BUTTON_HIT_SLOP } from '../../../utils'; +import PressableOpacity from '../../../../PressableOpacity'; const styles = StyleSheet.create({ button: { @@ -156,7 +156,7 @@ const CollapsibleQuote = React.memo( return ( <> - + hitSlop={BUTTON_HIT_SLOP} + android_ripple={{ + color: themes[theme].surfaceNeutral + }} + disableOpacityOnAndroid> @@ -185,7 +188,7 @@ const CollapsibleQuote = React.memo( - + ); }, diff --git a/app/containers/message/Components/Attachments/Image/Button.tsx b/app/containers/message/Components/Attachments/Image/Button.tsx index 16d301d390c..c5aa4dfd565 100644 --- a/app/containers/message/Components/Attachments/Image/Button.tsx +++ b/app/containers/message/Components/Attachments/Image/Button.tsx @@ -1,8 +1,8 @@ import React from 'react'; import { useTheme } from '../../../../../theme'; -import Touchable from '../../../Touchable'; import styles from '../../../styles'; +import PressableOpacity from '../../../../PressableOpacity'; interface IMessageButton { children: React.ReactElement; @@ -15,12 +15,16 @@ export const Button = ({ children, onPress, disabled }: IMessageButton) => { const { colors } = useTheme(); return ( - + android_ripple={{ + color: colors.surfaceNeutral + // foreground: true // if the effect should be applied above the image + }} + disableOpacityOnAndroid> {children} - + ); }; diff --git a/app/containers/message/Components/Attachments/Reply.tsx b/app/containers/message/Components/Attachments/Reply.tsx index eec13fe43c0..a49725772c5 100644 --- a/app/containers/message/Components/Attachments/Reply.tsx +++ b/app/containers/message/Components/Attachments/Reply.tsx @@ -14,9 +14,9 @@ import RCActivityIndicator from '../../../ActivityIndicator'; import Markdown, { MarkdownPreview } from '../../../markdown'; import { Attachments } from './components'; import MessageContext from '../../Context'; -import Touchable from '../../Touchable'; import messageStyles from '../../styles'; import dayjs from '../../../../lib/dayjs'; +import PressableOpacity from '../../../PressableOpacity'; const styles = StyleSheet.create({ button: { @@ -238,7 +238,7 @@ const Reply = React.memo( return ( - - + disabled={!!(loading || attachment.message_link)} + android_ripple={{ color: themes[theme].surfaceNeutral }} + disableOpacityOnAndroid> + <Description attachment={attachment} getCustomEmoji={getCustomEmoji} /> @@ -273,7 +274,7 @@ const Reply = React.memo( </View> <UrlImage image={attachment.thumb_url} /> </View> - </Touchable> + </PressableOpacity> {msg ? <Markdown msg={msg} username={user.username} getCustomEmoji={getCustomEmoji} /> : null} </View> ); diff --git a/app/containers/message/Components/Attachments/Video.tsx b/app/containers/message/Components/Attachments/Video.tsx index c3c36d34f7f..2901d498d48 100644 --- a/app/containers/message/Components/Attachments/Video.tsx +++ b/app/containers/message/Components/Attachments/Video.tsx @@ -13,11 +13,11 @@ import { type TIconsName } from '../../../CustomIcon'; import { LISTENER } from '../../../Toast'; import Markdown from '../../../markdown'; import MessageContext from '../../Context'; -import Touchable from '../../Touchable'; import { useMediaAutoDownload } from '../../hooks/useMediaAutoDownload'; import BlurComponent from '../OverlayComponent'; import { type TDownloadState } from '../../../../lib/methods/handleMediaDownload'; import messageStyles from '../../styles'; +import PressableOpacity from '../../../PressableOpacity'; const SUPPORTED_TYPES = ['video/quicktime', 'video/mp4', ...(isIOS ? [] : ['video/3gp', 'video/mkv'])]; const isTypeSupported = (type: string) => SUPPORTED_TYPES.indexOf(type) !== -1; @@ -103,9 +103,16 @@ const Video = ({ file, showAttachment, getCustomEmoji, author, msg }: IMessageVi return ( <View style={{ gap: 4 }}> {msg ? <Markdown msg={msg} username={user.username} getCustomEmoji={getCustomEmoji} /> : null} - <Touchable onPress={_onPress} style={messageStyles.image} background={Touchable.Ripple(colors.surfaceNeutral)}> + <PressableOpacity + onPress={_onPress} + style={messageStyles.image} + android_ripple={{ + color: colors.surfaceLight, + foreground: true + }} + disableOpacityOnAndroid> <Thumbnail status={status} encrypted={isEncrypted} /> - </Touchable> + </PressableOpacity> </View> ); }; diff --git a/app/containers/message/Components/RightIcons/Encrypted.tsx b/app/containers/message/Components/RightIcons/Encrypted.tsx index 024291f01c1..3db163dcdad 100644 --- a/app/containers/message/Components/RightIcons/Encrypted.tsx +++ b/app/containers/message/Components/RightIcons/Encrypted.tsx @@ -1,25 +1,32 @@ import React, { useContext } from 'react'; -import Touchable from '../../Touchable'; import { CustomIcon } from '../../../CustomIcon'; import { BUTTON_HIT_SLOP } from '../../utils'; import MessageContext from '../../Context'; import styles from '../../styles'; import { E2E_MESSAGE_TYPE } from '../../../../lib/constants/keys'; +import PressableOpacity from '../../../PressableOpacity'; +import { useTheme } from '../../../../theme'; const Encrypted = React.memo(({ type }: { type: string }) => { 'use memo'; const { onEncryptedPress } = useContext(MessageContext); + const { colors } = useTheme(); if (type !== E2E_MESSAGE_TYPE) { return null; } return ( - <Touchable onPress={onEncryptedPress} style={styles.rightIcons} hitSlop={BUTTON_HIT_SLOP}> + <PressableOpacity + onPress={onEncryptedPress} + style={styles.rightIcons} + hitSlop={BUTTON_HIT_SLOP} + android_ripple={{ color: colors.surfaceNeutralPress }} + disableOpacityOnAndroid> <CustomIcon name='encrypted' size={16} /> - </Touchable> + </PressableOpacity> ); }); diff --git a/app/containers/message/Components/RightIcons/MessageError.tsx b/app/containers/message/Components/RightIcons/MessageError.tsx index 37b190d707f..7b598ddd9f3 100644 --- a/app/containers/message/Components/RightIcons/MessageError.tsx +++ b/app/containers/message/Components/RightIcons/MessageError.tsx @@ -1,12 +1,12 @@ import React, { useContext } from 'react'; -import Touchable from '../../Touchable'; import { CustomIcon } from '../../../CustomIcon'; import styles from '../../styles'; import { BUTTON_HIT_SLOP } from '../../utils'; import { themes } from '../../../../lib/constants/colors'; import MessageContext from '../../Context'; import { useTheme } from '../../../../theme'; +import PressableOpacity from '../../../PressableOpacity'; const MessageError = React.memo( ({ hasError }: { hasError: boolean }) => { @@ -20,9 +20,14 @@ const MessageError = React.memo( } return ( - <Touchable onPress={onErrorPress} style={styles.rightIcons} hitSlop={BUTTON_HIT_SLOP}> + <PressableOpacity + onPress={onErrorPress} + style={styles.rightIcons} + hitSlop={BUTTON_HIT_SLOP} + android_ripple={{ color: themes[theme].surfaceNeutralPress }} + disableOpacityOnAndroid> <CustomIcon name='warning' color={themes[theme].buttonBackgroundDangerDefault} size={16} /> - </Touchable> + </PressableOpacity> ); }, (prevProps, nextProps) => prevProps.hasError === nextProps.hasError diff --git a/app/containers/message/Discussion.tsx b/app/containers/message/Discussion.tsx index 30327cdc801..ee68c8ee3b1 100644 --- a/app/containers/message/Discussion.tsx +++ b/app/containers/message/Discussion.tsx @@ -1,7 +1,6 @@ import React, { useContext } from 'react'; import { Text, View } from 'react-native'; -import Touchable from './Touchable'; import { BUTTON_HIT_SLOP, formatMessageCount } from './utils'; import styles from './styles'; import I18n from '../../i18n'; @@ -11,6 +10,7 @@ import MessageContext from './Context'; import { formatDateThreads } from '../../lib/methods/helpers/room'; import { type IMessage } from '../../definitions'; import { useTheme } from '../../theme'; +import PressableOpacity from '../PressableOpacity'; // TODO: Create a reusable button component for message const Discussion = React.memo( @@ -29,16 +29,19 @@ const Discussion = React.memo( <Text style={[styles.startedDiscussion, { color: colors.fontSecondaryInfo }]}>{I18n.t('Started_discussion')}</Text> <Text style={[styles.discussionText, { color: colors.fontDefault }]}>{msg}</Text> <View style={[styles.buttonContainer, { gap: 8 }]}> - <Touchable + <PressableOpacity onPress={onDiscussionPress} - background={Touchable.Ripple(colors.surfaceNeutral)} style={[styles.button, { backgroundColor: colors.badgeBackgroundLevel2 }]} - hitSlop={BUTTON_HIT_SLOP}> + hitSlop={BUTTON_HIT_SLOP} + android_ripple={{ + color: colors.buttonBackgroundPrimaryPress + }} + disableOpacityOnAndroid> <View style={styles.buttonInnerContainer}> <CustomIcon name='discussions' size={16} color={colors.fontWhite} /> <Text style={[styles.buttonText, { color: colors.fontWhite }]}>{buttonText}</Text> </View> - </Touchable> + </PressableOpacity> <Text style={[styles.time, { color: colors.fontSecondaryInfo }]}>{time}</Text> </View> </View> diff --git a/app/containers/message/Message.tsx b/app/containers/message/Message.tsx index ce32c546e6a..57de707cf09 100644 --- a/app/containers/message/Message.tsx +++ b/app/containers/message/Message.tsx @@ -1,6 +1,5 @@ import React, { useContext } from 'react'; import { View, type ViewStyle } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import { A11y } from 'react-native-a11y-order'; import MessageContext from './Context'; @@ -27,6 +26,7 @@ import MessageTime from './Time'; import { useResponsiveLayout } from '../../lib/hooks/useResponsiveLayout/useResponsiveLayout'; import Quote from './Components/Attachments/Quote'; import translationLanguages from '../../lib/constants/translationLanguages'; +import PressableOpacity from '../PressableOpacity'; const MessageInner = React.memo((props: IMessageInner) => { const { isLargeFontScale } = useResponsiveLayout(); @@ -219,11 +219,14 @@ const MessageTouchable = React.memo((props: IMessageTouchable & IMessage) => { const { colors } = useTheme(); let backgroundColor = undefined; + let rippleColor = colors.surfaceNeutralPress; if (props.isBeingEdited) { - backgroundColor = colors.statusBackgroundWarning2; + backgroundColor = colors.statusBackgroundWarning2Press; + rippleColor = colors.surfaceNeutral; } if (props.highlighted) { backgroundColor = colors.surfaceNeutral; + // rippleColor = colors.surfaceNeutralPress; } if (props.hasError || props.isInfo) { @@ -237,15 +240,21 @@ const MessageTouchable = React.memo((props: IMessageTouchable & IMessage) => { return ( <A11y.Order> <A11y.Index index={1}> - <Touchable + <PressableOpacity onLongPress={onLongPress} onPress={onPress} disabled={ (props.isInfo && !props.isThreadReply) || props.archived || props.isTemp || props.type === 'jitsi_call_started' } - style={{ backgroundColor }}> + style={{ backgroundColor }} + android_ripple={{ + color: rippleColor + }} + disableOpacityOnAndroid + disableOpeningMessageModal // redunant call to openActionSheet + > <Message {...props} /> - </Touchable> + </PressableOpacity> </A11y.Index> </A11y.Order> ); diff --git a/app/containers/message/Reactions.tsx b/app/containers/message/Reactions.tsx index d0ab1fde4c5..581978fd5a6 100644 --- a/app/containers/message/Reactions.tsx +++ b/app/containers/message/Reactions.tsx @@ -1,7 +1,6 @@ import React, { useContext } from 'react'; import { Text, useWindowDimensions, View } from 'react-native'; -import Touchable from './Touchable'; import { CustomIcon } from '../CustomIcon'; import styles from './styles'; import Emoji from './Emoji'; @@ -10,6 +9,7 @@ import { themes } from '../../lib/constants/colors'; import { type TSupportedThemes, useTheme } from '../../theme'; import MessageContext from './Context'; import { type TGetCustomEmoji } from '../../definitions/IEmoji'; +import PressableOpacity from '../PressableOpacity'; interface IReaction { _id: string; @@ -35,17 +35,20 @@ const AddReaction = React.memo(({ theme }: { theme: TSupportedThemes }) => { const { fontScale } = useWindowDimensions(); const height = 28 * fontScale; return ( - <Touchable + <PressableOpacity onPress={reactionInit} key='message-add-reaction' testID='message-add-reaction' style={[styles.reactionButton, { backgroundColor: themes[theme].surfaceRoom }]} - background={Touchable.Ripple(themes[theme].surfaceNeutral)} - hitSlop={BUTTON_HIT_SLOP}> + hitSlop={BUTTON_HIT_SLOP} + android_ripple={{ + color: themes[theme].surfaceNeutral + }} + disableOpacityOnAndroid> <View style={[styles.reactionContainer, { borderColor: themes[theme].strokeLight, height }]}> <CustomIcon name='reaction-add' size={20} color={themes[theme].badgeBackgroundLevel2} /> </View> - </Touchable> + </PressableOpacity> ); }); @@ -57,14 +60,18 @@ const Reaction = React.memo(({ reaction, getCustomEmoji, theme }: IMessageReacti const height = 28 * fontScale; const reacted = reaction.usernames.findIndex((item: string) => item === user.username) !== -1; return ( - <Touchable + <PressableOpacity onPress={() => onReactionPress(reaction.emoji)} onLongPress={onReactionLongPress} key={reaction.emoji} testID={`message-reaction-${reaction.emoji}`} style={[styles.reactionButton, { backgroundColor: reacted ? themes[theme].surfaceNeutral : themes[theme].surfaceRoom }]} - background={Touchable.Ripple(themes[theme].surfaceNeutral)} - hitSlop={BUTTON_HIT_SLOP}> + hitSlop={BUTTON_HIT_SLOP} + android_ripple={{ + color: themes[theme].surfaceNeutral + }} + disableOpacityOnAndroid + disableOpeningMessageModal> <View style={[ styles.reactionContainer, @@ -78,7 +85,7 @@ const Reaction = React.memo(({ reaction, getCustomEmoji, theme }: IMessageReacti /> <Text style={[styles.reactionCount, { color: themes[theme].badgeBackgroundLevel2 }]}>{reaction.usernames.length}</Text> </View> - </Touchable> + </PressableOpacity> ); }); diff --git a/app/containers/message/Touchable.tsx b/app/containers/message/Touchable.tsx deleted file mode 100644 index 1eecde9a4e7..00000000000 --- a/app/containers/message/Touchable.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React, { useContext } from 'react'; -import Touchable from 'react-native-platform-touchable'; - -import MessageContext from './Context'; - -const RCTouchable: any = React.memo(({ children, ...props }: any) => { - 'use memo'; - - const { onLongPress } = useContext(MessageContext); - - return ( - <Touchable onLongPress={onLongPress} {...props}> - {children} - </Touchable> - ); -}); - -// @ts-ignore -RCTouchable.Ripple = (...args: any[]) => Touchable.Ripple(...args); -RCTouchable.SelectableBackgroundBorderless = () => Touchable.SelectableBackgroundBorderless(); - -export default RCTouchable; diff --git a/app/containers/message/Urls.tsx b/app/containers/message/Urls.tsx index 717754f9c3b..7fdf5a29924 100644 --- a/app/containers/message/Urls.tsx +++ b/app/containers/message/Urls.tsx @@ -6,7 +6,6 @@ import { dequal } from 'dequal'; import axios from 'axios'; import { useAppSelector } from '../../lib/hooks/useAppSelector'; -import Touchable from './Touchable'; import openLink from '../../lib/methods/helpers/openLink'; import sharedStyles from '../../views/Styles'; import { useTheme } from '../../theme'; @@ -16,6 +15,7 @@ import I18n from '../../i18n'; import MessageContext from './Context'; import { type IUrl } from '../../definitions'; import { WidthAwareContext } from './Components/WidthAwareView'; +import PressableOpacity from '../PressableOpacity'; const styles = StyleSheet.create({ container: { @@ -165,7 +165,7 @@ const Url = ({ url }: { url: IUrl }) => { } return ( - <Touchable + <PressableOpacity onPress={onPress} onLongPress={onLongPress} style={[ @@ -178,12 +178,16 @@ const Url = ({ url }: { url: IUrl }) => { overflow: 'hidden' } ]} - background={Touchable.Ripple(colors.surfaceNeutral)}> + android_ripple={{ + color: colors.surfaceNeutral + }} + disableOpacityOnAndroid + disableOpeningMessageModal> <> {imageUrl ? <UrlImage image={imageUrl} hasContent={hasContent} /> : null} {hasContent ? <UrlContent title={url.title} description={url.description} /> : null} </> - </Touchable> + </PressableOpacity> ); }; const Urls = React.memo( diff --git a/app/containers/message/User.tsx b/app/containers/message/User.tsx index f24a65d849f..178b95e4178 100644 --- a/app/containers/message/User.tsx +++ b/app/containers/message/User.tsx @@ -1,6 +1,7 @@ import React, { useContext } from 'react'; -import { StyleSheet, Text, TouchableOpacity, View } from 'react-native'; +import { StyleSheet, Text, View } from 'react-native'; +import PressableOpacity from '../PressableOpacity'; import { type MessageType, type MessageTypesValues, SubscriptionType } from '../../definitions'; import { useTheme } from '../../theme'; import { type IRoomInfoParam } from '../../views/SearchMessagesView'; @@ -116,12 +117,16 @@ const User = React.memo( return ( <View style={styles.container}> - <TouchableOpacity testID={`username-header-${username}`} style={styles.titleContainer} onPress={onUserPress}> + <PressableOpacity + testID={`username-header-${username}`} + style={styles.titleContainer} + disableAndroidRipple + onPress={onUserPress}> <Text style={[styles.username, { color: colors.fontTitlesLabels }]} numberOfLines={1}> {textContent} </Text> {isLargeFontScale ? null : <MessageTime timeFormat={timeFormat} ts={ts} />} - </TouchableOpacity> + </PressableOpacity> <RightIcons type={type} isEdited={isEdited} diff --git a/app/containers/message/__snapshots__/Message.test.tsx.snap b/app/containers/message/__snapshots__/Message.test.tsx.snap index 5441ced7633..fed728d310b 100644 --- a/app/containers/message/__snapshots__/Message.test.tsx.snap +++ b/app/containers/message/__snapshots__/Message.test.tsx.snap @@ -19,354 +19,459 @@ exports[`Story Snapshots: Archived should match snapshot 1`] = ` orderKey=":r0:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": true, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This message is inside an archived room. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": true, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This message is inside an archived room" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r0:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This message is inside an archived room. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This message is inside an archived room" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r0:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-This message is inside an archived room" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This message is inside an archived room" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This message is inside an archived room" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This message is inside an archived room + <Text + accessibilityLabel="This message is inside an archived room" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This message is inside an archived room + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -394,354 +499,459 @@ exports[`Story Snapshots: ArchivedLargeFont should match snapshot 1`] = ` orderKey=":r1:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": true, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This message is inside an archived room. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": true, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This message is inside an archived room" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This message is inside an archived room. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This message is inside an archived room" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-This message is inside an archived room" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This message is inside an archived room" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This message is inside an archived room" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This message is inside an archived room + <Text + accessibilityLabel="This message is inside an archived room" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This message is inside an archived room + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -769,310 +979,297 @@ exports[`Story Snapshots: AttachmentWithTextAndLink should match snapshot 1`] = orderKey=":r2:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } > <View accessibilityState={ { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -1088,140 +1285,260 @@ exports[`Story Snapshots: AttachmentWithTextAndLink should match snapshot 1`] = accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#764FA5", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-Rocket.Chat, the best open source chat" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Rocket.Chat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#764FA5", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-Rocket.Chat, the best open source chat" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - onLongPress={[Function]} - onPress={[Function]} style={ [ { "backgroundColor": "transparent", + "flex": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "400", + "fontWeight": "500", "textAlign": "left", }, { - "color": "#095AD2", + "color": "#2F343D", }, ] } > Rocket.Chat </Text> + </View> + <View + style={ + { + "gap": 2, + } + } + > <Text - accessibilityLabel=", the best open source chat" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -1229,204 +1546,301 @@ exports[`Story Snapshots: AttachmentWithTextAndLink should match snapshot 1`] = ] } > - , the best open source chat + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + onLongPress={[Function]} + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Rocket.Chat + </Text> + <Text + accessibilityLabel=", the best open source chat" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + , the best open source chat + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, + "gap": 4, } } > <View - onLayout={[Function]} + collapsable={false} style={ - { - "flex": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ] + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - /> - <View + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, + "borderRadius": 4, + "flexDirection": "column", }, { - "backgroundColor": "#E4E7EA", + "borderRadius": 0, }, - ] - } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", + "opacity": 1, }, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + onLayout={[Function]} style={ - [ - { - "color": "#2F343D", - "fontSize": 54, - }, + { + "flex": 1, + } + } + > + <View + style={ [ { - "lineHeight": 54, + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> - </View> - </View> - </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - </View> -</RCTScrollView> -`; - -exports[`Story Snapshots: AttachmentWithTextAndLinkLargeFont should match snapshot 1`] = ` -<RCTScrollView - style={ - { - "backgroundColor": "#FFFFFF", - } - } -> - <View> + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 54, + }, + [ + { + "lineHeight": 54, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View + style={ + { + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> + </View> + </View> + </View> + </View> + </View> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + </View> +</RCTScrollView> +`; + +exports[`Story Snapshots: AttachmentWithTextAndLinkLargeFont should match snapshot 1`] = ` +<RCTScrollView + style={ + { + "backgroundColor": "#FFFFFF", + } + } +> + <View> <A11yOrderView orderKey=":r3:" > @@ -1437,302 +1851,289 @@ exports[`Story Snapshots: AttachmentWithTextAndLinkLargeFont should match snapsh orderKey=":r3:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -1740,7 +2141,7 @@ exports[`Story Snapshots: AttachmentWithTextAndLinkLargeFont should match snapsh { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -1756,140 +2157,260 @@ exports[`Story Snapshots: AttachmentWithTextAndLinkLargeFont should match snapsh accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#764FA5", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-Rocket.Chat, the best open source chat" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#764FA5", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-Rocket.Chat, the best open source chat" > <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ { - "backgroundColor": "transparent", + "alignItems": "center", "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Rocket.Chat - </Text> - </View> - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "flexDirection": "row", + "gap": 4, } } > <Text - onLongPress={[Function]} - onPress={[Function]} style={ [ { "backgroundColor": "transparent", + "flex": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "400", + "fontWeight": "500", "textAlign": "left", }, { - "color": "#095AD2", + "color": "#2F343D", }, ] } > Rocket.Chat </Text> + </View> + <View + style={ + { + "gap": 2, + } + } + > <Text - accessibilityLabel=", the best open source chat" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -1897,187 +2418,284 @@ exports[`Story Snapshots: AttachmentWithTextAndLinkLargeFont should match snapsh ] } > - , the best open source chat + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + onLongPress={[Function]} + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Rocket.Chat + </Text> + <Text + accessibilityLabel=", the best open source chat" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + , the best open source chat + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, + "gap": 4, } } > <View - onLayout={[Function]} + collapsable={false} style={ - { - "flex": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ] + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - /> - <View + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, + "borderRadius": 4, + "flexDirection": "column", }, { - "backgroundColor": "#E4E7EA", + "borderRadius": 0, }, - ] - } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", + "opacity": 1, }, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + onLayout={[Function]} style={ - [ - { - "color": "#2F343D", - "fontSize": 70.2, - }, + { + "flex": 1, + } + } + > + <View + style={ [ { - "lineHeight": 70.2, + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", }, - undefined, - ], + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 70.2, + }, + [ + { + "lineHeight": 70.2, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View + style={ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -2105,354 +2723,459 @@ exports[`Story Snapshots: Avatar should match snapshot 1`] = ` orderKey=":r4:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="no.avatar 10:00:00 AM This message has no avatar.. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This message has no avatar." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="no.avatar 10:00:00 AM This message has no avatar.. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This message has no avatar." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="no.avatar's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/no.avatar?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-no.avatar" > - <Text - numberOfLines={1} + <View + accessibilityLabel="no.avatar's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - no.avatar - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/no.avatar?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This message has no avatar." + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-no.avatar" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + no.avatar + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-This message has no avatar." + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This message has no avatar." style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This message has no avatar. + <Text + accessibilityLabel="This message has no avatar." + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This message has no avatar. + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -2467,354 +3190,459 @@ exports[`Story Snapshots: Avatar should match snapshot 1`] = ` orderKey=":r5:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This message uses the user's profile picture as the avatar.. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This message uses the user's profile picture as the avatar." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This message uses the user's profile picture as the avatar.. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This message uses the user's profile picture as the avatar." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + <View + accessibilityState={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-This message uses the user's profile picture as the avatar." > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This message uses the user's profile picture as the avatar." > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This message uses the user's profile picture as the avatar." style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This message uses the user's profile picture as the avatar. + <Text + accessibilityLabel="This message uses the user's profile picture as the avatar." + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This message uses the user's profile picture as the avatar. + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -2829,346 +3657,451 @@ exports[`Story Snapshots: Avatar should match snapshot 1`] = ` orderKey=":r6:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This message uses a Unicode emoji as the avatar.. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This message uses a Unicode emoji as the avatar." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This message uses a Unicode emoji as the avatar.. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This message uses a Unicode emoji as the avatar." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <Text + <View + collapsable={false} style={ [ - { - "color": "#2F343D", - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "fontSize": 30, - "lineHeight": 30, - "textAlign": "center", - "textAlignVertical": "center", - }, + undefined, + {}, + {}, ] } > - 😄 - </Text> + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "fontSize": 30, + "lineHeight": 30, + "textAlign": "center", + "textAlignVertical": "center", + }, + ] + } + > + 😄 + </Text> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-This message uses a Unicode emoji as the avatar." - > - <View - style={ - { - "gap": 2, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - > - <Text + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="This message uses a Unicode emoji as the avatar." - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-This message uses a Unicode emoji as the avatar." + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This message uses a Unicode emoji as the avatar. + <Text + accessibilityLabel="This message uses a Unicode emoji as the avatar." + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This message uses a Unicode emoji as the avatar. + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -3183,364 +4116,469 @@ exports[`Story Snapshots: Avatar should match snapshot 1`] = ` orderKey=":r7:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This message uses a custom animated emoji as the avatar.. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This message uses a custom animated emoji as the avatar." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r7:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This message uses a custom animated emoji as the avatar.. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This message uses a custom animated emoji as the avatar." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r7:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View + collapsable={false} style={ [ - { - "transform": [ - { - "translateY": 0, - }, - ], - }, + undefined, + {}, + {}, ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + style={ + [ + { + "transform": [ + { + "translateY": 0, + }, + ], + }, + ] } - } - transition={null} - width={36} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-This message uses a custom animated emoji as the avatar." > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This message uses a custom animated emoji as the avatar." > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This message uses a custom animated emoji as the avatar." style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This message uses a custom animated emoji as the avatar. + <Text + accessibilityLabel="This message uses a custom animated emoji as the avatar." + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This message uses a custom animated emoji as the avatar. + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -3555,364 +4593,469 @@ exports[`Story Snapshots: Avatar should match snapshot 1`] = ` orderKey=":r8:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This message uses a custom static emoji as the avatar.. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This message uses a custom static emoji as the avatar." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This message uses a custom static emoji as the avatar.. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This message uses a custom static emoji as the avatar." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View + collapsable={false} style={ [ - { - "transform": [ - { - "translateY": 0, - }, - ], - }, + undefined, + {}, + {}, ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + style={ + [ + { + "transform": [ + { + "translateY": 0, + }, + ], + }, + ] } - } - transition={null} - width={36} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-This message uses a custom static emoji as the avatar." > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This message uses a custom static emoji as the avatar." > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This message uses a custom static emoji as the avatar." style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This message uses a custom static emoji as the avatar. + <Text + accessibilityLabel="This message uses a custom static emoji as the avatar." + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This message uses a custom static emoji as the avatar. + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -3940,354 +5083,459 @@ exports[`Story Snapshots: Basic should match snapshot 1`] = ` orderKey=":r9:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -4302,354 +5550,459 @@ exports[`Story Snapshots: Basic should match snapshot 1`] = ` orderKey=":ra:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":ra:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":ra:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> + </View> + </View> <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -4677,354 +6030,459 @@ exports[`Story Snapshots: BasicLargeFont should match snapshot 1`] = ` orderKey=":rb:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rb:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rb:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -5039,354 +6497,459 @@ exports[`Story Snapshots: BasicLargeFont should match snapshot 1`] = ` orderKey=":rc:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rc:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rc:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - <View - style={ - { - "gap": 2, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -5414,376 +6977,481 @@ exports[`Story Snapshots: BlockQuote should match snapshot 1`] = ` orderKey=":rd:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM > Testing block quote. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="> Testing block quote" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rd:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM > Testing block quote. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="> Testing block quote" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rd:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-> Testing block quote" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-> Testing block quote" > <View style={ { - "alignItems": "flex-start", - "flexDirection": "row", + "gap": 2, } } > - <View - style={ - [ - { - "height": "100%", - "marginRight": 5, - "width": 2, - }, - { - "backgroundColor": "#CBCED1", - }, - ] - } - /> <View style={ { - "flex": 1, + "alignItems": "flex-start", + "flexDirection": "row", } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "height": "100%", + "marginRight": 5, + "width": 2, }, { - "color": "#2F343D", + "backgroundColor": "#CBCED1", }, ] } + /> + <View + style={ + { + "flex": 1, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Testing block quote" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Testing block quote + <Text + accessibilityLabel="Testing block quote" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Testing block quote + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> @@ -5791,8 +7459,8 @@ exports[`Story Snapshots: BlockQuote should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -5807,435 +7475,540 @@ exports[`Story Snapshots: BlockQuote should match snapshot 1`] = ` orderKey=":re:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM > Testing block quote -Testing block quote. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="> Testing block quote -Testing block quote" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":re:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM > Testing block quote +Testing block quote. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="> Testing block quote +Testing block quote" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":re:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-> Testing block quote -Testing block quote" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-> Testing block quote +Testing block quote" > <View style={ { - "alignItems": "flex-start", - "flexDirection": "row", + "gap": 2, } } > - <View - style={ - [ - { - "height": "100%", - "marginRight": 5, - "width": 2, - }, - { - "backgroundColor": "#CBCED1", - }, - ] - } - /> <View style={ { - "flex": 1, + "alignItems": "flex-start", + "flexDirection": "row", } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "height": "100%", + "marginRight": 5, + "width": 2, }, { - "color": "#2F343D", + "backgroundColor": "#CBCED1", }, ] } + /> + <View + style={ + { + "flex": 1, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Testing block quote" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Testing block quote + <Text + accessibilityLabel="Testing block quote" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Testing block quote + </Text> </Text> </Text> - </Text> + </View> </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Testing block quote" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Testing block quote + <Text + accessibilityLabel="Testing block quote" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Testing block quote + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -6263,376 +8036,481 @@ exports[`Story Snapshots: BlockQuoteLargeFont should match snapshot 1`] = ` orderKey=":rf:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM > Testing block quote. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="> Testing block quote" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rf:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM > Testing block quote. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="> Testing block quote" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rf:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-> Testing block quote" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-> Testing block quote" > <View style={ { - "alignItems": "flex-start", - "flexDirection": "row", + "gap": 2, } } > - <View - style={ - [ - { - "height": "100%", - "marginRight": 5, - "width": 2, - }, - { - "backgroundColor": "#CBCED1", - }, - ] - } - /> <View style={ { - "flex": 1, + "alignItems": "flex-start", + "flexDirection": "row", } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "height": "100%", + "marginRight": 5, + "width": 2, }, { - "color": "#2F343D", + "backgroundColor": "#CBCED1", }, ] } + /> + <View + style={ + { + "flex": 1, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Testing block quote" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Testing block quote + <Text + accessibilityLabel="Testing block quote" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Testing block quote + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> @@ -6640,8 +8518,8 @@ exports[`Story Snapshots: BlockQuoteLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -6656,435 +8534,540 @@ exports[`Story Snapshots: BlockQuoteLargeFont should match snapshot 1`] = ` orderKey=":rg:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM > Testing block quote -Testing block quote. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="> Testing block quote -Testing block quote" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rg:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM > Testing block quote +Testing block quote. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="> Testing block quote +Testing block quote" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rg:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-> Testing block quote -Testing block quote" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-> Testing block quote +Testing block quote" > <View style={ { - "alignItems": "flex-start", - "flexDirection": "row", + "gap": 2, } } > - <View - style={ - [ - { - "height": "100%", - "marginRight": 5, - "width": 2, - }, - { - "backgroundColor": "#CBCED1", - }, - ] - } - /> <View style={ { - "flex": 1, + "alignItems": "flex-start", + "flexDirection": "row", } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "height": "100%", + "marginRight": 5, + "width": 2, }, { - "color": "#2F343D", + "backgroundColor": "#CBCED1", }, ] } + /> + <View + style={ + { + "flex": 1, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Testing block quote" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Testing block quote + <Text + accessibilityLabel="Testing block quote" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Testing block quote + </Text> </Text> </Text> - </Text> + </View> </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Testing block quote" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Testing block quote + <Text + accessibilityLabel="Testing block quote" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Testing block quote + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -7112,469 +9095,624 @@ exports[`Story Snapshots: Broadcast should match snapshot 1`] = ` orderKey=":rh:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Broadcasted message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Broadcasted message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rh:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Broadcasted message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Broadcasted message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rh:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Broadcasted message" - > - <View - style={ - { - "gap": 2, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - > - <Text + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > - <Text - accessibilityLabel="Broadcasted message" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Broadcasted message - </Text> + diego.mello </Text> - </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> <View style={ { - "alignItems": "center", - "flexDirection": "row", + "gap": 4, } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "backgroundColor": "#1D74F5", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "opacity": 1, - "paddingHorizontal": 12, - "paddingVertical": 8, - } - } - testID="message-broadcast-reply" + testID="message-content-Broadcasted message" > <View style={ { - "alignItems": "center", - "flexDirection": "row", - "gap": 8, + "gap": 2, } } > <Text - allowFontScaling={false} - selectable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 20, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 20, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", }, - {}, ] } > -  - </Text> - <Text - style={ - [ + <Text + style={ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "lineHeight": 16, + "fontWeight": "400", "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Broadcasted message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Broadcasted message + </Text> + </Text> + </Text> + </View> + </View> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "backgroundColor": "#1D74F5", + }, + ], + { + "borderRadius": 0, }, { - "color": "#FFFFFF", + "opacity": 1, }, ] } + testID="message-broadcast-reply" > - Reply - </Text> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "gap": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#FFFFFF", + "fontSize": 20, + }, + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", + }, + { + "color": "#FFFFFF", + }, + ] + } + > + Reply + </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -7602,1300 +9740,934 @@ exports[`Story Snapshots: BroadcastLargeFont should match snapshot 1`] = ` orderKey=":ri:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Broadcasted message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Broadcasted message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":ri:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Broadcasted message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Broadcasted message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":ri:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Broadcasted message" - > - <View - style={ - { - "gap": 2, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > - <Text - accessibilityLabel="Broadcasted message" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Broadcasted message - </Text> + diego.mello </Text> - </Text> + </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "alignItems": "center", - "flexDirection": "row", + "gap": 4, } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "backgroundColor": "#1D74F5", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "opacity": 1, - "paddingHorizontal": 12, - "paddingVertical": 8, - } - } - testID="message-broadcast-reply" + testID="message-content-Broadcasted message" > <View style={ { - "alignItems": "center", - "flexDirection": "row", - "gap": 8, + "gap": 2, } } > <Text - allowFontScaling={false} - selectable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 26, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 26, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", }, - {}, ] } > -  - </Text> - <Text - style={ - [ + <Text + style={ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "lineHeight": 16, + "fontWeight": "400", "textAlign": "left", - }, - { - "color": "#FFFFFF", - }, - ] - } - > - Reply + } + } + > + <Text + accessibilityLabel="Broadcasted message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Broadcasted message + </Text> + </Text> </Text> </View> </View> - </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - </View> -</RCTScrollView> -`; - -exports[`Story Snapshots: CollapsedAttachments should match snapshot 1`] = ` -<RCTScrollView - style={ - { - "backgroundColor": "#FFFFFF", - } - } -> - <View> - <A11yOrderView - orderKey=":rj:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":rj:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rj:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message" - > <View style={ { - "gap": 2, + "alignItems": "center", + "flexDirection": "row", } } > - <Text + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <Text - accessibilityLabel="Message" - style={ + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ [ { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, }, { - "color": "#2F343D", + "backgroundColor": "#1D74F5", }, - ] - } - > - Message - </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "backgroundColor": "#F7F8FA", - "borderBottomColor": "#EBECEF", - "borderLeftColor": "#CBCED1", - "borderLeftWidth": 2, - "borderRadius": 4, - "borderRightColor": "#EBECEF", - "borderTopColor": "#EBECEF", - "borderWidth": 1, - "flexDirection": "row", - "minHeight": 40, - "opacity": 1, - } - } - testID="collapsibleQuoteTouchable-Title collapsed" - > - <View - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "borderRadius": 4, - "flex": 1, - "padding": 8, - } + ], + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] } + testID="message-broadcast-reply" > <View style={ { + "alignItems": "center", "flexDirection": "row", + "gap": 8, } } > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#FFFFFF", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> <Text style={ [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, "textAlign": "left", }, { - "color": "#6C727A", + "color": "#FFFFFF", }, ] } > - Title collapsed + Reply </Text> </View> </View> - <View - style={ - { - "alignItems": "center", - "height": 20, - "justifyContent": "center", - "right": 8, - "top": 8, - "width": 20, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#9EA2A8", - "fontSize": 22, - }, - [ - { - "lineHeight": 22, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> </A11yOrderView> + </View> +</RCTScrollView> +`; + +exports[`Story Snapshots: CollapsedAttachments should match snapshot 1`] = ` +<RCTScrollView + style={ + { + "backgroundColor": "#FFFFFF", + } + } +> + <View> <A11yOrderView - orderKey=":rk:" + orderKey=":rj:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":rk:" + orderKey=":rj:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rk:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rj:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -8903,7 +10675,7 @@ exports[`Story Snapshots: CollapsedAttachments should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -8919,1203 +10691,745 @@ exports[`Story Snapshots: CollapsedAttachments should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message" + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 2, } } - testID="reply-undefined-undefined" > - <View + <Text style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <View + <Text style={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", } } > - <View + <Text + accessibilityLabel="Message" style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> + </Text> + </Text> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ { "alignItems": "center", - "flex": 1, + "borderRadius": 4, + "borderWidth": 1, "flexDirection": "row", - "gap": 4, - } + "minHeight": 40, + }, + undefined, + { + "backgroundColor": "#F7F8FA", + "borderBottomColor": "#EBECEF", + "borderLeftColor": "#CBCED1", + "borderLeftWidth": 2, + "borderRightColor": "#EBECEF", + "borderTopColor": "#EBECEF", + }, + ], + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } + testID="collapsibleQuoteTouchable-Title collapsed" + > + <View + style={ + { + "flexDirection": "row", } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Title collapsed - </Text> - </View> + } + > <View style={ { - "gap": 2, + "borderRadius": 4, + "flex": 1, + "padding": 8, } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } > - <Text - accessibilityLabel="Title collapsed" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Title collapsed - </Text> + Title collapsed </Text> - </Text> + </View> </View> <View style={ { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, + "alignItems": "center", + "height": 20, + "justifyContent": "center", + "right": 8, + "top": 8, + "width": 20, } } > - <View + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "flexDirection": "column", + "color": "#9EA2A8", + "fontSize": 22, }, + [ + { + "lineHeight": 22, + }, + undefined, + ], { - "width": "100%", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 1 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Value 1" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Value 1 - </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Value 2" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Value 2 - </Text> - </Text> - </Text> - </View> - </View> +  + </Text> </View> </View> </View> </View> </View> </View> - <View - testID="message-content-Message" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Message" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Message - </Text> - </Text> - </Text> - </View> - </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> </A11yOrderView> - </View> -</RCTScrollView> -`; - -exports[`Story Snapshots: CollapsedAttachmentsLargeFont should match snapshot 1`] = ` -<RCTScrollView - style={ - { - "backgroundColor": "#FFFFFF", - } - } -> - <View> <A11yOrderView - orderKey=":rl:" + orderKey=":rk:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":rl:" + orderKey=":rk:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rl:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rk:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message" - > - <View - style={ - { - "gap": 2, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > - <Text - accessibilityLabel="Message" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Message - </Text> + diego.mello </Text> - </Text> - </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "backgroundColor": "#F7F8FA", - "borderBottomColor": "#EBECEF", - "borderLeftColor": "#CBCED1", - "borderLeftWidth": 2, - "borderRadius": 4, - "borderRightColor": "#EBECEF", - "borderTopColor": "#EBECEF", - "borderWidth": 1, - "flexDirection": "row", - "minHeight": 40, - "opacity": 1, - } - } - testID="collapsibleQuoteTouchable-Title collapsed" - > - <View - style={ - { - "flexDirection": "row", - } - } - > - <View + <Text style={ - { - "borderRadius": 4, - "flex": 1, - "padding": 8, - } - } - > - <View - style={ + [ { - "flexDirection": "row", - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - Title collapsed - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "height": 20, - "justifyContent": "center", - "right": 8, - "top": 8, - "width": 20, - } + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#9EA2A8", - "fontSize": 28.6, - }, - [ - { - "lineHeight": 28.6, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> + 10:00 AM + </Text> </View> </View> - </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":rm:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":rm:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rm:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] + { + "flexDirection": "row", + } } - > - diego.mello - </Text> + /> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > <View style={ { @@ -10131,140 +11445,143 @@ exports[`Story Snapshots: CollapsedAttachmentsLargeFont should match snapshot 1` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Title collapsed - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="Title collapsed" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { "color": "#2F343D", @@ -10274,49 +11591,7 @@ exports[`Story Snapshots: CollapsedAttachmentsLargeFont should match snapshot 1` > Title collapsed </Text> - </Text> - </Text> - </View> - <View - style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } - } - > - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 1 - </Text> + </View> <View style={ { @@ -10353,7 +11628,7 @@ exports[`Story Snapshots: CollapsedAttachmentsLargeFont should match snapshot 1` } > <Text - accessibilityLabel="Value 1" + accessibilityLabel="Title collapsed" style={ [ { @@ -10367,85 +11642,68 @@ exports[`Story Snapshots: CollapsedAttachmentsLargeFont should match snapshot 1` ] } > - Value 1 + Title collapsed </Text> </Text> </Text> </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "100%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 2" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -10453,10 +11711,124 @@ exports[`Story Snapshots: CollapsedAttachmentsLargeFont should match snapshot 1` ] } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "100%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 </Text> - </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> + </Text> + </View> + </View> </View> </View> </View> @@ -10464,71 +11836,71 @@ exports[`Story Snapshots: CollapsedAttachmentsLargeFont should match snapshot 1` </View> </View> </View> - </View> - <View - testID="message-content-Message" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -10537,7 +11909,7 @@ exports[`Story Snapshots: CollapsedAttachmentsLargeFont should match snapshot 1` </RCTScrollView> `; -exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` +exports[`Story Snapshots: CollapsedAttachmentsLargeFont should match snapshot 1`] = ` <RCTScrollView style={ { @@ -10547,324 +11919,311 @@ exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` > <View> <A11yOrderView - orderKey=":rn:" + orderKey=":rl:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":rn:" + orderKey=":rl:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rn:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rl:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { "max": undefined, "min": undefined, @@ -10875,242 +12234,145 @@ exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message" + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "red", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 2, } } - testID="reply-undefined-undefined" > - <View + <Text style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <View + <Text style={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", } } > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } - } - /> - <View + <Text + accessibilityLabel="Message" style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] } > - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 1 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Value 1" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Value 1 - </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Value 2" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Value 2 - </Text> - </Text> - </Text> - </View> - </View> - </View> - </View> - </View> + Message + </Text> + </Text> + </Text> </View> </View> <View @@ -11121,97 +12383,130 @@ exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "green", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="reply-undefined-undefined" > <View - style={ + accessibilityState={ { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "minHeight": 40, + }, + undefined, + { + "backgroundColor": "#F7F8FA", + "borderBottomColor": "#EBECEF", + "borderLeftColor": "#CBCED1", + "borderLeftWidth": 2, + "borderRightColor": "#EBECEF", + "borderTopColor": "#EBECEF", + }, + ], + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } + testID="collapsibleQuoteTouchable-Title collapsed" > <View style={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "flexDirection": "row", } } > <View style={ { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } - } - /> - <View - style={ - { + "borderRadius": 4, "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, + "padding": 8, } } > <View style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] + { + "flexDirection": "row", + } } > <Text @@ -11220,170 +12515,366 @@ exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", + "fontSize": 16, + "fontWeight": "500", "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - Field 1 + Title collapsed </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Value 1" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Value 1 - </Text> - </Text> - </Text> - </View> </View> - <View + </View> + <View + style={ + { + "alignItems": "center", + "height": 20, + "justifyContent": "center", + "right": 8, + "top": 8, + "width": 20, + } + } + > + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "flexDirection": "column", + "color": "#9EA2A8", + "fontSize": 28.6, }, + [ + { + "lineHeight": 28.6, + }, + undefined, + ], { - "width": "50%", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Value 2" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Value 2 - </Text> - </Text> - </Text> - </View> - </View> +  + </Text> </View> </View> </View> </View> </View> + </View> + </View> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":rm:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":rm:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rm:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <View + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] + } + > <View - style={ + accessibilityLabel="diego.mello's avatar" + accessibilityState={ { - "gap": 4, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } } + transition={null} + width={46.800000000000004} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -11391,7 +12882,7 @@ exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -11407,97 +12898,243 @@ exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "blue", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - /> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > <View style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > <View style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } } > - Field 1 - </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Title collapsed + </Text> + </View> <View style={ { @@ -11534,7 +13171,7 @@ exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` } > <Text - accessibilityLabel="Value 1" + accessibilityLabel="Title collapsed" style={ [ { @@ -11548,85 +13185,68 @@ exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` ] } > - Value 1 + Title collapsed </Text> </Text> </Text> </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "100%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 2" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -11634,23 +13254,196 @@ exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` ] } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> - </Text> - </Text> - </View> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "100%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> + </Text> + </View> + </View> + </View> </View> </View> </View> </View> </View> </View> + <View + testID="message-content-Message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> + </Text> + </Text> + </View> + </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -11659,7 +13452,7 @@ exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` </RCTScrollView> `; -exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] = ` +exports[`Story Snapshots: ColoredAttachments should match snapshot 1`] = ` <RCTScrollView style={ { @@ -11669,319 +13462,306 @@ exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] > <View> <A11yOrderView - orderKey=":ro:" + orderKey=":rn:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":ro:" + orderKey=":rn:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":ro:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rn:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } > <View accessibilityState={ { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -11997,140 +13777,280 @@ exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "red", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - /> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "red", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > <View style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > <View style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } } - > - Field 1 - </Text> + /> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 1" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -12138,85 +14058,85 @@ exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] ] } > - Value 1 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text + </View> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 2" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -12224,179 +14144,229 @@ exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] ] } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "green", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - /> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "green", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > <View style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > <View style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } } - > - Field 1 - </Text> + /> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 1" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -12404,85 +14374,85 @@ exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] ] } > - Value 1 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text + </View> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 2" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -12490,179 +14460,229 @@ exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] ] } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "blue", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - /> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "blue", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > <View style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > <View style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } } - > - Field 1 - </Text> + /> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 1" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -12670,85 +14690,85 @@ exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] ] } > - Value 1 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text + </View> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 2" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -12756,10 +14776,38 @@ exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] ] } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> @@ -12771,8 +14819,8 @@ exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -12781,7 +14829,7 @@ exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] </RCTScrollView> `; -exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` +exports[`Story Snapshots: ColoredAttachmentsLargeFont should match snapshot 1`] = ` <RCTScrollView style={ { @@ -12791,324 +14839,311 @@ exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` > <View> <A11yOrderView - orderKey=":rp:" + orderKey=":ro:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":rp:" + orderKey=":ro:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rp:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":ro:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { "max": undefined, "min": undefined, @@ -13119,216 +15154,280 @@ exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-Custom fields" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> - <View - style={ + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "red", + }, + ], + {}, { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Custom fields" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Custom fields - </Text> - </Text> - </Text> - </View> + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > <View style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > <View style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } } - > - Field 1 - </Text> + /> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 1" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -13336,85 +15435,85 @@ exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` ] } > - Value 1 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text + </View> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 2" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -13422,625 +15521,229 @@ exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` ] } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - </View> - <View - testID="message-content-Message" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 4, + } } > - <Text + <View + collapsable={false} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - accessibilityLabel="Message" + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "green", + }, + ], + {}, { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="reply-undefined-undefined" > - Message - </Text> - </Text> - </Text> - </View> - </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":rq:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":rq:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rq:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, - } - } - testID="reply-rocket.cat-Custom fields" - > - <View - style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } - } - > - <View - style={ - { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } - } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Custom fields" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } - > - Custom fields - </Text> - </Text> - </Text> - </View> - <View - style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } - } - > - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] } - > - Field 1 - </Text> + /> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 1" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -14048,85 +15751,85 @@ exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` ] } > - Value 1 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text + </View> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 2" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -14134,171 +15837,229 @@ exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` ] } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 3 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Value 3" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Value 3 - </Text> - </Text> - </Text> + </View> + </View> </View> </View> + </View> + </View> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "blue", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] + } + > <View style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } } - > - Field 4 - </Text> + /> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 4" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -14306,85 +16067,85 @@ exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` ] } > - Value 4 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 5 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text + </View> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 5" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -14392,10 +16153,38 @@ exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` ] } > - Value 5 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> @@ -14404,70 +16193,11 @@ exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` </View> </View> </View> - <View - testID="message-content-Message" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Message" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Message - </Text> - </Text> - </Text> - </View> - </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -14476,7 +16206,7 @@ exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` </RCTScrollView> `; -exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` +exports[`Story Snapshots: CustomFields should match snapshot 1`] = ` <RCTScrollView style={ { @@ -14486,311 +16216,298 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` > <View> <A11yOrderView - orderKey=":rr:" + orderKey=":rp:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":rr:" + orderKey=":rp:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rr:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rp:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -14798,7 +16515,7 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -14814,173 +16531,244 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-Custom fields" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-Custom fields" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="Custom fields" + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - Custom fields + rocket.cat </Text> - </Text> - </Text> - </View> - <View - style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } - } - > - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 1 - </Text> + </View> <View style={ { @@ -15017,7 +16805,7 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` } > <Text - accessibilityLabel="Value 1" + accessibilityLabel="Custom fields" style={ [ { @@ -15031,85 +16819,68 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` ] } > - Value 1 + Custom fields </Text> </Text> </Text> </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 2" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -15117,10 +16888,124 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` ] } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "50%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 </Text> - </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> + </Text> + </View> + </View> </View> </View> </View> @@ -15128,389 +17013,376 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - <View - testID="message-content-Message" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> </A11yOrderView> <A11yOrderView - orderKey=":rs:" + orderKey=":rq:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":rs:" + orderKey=":rq:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rs:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rq:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } > <View accessibilityState={ { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -15526,173 +17398,244 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-Custom fields" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-Custom fields" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="Custom fields" + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - Custom fields + rocket.cat </Text> - </Text> - </Text> - </View> - <View - style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } - } - > - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 1 - </Text> + </View> <View style={ { @@ -15729,7 +17672,7 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` } > <Text - accessibilityLabel="Value 1" + accessibilityLabel="Custom fields" style={ [ { @@ -15743,85 +17686,68 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` ] } > - Value 1 + Custom fields </Text> </Text> </Text> </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "100%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 2" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -15829,85 +17755,85 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` ] } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 3 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text + </View> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "100%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 3" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -15915,85 +17841,85 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` ] } > - Value 3 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 4 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text + </View> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "100%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 3 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 4" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -16001,85 +17927,85 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` ] } > - Value 4 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 3" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 3 + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "100%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 5 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text + </View> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "100%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 4 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Value 5" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -16087,10 +18013,124 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` ] } > - Value 5 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 4" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 4 + </Text> + </Text> </Text> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "100%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 5 </Text> - </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 5" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 5 + </Text> + </Text> + </Text> + </View> + </View> </View> </View> </View> @@ -16098,71 +18138,71 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - <View - testID="message-content-Message" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -16171,7 +18211,7 @@ exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` </RCTScrollView> `; -exports[`Story Snapshots: DateAndUnreadSeparators should match snapshot 1`] = ` +exports[`Story Snapshots: CustomFieldsLargeFont should match snapshot 1`] = ` <RCTScrollView style={ { @@ -16181,1372 +18221,3736 @@ exports[`Story Snapshots: DateAndUnreadSeparators should match snapshot 1`] = ` > <View> <A11yOrderView - orderKey=":rt:" + orderKey=":rr:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":rt:" + orderKey=":rr:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="rocket.cat 10:00:00 AM Fourth message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Fourth message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rt:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rr:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="rocket.cat's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-rocket.cat" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - rocket.cat - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Fourth message" > <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 4, + } } > - <Text + <View + collapsable={false} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - accessibilityLabel="Fourth message" + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="reply-rocket.cat-Custom fields" > - Fourth message - </Text> - </Text> - </Text> - </View> - </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "margin": 12, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#D40C26", - }, - ] - } - > - unread - </Text> - <View - style={ - [ - { - "flex": 1, - "height": 1, - }, - { - "backgroundColor": "#EC0D2A", - }, - { - "marginHorizontal": 14, - }, - ] - } - /> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#D40C26", - }, - ] - } - > - November 10, 2017 - </Text> - </View> - <A11yOrderView - orderKey=":ru:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] + } + > + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + rocket.cat + </Text> + </View> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Custom fields" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Custom fields + </Text> + </Text> + </Text> + </View> + <View + style={ + { + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, + } + } + > + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "50%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> + </Text> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "50%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> + </Text> + </View> + </View> + </View> + </View> + </View> + </View> + </View> + </View> + </View> + <View + testID="message-content-Message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> + </Text> + </Text> + </View> + </View> + </View> + </View> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":rs:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} orderIndex={1} - orderKey=":ru:" + orderKey=":rs:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Third message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Third message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":ru:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rs:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ + style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Third message" - > - <View - style={ - { - "gap": 2, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - > - <Text + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > - <Text - accessibilityLabel="Third message" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Third message - </Text> + diego.mello </Text> - </Text> + </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "margin": 12, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#D40C26", - }, - { - "marginRight": 14, - }, - ] - } - > - unread - </Text> - <View - style={ - [ - { - "flex": 1, - "height": 1, - }, - { - "backgroundColor": "#EC0D2A", - }, - ] - } - /> - </View> - <A11yOrderView - orderKey=":rv:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":rv:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="rocket.cat 10:00:00 AM Second message. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Second message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rv:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "gap": 4, + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View - testID="message-content-Second message" + style={ + { + "gap": 4, + } + } > <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 4, + } } > - <Text + <View + collapsable={false} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - accessibilityLabel="Second message" + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="reply-rocket.cat-Custom fields" > - Second message - </Text> - </Text> - </Text> - </View> - </View> - </View> - </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r10:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r10:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="rocket.cat 10:00:00 AM Second message. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Second message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r10:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="rocket.cat's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] + } + > + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + rocket.cat + </Text> + </View> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Custom fields" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Custom fields + </Text> + </Text> + </Text> + </View> + <View + style={ + { + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, + } + } + > + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "100%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> + </Text> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "100%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> + </Text> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "100%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 3 + </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 3" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 3 + </Text> + </Text> + </Text> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "100%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 4 + </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 4" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 4 + </Text> + </Text> + </Text> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "100%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 5 + </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 5" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 5 + </Text> + </Text> + </Text> + </View> + </View> + </View> + </View> + </View> + </View> + </View> + </View> + </View> + <View + testID="message-content-Message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> + </Text> + </Text> + </View> + </View> + </View> + </View> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + </View> +</RCTScrollView> +`; + +exports[`Story Snapshots: DateAndUnreadSeparators should match snapshot 1`] = ` +<RCTScrollView + style={ + { + "backgroundColor": "#FFFFFF", + } + } +> + <View> + <A11yOrderView + orderKey=":rt:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":rt:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="rocket.cat 10:00:00 AM Fourth message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Fourth message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rt:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <View + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="rocket.cat's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-rocket.cat" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Fourth message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Fourth message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Fourth message + </Text> + </Text> + </Text> + </View> + </View> + </View> + </View> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "margin": 12, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#D40C26", + }, + ] + } + > + unread + </Text> + <View + style={ + [ + { + "flex": 1, + "height": 1, + }, + { + "backgroundColor": "#EC0D2A", + }, + { + "marginHorizontal": 14, + }, + ] + } + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#D40C26", + }, + ] + } + > + November 10, 2017 + </Text> + </View> + <A11yOrderView + orderKey=":ru:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":ru:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Third message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Third message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":ru:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <View + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Third message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Third message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Third message + </Text> + </Text> + </Text> + </View> + </View> + </View> + </View> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "margin": 12, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#D40C26", + }, + { + "marginRight": 14, + }, + ] + } + > + unread + </Text> + <View + style={ + [ + { + "flex": 1, + "height": 1, + }, + { + "backgroundColor": "#EC0D2A", + }, + ] + } + /> + </View> + <A11yOrderView + orderKey=":rv:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":rv:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="rocket.cat 10:00:00 AM Second message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Second message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rv:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Second message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Second message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Second message + </Text> + </Text> + </Text> + </View> + </View> + </View> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":r10:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r10:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="rocket.cat 10:00:00 AM Second message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Second message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r10:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <View + accessible={true} + style={ + [ { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ + "borderRadius": 4, + "height": 36, + "width": 36, + }, { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} + "marginTop": 4, + }, + ] + } + testID="avatar" + > + <View collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-rocket.cat" > - <Text - numberOfLines={1} + <View + accessibilityLabel="rocket.cat's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - rocket.cat - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Second message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-rocket.cat" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Second message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Second message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Second message + <Text + accessibilityLabel="Second message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Second message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -17618,354 +22022,459 @@ exports[`Story Snapshots: DateAndUnreadSeparators should match snapshot 1`] = ` orderKey=":r11:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM First message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="First message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r11:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM First message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="First message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r11:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ + accessibilityValue={ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + ] } - } - transition={null} - width={36} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-First message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-First message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="First message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - First message + <Text + accessibilityLabel="First message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + First message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -17993,354 +22502,459 @@ exports[`Story Snapshots: DateAndUnreadSeparatorsLargeFont should match snapshot orderKey=":r12:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="rocket.cat 10:00:00 AM Fourth message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Fourth message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r12:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="rocket.cat 10:00:00 AM Fourth message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Fourth message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r12:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="rocket.cat's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-rocket.cat" > - <Text - numberOfLines={1} + <View + accessibilityLabel="rocket.cat's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, + [ + undefined, + undefined, { - "color": "#1F2329", + "opacity": 1, }, ] } > - rocket.cat - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Fourth message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-rocket.cat" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Fourth message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Fourth message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Fourth message + <Text + accessibilityLabel="Fourth message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Fourth message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -18417,354 +23031,459 @@ exports[`Story Snapshots: DateAndUnreadSeparatorsLargeFont should match snapshot orderKey=":r13:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Third message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Third message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r13:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Third message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Third message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r13:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - > - diego.mello - </Text> + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Third message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Third message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Third message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Third message + <Text + accessibilityLabel="Third message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Third message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -18823,171 +23542,215 @@ exports[`Story Snapshots: DateAndUnreadSeparatorsLargeFont should match snapshot orderKey=":r14:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="rocket.cat 10:00:00 AM Second message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Second message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r14:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="rocket.cat 10:00:00 AM Second message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Second message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r14:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Second message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Second message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Second message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Second message + <Text + accessibilityLabel="Second message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Second message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -19002,354 +23765,459 @@ exports[`Story Snapshots: DateAndUnreadSeparatorsLargeFont should match snapshot orderKey=":r15:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="rocket.cat 10:00:00 AM Second message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Second message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r15:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="rocket.cat 10:00:00 AM Second message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Second message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r15:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="rocket.cat's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="rocket.cat's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + } + } + > + <View style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-rocket.cat" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - rocket.cat - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-rocket.cat" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Second message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Second message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Second message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Second message + <Text + accessibilityLabel="Second message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Second message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -19412,638 +24280,1535 @@ exports[`Story Snapshots: DateAndUnreadSeparatorsLargeFont should match snapshot /> </View> <A11yOrderView - orderKey=":r16:" + orderKey=":r16:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r16:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM First message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="First message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r16:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <View + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-First message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="First message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + First message + </Text> + </Text> + </Text> + </View> + </View> + </View> + </View> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + </View> +</RCTScrollView> +`; + +exports[`Story Snapshots: Discussion should match snapshot 1`] = ` +<RCTScrollView + style={ + { + "backgroundColor": "#FFFFFF", + } + } +> + <View> + <A11yOrderView + orderKey=":r17:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r16:" + orderKey=":r17:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM First message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="First message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r16:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is a discussion" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r17:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ + style={ { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View style={ { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, "gap": 4, - "opacity": 1, } } - testID="username-header-diego.mello" > <Text - numberOfLines={1} style={ [ { "backgroundColor": "transparent", - "flexShrink": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, + "fontStyle": "italic", + "fontWeight": "400", + "lineHeight": 20, "textAlign": "left", }, { - "color": "#1F2329", + "color": "#6C727A", }, ] } > - diego.mello + Started a discussion: </Text> - </View> - <View - style={ - { - "flexDirection": "row", + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 20, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-First message" - > + > + This is a discussion + </Text> <View style={ - { - "gap": 2, - } + [ + { + "alignItems": "center", + "flexDirection": "row", + }, + { + "gap": 8, + }, + ] } > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "backgroundColor": "#1D74F5", + }, + ], + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } + > + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "gap": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#FFFFFF", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", + }, + { + "color": "#FFFFFF", + }, + ] + } + > + No messages yet + </Text> + </View> + </View> + </View> <Text style={ [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 16, + "fontSize": 13, "fontWeight": "400", - "lineHeight": 22, + "lineHeight": 18, "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="First message" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - First message - </Text> - </Text> - </Text> + /> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> </A11yOrderView> - </View> -</RCTScrollView> -`; - -exports[`Story Snapshots: Discussion should match snapshot 1`] = ` -<RCTScrollView - style={ - { - "backgroundColor": "#FFFFFF", - } - } -> - <View> <A11yOrderView - orderKey=":r17:" + orderKey=":r18:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r17:" + orderKey=":r18:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is a discussion" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r17:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is a discussion" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r18:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ + style={ { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View style={ { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, "gap": 4, - "opacity": 1, } } - testID="username-header-diego.mello" > <Text - numberOfLines={1} style={ [ { "backgroundColor": "transparent", - "flexShrink": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, + "fontStyle": "italic", + "fontWeight": "400", + "lineHeight": 20, "textAlign": "left", }, { - "color": "#1F2329", + "color": "#6C727A", }, ] } > - diego.mello + Started a discussion: </Text> <Text style={ @@ -20051,566 +25816,369 @@ exports[`Story Snapshots: Discussion should match snapshot 1`] = ` { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 13, + "fontSize": 16, "fontWeight": "400", - "lineHeight": 18, + "lineHeight": 20, "textAlign": "left", }, { - "color": "#6C727A", + "color": "#2F343D", }, ] } > - 10:00 AM + This is a discussion </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontStyle": "italic", - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - Started a discussion: - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a discussion - </Text> - <View - style={ - [ - { - "alignItems": "center", - "flexDirection": "row", - }, - { - "gap": 8, - }, - ] - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#1D74F5", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "opacity": 1, - "paddingHorizontal": 12, - "paddingVertical": 8, - } + [ + { + "alignItems": "center", + "flexDirection": "row", + }, + { + "gap": 8, + }, + ] } > <View + collapsable={false} style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 8, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "color": "#FFFFFF", - "fontSize": 16, - }, [ { - "lineHeight": 16, + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "backgroundColor": "#1D74F5", }, - undefined, ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "lineHeight": 16, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#FFFFFF", + "opacity": 1, }, ] } > - No messages yet - </Text> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "gap": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#FFFFFF", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", + }, + { + "color": "#FFFFFF", + }, + ] + } + > + 1 message + </Text> + </View> + </View> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2017 + </Text> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - /> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> </A11yOrderView> <A11yOrderView - orderKey=":r18:" + orderKey=":r19:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r18:" + orderKey=":r19:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is a discussion" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r18:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r19:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ + }, { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } + "marginTop": 4, + }, + ] } + testID="avatar" > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontStyle": "italic", - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - Started a discussion: - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a discussion - </Text> <View + collapsable={false} style={ [ - { - "alignItems": "center", - "flexDirection": "row", - }, - { - "gap": 8, - }, + undefined, + {}, + {}, ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -20631,15 +26199,9 @@ exports[`Story Snapshots: Discussion should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -20647,52 +26209,185 @@ exports[`Story Snapshots: Discussion should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#1D74F5", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "opacity": 1, - "paddingHorizontal": 12, - "paddingVertical": 8, + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <View - style={ + accessibilityValue={ { - "alignItems": "center", - "flexDirection": "row", - "gap": 8, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" > <Text - allowFontScaling={false} - selectable={false} + numberOfLines={1} style={ [ { - "color": "#FFFFFF", + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 16, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#1F2329", }, - {}, ] } > -  + diego.mello </Text> <Text style={ @@ -20700,308 +26395,55 @@ exports[`Story Snapshots: Discussion should match snapshot 1`] = ` { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "lineHeight": 16, + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, "textAlign": "left", }, { - "color": "#FFFFFF", + "color": "#6C727A", }, ] } > - 1 message + 10:00 AM </Text> </View> </View> - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - November 10, 2017 - </Text> - </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r19:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r19:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r19:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + "flexDirection": "row", + } } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > + /> + </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, "gap": 4, - "opacity": 1, } } - testID="username-header-diego.mello" > <Text - numberOfLines={1} style={ [ { "backgroundColor": "transparent", - "flexShrink": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, + "fontStyle": "italic", + "fontWeight": "400", + "lineHeight": 20, "textAlign": "left", }, { - "color": "#1F2329", + "color": "#6C727A", }, ] } > - diego.mello + Started a discussion: </Text> <Text style={ @@ -21009,88 +26451,369 @@ exports[`Story Snapshots: Discussion should match snapshot 1`] = ` { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 13, + "fontSize": 16, "fontWeight": "400", - "lineHeight": 18, + "lineHeight": 20, "textAlign": "left", }, { - "color": "#6C727A", + "color": "#2F343D", }, ] } > - 10:00 AM + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </Text> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + }, + { + "gap": 8, + }, + ] } - } - /> + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "backgroundColor": "#1D74F5", + }, + ], + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } + > + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "gap": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#FFFFFF", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", + }, + { + "color": "#FFFFFF", + }, + ] + } + > + 10 messages + </Text> + </View> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2017 + </Text> + </View> + </View> </View> - <View - style={ - { - "gap": 4, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontStyle": "italic", - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - Started a discussion: - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":r1a:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r1a:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is a discussion" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1a:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <View + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > <View + collapsable={false} style={ [ - { - "alignItems": "center", - "flexDirection": "row", - }, - { - "gap": 8, - }, + undefined, + {}, + {}, ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -21111,15 +26834,9 @@ exports[`Story Snapshots: Discussion should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -21127,52 +26844,185 @@ exports[`Story Snapshots: Discussion should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#1D74F5", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "opacity": 1, - "paddingHorizontal": 12, - "paddingVertical": 8, + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } + transition={null} + width={36} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "alignItems": "center", - "flexDirection": "row", - "gap": 8, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" > <Text - allowFontScaling={false} - selectable={false} + numberOfLines={1} style={ [ { - "color": "#FFFFFF", + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 16, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#1F2329", }, - {}, ] } > -  + diego.mello </Text> <Text style={ @@ -21180,308 +27030,55 @@ exports[`Story Snapshots: Discussion should match snapshot 1`] = ` { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "lineHeight": 16, + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, "textAlign": "left", }, { - "color": "#FFFFFF", + "color": "#6C727A", }, ] } > - 10 messages + 10:00 AM </Text> </View> </View> - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - November 10, 2017 - </Text> - </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r1a:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r1a:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="This is a discussion" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1a:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + "flexDirection": "row", + } } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > + /> + </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, "gap": 4, - "opacity": 1, } } - testID="username-header-diego.mello" > <Text - numberOfLines={1} style={ [ { "backgroundColor": "transparent", - "flexShrink": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, + "fontStyle": "italic", + "fontWeight": "400", + "lineHeight": 20, "textAlign": "left", }, { - "color": "#1F2329", + "color": "#6C727A", }, ] } > - diego.mello + Started a discussion: </Text> <Text style={ @@ -21489,217 +27086,213 @@ exports[`Story Snapshots: Discussion should match snapshot 1`] = ` { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 13, + "fontSize": 16, "fontWeight": "400", - "lineHeight": 18, + "lineHeight": 20, "textAlign": "left", }, { - "color": "#6C727A", + "color": "#2F343D", }, ] } > - 10:00 AM + This is a discussion </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontStyle": "italic", - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - Started a discussion: - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a discussion - </Text> - <View - style={ - [ - { - "alignItems": "center", - "flexDirection": "row", - }, - { - "gap": 8, - }, - ] - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#1D74F5", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "opacity": 1, - "paddingHorizontal": 12, - "paddingVertical": 8, - } - } - > - <View - style={ + [ { "alignItems": "center", "flexDirection": "row", + }, + { "gap": 8, + }, + ] + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "color": "#FFFFFF", - "fontSize": 16, - }, [ { - "lineHeight": 16, + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "backgroundColor": "#1D74F5", }, - undefined, ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "lineHeight": 16, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#FFFFFF", + "opacity": 1, }, ] } > - +999 messages - </Text> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "gap": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#FFFFFF", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", + }, + { + "color": "#FFFFFF", + }, + ] + } + > + +999 messages + </Text> + </View> + </View> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2017 + </Text> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - November 10, 2017 - </Text> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -21727,343 +27320,148 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` orderKey=":r1b:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is a discussion" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1b:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is a discussion" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1b:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", }, { - "color": "#6C727A", + "marginTop": 4, }, ] } + testID="avatar" > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontStyle": "italic", - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - Started a discussion: - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a discussion - </Text> <View + collapsable={false} style={ [ - { - "alignItems": "center", - "flexDirection": "row", - }, - { - "gap": 8, - }, + undefined, + {}, + {}, ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -22084,15 +27482,9 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -22100,83 +27492,232 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#1D74F5", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "opacity": 1, - "paddingHorizontal": 12, - "paddingVertical": 8, + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } } + transition={null} + width={46.800000000000004} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "alignItems": "center", - "flexDirection": "row", - "gap": 8, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#FFFFFF", - "fontSize": 20.8, - }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > -  - </Text> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > <Text + numberOfLines={1} style={ [ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", - "fontSize": 12, + "fontSize": 16, "fontWeight": "600", - "lineHeight": 16, + "lineHeight": 22, "textAlign": "left", }, { - "color": "#FFFFFF", + "color": "#1F2329", }, ] } > - No messages yet + diego.mello </Text> </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > <Text style={ [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 13, + "fontSize": 16, + "fontStyle": "italic", "fontWeight": "400", - "lineHeight": 18, + "lineHeight": 20, "textAlign": "left", }, { @@ -22184,13 +27725,220 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` }, ] } - /> + > + Started a discussion: + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 20, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a discussion + </Text> + <View + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + }, + { + "gap": 8, + }, + ] + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "backgroundColor": "#1D74F5", + }, + ], + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } + > + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "gap": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#FFFFFF", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", + }, + { + "color": "#FFFFFF", + }, + ] + } + > + No messages yet + </Text> + </View> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + /> + </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -22205,300 +27953,377 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` orderKey=":r1c:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is a discussion" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1c:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is a discussion" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1c:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] + { + "flexDirection": "row", + } } - > - diego.mello - </Text> + /> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > <Text style={ [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 16, - "fontStyle": "italic", + "fontSize": 13, "fontWeight": "400", - "lineHeight": 20, + "lineHeight": 18, "textAlign": "left", }, { @@ -22507,170 +28332,248 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` ] } > - Started a discussion: - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a discussion + 10:00 AM </Text> <View style={ - [ - { - "alignItems": "center", - "flexDirection": "row", - }, - { - "gap": 8, - }, - ] + { + "gap": 4, + } } > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontStyle": "italic", + "fontWeight": "400", + "lineHeight": 20, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + > + Started a discussion: + </Text> + <Text style={ - { - "alignItems": "center", - "backgroundColor": "#1D74F5", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "opacity": 1, - "paddingHorizontal": 12, - "paddingVertical": 8, - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 20, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <View - style={ + This is a discussion + </Text> + <View + style={ + [ { "alignItems": "center", "flexDirection": "row", + }, + { "gap": 8, - } + }, + ] + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "color": "#FFFFFF", - "fontSize": 20.8, - }, [ { - "lineHeight": 20.8, + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "backgroundColor": "#1D74F5", }, - undefined, ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "lineHeight": 16, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#FFFFFF", + "opacity": 1, }, ] } > - 1 message - </Text> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "gap": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#FFFFFF", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", + }, + { + "color": "#FFFFFF", + }, + ] + } + > + 1 message + </Text> + </View> + </View> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2017 + </Text> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - November 10, 2017 - </Text> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -22685,343 +28588,148 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` orderKey=":r1d:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1d:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1d:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 46.800000000000004, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text + > + <View + accessible={true} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, }, { - "color": "#6C727A", + "marginTop": 4, }, ] } + testID="avatar" > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontStyle": "italic", - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - Started a discussion: - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> <View + collapsable={false} style={ [ - { - "alignItems": "center", - "flexDirection": "row", - }, - { - "gap": 8, - }, + undefined, + {}, + {}, ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -23042,15 +28750,9 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -23058,83 +28760,232 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#1D74F5", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "opacity": 1, - "paddingHorizontal": 12, - "paddingVertical": 8, + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } } + transition={null} + width={46.800000000000004} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "alignItems": "center", - "flexDirection": "row", - "gap": 8, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#FFFFFF", - "fontSize": 20.8, - }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > -  - </Text> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > <Text + numberOfLines={1} style={ [ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", - "fontSize": 12, + "fontSize": 16, "fontWeight": "600", - "lineHeight": 16, + "lineHeight": 22, "textAlign": "left", }, { - "color": "#FFFFFF", + "color": "#1F2329", }, ] } > - 10 messages + diego.mello </Text> </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > <Text style={ [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 13, + "fontSize": 16, + "fontStyle": "italic", "fontWeight": "400", - "lineHeight": 18, + "lineHeight": 20, "textAlign": "left", }, { @@ -23143,14 +28994,221 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` ] } > - November 10, 2017 + Started a discussion: + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 20, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </Text> + <View + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + }, + { + "gap": 8, + }, + ] + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "backgroundColor": "#1D74F5", + }, + ], + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } + > + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "gap": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#FFFFFF", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", + }, + { + "color": "#FFFFFF", + }, + ] + } + > + 10 messages + </Text> + </View> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2017 + </Text> + </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -23165,343 +29223,148 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` orderKey=":r1e:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is a discussion" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1e:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> + <View + accessibilityLabel="diego.mello 10:00:00 AM This is a discussion. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is a discussion" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1e:" + > <View + accessible={true} style={ { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 46.800000000000004, } } > <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text + accessible={true} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, }, { - "color": "#6C727A", + "marginTop": 4, }, ] } + testID="avatar" > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontStyle": "italic", - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - Started a discussion: - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 20, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a discussion - </Text> <View + collapsable={false} style={ [ - { - "alignItems": "center", - "flexDirection": "row", - }, - { - "gap": 8, - }, + undefined, + {}, + {}, ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -23522,15 +29385,9 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -23538,83 +29395,232 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#1D74F5", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "opacity": 1, - "paddingHorizontal": 12, - "paddingVertical": 8, + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "alignItems": "center", - "flexDirection": "row", - "gap": 8, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#FFFFFF", - "fontSize": 20.8, - }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > -  - </Text> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > <Text + numberOfLines={1} style={ [ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", - "fontSize": 12, + "fontSize": 16, "fontWeight": "600", - "lineHeight": 16, + "lineHeight": 22, "textAlign": "left", }, { - "color": "#FFFFFF", + "color": "#1F2329", }, ] } > - +999 messages + diego.mello </Text> </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > <Text style={ [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 13, + "fontSize": 16, + "fontStyle": "italic", "fontWeight": "400", - "lineHeight": 18, + "lineHeight": 20, "textAlign": "left", }, { @@ -23623,14 +29629,221 @@ exports[`Story Snapshots: DiscussionLargeFont should match snapshot 1`] = ` ] } > - November 10, 2017 + Started a discussion: + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 20, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a discussion </Text> + <View + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + }, + { + "gap": 8, + }, + ] + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "backgroundColor": "#1D74F5", + }, + ], + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } + > + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "gap": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#FFFFFF", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", + }, + { + "color": "#FFFFFF", + }, + ] + } + > + +999 messages + </Text> + </View> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2017 + </Text> + </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -23658,390 +29871,495 @@ exports[`Story Snapshots: Edited should match snapshot 1`] = ` orderKey=":r1f:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message header. " + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Message header. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Message header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1f:" + testID="message-undefined" > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } + <A11yIndexView + accessibilityLabel="Message header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1f:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "paddingLeft": 5, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - testID="undefined-edited" - > - <Text - allowFontScaling={false} - selectable={false} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 16, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, - [ - { - "lineHeight": 16, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } + testID="username-header-diego.mello" > -  - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> </View> - </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message header" - > <View style={ { - "gap": 2, + "flexDirection": "row", } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "paddingLeft": 5, + } } + testID="undefined-edited" > <Text + allowFontScaling={false} + selectable={false} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "color": "#2F343D", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message header" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message header + <Text + accessibilityLabel="Message header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -24056,207 +30374,251 @@ exports[`Story Snapshots: Edited should match snapshot 1`] = ` orderKey=":r1g:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message without header. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message without header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1g:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message without header. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message without header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1g:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message without header" - > - <View - style={ - { - "gap": 2, - } + style={ + { + "gap": 4, } + } + > + <View + testID="message-content-Message without header" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message without header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message without header + <Text + accessibilityLabel="Message without header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message without header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > <View style={ { - "paddingLeft": 5, + "flexDirection": "row", } } - testID="Message without header-edited" > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 16, - }, + { + "paddingLeft": 5, + } + } + testID="Message without header-edited" + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 16, + "color": "#2F343D", + "fontSize": 16, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -24284,390 +30646,495 @@ exports[`Story Snapshots: EditedLargeFont should match snapshot 1`] = ` orderKey=":r1h:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message header. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1h:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message header. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1h:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "paddingLeft": 5, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - testID="undefined-edited" - > - <Text - allowFontScaling={false} - selectable={false} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 20.8, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } + testID="username-header-diego.mello" > -  - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "paddingLeft": 5, + } + } + testID="undefined-edited" + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View - testID="message-content-Message header" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message header" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message header + <Text + accessibilityLabel="Message header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -24682,207 +31149,251 @@ exports[`Story Snapshots: EditedLargeFont should match snapshot 1`] = ` orderKey=":r1i:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message without header. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message without header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1i:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message without header. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message without header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1i:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message without header" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message without header" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message without header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message without header + <Text + accessibilityLabel="Message without header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message without header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > <View style={ { - "paddingLeft": 5, + "flexDirection": "row", } } - testID="Message without header-edited" > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 20.8, - }, + { + "paddingLeft": 5, + } + } + testID="Message without header-edited" + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 20.8, + "color": "#2F343D", + "fontSize": 20.8, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -24910,354 +31421,459 @@ exports[`Story Snapshots: Editing should match snapshot 1`] = ` orderKey=":r1j:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFF6D6", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message being edited. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#E7DCBC", + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message being edited" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1j:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message being edited. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message being edited" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1j:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + } + > + <View style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message being edited" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message being edited" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message being edited" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message being edited + <Text + accessibilityLabel="Message being edited" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message being edited + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -25285,354 +31901,459 @@ exports[`Story Snapshots: EditingLargeFont should match snapshot 1`] = ` orderKey=":r1k:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFF6D6", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message being edited. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#E7DCBC", + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message being edited" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1k:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message being edited. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message being edited" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1k:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - > - diego.mello - </Text> + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message being edited" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message being edited" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message being edited" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message being edited + <Text + accessibilityLabel="Message being edited" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message being edited + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -25660,353 +32381,458 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` orderKey=":r1l:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 👊🤙👏. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="👊🤙👏" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1l:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 👊🤙👏. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="👊🤙👏" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1l:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + <View + accessibilityState={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-👊🤙👏" - > - <View - style={ - { - "gap": 2, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <View - style={ + accessibilityValue={ { - "flexDirection": "row", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ [ - { - "color": "#2F343D", - }, { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", - "fontSize": 30, - "fontWeight": "400", - "lineHeight": 43, + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, "textAlign": "left", }, + { + "color": "#1F2329", + }, ] } > - 👊 + diego.mello </Text> <Text style={ [ - { - "color": "#2F343D", - }, { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 30, + "fontSize": 13, "fontWeight": "400", - "lineHeight": 43, + "lineHeight": 18, "textAlign": "left", }, + { + "color": "#6C727A", + }, ] } > - 🤙👏 + 10:00 AM </Text> </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-👊🤙👏" + > + <View + style={ + { + "gap": 2, + } + } + > + <View + style={ + { + "flexDirection": "row", + } + } + > + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 30, + "fontWeight": "400", + "lineHeight": 43, + "textAlign": "left", + }, + ] + } + > + 👊 + </Text> + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 30, + "fontWeight": "400", + "lineHeight": 43, + "textAlign": "left", + }, + ] + } + > + 🤙👏 + </Text> + </View> + </View> + </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -26021,334 +32847,439 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` orderKey=":r1m:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 👏. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="👏" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1m:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 👏. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="👏" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1m:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + <View + accessibilityState={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-👏" - > - <View - style={ - { - "gap": 2, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <View - style={ + accessibilityValue={ { - "flexDirection": "row", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ [ { - "color": "#2F343D", + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 30, + "fontSize": 13, "fontWeight": "400", - "lineHeight": 43, + "lineHeight": 18, "textAlign": "left", }, + { + "color": "#6C727A", + }, ] } > - 👏 + 10:00 AM </Text> </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-👏" + > + <View + style={ + { + "gap": 2, + } + } + > + <View + style={ + { + "flexDirection": "row", + } + } + > + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 30, + "fontWeight": "400", + "lineHeight": 43, + "textAlign": "left", + }, + ] + } + > + 👏 + </Text> + </View> + </View> + </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -26363,444 +33294,549 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` orderKey=":r1n:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM :react_rocket: :nyan_rocket: :marioparty:. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel=":react_rocket: :nyan_rocket: :marioparty:" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1n:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM :react_rocket: :nyan_rocket: :marioparty:. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel=":react_rocket: :nyan_rocket: :marioparty:" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1n:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + ] } - } - transition={null} - width={36} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-:react_rocket: :nyan_rocket: :marioparty:" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-:react_rocket: :nyan_rocket: :marioparty:" > <View style={ { - "flexDirection": "row", + "gap": 2, } } > <View style={ - [ - { - "transform": [ - { - "translateY": 0, - }, - ], - }, - ] + { + "flexDirection": "row", + } } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={30} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <View + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + "transform": [ + { + "translateY": 0, + }, + ], }, ] } - style={ - { - "height": 30, - "width": 30, + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={30} - /> - </View> - <View - style={ - [ - { - "transform": [ + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ { - "translateY": 0, + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", + ] } - } - height={30} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + </View> + <View + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + "transform": [ + { + "translateY": 0, + }, + ], }, ] } - style={ - { - "height": 30, - "width": 30, + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={30} - /> - </View> - <View - style={ - [ - { - "transform": [ + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ { - "translateY": 0, + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", + ] } - } - height={30} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + </View> + <View + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + "transform": [ + { + "translateY": 0, + }, + ], }, ] } - style={ - { - "height": 30, - "width": 30, + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={30} - /> + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + </View> </View> </View> </View> @@ -26808,8 +33844,8 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -26824,352 +33860,457 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` orderKey=":r1o:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM :react_rocket:. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel=":react_rocket:" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1o:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM :react_rocket:. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel=":react_rocket:" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1o:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + ] } - } - transition={null} - width={36} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-:react_rocket:" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-:react_rocket:" > <View style={ { - "flexDirection": "row", + "gap": 2, } } > <View style={ - [ - { - "transform": [ - { - "translateY": 0, - }, - ], - }, - ] + { + "flexDirection": "row", + } } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={30} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <View + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + "transform": [ + { + "translateY": 0, + }, + ], }, ] } - style={ - { - "height": 30, - "width": 30, + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={30} - /> + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + </View> </View> </View> </View> @@ -27177,8 +34318,8 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -27193,371 +34334,476 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` orderKey=":r1p:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 🤙:react_rocket:. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="🤙:react_rocket:" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1p:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 🤙:react_rocket:. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="🤙:react_rocket:" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1p:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-🤙:react_rocket:" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flexDirection": "row", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ [ - { - "color": "#2F343D", - }, { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", - "fontSize": 30, - "fontWeight": "400", - "lineHeight": 43, + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, "textAlign": "left", }, + { + "color": "#1F2329", + }, ] } > - 🤙 + diego.mello </Text> - <View + <Text style={ [ { - "transform": [ - { - "translateY": 0, - }, - ], + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", }, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-🤙:react_rocket:" + > + <View + style={ + { + "gap": 2, + } + } + > + <View + style={ + { + "flexDirection": "row", } - height={30} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + } + > + <Text + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 30, + "fontWeight": "400", + "lineHeight": 43, + "textAlign": "left", }, ] } + > + 🤙 + </Text> + <View style={ - { - "height": 30, - "width": 30, - } + [ + { + "transform": [ + { + "translateY": 0, + }, + ], + }, + ] } - transition={null} - width={30} - /> + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + </View> </View> </View> </View> @@ -27565,8 +34811,8 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -27581,411 +34827,516 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` orderKey=":r1q:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 🤙:react_rocket:🤙🤙. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="🤙:react_rocket:🤙🤙" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1q:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 🤙:react_rocket:🤙🤙. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="🤙:react_rocket:🤙🤙" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1q:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > + /> + </View> <View - testID="message-content-🤙:react_rocket:🤙🤙" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-🤙:react_rocket:🤙🤙" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text style={ - [ - { - "color": "#2F343D", - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - ] - } - > - 🤙 - </Text> - <Text - accessibilityLabel=":react_rocket:" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - :react_rocket: - </Text> - <Text - style={ - [ - { - "color": "#2F343D", - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - ] - } - > - 🤙 - </Text> - <Text - style={ - [ - { - "color": "#2F343D", - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - 🤙 + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + ] + } + > + 🤙 + </Text> + <Text + accessibilityLabel=":react_rocket:" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + :react_rocket: + </Text> + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + ] + } + > + 🤙 + </Text> + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + ] + } + > + 🤙 + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -28013,353 +35364,458 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` orderKey=":r1r:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 👊🤙👏. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="👊🤙👏" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1r:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 👊🤙👏. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="👊🤙👏" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1r:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-👊🤙👏" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-👊🤙👏" > <View style={ { - "flexDirection": "row", + "gap": 2, } } > - <Text - style={ - [ - { - "color": "#2F343D", - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 30, - "fontWeight": "400", - "lineHeight": 43, - "textAlign": "left", - }, - ] - } - > - 👊 - </Text> - <Text + <View style={ - [ - { - "color": "#2F343D", - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 30, - "fontWeight": "400", - "lineHeight": 43, - "textAlign": "left", - }, - ] + { + "flexDirection": "row", + } } > - 🤙👏 - </Text> + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 30, + "fontWeight": "400", + "lineHeight": 43, + "textAlign": "left", + }, + ] + } + > + 👊 + </Text> + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 30, + "fontWeight": "400", + "lineHeight": 43, + "textAlign": "left", + }, + ] + } + > + 🤙👏 + </Text> + </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -28374,334 +35830,439 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` orderKey=":r1s:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 👏. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="👏" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1s:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 👏. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="👏" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1s:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-👏" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-👏" > <View style={ { - "flexDirection": "row", + "gap": 2, } } > - <Text + <View style={ - [ - { - "color": "#2F343D", - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 30, - "fontWeight": "400", - "lineHeight": 43, - "textAlign": "left", - }, - ] + { + "flexDirection": "row", + } } > - 👏 - </Text> + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 30, + "fontWeight": "400", + "lineHeight": 43, + "textAlign": "left", + }, + ] + } + > + 👏 + </Text> + </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -28716,444 +36277,549 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` orderKey=":r1t:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM :react_rocket: :nyan_rocket: :marioparty:. " + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM :react_rocket: :nyan_rocket: :marioparty:. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel=":react_rocket: :nyan_rocket: :marioparty:" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1t:" + testID="message-undefined" > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } + <A11yIndexView + accessibilityLabel=":react_rocket: :nyan_rocket: :marioparty:" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1t:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-:react_rocket: :nyan_rocket: :marioparty:" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-:react_rocket: :nyan_rocket: :marioparty:" > <View style={ { - "flexDirection": "row", + "gap": 2, } } > <View style={ - [ - { - "transform": [ - { - "translateY": 0, - }, - ], - }, - ] + { + "flexDirection": "row", + } } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={30} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <View + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + "transform": [ + { + "translateY": 0, + }, + ], }, ] } - style={ - { - "height": 30, - "width": 30, + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={30} - /> - </View> - <View - style={ - [ - { - "transform": [ + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ { - "translateY": 0, + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", + ] } - } - height={30} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + </View> + <View + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + "transform": [ + { + "translateY": 0, + }, + ], }, ] } - style={ - { - "height": 30, - "width": 30, + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={30} - /> - </View> - <View - style={ - [ - { - "transform": [ + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ { - "translateY": 0, + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", + ] } - } - height={30} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + </View> + <View + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + "transform": [ + { + "translateY": 0, + }, + ], }, ] } - style={ - { - "height": 30, - "width": 30, + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={30} - /> + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + </View> </View> </View> </View> @@ -29161,8 +36827,8 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -29177,352 +36843,457 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` orderKey=":r1u:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM :react_rocket:. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel=":react_rocket:" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1u:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM :react_rocket:. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel=":react_rocket:" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1u:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-:react_rocket:" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-:react_rocket:" > <View style={ { - "flexDirection": "row", + "gap": 2, } } > <View style={ - [ - { - "transform": [ - { - "translateY": 0, - }, - ], - }, - ] + { + "flexDirection": "row", + } } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={30} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <View + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + "transform": [ + { + "translateY": 0, + }, + ], }, ] } - style={ - { - "height": 30, - "width": 30, + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={30} - /> + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + </View> </View> </View> </View> @@ -29530,8 +37301,8 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -29546,371 +37317,476 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` orderKey=":r1v:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 🤙:react_rocket:. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="🤙:react_rocket:" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1v:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 🤙:react_rocket:. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="🤙:react_rocket:" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1v:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-🤙:react_rocket:" - > - <View - style={ - { - "gap": 2, - } - } > <View - style={ + accessibilityState={ { - "flexDirection": "row", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ [ - { - "color": "#2F343D", - }, { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", - "fontSize": 30, - "fontWeight": "400", - "lineHeight": 43, + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, "textAlign": "left", }, + { + "color": "#1F2329", + }, ] } > - 🤙 + diego.mello </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-🤙:react_rocket:" + > + <View + style={ + { + "gap": 2, + } + } + > <View style={ - [ - { - "transform": [ - { - "translateY": 0, - }, - ], - }, - ] + { + "flexDirection": "row", + } } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={30} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <Text + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 30, + "fontWeight": "400", + "lineHeight": 43, + "textAlign": "left", }, ] } + > + 🤙 + </Text> + <View style={ - { - "height": 30, - "width": 30, - } + [ + { + "transform": [ + { + "translateY": 0, + }, + ], + }, + ] } - transition={null} - width={30} - /> + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + </View> </View> </View> </View> @@ -29918,8 +37794,8 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -29934,411 +37810,516 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` orderKey=":r20:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 🤙:react_rocket:🤙🤙. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="🤙:react_rocket:🤙🤙" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r20:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 🤙:react_rocket:🤙🤙. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="🤙:react_rocket:🤙🤙" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r20:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-🤙:react_rocket:🤙🤙" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-🤙:react_rocket:🤙🤙" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text style={ - [ - { - "color": "#2F343D", - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - ] - } - > - 🤙 - </Text> - <Text - accessibilityLabel=":react_rocket:" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - :react_rocket: - </Text> - <Text - style={ - [ - { - "color": "#2F343D", - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - ] - } - > - 🤙 - </Text> - <Text - style={ - [ - { - "color": "#2F343D", - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - 🤙 + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + ] + } + > + 🤙 + </Text> + <Text + accessibilityLabel=":react_rocket:" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + :react_rocket: + </Text> + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + ] + } + > + 🤙 + </Text> + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + ] + } + > + 🤙 + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -30366,283 +38347,148 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` orderKey=":r21:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r21:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r21:" > <View + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <View + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > <View + collapsable={false} style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -30662,16 +38508,10 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -30679,563 +38519,656 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 16, - }, - [ - { - "lineHeight": 16, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", }, - {}, ] } - > -  - </Text> + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> </View> </View> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> <Text style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } > <Text - accessibilityLabel="Message" + allowFontScaling={false} + selectable={false} style={ [ { - "flexShrink": 1, + "color": "#2F343D", "fontSize": 16, - "lineHeight": 22, }, + [ + { + "lineHeight": 16, + }, + undefined, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } > - Message +  </Text> - </Text> - </Text> + </View> + </View> </View> </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r22:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r22:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Message Encrypted without Header. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Message Encrypted without Header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r22:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > <View - testID="message-content-Message Encrypted without Header" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message Encrypted without Header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message Encrypted without Header + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - "paddingLeft": 5, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 16, - }, - [ - { - "lineHeight": 16, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> </A11yOrderView> <A11yOrderView - orderKey=":r23:" + orderKey=":r22:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r23:" + orderKey=":r22:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Message Encrypted with Reactions. " accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] } - testID="message-undefined" > - <A11yIndexView - accessibilityLabel="Message Encrypted with Reactions" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r23:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message Encrypted without Header. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message Encrypted without Header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r22:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + onLayout={[Function]} style={ { - "opacity": 1, + "flex": 1, } } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } + <View style={ { - "borderRadius": 4, - "height": 36, - "width": 36, + "gap": 4, } } - transition={null} - width={36} - /> + > + <View + testID="message-content-Message Encrypted without Header" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message Encrypted without Header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message Encrypted without Header + </Text> + </Text> + </Text> + </View> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { - "flex": 1, + "flexDirection": "row", } } > <View + collapsable={false} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -31259,7 +39192,17 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -31267,65 +39210,205 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] } - testID="username-header-diego.mello" > <Text - numberOfLines={1} + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", + "color": "#2F343D", "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", }, + [ + { + "lineHeight": 16, + }, + undefined, + ], { - "color": "#6C727A", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } > - 10:00 AM +  </Text> </View> + </View> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":r23:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r23:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Message Encrypted with Reactions. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message Encrypted with Reactions" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r23:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <View + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > <View + collapsable={false} style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -31345,16 +39428,10 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -31362,525 +39439,1015 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 16, - }, - [ - { - "lineHeight": 16, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", }, - {}, ] } - > -  - </Text> + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> </View> </View> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message Encrypted with Reactions" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> <Text style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } > <Text - accessibilityLabel="Message Encrypted with Reactions" + allowFontScaling={false} + selectable={false} style={ [ { - "flexShrink": 1, + "color": "#2F343D", "fontSize": 16, - "lineHeight": 22, }, + [ + { + "lineHeight": 16, + }, + undefined, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } > - Message Encrypted with Reactions +  </Text> - </Text> - </Text> + </View> + </View> </View> </View> <View style={ { - "flexDirection": "row", - "flexWrap": "wrap", "gap": 4, } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:joy:" + testID="message-content-Message Encrypted with Reactions" > <View style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, - }, - ] + { + "gap": 2, + } } > - <Text - style={ - { - "color": "#ffffff", - "fontSize": 13, - } - } - > - 😂 - </Text> <Text style={ [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, "textAlign": "left", }, { - "color": "#1D74F5", + "color": "#2F343D", }, ] } > - 1 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message Encrypted with Reactions" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message Encrypted with Reactions + </Text> + </Text> </Text> </View> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "gap": 4, } } - testID="message-reaction-:marioparty:" > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={19} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + "borderRadius": 0, + }, + { + "opacity": 1, }, ] } - style={ + testID="message-reaction-:joy:" + > + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 😂 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ { - "height": 19, - "width": 19, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - transition={null} - width={19} - /> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:marioparty:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={19} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 19, + "width": 19, + } + } + transition={null} + width={19} + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:thinking:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 🤔 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:thinking:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 🤔 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-add-reaction" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#CBCED1", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "color": "#1D74F5", - "fontSize": 20, - }, [ { - "lineHeight": 20, + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", }, - undefined, ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderRadius": 0, + }, + { + "opacity": 1, }, - {}, ] } + testID="message-add-reaction" > -  - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#1D74F5", + "fontSize": 20, + }, + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -31895,332 +40462,393 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` orderKey=":r24:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] } - testID="message-thread-replied-on-Thread with emoji :) :joy:" > <View style={ { - "alignItems": "flex-end", - "width": 36, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-Thread with emoji :) :joy:" > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 20, + }, + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> <Text - allowFontScaling={false} - selectable={false} + accessibilityLabel="Thread with emoji :) 😂" + numberOfLines={1} style={ [ { - "color": "#095AD2", - "fontSize": 20, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 20, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - {}, ] } + testID="markdown-preview-Thread with emoji :) 😂" > -  + Thread with emoji :) 😂 </Text> - </View> - <Text - accessibilityLabel="Thread with emoji :) 😂" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, + <View + style={ { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-Thread with emoji :) 😂" - > - Thread with emoji :) 😂 - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 20, - }, + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 20, + "color": "#6C727A", + "fontSize": 20, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Thread reply encrypted. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] - } - > <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Thread reply encrypted. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 36, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 20, - "width": 20, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={20} - /> - </View> - </View> - </View> - <A11yIndexView - accessibilityLabel="Thread reply encrypted" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r24:" - style={ - { - "flex": 1, - } - } - > - <View + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> + </View> + </View> + <A11yIndexView + accessibilityLabel="Thread reply encrypted" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r24:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-Thread reply encrypted" - > - <Text - accessibilityLabel="Thread reply encrypted" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-Thread reply encrypted" + } + > + <View + testID="message-content-Thread reply encrypted" > - Thread reply encrypted - </Text> + <Text + accessibilityLabel="Thread reply encrypted" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Thread reply encrypted" + > + Thread reply encrypted + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -32236,283 +40864,148 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` orderKey=":r25:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": true, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Temp message encrypted. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": true, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Temp message encrypted" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r25:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Temp message encrypted. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Temp message encrypted" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r25:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -32532,16 +41025,10 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -32549,117 +41036,407 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 16, - }, - [ - { - "lineHeight": 16, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", }, - {}, ] } - > -  - </Text> + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> </View> </View> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "opacity": 0.3, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } - testID="message-content-Temp message encrypted" > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "opacity": 0.3, + } + } + testID="message-content-Temp message encrypted" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Temp message encrypted" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Temp message encrypted + <Text + accessibilityLabel="Temp message encrypted" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Temp message encrypted + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -32674,283 +41451,148 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` orderKey=":r26:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message Edited encrypted. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message Edited encrypted" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r26:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message Edited encrypted. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message Edited encrypted" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r26:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -32970,16 +41612,10 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -32987,112 +41623,402 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 16, - }, - [ - { - "lineHeight": 16, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", }, - {}, ] } - > -  - </Text> + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> </View> </View> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message Edited encrypted" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message Edited encrypted" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message Edited encrypted" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message Edited encrypted + <Text + accessibilityLabel="Message Edited encrypted" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message Edited encrypted + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -33154,108 +42080,17 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -33276,7 +42111,9 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -33284,62 +42121,117 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", }, ] } - > - diego.mello - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > <View + collapsable={false} style={ - { - "flexDirection": "row", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -33362,16 +42254,10 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -33379,108 +42265,297 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] } + testID="username-header-diego.mello" > <Text - allowFontScaling={false} - selectable={false} + numberOfLines={1} style={ [ { - "color": "#2F343D", + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 16, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#1F2329", }, - {}, ] } > -  + diego.mello </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", } - accessible={true} + } + > + <View collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 16, + "paddingLeft": 5, }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 16, + "color": "#2F343D", + "fontSize": 16, }, - undefined, - ], + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "paddingLeft": 5, }, {}, + { + "opacity": 1, + }, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> </View> </View> @@ -33567,283 +42642,148 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` orderKey=":r28:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Read Receipt encrypted with Header. Message was read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Read Receipt encrypted with Header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r28:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Read Receipt encrypted with Header. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Read Receipt encrypted with Header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r28:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -33863,16 +42803,10 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -33880,142 +42814,432 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 16, - }, - [ - { - "lineHeight": 16, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", }, - {}, ] } - > -  - </Text> - </View> - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#095AD2", - "fontSize": 25, - }, - [ - { - "lineHeight": 25, - }, - { - "marginTop": -5, - "paddingLeft": 5, - }, - ], + style={ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Read Receipt encrypted with Header" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> <Text style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] } + > +  + </Text> + </View> + </View> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 25, + }, + [ + { + "lineHeight": 25, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + testID="read-receipt-read" + > +  + </Text> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Read Receipt encrypted with Header" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Read Receipt encrypted with Header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Read Receipt encrypted with Header + <Text + accessibilityLabel="Read Receipt encrypted with Header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Read Receipt encrypted with Header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -34030,226 +43254,343 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` orderKey=":r29:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Read Receipt encrypted without Header. Message was read" - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Read Receipt encrypted without Header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r29:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Read Receipt encrypted without Header. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Read Receipt encrypted without Header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r29:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Read Receipt encrypted without Header" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Read Receipt encrypted without Header" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Read Receipt encrypted without Header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Read Receipt encrypted without Header + <Text + accessibilityLabel="Read Receipt encrypted without Header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Read Receipt encrypted without Header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "opacity": 1, - "paddingLeft": 5, + "flexDirection": "row", } } > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> <Text allowFontScaling={false} selectable={false} style={ [ { - "color": "#2F343D", - "fontSize": 16, + "color": "#095AD2", + "fontSize": 25, }, [ { - "lineHeight": 16, + "lineHeight": 25, + }, + { + "marginTop": -5, + "paddingLeft": 5, }, - undefined, ], { "fontFamily": "custom", @@ -34259,43 +43600,14 @@ exports[`Story Snapshots: Encrypted should match snapshot 1`] = ` {}, ] } + testID="read-receipt-read" > -  +  </Text> </View> - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#095AD2", - "fontSize": 25, - }, - [ - { - "lineHeight": 25, - }, - { - "marginTop": -5, - "paddingLeft": 5, - }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -34323,264 +43635,148 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` orderKey=":r2a:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2a:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2a:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 46.800000000000004, } } > <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ + accessible={true} + style={ + [ { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - </View> + "marginTop": 4, + }, + ] + } + testID="avatar" + > <View + collapsable={false} style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -34600,16 +43796,10 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -34617,582 +43807,656 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 20.8, - }, - [ - { - "lineHeight": 20.8, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", }, - {}, ] } - > -  - </Text> + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> </View> </View> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > - <Text - accessibilityLabel="Message" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Message - </Text> + diego.mello </Text> - </Text> + </View> </View> - </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r2b:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r2b:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Message Encrypted without Header. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Message Encrypted without Header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2b:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message Encrypted without Header" - > <View style={ { - "gap": 2, + "flexDirection": "row", } } > - <Text + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } > <Text - accessibilityLabel="Message Encrypted without Header" + allowFontScaling={false} + selectable={false} style={ [ { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, + "color": "#2F343D", + "fontSize": 20.8, }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } > - Message Encrypted without Header +  </Text> - </Text> - </Text> + </View> + </View> </View> </View> - </View> - </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - "paddingLeft": 5, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 20.8, - }, + <Text + style={ [ { - "lineHeight": 20.8, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", }, - undefined, - ], + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + "gap": 4, + } + } + > + <View + testID="message-content-Message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> + </Text> + </Text> + </View> + </View> + </View> + </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> </A11yOrderView> <A11yOrderView - orderKey=":r2c:" + orderKey=":r2b:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r2c:" + orderKey=":r2b:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message Encrypted with Reactions. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message Encrypted with Reactions" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2c:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message Encrypted without Header. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message Encrypted without Header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2b:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + onLayout={[Function]} style={ { - "opacity": 1, + "flex": 1, } } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } + <View style={ { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + "gap": 4, } } - transition={null} - width={46.800000000000004} - /> + > + <View + testID="message-content-Message Encrypted without Header" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message Encrypted without Header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message Encrypted without Header + </Text> + </Text> + </Text> + </View> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { - "flex": 1, + "flexDirection": "row", } } > <View + collapsable={false} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -35216,7 +44480,17 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -35224,46 +44498,205 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] } - testID="username-header-diego.mello" > <Text - numberOfLines={1} + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", + "color": "#2F343D", + "fontSize": 20.8, }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], { - "color": "#1F2329", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } > - diego.mello +  </Text> </View> + </View> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":r2c:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r2c:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Message Encrypted with Reactions. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message Encrypted with Reactions" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2c:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <View + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > <View + collapsable={false} style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -35283,16 +44716,10 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -35300,544 +44727,1015 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 20.8, - }, - [ - { - "lineHeight": 20.8, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", }, - {}, ] } - > -  - </Text> + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> </View> </View> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message Encrypted with Reactions" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > - <Text + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } > <Text - accessibilityLabel="Message Encrypted with Reactions" + allowFontScaling={false} + selectable={false} style={ [ { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, + "color": "#2F343D", + "fontSize": 20.8, }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } > - Message Encrypted with Reactions +  </Text> - </Text> - </Text> + </View> + </View> </View> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", - "flexWrap": "wrap", "gap": 4, } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:joy:" + testID="message-content-Message Encrypted with Reactions" > <View style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, - }, - ] + { + "gap": 2, + } } > - <Text - style={ - { - "color": "#ffffff", - "fontSize": 13, - } - } - > - 😂 - </Text> <Text style={ [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, "textAlign": "left", }, { - "color": "#1D74F5", + "color": "#2F343D", }, ] } > - 1 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message Encrypted with Reactions" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message Encrypted with Reactions + </Text> + </Text> </Text> </View> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "gap": 4, } } - testID="message-reaction-:marioparty:" > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={19} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + "borderRadius": 0, + }, + { + "opacity": 1, }, ] } - style={ + testID="message-reaction-:joy:" + > + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 😂 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ { - "height": 19, - "width": 19, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - transition={null} - width={19} - /> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:marioparty:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={19} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 19, + "width": 19, + } + } + transition={null} + width={19} + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:thinking:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 🤔 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:thinking:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 🤔 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-add-reaction" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#CBCED1", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "color": "#1D74F5", - "fontSize": 26, - }, [ { - "lineHeight": 26, + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", }, - undefined, ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderRadius": 0, + }, + { + "opacity": 1, }, - {}, ] } + testID="message-add-reaction" > -  - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#1D74F5", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -35852,408 +45750,226 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` orderKey=":r2d:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] } - testID="message-thread-replied-on-Thread with emoji :) :joy:" > <View style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-Thread with emoji :) :joy:" > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#095AD2", - "fontSize": 26, - }, + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 26, + "color": "#095AD2", + "fontSize": 26, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - <Text - accessibilityLabel="Thread with emoji :) 😂" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-Thread with emoji :) 😂" - > - Thread with emoji :) 😂 - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, - } - } - > + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> <Text - allowFontScaling={false} - selectable={false} + accessibilityLabel="Thread with emoji :) 😂" + numberOfLines={1} style={ [ { - "color": "#6C727A", - "fontSize": 26, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 26, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - {}, ] } + testID="markdown-preview-Thread with emoji :) 😂" > -  + Thread with emoji :) 😂 </Text> - </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Thread reply encrypted. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, + } } - testID="avatar" > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + <Text + allowFontScaling={false} + selectable={false} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + [ { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + "color": "#6C727A", + "fontSize": 26, + }, [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "lineHeight": 26, }, - ] - } - style={ + undefined, + ], { - "borderRadius": 4, - "height": 26, - "width": 26, - } - } - transition={null} - width={26} - /> - </View> - </View> - </View> - <A11yIndexView - accessibilityLabel="Thread reply encrypted" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2d:" - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] } - } - > - <View - testID="message-content-Thread reply encrypted" > - <Text - accessibilityLabel="Thread reply encrypted" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] - } - testID="message-preview-Thread reply encrypted" - > - Thread reply encrypted - </Text> - </View> - </View> - </A11yIndexView> - </View> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r2e:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r2e:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": true, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Temp message encrypted. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Temp message encrypted" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2e:" - > +  + </Text> + </View> + </View> <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Thread reply encrypted. " accessible={true} style={ - { - "flexDirection": "row", - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View @@ -36270,119 +45986,26 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` [ { "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, + "height": 26, + "width": 26, }, + undefined, ] } testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -36403,7 +46026,9 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -36411,46 +46036,264 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", }, ] } - > - diego.mello - </Text> + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> </View> - <View + </View> + </View> + </View> + <A11yIndexView + accessibilityLabel="Thread reply encrypted" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2d:" + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-Thread reply encrypted" + > + <Text + accessibilityLabel="Thread reply encrypted" + numberOfLines={1} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Thread reply encrypted" + > + Thread reply encrypted + </Text> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":r2e:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r2e:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": true, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Temp message encrypted. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Temp message encrypted" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2e:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <View + accessible={true} + style={ + [ { - "flexDirection": "row", - } + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -36470,16 +46313,10 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -36487,136 +46324,407 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } } + transition={null} + width={46.800000000000004} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 20.8, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ [ { - "lineHeight": 20.8, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", }, - undefined, - ], + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, {}, + {}, ] } > -  - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View style={ { - "opacity": 0.3, + "gap": 4, } } - testID="message-content-Temp message encrypted" > <View style={ { - "gap": 2, + "opacity": 0.3, } } + testID="message-content-Temp message encrypted" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Temp message encrypted" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Temp message encrypted + <Text + accessibilityLabel="Temp message encrypted" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Temp message encrypted + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -36631,264 +46739,148 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` orderKey=":r2f:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message Edited encrypted. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message Edited encrypted" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2f:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message Edited encrypted. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message Edited encrypted" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2f:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -36908,16 +46900,10 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -36925,131 +46911,402 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } } + transition={null} + width={46.800000000000004} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 20.8, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ [ { - "lineHeight": 20.8, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", }, - undefined, - ], + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, {}, + {}, ] } > -  - </Text> - </View> - </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View - testID="message-content-Message Edited encrypted" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message Edited encrypted" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message Edited encrypted" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message Edited encrypted + <Text + accessibilityLabel="Message Edited encrypted" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message Edited encrypted + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -37111,78 +47368,95 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={46.800000000000004} - /> + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> </View> </View> @@ -37213,71 +47487,39 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -37300,16 +47542,10 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -37317,108 +47553,278 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] } + testID="username-header-diego.mello" > <Text - allowFontScaling={false} - selectable={false} + numberOfLines={1} style={ [ { - "color": "#2F343D", - "fontSize": 20.8, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#1F2329", }, - {}, ] } > -  + diego.mello </Text> </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - "paddingLeft": 5, + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 20.8, + "paddingLeft": 5, }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 20.8, + "color": "#EC0D2A", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + {}, + ] + } + > +  + </Text> + </View> </View> </View> </View> @@ -37524,264 +47930,148 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` orderKey=":r2h:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Read Receipt encrypted with Header. Message was read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Read Receipt encrypted with Header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2h:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Read Receipt encrypted with Header. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Read Receipt encrypted with Header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2h:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -37801,16 +48091,10 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -37818,161 +48102,432 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 20.8, - }, - [ - { - "lineHeight": 20.8, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", }, - {}, ] } - > -  - </Text> - </View> - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#095AD2", - "fontSize": 32.5, - }, - [ - { - "lineHeight": 32.5, - }, - { - "marginTop": -5, - "paddingLeft": 5, - }, - ], + style={ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Read Receipt encrypted with Header" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> <Text + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "color": "#095AD2", + "fontSize": 32.5, }, + [ + { + "lineHeight": 32.5, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } + testID="read-receipt-read" + > +  + </Text> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Read Receipt encrypted with Header" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Read Receipt encrypted with Header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Read Receipt encrypted with Header + <Text + accessibilityLabel="Read Receipt encrypted with Header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Read Receipt encrypted with Header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -37987,226 +48542,343 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` orderKey=":r2i:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Read Receipt encrypted without Header. Message was read" - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Read Receipt encrypted without Header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2i:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Read Receipt encrypted without Header. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Read Receipt encrypted without Header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2i:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Read Receipt encrypted without Header" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Read Receipt encrypted without Header" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Read Receipt encrypted without Header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Read Receipt encrypted without Header + <Text + accessibilityLabel="Read Receipt encrypted without Header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Read Receipt encrypted without Header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "opacity": 1, - "paddingLeft": 5, + "flexDirection": "row", } } > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> <Text allowFontScaling={false} selectable={false} style={ [ { - "color": "#2F343D", - "fontSize": 20.8, + "color": "#095AD2", + "fontSize": 32.5, }, [ { - "lineHeight": 20.8, + "lineHeight": 32.5, + }, + { + "marginTop": -5, + "paddingLeft": 5, }, - undefined, ], { "fontFamily": "custom", @@ -38216,219 +48888,99 @@ exports[`Story Snapshots: EncryptedLargeFont should match snapshot 1`] = ` {}, ] } + testID="read-receipt-read" > -  +  </Text> </View> - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#095AD2", - "fontSize": 32.5, - }, - [ - { - "lineHeight": 32.5, - }, - { - "marginTop": -5, - "paddingLeft": 5, - }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> - </A11yOrderView> - </View> -</RCTScrollView> -`; - -exports[`Story Snapshots: Error should match snapshot 1`] = ` -<RCTScrollView - style={ - { - "backgroundColor": "#FFFFFF", - } - } -> - <View> - <A11yOrderView - orderKey=":r2j:" - > - <View - accessibilityLabel="diego.mello 10:00:00 AM This message has error. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="This message has error" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2j:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> + </A11yOrderView> + </View> +</RCTScrollView> +`; + +exports[`Story Snapshots: Error should match snapshot 1`] = ` +<RCTScrollView + style={ + { + "backgroundColor": "#FFFFFF", + } + } +> + <View> + <A11yOrderView + orderKey=":r2j:" + > + <View + accessibilityLabel="diego.mello 10:00:00 AM This message has error. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This message has error" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2j:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > <View style={ { - "flex": 1, - "marginLeft": 10, + "alignItems": "flex-end", + "width": 36, } } > <View - onLayout={[Function]} + accessible={true} style={ - { - "flex": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View + collapsable={false} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -38449,7 +49001,9 @@ exports[`Story Snapshots: Error should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -38457,62 +49011,117 @@ exports[`Story Snapshots: Error should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", }, ] } - > - diego.mello - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > <View + collapsable={false} style={ - { - "flexDirection": "row", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -38536,15 +49145,9 @@ exports[`Story Snapshots: Error should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -38552,40 +49155,185 @@ exports[`Story Snapshots: Error should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] } + testID="username-header-diego.mello" > <Text - allowFontScaling={false} - selectable={false} + numberOfLines={1} style={ [ { - "color": "#EC0D2A", + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 16, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", }, - {}, ] } > -  + 10:00 AM </Text> </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> </View> <View style={ @@ -38793,74 +49541,118 @@ exports[`Story Snapshots: Error should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 16, + "paddingLeft": 5, }, - [ - { - "lineHeight": 16, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> </View> </View> @@ -38937,78 +49729,95 @@ exports[`Story Snapshots: ErrorLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + ] } - } - transition={null} - width={46.800000000000004} - /> + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> </View> </View> @@ -39039,71 +49848,39 @@ exports[`Story Snapshots: ErrorLargeFont should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -39127,15 +49904,9 @@ exports[`Story Snapshots: ErrorLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -39143,40 +49914,166 @@ exports[`Story Snapshots: ErrorLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] } + testID="username-header-diego.mello" > <Text - allowFontScaling={false} - selectable={false} + numberOfLines={1} style={ [ { - "color": "#EC0D2A", - "fontSize": 20.8, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#1F2329", }, - {}, ] } > -  + diego.mello </Text> </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> </View> <Text style={ @@ -39403,74 +50300,118 @@ exports[`Story Snapshots: ErrorLargeFont should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 20.8, + "paddingLeft": 5, }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> </View> </View> @@ -39500,302 +50441,289 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] orderKey=":r2n:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Check out this Python file. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Check out this Python file" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2n:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Check out this Python file. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Check out this Python file" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2n:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - > - diego.mello - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", + "opacity": 1, }, ] } > - 10:00 AM - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -39803,7 +50731,7 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -39819,169 +50747,337 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - test.py - </Text> - </View> - <Text - accessibilityLabel="test.py" - numberOfLines={0} - style={ + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", }, { - "color": "#2F343D", - "lineHeight": undefined, + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, }, ] } - testID="markdown-preview-test.py" > - test.py - </Text> + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + test.py + </Text> + </View> + <Text + accessibilityLabel="test.py" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-test.py" + > + test.py + </Text> + </View> + </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-Check out this Python file" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Check out this Python file" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Check out this Python file" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Check out this Python file + <Text + accessibilityLabel="Check out this Python file" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Check out this Python file + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -39996,310 +51092,297 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] orderKey=":r2o:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM TypeScript component. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="TypeScript component" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2o:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM TypeScript component. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="TypeScript component" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2o:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } > <View accessibilityState={ { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -40315,479 +51398,634 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Component.tsx - </Text> - </View> - <Text - accessibilityLabel="Component.tsx" - numberOfLines={0} - style={ + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", }, { - "color": "#2F343D", - "lineHeight": undefined, + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, }, ] } - testID="markdown-preview-Component.tsx" > - Component.tsx - </Text> + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Component.tsx + </Text> + </View> + <Text + accessibilityLabel="Component.tsx" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-Component.tsx" + > + Component.tsx + </Text> + </View> + </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-TypeScript component" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-TypeScript component" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="TypeScript component" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - TypeScript component - </Text> - </Text> - </Text> - </View> - </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r2p:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r2p:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Configuration file. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Configuration file" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2p:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> + <Text + accessibilityLabel="TypeScript component" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + TypeScript component + </Text> + </Text> + </Text> + </View> + </View> + </View> </View> </View> </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":r2p:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r2p:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Configuration file. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Configuration file" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2p:" + > <View + accessible={true} style={ { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 36, } } > <View + accessible={true} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -40795,7 +52033,7 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -40811,169 +52049,337 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - config.json - </Text> - </View> - <Text - accessibilityLabel="config.json" - numberOfLines={0} - style={ + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", }, { - "color": "#2F343D", - "lineHeight": undefined, + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, }, ] } - testID="markdown-preview-config.json" > - config.json - </Text> + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + config.json + </Text> + </View> + <Text + accessibilityLabel="config.json" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-config.json" + > + config.json + </Text> + </View> + </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-Configuration file" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Configuration file" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Configuration file" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Configuration file + <Text + accessibilityLabel="Configuration file" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Configuration file + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -40988,302 +52394,289 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] orderKey=":r2q:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM File with description. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="File with description" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2q:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM File with description. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="File with description" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2q:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -41291,7 +52684,7 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -41307,120 +52700,233 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-This is the **main** entry point for the application" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - main.go - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-This is the **main** entry point for the application" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="This is the " style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { "color": "#2F343D", @@ -41428,125 +52934,180 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] ] } > - This is the + main.go </Text> + </View> + <View + style={ + { + "gap": 2, + } + } + > <Text style={ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontWeight": "700", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="main" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - main + <Text + accessibilityLabel="This is the " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is the + </Text> + <Text + style={ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontWeight": "700", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="main" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + main + </Text> + </Text> + <Text + accessibilityLabel=" entry point for the application" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + entry point for the application + </Text> </Text> </Text> - <Text - accessibilityLabel=" entry point for the application" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - entry point for the application - </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-File with description" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-File with description" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="File with description" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - File with description + <Text + accessibilityLabel="File with description" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + File with description + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -41561,97 +53122,133 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] orderKey=":r2r:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2r:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2r:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > @@ -41670,246 +53267,354 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - document.pdf - </Text> - </View> - <Text - accessibilityLabel="document.pdf" - numberOfLines={0} - style={ + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", }, { - "color": "#2F343D", - "lineHeight": undefined, + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, }, ] } - testID="markdown-preview-document.pdf" > - document.pdf - </Text> + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + document.pdf + </Text> + </View> + <Text + accessibilityLabel="document.pdf" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-document.pdf" + > + document.pdf + </Text> + </View> + </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - image.png - </Text> - </View> - <Text - accessibilityLabel="image.png" - numberOfLines={0} - style={ + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", }, { - "color": "#2F343D", - "lineHeight": undefined, + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, }, ] } - testID="markdown-preview-image.png" > - image.png - </Text> + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + image.png + </Text> + </View> + <Text + accessibilityLabel="image.png" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-image.png" + > + image.png + </Text> + </View> + </View> </View> </View> </View> @@ -41917,16 +53622,16 @@ exports[`Story Snapshots: FileAttachmentsWithFilenames should match snapshot 1`] </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -41954,302 +53659,289 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna orderKey=":r2s:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Check out this Python file. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Check out this Python file" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2s:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Check out this Python file. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Check out this Python file" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2s:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -42257,7 +53949,7 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -42273,169 +53965,337 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - test.py - </Text> - </View> - <Text - accessibilityLabel="test.py" - numberOfLines={0} - style={ + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", }, { - "color": "#2F343D", - "lineHeight": undefined, + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, }, ] } - testID="markdown-preview-test.py" > - test.py - </Text> + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + test.py + </Text> + </View> + <Text + accessibilityLabel="test.py" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-test.py" + > + test.py + </Text> + </View> + </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-Check out this Python file" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Check out this Python file" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Check out this Python file" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Check out this Python file + <Text + accessibilityLabel="Check out this Python file" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Check out this Python file + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -42450,302 +54310,289 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna orderKey=":r2t:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM TypeScript component. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="TypeScript component" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2t:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM TypeScript component. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="TypeScript component" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2t:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -42753,7 +54600,7 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -42769,169 +54616,337 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Component.tsx - </Text> - </View> - <Text - accessibilityLabel="Component.tsx" - numberOfLines={0} - style={ + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", }, { - "color": "#2F343D", - "lineHeight": undefined, + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, }, ] } - testID="markdown-preview-Component.tsx" > - Component.tsx - </Text> + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Component.tsx + </Text> + </View> + <Text + accessibilityLabel="Component.tsx" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-Component.tsx" + > + Component.tsx + </Text> + </View> + </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-TypeScript component" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-TypeScript component" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="TypeScript component" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - TypeScript component + <Text + accessibilityLabel="TypeScript component" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + TypeScript component + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -42946,290 +54961,387 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna orderKey=":r2u:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Configuration file. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Configuration file" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2u:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Configuration file. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Configuration file" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2u:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> - <View + <Text style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View style={ { @@ -43238,196 +55350,254 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna } > <View - style={ - { - "gap": 4, - } - } + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] + } + > + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + config.json + </Text> + </View> + <Text + accessibilityLabel="config.json" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-config.json" + > + config.json + </Text> + </View> + </View> + </View> + </View> + </View> + </View> + <View + testID="message-content-Configuration file" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 2, } } - testID="reply-undefined-undefined" > - <View + <Text style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <View + <Text style={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", } } > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - config.json - </Text> - </View> <Text - accessibilityLabel="config.json" - numberOfLines={0} + accessibilityLabel="Configuration file" style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", + "flexShrink": 1, "fontSize": 16, - "fontWeight": "400", "lineHeight": 22, - "textAlign": "left", }, { "color": "#2F343D", - "lineHeight": undefined, }, ] } - testID="markdown-preview-config.json" > - config.json + Configuration file </Text> - </View> - </View> - </View> - </View> - </View> - <View - testID="message-content-Configuration file" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Configuration file" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Configuration file </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -43442,290 +55612,387 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna orderKey=":r2v:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM File with description. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="File with description" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2v:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM File with description. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="File with description" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2v:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> - <View + <Text style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View style={ { @@ -43741,140 +56008,143 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-This is the **main** entry point for the application" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - main.go - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-This is the **main** entry point for the application" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="This is the " style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { "color": "#2F343D", @@ -43882,44 +56152,26 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna ] } > - This is the + main.go </Text> - <Text - style={ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontWeight": "700", - "textAlign": "left", - } + </View> + <View + style={ + { + "gap": 2, } - > - <Text - accessibilityLabel="main" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - main - </Text> - </Text> + } + > <Text - accessibilityLabel=" entry point for the application" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -43927,80 +56179,153 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna ] } > - entry point for the application + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is the " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is the + </Text> + <Text + style={ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontWeight": "700", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="main" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + main + </Text> + </Text> + <Text + accessibilityLabel=" entry point for the application" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + entry point for the application + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-File with description" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-File with description" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="File with description" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - File with description + <Text + accessibilityLabel="File with description" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + File with description + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -44015,233 +56340,143 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna orderKey=":r30:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r30:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r30:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 46.800000000000004, } } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, - } - } - testID="reply-undefined-undefined" - > - <View - style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } - } - > - <View - style={ - { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - document.pdf - </Text> - </View> - <Text - accessibilityLabel="document.pdf" - numberOfLines={0} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] - } - testID="markdown-preview-document.pdf" - > - document.pdf - </Text> - </View> - </View> - </View> - </View> + /> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > <View style={ { @@ -44250,120 +56485,354 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" > <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - image.png - </Text> + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + document.pdf + </Text> + </View> + <Text + accessibilityLabel="document.pdf" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-document.pdf" + > + document.pdf + </Text> + </View> </View> - <Text - accessibilityLabel="image.png" - numberOfLines={0} - style={ + </View> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", }, { - "color": "#2F343D", - "lineHeight": undefined, + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, }, ] } - testID="markdown-preview-image.png" > - image.png - </Text> + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + image.png + </Text> + </View> + <Text + accessibilityLabel="image.png" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-image.png" + > + image.png + </Text> + </View> + </View> </View> </View> </View> @@ -44371,16 +56840,16 @@ exports[`Story Snapshots: FileAttachmentsWithFilenamesLargeFont should match sna </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -44408,354 +56877,459 @@ exports[`Story Snapshots: FullName should match snapshot 1`] = ` orderKey=":r31:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Diego Mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r31:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Diego Mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r31:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-Diego Mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - Diego Mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-Diego Mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Diego Mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -44783,354 +57357,459 @@ exports[`Story Snapshots: FullNameLargeFont should match snapshot 1`] = ` orderKey=":r32:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Diego Mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r32:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Diego Mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r32:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-Diego Mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Diego Mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - testID="username-header-Diego Mello" > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - Diego Mello - </Text> - </View> + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -45158,354 +57837,459 @@ exports[`Story Snapshots: GroupedMessages should match snapshot 1`] = ` orderKey=":r33:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM .... " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="..." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r33:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM .... " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="..." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r33:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-..." > <View - style={ - { - "gap": 2, - } - } + testID="message-content-..." > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } - > - <Text - accessibilityLabel="..." - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - ... + <Text + accessibilityLabel="..." + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + ... + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -45520,354 +58304,459 @@ exports[`Story Snapshots: GroupedMessages should match snapshot 1`] = ` orderKey=":r34:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 10:00:00 AM Different user. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Different user" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r34:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 10:00:00 AM Different user. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Different user" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r34:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'s avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'s avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Different user" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Different user" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Different user" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Different user + <Text + accessibilityLabel="Different user" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Different user + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -45882,171 +58771,215 @@ exports[`Story Snapshots: GroupedMessages should match snapshot 1`] = ` orderKey=":r35:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the third message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the third message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r35:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the third message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the third message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r35:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This is the third message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the third message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is the third message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the third message + <Text + accessibilityLabel="This is the third message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is the third message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -46061,171 +58994,215 @@ exports[`Story Snapshots: GroupedMessages should match snapshot 1`] = ` orderKey=":r36:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the second message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the second message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r36:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the second message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the second message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r36:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This is the second message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the second message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is the second message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the second message + <Text + accessibilityLabel="This is the second message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is the second message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -46240,354 +59217,459 @@ exports[`Story Snapshots: GroupedMessages should match snapshot 1`] = ` orderKey=":r37:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the first message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the first message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r37:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the first message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the first message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r37:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This is the first message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-This is the first message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is the first message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the first message + <Text + accessibilityLabel="This is the first message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is the first message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -46615,354 +59697,459 @@ exports[`Story Snapshots: GroupedMessagesLargeFont should match snapshot 1`] = ` orderKey=":r38:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM .... " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="..." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r38:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM .... " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="..." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r38:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> - <View + <Text style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View - testID="message-content-..." + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-..." > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="..." style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - ... + <Text + accessibilityLabel="..." + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + ... + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -46977,1303 +60164,1368 @@ exports[`Story Snapshots: GroupedMessagesLargeFont should match snapshot 1`] = ` orderKey=":r39:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 10:00:00 AM Different user. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Different user" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r39:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 10:00:00 AM Different user. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Different user" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r39:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'s avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'s avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Different user" - > - <View - style={ - { - "gap": 2, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Different user" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Different user - </Text> - </Text> - </Text> - </View> - </View> - </View> - </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r3a:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r3a:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM This is the third message. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="This is the third message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3a:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-This is the third message" - > + testID="username-header-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Different user" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is the third message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the third message + <Text + accessibilityLabel="Different user" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Different user + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> </A11yOrderView> <A11yOrderView - orderKey=":r3b:" + orderKey=":r3a:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r3b:" + orderKey=":r3a:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the second message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the second message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3b:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the third message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the third message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3a:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This is the second message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the third message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is the second message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the second message + <Text + accessibilityLabel="This is the third message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is the third message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> </A11yOrderView> <A11yOrderView - orderKey=":r3c:" + orderKey=":r3b:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r3c:" + orderKey=":r3b:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the first message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the first message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3c:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the second message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the second message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3b:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 46.800000000000004, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + /> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This is the first message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the second message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is the first message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the first message + <Text + accessibilityLabel="This is the second message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is the second message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> </A11yOrderView> - </View> -</RCTScrollView> -`; - -exports[`Story Snapshots: Ignored should match snapshot 1`] = ` -<RCTScrollView - style={ - { - "backgroundColor": "#FFFFFF", - } - } -> - <View> <A11yOrderView - orderKey=":r3d:" + orderKey=":r3c:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r3d:" + orderKey=":r3c:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessibilityLabel="diego.mello 10:00:00 AM This is the first message. " accessible={true} style={ - [ - { - "flexDirection": "row", - }, - {}, - ] + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } } + testID="message-undefined" > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } + <A11yIndexView + accessibilityLabel="This is the first message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3c:" > <View accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 20, - "width": 20, - }, - undefined, - ] + { + "flexDirection": "row", + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "opacity": 1, + "alignItems": "flex-end", + "width": 46.800000000000004, } } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessible={true} + style={ [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + testID="avatar" + > + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] } - } - transition={null} - width={20} - /> + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> + </View> </View> - </View> - </View> - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3d:" - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - testID="message-content-" + style={ + { + "flex": 1, + "marginLeft": 10, + } + } > - <Text + <View + onLayout={[Function]} style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "flex": 1, + } } - testID="message-ignored-undefined" > - Message ignored. Tap to display it. - </Text> + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-This is the first message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is the first message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is the first message + </Text> + </Text> + </Text> + </View> + </View> + </View> + </View> </View> </View> </A11yIndexView> @@ -48286,7 +61538,7 @@ exports[`Story Snapshots: Ignored should match snapshot 1`] = ` </RCTScrollView> `; -exports[`Story Snapshots: IgnoredLargeFont should match snapshot 1`] = ` +exports[`Story Snapshots: Ignored should match snapshot 1`] = ` <RCTScrollView style={ { @@ -48296,220 +61548,281 @@ exports[`Story Snapshots: IgnoredLargeFont should match snapshot 1`] = ` > <View> <A11yOrderView - orderKey=":r3e:" + orderKey=":r3d:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r3e:" + orderKey=":r3d:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={26} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3e:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3d:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-" - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-ignored-undefined" + } + > + <View + testID="message-content-" > - Message ignored. Tap to display it. - </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="message-ignored-undefined" + > + Message ignored. Tap to display it. + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -48519,7 +61832,7 @@ exports[`Story Snapshots: IgnoredLargeFont should match snapshot 1`] = ` </RCTScrollView> `; -exports[`Story Snapshots: InlineKatex should match snapshot 1`] = ` +exports[`Story Snapshots: IgnoredLargeFont should match snapshot 1`] = ` <RCTScrollView style={ { @@ -48529,83 +61842,125 @@ exports[`Story Snapshots: InlineKatex should match snapshot 1`] = ` > <View> <A11yOrderView - orderKey=":r3f:" + orderKey=":r3e:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r3f:" + orderKey=":r3e:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM \\(xˆ2 + yˆ2 - zˆ2\\). " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="\\(xˆ2 + yˆ2 - zˆ2\\)" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3f:" + <View + style={ + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] + } > <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " accessible={true} style={ - { - "flexDirection": "row", - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View style={ { "alignItems": "flex-end", - "width": 36, + "width": 46.800000000000004, } } > @@ -48615,263 +61970,620 @@ exports[`Story Snapshots: InlineKatex should match snapshot 1`] = ` [ { "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, + "height": 26, + "width": 26, }, + undefined, ] } testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "left": "50%", - "top": "50%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={36} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3e:" + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-" + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="message-ignored-undefined" + > + Message ignored. Tap to display it. + </Text> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + </View> +</RCTScrollView> +`; + +exports[`Story Snapshots: InlineKatex should match snapshot 1`] = ` +<RCTScrollView + style={ + { + "backgroundColor": "#FFFFFF", + } + } +> + <View> + <A11yOrderView + orderKey=":r3f:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r3f:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM \\(xˆ2 + yˆ2 - zˆ2\\). " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="\\(xˆ2 + yˆ2 - zˆ2\\)" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3f:" + > <View + accessible={true} style={ { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 36, } } > <View + accessible={true} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-\\(xˆ2 + yˆ2 - zˆ2\\)" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-\\(xˆ2 + yˆ2 - zˆ2\\)" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <Text> - xˆ2 + yˆ2 - zˆ2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text> + xˆ2 + yˆ2 - zˆ2 + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -48899,340 +62611,445 @@ exports[`Story Snapshots: InlineKatexLargeFont should match snapshot 1`] = ` orderKey=":r3g:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM \\(xˆ2 + yˆ2 - zˆ2\\). " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="\\(xˆ2 + yˆ2 - zˆ2\\)" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3g:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM \\(xˆ2 + yˆ2 - zˆ2\\). " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="\\(xˆ2 + yˆ2 - zˆ2\\)" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3g:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-\\(xˆ2 + yˆ2 - zˆ2\\)" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-\\(xˆ2 + yˆ2 - zˆ2\\)" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <Text> - xˆ2 + yˆ2 - zˆ2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text> + xˆ2 + yˆ2 - zˆ2 + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -49260,316 +63077,421 @@ exports[`Story Snapshots: Katex should match snapshot 1`] = ` orderKey=":r3h:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM \\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="\\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3h:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM \\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="\\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3h:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-\\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-\\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]" > <View - math=" \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }" - renderError={[Function]} style={ { - "color": "#2F343D", + "gap": 2, } } - /> + > + <View + math=" \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }" + renderError={[Function]} + style={ + { + "color": "#2F343D", + } + } + /> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -49597,316 +63519,421 @@ exports[`Story Snapshots: KatexLargeFont should match snapshot 1`] = ` orderKey=":r3i:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM \\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="\\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3i:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM \\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="\\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3i:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-\\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-\\[ \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }\\]" > <View - math=" \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }" - renderError={[Function]} style={ { - "color": "#2F343D", + "gap": 2, } } - /> + > + <View + math=" \\color{black} \\colorbox{white}{ \\boxed{ \\begin{matrix} \\;\\;\\;\\; \\overlinesegment {\\underlinesegment{ \\Huge Test\\; Test \\; in \\; Test} } & \\\\ \\;\\;\\textit{develop}\\end{matrix} } }" + renderError={[Function]} + style={ + { + "color": "#2F343D", + } + } + /> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -49934,527 +63961,632 @@ exports[`Story Snapshots: Lists should match snapshot 1`] = ` orderKey=":r3j:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM * Dogs -* cats -- cats. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="* Dogs + <View + accessibilityLabel="diego.mello 10:00:00 AM * Dogs * cats -- cats" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3j:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } +- cats. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="* Dogs +* cats +- cats" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3j:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <View + accessible={true} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-* Dogs -* cats -- cats" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-* Dogs +* cats +- cats" > - <View> - <View - style={ - { - "flexDirection": "row", - } + <View + style={ + { + "gap": 2, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - • - </Text> - <Text + } + > + <View> + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + • + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Dogs" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Dogs + <Text + accessibilityLabel="Dogs" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Dogs + </Text> </Text> </Text> - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - • - </Text> - <Text + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + • + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="cats" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - cats - </Text> - </Text> - </Text> - </View> - </View> - <View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - • - </Text> - <Text + <Text + accessibilityLabel="cats" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + cats + </Text> + </Text> + </Text> + </View> + </View> + <View> + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + • + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="cats" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - cats + <Text + accessibilityLabel="cats" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + cats + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> @@ -50462,8 +64594,8 @@ exports[`Story Snapshots: Lists should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -50478,477 +64610,582 @@ exports[`Story Snapshots: Lists should match snapshot 1`] = ` orderKey=":r3k:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 1. Dogs -2. Cats. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="1. Dogs -2. Cats" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3k:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 1. Dogs +2. Cats. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="1. Dogs +2. Cats" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3k:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-1. Dogs -2. Cats" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-1. Dogs +2. Cats" > - <View> - <View - style={ - { - "flexDirection": "row", - } + <View + style={ + { + "gap": 2, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "fontVariant": [ - "tabular-nums", - ], - }, - { - "color": "#2F343D", - }, - ] - } - > - 1 - . - </Text> - <Text + } + > + <View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "fontVariant": [ + "tabular-nums", + ], + }, + { + "color": "#2F343D", + }, + ] + } + > + 1 + . + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Dogs " style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Dogs + <Text + accessibilityLabel="Dogs " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Dogs + </Text> </Text> </Text> - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "fontVariant": [ - "tabular-nums", - ], - }, - { - "color": "#2F343D", - }, - ] - } - > - 2 - . - </Text> - <Text + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "fontVariant": [ + "tabular-nums", + ], + }, + { + "color": "#2F343D", + }, + ] + } + > + 2 + . + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Cats" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Cats + <Text + accessibilityLabel="Cats" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Cats + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> @@ -50956,8 +65193,8 @@ exports[`Story Snapshots: Lists should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -50972,387 +65209,492 @@ exports[`Story Snapshots: Lists should match snapshot 1`] = ` orderKey=":r3l:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 1. Dogs. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="1. Dogs" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3l:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 1. Dogs. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="1. Dogs" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3l:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-1. Dogs" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-1. Dogs" > - <View> - <View - style={ - { - "flexDirection": "row", - } + <View + style={ + { + "gap": 2, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "fontVariant": [ - "tabular-nums", - ], - }, - { - "color": "#2F343D", - }, - ] - } - > - 1 - . - </Text> - <Text + } + > + <View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "fontVariant": [ + "tabular-nums", + ], + }, + { + "color": "#2F343D", + }, + ] + } + > + 1 + . + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Dogs" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Dogs + <Text + accessibilityLabel="Dogs" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Dogs + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> @@ -51360,8 +65702,8 @@ exports[`Story Snapshots: Lists should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -51376,213 +65718,257 @@ exports[`Story Snapshots: Lists should match snapshot 1`] = ` orderKey=":r3m:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 2. Cats. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="2. Cats" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3m:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 2. Cats. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="2. Cats" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3m:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-2. Cats" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-2. Cats" > - <View> - <View - style={ - { - "flexDirection": "row", - } + <View + style={ + { + "gap": 2, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "fontVariant": [ - "tabular-nums", - ], - }, - { - "color": "#2F343D", - }, - ] - } - > - 2 - . - </Text> - <Text + } + > + <View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "fontVariant": [ + "tabular-nums", + ], + }, + { + "color": "#2F343D", + }, + ] + } + > + 2 + . + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Cats" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Cats + <Text + accessibilityLabel="Cats" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Cats + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -51610,527 +65996,632 @@ exports[`Story Snapshots: ListsLargeFont should match snapshot 1`] = ` orderKey=":r3n:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM * Dogs -* cats -- cats. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="* Dogs + <View + accessibilityLabel="diego.mello 10:00:00 AM * Dogs * cats -- cats" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3n:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } +- cats. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="* Dogs +* cats +- cats" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3n:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-* Dogs -* cats -- cats" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-* Dogs +* cats +- cats" > - <View> - <View - style={ - { - "flexDirection": "row", - } + <View + style={ + { + "gap": 2, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - • - </Text> - <Text + } + > + <View> + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + • + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Dogs" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Dogs + <Text + accessibilityLabel="Dogs" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Dogs + </Text> </Text> </Text> - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - • - </Text> - <Text + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + • + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="cats" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - cats + <Text + accessibilityLabel="cats" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + cats + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - • - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + </Text> + </View> + </View> + <View> + <View + style={ + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + • + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="cats" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - cats + <Text + accessibilityLabel="cats" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + cats + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> @@ -52138,8 +66629,8 @@ exports[`Story Snapshots: ListsLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -52154,477 +66645,582 @@ exports[`Story Snapshots: ListsLargeFont should match snapshot 1`] = ` orderKey=":r3o:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 1. Dogs -2. Cats. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="1. Dogs -2. Cats" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3o:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 1. Dogs +2. Cats. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="1. Dogs +2. Cats" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3o:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-1. Dogs -2. Cats" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-1. Dogs +2. Cats" > - <View> - <View - style={ - { - "flexDirection": "row", - } + <View + style={ + { + "gap": 2, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "fontVariant": [ - "tabular-nums", - ], - }, - { - "color": "#2F343D", - }, - ] - } - > - 1 - . - </Text> - <Text + } + > + <View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "fontVariant": [ + "tabular-nums", + ], + }, + { + "color": "#2F343D", + }, + ] + } + > + 1 + . + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Dogs " style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Dogs + <Text + accessibilityLabel="Dogs " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Dogs + </Text> </Text> </Text> - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "fontVariant": [ - "tabular-nums", - ], - }, - { - "color": "#2F343D", - }, - ] - } - > - 2 - . - </Text> - <Text + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "fontVariant": [ + "tabular-nums", + ], + }, + { + "color": "#2F343D", + }, + ] + } + > + 2 + . + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Cats" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Cats + <Text + accessibilityLabel="Cats" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Cats + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> @@ -52632,8 +67228,8 @@ exports[`Story Snapshots: ListsLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -52648,387 +67244,492 @@ exports[`Story Snapshots: ListsLargeFont should match snapshot 1`] = ` orderKey=":r3p:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 1. Dogs. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="1. Dogs" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3p:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 1. Dogs. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="1. Dogs" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3p:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> - <View + <Text style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View - testID="message-content-1. Dogs" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-1. Dogs" > - <View> - <View - style={ - { - "flexDirection": "row", - } + <View + style={ + { + "gap": 2, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "fontVariant": [ - "tabular-nums", - ], - }, - { - "color": "#2F343D", - }, - ] - } - > - 1 - . - </Text> - <Text + } + > + <View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "fontVariant": [ + "tabular-nums", + ], + }, + { + "color": "#2F343D", + }, + ] + } + > + 1 + . + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Dogs" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Dogs + <Text + accessibilityLabel="Dogs" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Dogs + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> @@ -53036,8 +67737,8 @@ exports[`Story Snapshots: ListsLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -53052,213 +67753,257 @@ exports[`Story Snapshots: ListsLargeFont should match snapshot 1`] = ` orderKey=":r3q:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM 2. Cats. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="2. Cats" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3q:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM 2. Cats. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="2. Cats" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3q:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-2. Cats" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-2. Cats" > - <View> - <View - style={ - { - "flexDirection": "row", - } + <View + style={ + { + "gap": 2, } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "fontVariant": [ - "tabular-nums", - ], - }, - { - "color": "#2F343D", - }, - ] - } - > - 2 - . - </Text> - <Text + } + > + <View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flexDirection": "row", + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "fontVariant": [ + "tabular-nums", + ], + }, + { + "color": "#2F343D", + }, + ] + } + > + 2 + . + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Cats" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Cats + <Text + accessibilityLabel="Cats" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Cats + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -53286,354 +68031,459 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` orderKey=":r3r:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM this is a normal message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="this is a normal message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3r:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM this is a normal message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="this is a normal message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3r:" + > <View + accessible={true} style={ { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 36, } } > <View + accessible={true} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-Long name user looooong name user" > - <Text - numberOfLines={1} + <View + accessibilityLabel="Long name user looooong name user's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - Long name user looooong name user - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-this is a normal message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-Long name user looooong name user" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-this is a normal message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="this is a normal message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - this is a normal message + <Text + accessibilityLabel="this is a normal message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + this is a normal message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -53648,390 +68498,495 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` orderKey=":r3s:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM Edited message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Edited message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3s:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM Edited message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Edited message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3s:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="Long name user looooong name user's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> + </View> + </View> <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-Long name user looooong name user" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Long name user looooong name user - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "paddingLeft": 5, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - testID="undefined-edited" - > - <Text - allowFontScaling={false} - selectable={false} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 16, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, - [ - { - "lineHeight": 16, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } + testID="username-header-Long name user looooong name user" > -  - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> </View> - </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Edited message" - > <View style={ { - "gap": 2, + "flexDirection": "row", } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "paddingLeft": 5, + } } + testID="undefined-edited" > <Text + allowFontScaling={false} + selectable={false} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "color": "#2F343D", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Edited message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Edited message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Edited message + <Text + accessibilityLabel="Edited message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Edited message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -54046,390 +69001,495 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` orderKey=":r3t:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM Message translated into English" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Translated message" + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM Message translated into English" accessible={true} - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3t:" + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" > - <View + <A11yIndexView + accessibilityLabel="Translated message" accessible={true} - style={ - { - "flexDirection": "row", - } - } + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3t:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-Long name user looooong name user" > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] + <View + accessibilityLabel="Long name user looooong name user's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - > - Long name user looooong name user - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", + "opacity": 1, }, ] } > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "paddingLeft": 5, + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 16, - }, - [ - { - "lineHeight": 16, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", }, - {}, ] } - > -  - </Text> + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> </View> </View> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Translated message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-Long name user looooong name user" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > - <Text - accessibilityLabel="Translated message" - style={ + Long name user looooong name user + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "paddingLeft": 5, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 16, + }, [ { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", + "lineHeight": 16, }, - ] + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Translated message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Translated message + <Text + accessibilityLabel="Translated message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Translated message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -54444,283 +69504,148 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` orderKey=":r3u:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM Encrypted message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Encrypted message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3u:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM Encrypted message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Encrypted message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3u:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-Long name user looooong name user" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - Long name user looooong name user - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="Long name user looooong name user's avatar" accessibilityState={ { "busy": undefined, @@ -54740,16 +69665,10 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -54757,112 +69676,402 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 16, - }, - [ - { - "lineHeight": 16, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", }, - {}, ] } - > -  - </Text> + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> </View> </View> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Encrypted message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-Long name user looooong name user" > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> <Text style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } > <Text - accessibilityLabel="Encrypted message" + allowFontScaling={false} + selectable={false} style={ [ { - "flexShrink": 1, + "color": "#2F343D", "fontSize": 16, - "lineHeight": 22, }, + [ + { + "lineHeight": 16, + }, + undefined, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } > - Encrypted message +  + </Text> + </View> + </View> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Encrypted message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Encrypted message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Encrypted message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -54924,108 +70133,17 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="Long name user looooong name user's avatar" accessibilityState={ { "busy": undefined, @@ -55046,7 +70164,9 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -55054,62 +70174,117 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } - testID="username-header-Long name user looooong name user" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", }, ] } - > - Long name user looooong name user - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > <View + collapsable={false} style={ - { - "flexDirection": "row", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -55133,15 +70308,9 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -55149,38 +70318,183 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-Long name user looooong name user" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 16, + "paddingLeft": 5, }, - [ - { - "lineHeight": 16, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> </View> </View> @@ -55267,385 +70581,490 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` orderKey=":r40:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM Message with read receipt. Message was read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message with read receipt" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r40:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM Message with read receipt. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message with read receipt" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r40:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="Long name user looooong name user's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-Long name user looooong name user" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Long name user looooong name user - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + <View + accessibilityState={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#095AD2", - "fontSize": 25, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { - "lineHeight": 25, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "marginTop": -5, - "paddingLeft": 5, + "opacity": 1, }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> - </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message with read receipt" - > + ] + } + testID="username-header-Long name user looooong name user" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > <Text + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "color": "#095AD2", + "fontSize": 25, }, + [ + { + "lineHeight": 25, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } + testID="read-receipt-read" + > +  + </Text> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message with read receipt" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message with read receipt" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message with read receipt + <Text + accessibilityLabel="Message with read receipt" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message with read receipt + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -55660,283 +71079,148 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` orderKey=":r41:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM Message with read receipt. Message was read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message with read receipt" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r41:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM Message with read receipt. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message with read receipt" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r41:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-Long name user looooong name user" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - Long name user looooong name user - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="Long name user looooong name user's avatar" accessibilityState={ { "busy": undefined, @@ -55956,16 +71240,10 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -55973,142 +71251,432 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 16, - }, - [ - { - "lineHeight": 16, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", }, - {}, ] } - > -  - </Text> - </View> - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#095AD2", - "fontSize": 25, - }, - [ - { - "lineHeight": 25, - }, - { - "marginTop": -5, - "paddingLeft": 5, - }, - ], + style={ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message with read receipt" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-Long name user looooong name user" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> <Text + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "color": "#095AD2", + "fontSize": 25, }, + [ + { + "lineHeight": 25, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } + testID="read-receipt-read" + > +  + </Text> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message with read receipt" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message with read receipt" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message with read receipt + <Text + accessibilityLabel="Message with read receipt" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message with read receipt + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -56171,108 +71739,17 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="Long name user looooong name user's avatar" accessibilityState={ { "busy": undefined, @@ -56293,7 +71770,9 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -56301,62 +71780,117 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } - testID="username-header-Long name user looooong name user" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=72", }, ] } - > - Long name user looooong name user - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > <View + collapsable={false} style={ - { - "flexDirection": "row", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -56379,16 +71913,10 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -56396,39 +71924,184 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] } + testID="username-header-Long name user looooong name user" > <Text - allowFontScaling={false} - selectable={false} + numberOfLines={1} style={ [ { - "color": "#2F343D", + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 16, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", }, - {}, ] } > -  + 10:00 AM </Text> </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> <View style={ { @@ -56465,74 +72138,118 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` </Text> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 16, + "paddingLeft": 5, }, - [ - { - "lineHeight": 16, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> <View style={ @@ -56807,74 +72524,118 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 16, + "paddingLeft": 5, }, - [ - { - "lineHeight": 16, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> <View style={ @@ -56912,74 +72673,118 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` </Text> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 16, + "paddingLeft": 5, }, - [ - { - "lineHeight": 16, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> <View style={ @@ -57184,74 +72989,118 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 16, + "paddingLeft": 5, }, - [ - { - "lineHeight": 16, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> <View style={ @@ -57289,74 +73138,118 @@ exports[`Story Snapshots: LongNameUser should match snapshot 1`] = ` </Text> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 16, + "paddingLeft": 5, }, - [ - { - "lineHeight": 16, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> <View style={ @@ -57450,354 +73343,459 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` orderKey=":r45:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM this is a normal message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="this is a normal message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r45:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM this is a normal message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="this is a normal message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r45:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="Long name user looooong name user's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-Long name user looooong name user" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Long name user looooong name user - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-Long name user looooong name user" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-this is a normal message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-this is a normal message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="this is a normal message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - this is a normal message + <Text + accessibilityLabel="this is a normal message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + this is a normal message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -57812,390 +73810,495 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` orderKey=":r46:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM Edited message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Edited message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r46:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM Edited message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Edited message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r46:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="Long name user looooong name user's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ + accessibilityValue={ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + ] } - } - transition={null} - width={46.800000000000004} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-Long name user looooong name user" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Long name user looooong name user - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "paddingLeft": 5, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - testID="undefined-edited" - > - <Text - allowFontScaling={false} - selectable={false} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 20.8, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } + testID="username-header-Long name user looooong name user" > -  - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + </View> </View> - </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Edited message" - > <View style={ { - "gap": 2, + "flexDirection": "row", } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "paddingLeft": 5, + } } + testID="undefined-edited" > <Text + allowFontScaling={false} + selectable={false} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Edited message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Edited message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Edited message + <Text + accessibilityLabel="Edited message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Edited message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -58210,390 +74313,495 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` orderKey=":r47:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM Message translated into English" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Translated message" + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM Message translated into English" accessible={true} - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r47:" + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" > - <View + <A11yIndexView + accessibilityLabel="Translated message" accessible={true} - style={ - { - "flexDirection": "row", - } - } + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r47:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="Long name user looooong name user's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-Long name user looooong name user" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Long name user looooong name user - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "paddingLeft": 5, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 20.8, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } + testID="username-header-Long name user looooong name user" > -  - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + </View> </View> - </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Translated message" - > <View style={ { - "gap": 2, + "flexDirection": "row", } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "paddingLeft": 5, + } } > <Text + allowFontScaling={false} + selectable={false} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Translated message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Translated message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Translated message + <Text + accessibilityLabel="Translated message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Translated message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -58608,264 +74816,148 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` orderKey=":r48:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM Encrypted message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Encrypted message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r48:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM Encrypted message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Encrypted message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r48:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-Long name user looooong name user" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - Long name user looooong name user - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="Long name user looooong name user's avatar" accessibilityState={ { "busy": undefined, @@ -58885,16 +74977,10 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -58902,131 +74988,402 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 20.8, - }, - [ - { - "lineHeight": 20.8, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", }, - {}, ] } - > -  - </Text> + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> </View> </View> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Encrypted message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-Long name user looooong name user" > <Text + numberOfLines={1} style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } > <Text - accessibilityLabel="Encrypted message" + allowFontScaling={false} + selectable={false} style={ [ { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, + "color": "#2F343D", + "fontSize": 20.8, }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } > - Encrypted message +  + </Text> + </View> + </View> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Encrypted message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Encrypted message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Encrypted message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -59088,78 +75445,95 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + <View + accessibilityLabel="Long name user looooong name user's avatar" + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={46.800000000000004} - /> + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> </View> </View> @@ -59190,71 +75564,39 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-Long name user looooong name user" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - Long name user looooong name user - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -59278,15 +75620,9 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -59294,38 +75630,164 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-Long name user looooong name user" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 20.8, + "paddingLeft": 5, }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> </View> </View> @@ -59431,385 +75893,490 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` orderKey=":r4a:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM Message with read receipt. Message was read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message with read receipt" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4a:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM Message with read receipt. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message with read receipt" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4a:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="Long name user looooong name user's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-Long name user looooong name user" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Long name user looooong name user - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + <View + accessibilityState={ { - "color": "#095AD2", - "fontSize": 32.5, - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { - "lineHeight": 32.5, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "marginTop": -5, - "paddingLeft": 5, + "opacity": 1, }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> - </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message with read receipt" - > + ] + } + testID="username-header-Long name user looooong name user" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > <Text + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "color": "#095AD2", + "fontSize": 32.5, }, + [ + { + "lineHeight": 32.5, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } + testID="read-receipt-read" + > +  + </Text> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message with read receipt" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <Text - accessibilityLabel="Message with read receipt" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message with read receipt + <Text + accessibilityLabel="Message with read receipt" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message with read receipt + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -59824,264 +76391,148 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` orderKey=":r4b:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Long name user looooong name user 10:00:00 AM Message with read receipt. Message was read" - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message with read receipt" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4b:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Long name user looooong name user 10:00:00 AM Message with read receipt. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message with read receipt" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4b:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-Long name user looooong name user" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - Long name user looooong name user - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="Long name user looooong name user's avatar" accessibilityState={ { "busy": undefined, @@ -60101,16 +76552,10 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -60118,161 +76563,432 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#2F343D", - "fontSize": 20.8, - }, - [ - { - "lineHeight": 20.8, + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", }, - {}, ] } - > -  - </Text> - </View> - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#095AD2", - "fontSize": 32.5, - }, - [ - { - "lineHeight": 32.5, - }, - { - "marginTop": -5, - "paddingLeft": 5, - }, - ], + style={ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message with read receipt" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-Long name user looooong name user" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Long name user looooong name user + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> <Text + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "color": "#095AD2", + "fontSize": 32.5, }, + [ + { + "lineHeight": 32.5, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } + testID="read-receipt-read" + > +  + </Text> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message with read receipt" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message with read receipt" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message with read receipt + <Text + accessibilityLabel="Message with read receipt" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message with read receipt + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -60335,78 +77051,95 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="Long name user looooong name user's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + <View + accessibilityLabel="Long name user looooong name user's avatar" + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={46.800000000000004} - /> + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Long name user looooong name user?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> </View> </View> @@ -60437,71 +77170,39 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-Long name user looooong name user" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - Long name user looooong name user - </Text> - </View> - <View style={ - { - "flexDirection": "row", - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -60524,16 +77225,10 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` } accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -60541,39 +77236,165 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] } + testID="username-header-Long name user looooong name user" > <Text - allowFontScaling={false} - selectable={false} + numberOfLines={1} style={ [ { - "color": "#2F343D", - "fontSize": 20.8, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#1F2329", }, - {}, ] } > -  + Long name user looooong name user </Text> </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "paddingLeft": 5, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> <View style={ { @@ -60610,74 +77431,118 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` </Text> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 20.8, + "paddingLeft": 5, }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> <View style={ @@ -60971,74 +77836,118 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - accessible={true} - collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - "paddingLeft": 5, + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 20.8, + "paddingLeft": 5, }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> <View style={ @@ -61076,74 +77985,118 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` </Text> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 20.8, + "paddingLeft": 5, }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> <View style={ @@ -61348,74 +78301,118 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={false} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 20.8, + "paddingLeft": 5, }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> <View style={ @@ -61453,74 +78450,118 @@ exports[`Story Snapshots: LongNameUserLargeFont should match snapshot 1`] = ` </Text> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - "paddingLeft": 5, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#EC0D2A", - "fontSize": 20.8, + "paddingLeft": 5, }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#EC0D2A", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> <View style={ @@ -61614,533 +78655,638 @@ exports[`Story Snapshots: Mentions should match snapshot 1`] = ` orderKey=":r4f:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM rocket.cat diego.mello all here general @team. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="@rocket.cat @diego.mello @all @here #general @team" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4f:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM rocket.cat diego.mello all here general @team. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="@rocket.cat @diego.mello @all @here #general @team" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4f:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } - } - transition={null} - width={36} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-@rocket.cat @diego.mello @all @here #general @team" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-@rocket.cat @diego.mello @all @here #general @team" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#8E6300", - }, - ] - } - > - rocket.cat - </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - - </Text> - <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#9B1325", - }, - ] - } - > - diego.mello - </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#974809", - }, - ] - } - > - all - </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#974809", - }, - ] - } - > - here - </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - - </Text> - <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - > - general - </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - - </Text> <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#8E6300", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - team + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#8E6300", + }, + ] + } + > + rocket.cat + </Text> + <Text + accessibilityLabel=" " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + + </Text> + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#9B1325", + }, + ] + } + > + diego.mello + </Text> + <Text + accessibilityLabel=" " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#974809", + }, + ] + } + > + all + </Text> + <Text + accessibilityLabel=" " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#974809", + }, + ] + } + > + here + </Text> + <Text + accessibilityLabel=" " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + + </Text> + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + general + </Text> + <Text + accessibilityLabel=" " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#8E6300", + }, + ] + } + > + team + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -62155,515 +79301,620 @@ exports[`Story Snapshots: Mentions should match snapshot 1`] = ` orderKey=":r4g:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM rocket.cat Lorem ipsum dolor diego.mello sit amet, all consectetur adipiscing here elit, sed do eiusmod tempor general incididunt ut labore et dolore magna aliqua.. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="@rocket.cat Lorem ipsum dolor @diego.mello sit amet, @all consectetur adipiscing @here elit, sed do eiusmod tempor #general incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4g:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM rocket.cat Lorem ipsum dolor diego.mello sit amet, all consectetur adipiscing here elit, sed do eiusmod tempor general incididunt ut labore et dolore magna aliqua.. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="@rocket.cat Lorem ipsum dolor @diego.mello sit amet, @all consectetur adipiscing @here elit, sed do eiusmod tempor #general incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4g:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-@rocket.cat Lorem ipsum dolor @diego.mello sit amet, @all consectetur adipiscing @here elit, sed do eiusmod tempor #general incididunt ut labore et dolore magna aliqua." - > - <View - style={ - { - "gap": 2, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - > - <Text + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#8E6300", - }, - ] - } - > - rocket.cat - </Text> - <Text - accessibilityLabel=" Lorem ipsum dolor " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Lorem ipsum dolor - </Text> - <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#9B1325", - }, - ] - } - > - diego.mello - </Text> - <Text - accessibilityLabel=" sit amet, " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - sit amet, - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#974809", - }, - ] - } - > - all - </Text> - <Text - accessibilityLabel=" consectetur adipiscing " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - consectetur adipiscing - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#974809", - }, - ] - } - > - here - </Text> - <Text - accessibilityLabel=" elit, sed do eiusmod tempor " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - elit, sed do eiusmod tempor - </Text> - <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - > - general - </Text> + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-@rocket.cat Lorem ipsum dolor @diego.mello sit amet, @all consectetur adipiscing @here elit, sed do eiusmod tempor #general incididunt ut labore et dolore magna aliqua." + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > <Text - accessibilityLabel=" incididunt ut labore et dolore magna aliqua." style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - incididunt ut labore et dolore magna aliqua. + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#8E6300", + }, + ] + } + > + rocket.cat + </Text> + <Text + accessibilityLabel=" Lorem ipsum dolor " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Lorem ipsum dolor + </Text> + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#9B1325", + }, + ] + } + > + diego.mello + </Text> + <Text + accessibilityLabel=" sit amet, " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + sit amet, + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#974809", + }, + ] + } + > + all + </Text> + <Text + accessibilityLabel=" consectetur adipiscing " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + consectetur adipiscing + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#974809", + }, + ] + } + > + here + </Text> + <Text + accessibilityLabel=" elit, sed do eiusmod tempor " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + elit, sed do eiusmod tempor + </Text> + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + general + </Text> + <Text + accessibilityLabel=" incididunt ut labore et dolore magna aliqua." + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + incididunt ut labore et dolore magna aliqua. + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -62691,533 +79942,638 @@ exports[`Story Snapshots: MentionsLargeFont should match snapshot 1`] = ` orderKey=":r4h:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM rocket.cat diego.mello all here general @team. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="@rocket.cat @diego.mello @all @here #general @team" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4h:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM rocket.cat diego.mello all here general @team. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="@rocket.cat @diego.mello @all @here #general @team" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4h:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ + style={ { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + /> + </View> + <Text style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - </View> + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-@rocket.cat @diego.mello @all @here #general @team" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-@rocket.cat @diego.mello @all @here #general @team" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#8E6300", - }, - ] - } - > - rocket.cat - </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - - </Text> - <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#9B1325", - }, - ] - } - > - diego.mello - </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#974809", - }, - ] - } - > - all - </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#974809", - }, - ] - } - > - here - </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - - </Text> - <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - > - general - </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - - </Text> <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#8E6300", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - team + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#8E6300", + }, + ] + } + > + rocket.cat + </Text> + <Text + accessibilityLabel=" " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + + </Text> + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#9B1325", + }, + ] + } + > + diego.mello + </Text> + <Text + accessibilityLabel=" " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#974809", + }, + ] + } + > + all + </Text> + <Text + accessibilityLabel=" " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#974809", + }, + ] + } + > + here + </Text> + <Text + accessibilityLabel=" " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + + </Text> + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + general + </Text> + <Text + accessibilityLabel=" " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#8E6300", + }, + ] + } + > + team + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -63232,515 +80588,620 @@ exports[`Story Snapshots: MentionsLargeFont should match snapshot 1`] = ` orderKey=":r4i:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM rocket.cat Lorem ipsum dolor diego.mello sit amet, all consectetur adipiscing here elit, sed do eiusmod tempor general incididunt ut labore et dolore magna aliqua.. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="@rocket.cat Lorem ipsum dolor @diego.mello sit amet, @all consectetur adipiscing @here elit, sed do eiusmod tempor #general incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4i:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM rocket.cat Lorem ipsum dolor diego.mello sit amet, all consectetur adipiscing here elit, sed do eiusmod tempor general incididunt ut labore et dolore magna aliqua.. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="@rocket.cat Lorem ipsum dolor @diego.mello sit amet, @all consectetur adipiscing @here elit, sed do eiusmod tempor #general incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4i:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-@rocket.cat Lorem ipsum dolor @diego.mello sit amet, @all consectetur adipiscing @here elit, sed do eiusmod tempor #general incididunt ut labore et dolore magna aliqua." > <View - style={ - { - "gap": 2, - } - } + testID="message-content-@rocket.cat Lorem ipsum dolor @diego.mello sit amet, @all consectetur adipiscing @here elit, sed do eiusmod tempor #general incididunt ut labore et dolore magna aliqua." > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#8E6300", - }, - ] - } - > - rocket.cat - </Text> - <Text - accessibilityLabel=" Lorem ipsum dolor " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Lorem ipsum dolor - </Text> - <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#9B1325", - }, - ] - } - > - diego.mello - </Text> - <Text - accessibilityLabel=" sit amet, " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - sit amet, - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#974809", - }, - ] - } - > - all - </Text> - <Text - accessibilityLabel=" consectetur adipiscing " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - consectetur adipiscing - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#974809", - }, - ] - } - > - here - </Text> - <Text - accessibilityLabel=" elit, sed do eiusmod tempor " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - elit, sed do eiusmod tempor - </Text> - <Text - onPress={[Function]} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - > - general - </Text> - <Text - accessibilityLabel=" incididunt ut labore et dolore magna aliqua." style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - incididunt ut labore et dolore magna aliqua. + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#8E6300", + }, + ] + } + > + rocket.cat + </Text> + <Text + accessibilityLabel=" Lorem ipsum dolor " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Lorem ipsum dolor + </Text> + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#9B1325", + }, + ] + } + > + diego.mello + </Text> + <Text + accessibilityLabel=" sit amet, " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + sit amet, + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#974809", + }, + ] + } + > + all + </Text> + <Text + accessibilityLabel=" consectetur adipiscing " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + consectetur adipiscing + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#974809", + }, + ] + } + > + here + </Text> + <Text + accessibilityLabel=" elit, sed do eiusmod tempor " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + elit, sed do eiusmod tempor + </Text> + <Text + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + general + </Text> + <Text + accessibilityLabel=" incididunt ut labore et dolore magna aliqua." + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + incididunt ut labore et dolore magna aliqua. + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -63768,294 +81229,399 @@ exports[`Story Snapshots: Message should match snapshot 1`] = ` orderKey=":r4j:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4j:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4j:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } /> </View> - <View - style={ - { - "gap": 4, - } - } - /> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -64083,385 +81649,490 @@ exports[`Story Snapshots: MessageWithReadReceipt should match snapshot 1`] = ` orderKey=":r4k:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was not read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4k:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was not read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4k:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + <View + accessibilityState={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#9EA2A8", - "fontSize": 25, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { - "lineHeight": 25, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "marginTop": -5, - "paddingLeft": 5, + "opacity": 1, }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-unread" - > -  - </Text> - </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-I'm fine!" - > + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > <Text + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "color": "#9EA2A8", + "fontSize": 25, }, + [ + { + "lineHeight": 25, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } + testID="read-receipt-unread" + > +  + </Text> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-I'm fine!" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="I'm fine!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - I'm fine! + <Text + accessibilityLabel="I'm fine!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + I'm fine! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -64476,202 +82147,246 @@ exports[`Story Snapshots: MessageWithReadReceipt should match snapshot 1`] = ` orderKey=":r4l:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was not read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4l:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was not read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4l:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-I'm fine!" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-I'm fine!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="I'm fine!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - I'm fine! + <Text + accessibilityLabel="I'm fine!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + I'm fine! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#9EA2A8", - "fontSize": 25, - }, + { + "flexDirection": "row", + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 25, + "color": "#9EA2A8", + "fontSize": 25, }, + [ + { + "lineHeight": 25, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "marginTop": -5, - "paddingLeft": 5, + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-unread" - > -  - </Text> + {}, + ] + } + testID="read-receipt-unread" + > +  + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -64686,385 +82401,490 @@ exports[`Story Snapshots: MessageWithReadReceipt should match snapshot 1`] = ` orderKey=":r4m:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4m:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4m:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + <View + accessibilityState={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#095AD2", - "fontSize": 25, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { - "lineHeight": 25, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "marginTop": -5, - "paddingLeft": 5, + "opacity": 1, }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> - </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-I'm fine!" - > + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > <Text + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "color": "#095AD2", + "fontSize": 25, }, + [ + { + "lineHeight": 25, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } + testID="read-receipt-read" + > +  + </Text> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-I'm fine!" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="I'm fine!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - I'm fine! + <Text + accessibilityLabel="I'm fine!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + I'm fine! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -65079,202 +82899,246 @@ exports[`Story Snapshots: MessageWithReadReceipt should match snapshot 1`] = ` orderKey=":r4n:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4n:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4n:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-I'm fine!" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-I'm fine!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="I'm fine!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - I'm fine! + <Text + accessibilityLabel="I'm fine!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + I'm fine! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#095AD2", - "fontSize": 25, - }, + { + "flexDirection": "row", + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 25, + "color": "#095AD2", + "fontSize": 25, }, + [ + { + "lineHeight": 25, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "marginTop": -5, - "paddingLeft": 5, + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> + {}, + ] + } + testID="read-receipt-read" + > +  + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -65302,385 +83166,490 @@ exports[`Story Snapshots: MessageWithReadReceiptLargeFont should match snapshot orderKey=":r4o:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was not read" - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4o:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was not read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4o:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#9EA2A8", - "fontSize": 32.5, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { - "lineHeight": 32.5, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "marginTop": -5, - "paddingLeft": 5, + "opacity": 1, }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-unread" - > -  - </Text> - </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-I'm fine!" - > + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > <Text + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "color": "#9EA2A8", + "fontSize": 32.5, }, + [ + { + "lineHeight": 32.5, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } + testID="read-receipt-unread" + > +  + </Text> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-I'm fine!" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="I'm fine!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - I'm fine! + <Text + accessibilityLabel="I'm fine!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + I'm fine! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -65695,202 +83664,246 @@ exports[`Story Snapshots: MessageWithReadReceiptLargeFont should match snapshot orderKey=":r4p:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was not read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4p:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was not read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4p:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-I'm fine!" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-I'm fine!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="I'm fine!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - I'm fine! + <Text + accessibilityLabel="I'm fine!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + I'm fine! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#9EA2A8", - "fontSize": 32.5, - }, + { + "flexDirection": "row", + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 32.5, + "color": "#9EA2A8", + "fontSize": 32.5, }, + [ + { + "lineHeight": 32.5, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "marginTop": -5, - "paddingLeft": 5, + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-unread" - > -  - </Text> + {}, + ] + } + testID="read-receipt-unread" + > +  + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -65905,385 +83918,490 @@ exports[`Story Snapshots: MessageWithReadReceiptLargeFont should match snapshot orderKey=":r4q:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4q:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4q:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ + accessibilityValue={ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + ] } - } - transition={null} - width={46.800000000000004} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + <View + accessibilityState={ { - "color": "#095AD2", - "fontSize": 32.5, - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { - "lineHeight": 32.5, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "marginTop": -5, - "paddingLeft": 5, + "opacity": 1, }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> - </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-I'm fine!" - > + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > <Text + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "color": "#095AD2", + "fontSize": 32.5, }, + [ + { + "lineHeight": 32.5, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } + testID="read-receipt-read" + > +  + </Text> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-I'm fine!" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="I'm fine!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - I'm fine! + <Text + accessibilityLabel="I'm fine!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + I'm fine! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -66298,202 +84416,246 @@ exports[`Story Snapshots: MessageWithReadReceiptLargeFont should match snapshot orderKey=":r4r:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was read" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4r:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. Message was read" + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4r:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-I'm fine!" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-I'm fine!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="I'm fine!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - I'm fine! + <Text + accessibilityLabel="I'm fine!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + I'm fine! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#095AD2", - "fontSize": 32.5, - }, + { + "flexDirection": "row", + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 32.5, + "color": "#095AD2", + "fontSize": 32.5, }, + [ + { + "lineHeight": 32.5, + }, + { + "marginTop": -5, + "paddingLeft": 5, + }, + ], { - "marginTop": -5, - "paddingLeft": 5, + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="read-receipt-read" - > -  - </Text> + {}, + ] + } + testID="read-receipt-read" + > +  + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -66521,302 +84683,289 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` orderKey=":r4s:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4s:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4s:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -66824,7 +84973,7 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -66840,121 +84989,261 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-I'm a very long long title and I'll break-How are you?" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - I'm a very long long title and I'll break - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-I'm a very long long title and I'll break-How are you?" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="How are you?" + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + I'm a very long long title and I'll break + </Text> + </View> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -66962,80 +85251,108 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` ] } > - How are you? + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="How are you?" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + How are you? + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-I'm fine!" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-I'm fine!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="I'm fine!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - I'm fine! + <Text + accessibilityLabel="I'm fine!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + I'm fine! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -67050,302 +85367,289 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` orderKey=":r4t:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4t:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4t:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -67353,7 +85657,7 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -67369,387 +85673,664 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-How are you? :nyan_rocket:" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-How are you? :nyan_rocket:" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="How are you? " + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - How are you? + rocket.cat </Text> - <View + </View> + <View + style={ + { + "gap": 2, + } + } + > + <Text style={ [ { - "transform": [ - { - "translateY": 3, - }, - ], + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", }, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } + <Text style={ { - "height": 15, - "width": 15, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", } } - transition={null} - width={15} - /> - </View> - </Text> - </Text> + > + <Text + accessibilityLabel="How are you? " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + How are you? + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-How are you? :nyan_rocket:" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-How are you? :nyan_rocket:" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="How are you? " + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - How are you? + rocket.cat </Text> - <View + </View> + <View + style={ + { + "gap": 2, + } + } + > + <Text style={ [ { - "transform": [ - { - "translateY": 3, - }, - ], + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", }, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } + <Text style={ { - "height": 15, - "width": 15, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", } } - transition={null} - width={15} - /> - </View> - </Text> - </Text> + > + <Text + accessibilityLabel="How are you? " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + How are you? + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + </View> </View> </View> </View> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Reply attachment can have a description" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Reply attachment can have a description + </Text> + </Text> + </Text> + </View> </View> + </View> + <View + testID="message-content-I'm fine!" + > <View style={ { @@ -67786,7 +86367,7 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` } > <Text - accessibilityLabel="Reply attachment can have a description" + accessibilityLabel="I'm fine!" style={ [ { @@ -67800,77 +86381,18 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` ] } > - Reply attachment can have a description + I'm fine! </Text> </Text> </Text> </View> </View> </View> - <View - testID="message-content-I'm fine!" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="I'm fine!" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - I'm fine! - </Text> - </Text> - </Text> - </View> - </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -67885,302 +86407,289 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` orderKey=":r4u:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Looks cool!. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Looks cool!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4u:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Looks cool!. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Looks cool!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4u:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -68188,7 +86697,7 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -68204,303 +86713,520 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-" + > <View style={ - { - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > <View style={ { + "flex": 1, + "flexDirection": "column", "gap": 4, + "width": 200, } } > <View style={ { - "gap": 2, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text + numberOfLines={1} style={ [ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, + "fontWeight": "500", "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="What you think about this one?" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - What you think about this one? - </Text> - </Text> + rocket.cat </Text> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, + "gap": 4, } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "gap": 4, } } > <View style={ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ] + { + "gap": 2, + } } - /> - <View - style={ - [ + > + <Text + style={ [ { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - ], - { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, - { - "backgroundColor": "#E4E7EA", - }, - ] - } - /> - <View - style={ - [ - [ { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", + "color": "#2F343D", }, + ] + } + > + <Text + style={ { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="What you think about this one?" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + What you think about this one? + </Text> + </Text> + </Text> + </View> + <View + collapsable={false} + style={ + [ { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 54, + "borderRadius": 4, + "flexDirection": "column", + }, + { + "borderRadius": 0, }, - [ - { - "lineHeight": 54, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 54, + }, + [ + { + "lineHeight": 54, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View + style={ + { + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> </View> @@ -68509,71 +87235,71 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` </View> </View> </View> - </View> - <View - testID="message-content-Looks cool!" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Looks cool!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Looks cool!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Looks cool! + <Text + accessibilityLabel="Looks cool!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Looks cool! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -68588,302 +87314,289 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` orderKey=":r4v:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Yes, I am. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Yes, I am" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4v:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Yes, I am. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Yes, I am" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4v:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -68891,7 +87604,7 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -68907,135 +87620,275 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-" > <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } - } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> - <View - style={ - { - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > <View style={ { + "flex": 1, + "flexDirection": "column", "gap": 4, + "width": 200, } } > <View style={ { - "gap": 2, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text + numberOfLines={1} style={ [ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, + "fontWeight": "500", "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - <Text + rocket.cat + </Text> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Are you seeing this mario " style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -69043,230 +87896,307 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` ] } > - Are you seeing this mario - </Text> - <View - style={ - [ + <Text + style={ { - "transform": [ + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Are you seeing this mario " + style={ + [ { - "translateY": 3, + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", + { + "color": "#2F343D", + }, + ] } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", - }, - ] - } - style={ - { - "height": 15, - "width": 15, + > + Are you seeing this mario + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] } - } - transition={null} - width={15} - /> - </View> - <Text - accessibilityLabel=" ?" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - ? + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + <Text + accessibilityLabel=" ?" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + ? + </Text> + </Text> </Text> - </Text> - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > + </View> <View + collapsable={false} style={ [ { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], + > + <View + accessibilityState={ { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "backgroundColor": "#E4E7EA", - }, - ] - } - /> - <View - style={ - [ + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", + "flexDirection": "column", }, - ], - { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", - }, - ] - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ { - "color": "#2F343D", - "fontSize": 54, + "borderRadius": 0, }, - [ - { - "lineHeight": 54, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 54, + }, + [ + { + "lineHeight": 54, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View + style={ + { + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> </View> @@ -69275,71 +88205,71 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` </View> </View> </View> - </View> - <View - testID="message-content-Yes, I am" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Yes, I am" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Yes, I am" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Yes, I am + <Text + accessibilityLabel="Yes, I am" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Yes, I am + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -69367,310 +88297,297 @@ exports[`Story Snapshots: MessageWithReplyAndFile should match snapshot 1`] = ` orderKey=":r50:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Here is the file. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Here is the file" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r50:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Here is the file. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Here is the file" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r50:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } > <View accessibilityState={ { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -69686,189 +88603,357 @@ exports[`Story Snapshots: MessageWithReplyAndFile should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-undefined" > <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text - numberOfLines={1} + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - rocket.cat - </Text> - <Text - style={ - [ + <View + style={ { - "backgroundColor": "transparent", + "alignItems": "center", "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - script.sh - </Text> + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + script.sh + </Text> + </View> + <Text + accessibilityLabel="script.sh" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-script.sh" + > + script.sh + </Text> + </View> </View> - <Text - accessibilityLabel="script.sh" - numberOfLines={0} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] - } - testID="markdown-preview-script.sh" - > - script.sh - </Text> </View> </View> </View> </View> - </View> - <View - testID="message-content-Here is the file" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Here is the file" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Here is the file" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Here is the file + <Text + accessibilityLabel="Here is the file" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Here is the file + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -69883,302 +88968,289 @@ exports[`Story Snapshots: MessageWithReplyAndFile should match snapshot 1`] = ` orderKey=":r51:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Got it!. " - accessible={true} - style={ + [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Got it!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r51:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Got it!. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Got it!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r51:" + > <View + accessible={true} style={ { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 36, } } > <View + accessible={true} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -70186,7 +89258,7 @@ exports[`Story Snapshots: MessageWithReplyAndFile should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -70202,185 +89274,280 @@ exports[`Story Snapshots: MessageWithReplyAndFile should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-This is a configuration file with **important** settings" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - config.yaml - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-This is a configuration file with **important** settings" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="This is a configuration file with " + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - This is a configuration file with + rocket.cat </Text> <Text style={ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontWeight": "700", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <Text - accessibilityLabel="important" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - important - </Text> + config.yaml </Text> + </View> + <View + style={ + { + "gap": 2, + } + } + > <Text - accessibilityLabel=" settings" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -70388,80 +89555,153 @@ exports[`Story Snapshots: MessageWithReplyAndFile should match snapshot 1`] = ` ] } > - settings + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a configuration file with " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a configuration file with + </Text> + <Text + style={ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontWeight": "700", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="important" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + important + </Text> + </Text> + <Text + accessibilityLabel=" settings" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + settings + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-Got it!" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + <View + testID="message-content-Got it!" + > + <View + style={ + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Got it!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Got it! + <Text + accessibilityLabel="Got it!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Got it! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -70476,302 +89716,289 @@ exports[`Story Snapshots: MessageWithReplyAndFile should match snapshot 1`] = ` orderKey=":r52:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Multiple files. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Multiple files" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r52:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Multiple files. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Multiple files" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r52:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -70779,7 +90006,7 @@ exports[`Story Snapshots: MessageWithReplyAndFile should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -70795,335 +90022,553 @@ exports[`Story Snapshots: MessageWithReplyAndFile should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] + } + > + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + index.ts + </Text> + </View> + <Text + accessibilityLabel="index.ts" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-index.ts" + > + index.ts + </Text> + </View> + </View> + </View> + </View> + </View> + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-undefined" > <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text - numberOfLines={1} + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - rocket.cat - </Text> - <Text - style={ - [ + <View + style={ { - "backgroundColor": "transparent", + "alignItems": "center", "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - index.ts - </Text> + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + styles.css + </Text> + </View> + <Text + accessibilityLabel="styles.css" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-styles.css" + > + styles.css + </Text> + </View> </View> - <Text - accessibilityLabel="index.ts" - numberOfLines={0} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] - } - testID="markdown-preview-index.ts" - > - index.ts - </Text> </View> </View> </View> </View> <View - style={ - { - "gap": 4, - } - } + testID="message-content-Multiple files" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 2, } } - testID="reply-rocket.cat-undefined" > - <View + <Text style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <View + <Text style={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", } } > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } - } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - styles.css - </Text> - </View> <Text - accessibilityLabel="styles.css" - numberOfLines={0} + accessibilityLabel="Multiple files" style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", + "flexShrink": 1, "fontSize": 16, - "fontWeight": "400", "lineHeight": 22, - "textAlign": "left", }, { "color": "#2F343D", - "lineHeight": undefined, }, ] } - testID="markdown-preview-styles.css" > - styles.css + Multiple files </Text> - </View> - </View> - </View> - </View> - </View> - <View - testID="message-content-Multiple files" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Multiple files" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Multiple files </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -71151,310 +90596,297 @@ exports[`Story Snapshots: MessageWithReplyAndFileLargeFont should match snapshot orderKey=":r53:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Here is the file. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Here is the file" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r53:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Here is the file. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Here is the file" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r53:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } > <View accessibilityState={ { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -71470,189 +90902,357 @@ exports[`Story Snapshots: MessageWithReplyAndFileLargeFont should match snapshot accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-undefined" > <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text - numberOfLines={1} + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - rocket.cat - </Text> - <Text - style={ - [ + <View + style={ { - "backgroundColor": "transparent", + "alignItems": "center", "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - script.sh - </Text> + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + script.sh + </Text> + </View> + <Text + accessibilityLabel="script.sh" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-script.sh" + > + script.sh + </Text> + </View> </View> - <Text - accessibilityLabel="script.sh" - numberOfLines={0} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] - } - testID="markdown-preview-script.sh" - > - script.sh - </Text> </View> </View> </View> </View> - </View> - <View - testID="message-content-Here is the file" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Here is the file" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Here is the file" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Here is the file + <Text + accessibilityLabel="Here is the file" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Here is the file + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -71667,302 +91267,289 @@ exports[`Story Snapshots: MessageWithReplyAndFileLargeFont should match snapshot orderKey=":r54:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Got it!. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Got it!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r54:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Got it!. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Got it!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r54:" + > <View + accessible={true} style={ { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 46.800000000000004, } } > <View + accessible={true} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -71970,7 +91557,7 @@ exports[`Story Snapshots: MessageWithReplyAndFileLargeFont should match snapshot { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -71986,185 +91573,280 @@ exports[`Story Snapshots: MessageWithReplyAndFileLargeFont should match snapshot accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-This is a configuration file with **important** settings" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - config.yaml - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-This is a configuration file with **important** settings" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="This is a configuration file with " + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - This is a configuration file with + rocket.cat </Text> <Text style={ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontWeight": "700", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <Text - accessibilityLabel="important" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - important - </Text> + config.yaml </Text> + </View> + <View + style={ + { + "gap": 2, + } + } + > <Text - accessibilityLabel=" settings" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -72172,80 +91854,153 @@ exports[`Story Snapshots: MessageWithReplyAndFileLargeFont should match snapshot ] } > - settings + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a configuration file with " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a configuration file with + </Text> + <Text + style={ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontWeight": "700", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="important" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + important + </Text> + </Text> + <Text + accessibilityLabel=" settings" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + settings + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-Got it!" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Got it!" > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + <View + style={ + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Got it!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Got it! + <Text + accessibilityLabel="Got it!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Got it! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -72260,302 +92015,289 @@ exports[`Story Snapshots: MessageWithReplyAndFileLargeFont should match snapshot orderKey=":r55:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Multiple files. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Multiple files" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r55:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Multiple files. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Multiple files" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r55:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -72563,7 +92305,7 @@ exports[`Story Snapshots: MessageWithReplyAndFileLargeFont should match snapshot { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -72579,335 +92321,553 @@ exports[`Story Snapshots: MessageWithReplyAndFileLargeFont should match snapshot accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-undefined" + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] + } + > + <View + style={ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + index.ts + </Text> + </View> + <Text + accessibilityLabel="index.ts" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-index.ts" + > + index.ts + </Text> + </View> + </View> + </View> + </View> + </View> + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-undefined" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-undefined" > <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text - numberOfLines={1} + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - rocket.cat - </Text> - <Text - style={ - [ + <View + style={ { - "backgroundColor": "transparent", + "alignItems": "center", "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - index.ts - </Text> + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + styles.css + </Text> + </View> + <Text + accessibilityLabel="styles.css" + numberOfLines={0} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="markdown-preview-styles.css" + > + styles.css + </Text> + </View> </View> - <Text - accessibilityLabel="index.ts" - numberOfLines={0} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] - } - testID="markdown-preview-index.ts" - > - index.ts - </Text> </View> </View> </View> </View> <View - style={ - { - "gap": 4, - } - } + testID="message-content-Multiple files" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 2, } } - testID="reply-rocket.cat-undefined" > - <View + <Text style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <View + <Text style={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", } } > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } - } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - styles.css - </Text> - </View> <Text - accessibilityLabel="styles.css" - numberOfLines={0} + accessibilityLabel="Multiple files" style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", + "flexShrink": 1, "fontSize": 16, - "fontWeight": "400", "lineHeight": 22, - "textAlign": "left", }, { "color": "#2F343D", - "lineHeight": undefined, }, ] } - testID="markdown-preview-styles.css" > - styles.css + Multiple files </Text> - </View> - </View> - </View> - </View> - </View> - <View - testID="message-content-Multiple files" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Multiple files" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Multiple files </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -72935,310 +92895,297 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = orderKey=":r56:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r56:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r56:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "gap": 4, - } - } > <View accessibilityState={ { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -73254,121 +93201,261 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-I'm a very long long title and I'll break-How are you?" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - I'm a very long long title and I'll break - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-I'm a very long long title and I'll break-How are you?" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="How are you?" + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + I'm a very long long title and I'll break + </Text> + </View> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -73376,80 +93463,108 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = ] } > - How are you? + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="How are you?" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + How are you? + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-I'm fine!" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-I'm fine!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="I'm fine!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - I'm fine! + <Text + accessibilityLabel="I'm fine!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + I'm fine! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -73464,302 +93579,289 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = orderKey=":r57:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r57:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM I'm fine!. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r57:" + > <View + accessible={true} style={ { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 46.800000000000004, } } > <View + accessible={true} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -73767,7 +93869,7 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -73783,248 +93885,416 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-How are you? :nyan_rocket:" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-How are you? :nyan_rocket:" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="How are you? " + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - How are you? + rocket.cat </Text> - <View + </View> + <View + style={ + { + "gap": 2, + } + } + > + <Text style={ [ { - "transform": [ - { - "translateY": 3, - }, - ], + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", }, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } + <Text style={ { - "height": 15, - "width": 15, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", } } - transition={null} - width={15} - /> - </View> - </Text> - </Text> + > + <Text + accessibilityLabel="How are you? " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + How are you? + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - <View - testID="message-content-I'm fine!" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-I'm fine!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="I'm fine!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - I'm fine! + <Text + accessibilityLabel="I'm fine!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + I'm fine! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -74039,302 +94309,289 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = orderKey=":r58:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Looks cool!. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Looks cool!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r58:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Looks cool!. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Looks cool!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r58:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -74342,7 +94599,7 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -74358,135 +94615,275 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-" + > <View style={ - { - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > <View style={ { + "flex": 1, + "flexDirection": "column", "gap": 4, + "width": 200, } } > <View style={ { - "gap": 2, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text + numberOfLines={1} style={ [ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, + "fontWeight": "500", "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - <Text + rocket.cat + </Text> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="What you think about this one?" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -74494,167 +94891,244 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = ] } > - What you think about this one? - </Text> - </Text> - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="What you think about this one?" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + What you think about this one? + </Text> + </Text> + </Text> + </View> <View + collapsable={false} style={ [ { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], + > + <View + accessibilityState={ { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "backgroundColor": "#E4E7EA", - }, - ] - } - /> - <View - style={ - [ + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", + "flexDirection": "column", }, - ], - { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", - }, - ] - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ { - "color": "#2F343D", - "fontSize": 70.2, + "borderRadius": 0, }, - [ - { - "lineHeight": 70.2, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 70.2, + }, + [ + { + "lineHeight": 70.2, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View + style={ + { + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> </View> @@ -74663,71 +95137,71 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = </View> </View> </View> - </View> - <View - testID="message-content-Looks cool!" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Looks cool!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Looks cool!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Looks cool! + <Text + accessibilityLabel="Looks cool!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Looks cool! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -74742,302 +95216,289 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = orderKey=":r59:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Yes, I am. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Yes, I am" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r59:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Yes, I am. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Yes, I am" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r59:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -75045,7 +95506,7 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -75061,135 +95522,275 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-" + > <View style={ - { - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > <View style={ { + "flex": 1, + "flexDirection": "column", "gap": 4, + "width": 200, } } > <View style={ { - "gap": 2, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text + numberOfLines={1} style={ [ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, + "fontWeight": "500", "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - <Text + rocket.cat + </Text> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Are you seeing this mario " style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -75197,230 +95798,307 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = ] } > - Are you seeing this mario - </Text> - <View - style={ - [ + <Text + style={ { - "transform": [ + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Are you seeing this mario " + style={ + [ { - "translateY": 3, + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", + { + "color": "#2F343D", + }, + ] } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", - }, - ] - } - style={ - { - "height": 15, - "width": 15, + > + Are you seeing this mario + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] } - } - transition={null} - width={15} - /> - </View> - <Text - accessibilityLabel=" ?" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - ? + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + <Text + accessibilityLabel=" ?" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + ? + </Text> + </Text> </Text> - </Text> - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > + </View> <View + collapsable={false} style={ [ { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], + > + <View + accessibilityState={ { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "backgroundColor": "#E4E7EA", - }, - ] - } - /> - <View - style={ - [ + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", + "flexDirection": "column", }, - ], - { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", - }, - ] - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ { - "color": "#2F343D", - "fontSize": 70.2, + "borderRadius": 0, }, - [ - { - "lineHeight": 70.2, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 70.2, + }, + [ + { + "lineHeight": 70.2, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View + style={ + { + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> </View> @@ -75429,71 +96107,71 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = </View> </View> </View> - </View> - <View - testID="message-content-Yes, I am" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Yes, I am" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Yes, I am" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Yes, I am + <Text + accessibilityLabel="Yes, I am" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Yes, I am + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -75521,616 +96199,738 @@ exports[`Story Snapshots: MessageWithThread should match snapshot 1`] = ` orderKey=":r5a:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM How are you?. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="How are you?" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5a:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM How are you?. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="How are you?" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5a:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + ] } - } - transition={null} - width={36} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-How are you?" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-How are you?" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="How are you?" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - How are you? + <Text + accessibilityLabel="How are you?" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + How are you? + </Text> </Text> </Text> - </Text> + </View> </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > <View style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "paddingHorizontal": 12, - "paddingVertical": 8, - }, - { - "backgroundColor": "#1D74F5", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + } } - testID="message-thread-button-How are you?" > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "lineHeight": 16, - "textAlign": "left", + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, }, { - "color": "#FFFFFF", + "backgroundColor": "#1D74F5", }, ] } + testID="message-thread-button-How are you?" > - View thread - </Text> - </View> - <View - style={ - [ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - }, - { - "flex": 1, - "marginLeft": 12, - }, - ] - } - > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", + }, + { + "color": "#FFFFFF", + }, + ] + } + > + View thread + </Text> + </View> <View style={ - { - "flex": 1, - "flexDirection": "row", - } + [ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "flex": 1, + "marginLeft": 12, + }, + ] } > <View style={ { - "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#2F343D", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - testID="thread-count-1" - > - 1 - </Text> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginRight": 8, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ [ { - "lineHeight": 24, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 0 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - style={ - [ { - "borderRadius": 4, - "height": 8, + "alignItems": "center", + "flexDirection": "row", "marginRight": 8, - "width": 8, - }, - { - "backgroundColor": "#6C727A", - }, - ] - } - /> + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 0 + </Text> + </View> + </View> <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "opacity": 1, + "alignItems": "center", + "flexDirection": "row", } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ [ { - "color": "#2F343D", - "fontSize": 24, + "borderRadius": 4, + "height": 8, + "marginRight": 8, + "width": 8, }, - [ - { - "lineHeight": 24, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "backgroundColor": "#6C727A", }, + ] + } + /> + <View + collapsable={false} + style={ + [ + undefined, + {}, {}, ] } > -  - </Text> + <View + accessibilityLabel="Follow thread" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -76138,8 +96938,8 @@ exports[`Story Snapshots: MessageWithThread should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -76154,1355 +96954,1599 @@ exports[`Story Snapshots: MessageWithThread should match snapshot 1`] = ` orderKey=":r5b:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ - [ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - }, - { - "marginTop": 4, - }, - ] - } - > - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } - } - testID="message-thread-replied-on-How are you?" - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#095AD2", - "fontSize": 20, - }, - [ - { - "lineHeight": 20, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - <Text - accessibilityLabel="How are you?" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-How are you?" - > - How are you? - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 20, - }, - [ - { - "lineHeight": 20, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 20, - "width": 20, - }, - undefined, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, - } - } - transition={null} - width={20} - /> - </View> - </View> - </View> - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5b:" - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - testID="message-content-I'm fine!" - > - <Text - accessibilityLabel="I'm fine!" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] - } - testID="message-preview-I'm fine!" - > - I'm fine! - </Text> - </View> - </View> - </A11yIndexView> - </View> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r5c:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r5c:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - style={ - [ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - }, - { - "marginTop": 4, - }, - ] } - > - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="message-thread-replied-on-Thread with emoji :) :joy:" - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#095AD2", - "fontSize": 20, - }, - [ - { - "lineHeight": 20, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - <Text - accessibilityLabel="Thread with emoji :) 😂" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-Thread with emoji :) 😂" - > - Thread with emoji :) 😂 - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 20, - }, - [ - { - "lineHeight": 20, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View style={ { - "alignItems": "flex-end", - "width": 36, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-How are you?" > <View - accessible={true} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 20, + }, + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <Text + accessibilityLabel="How are you?" + numberOfLines={1} style={ [ { - "borderRadius": 4, - "height": 20, - "width": 20, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - undefined, ] } - testID="avatar" + testID="markdown-preview-How are you?" > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + How are you? + </Text> + <View + style={ + { + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + } + > + <Text + allowFontScaling={false} + selectable={false} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + [ { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + "color": "#6C727A", + "fontSize": 20, + }, [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "lineHeight": 20, }, - ] - } - style={ + undefined, + ], { - "borderRadius": 4, - "height": 20, - "width": 20, - } - } - transition={null} - width={20} - /> - </View> + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> </View> </View> - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5c:" + <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " + accessible={true} style={ - { - "flex": 1, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View style={ { - "flex": 1, - "marginLeft": 10, + "alignItems": "flex-end", + "width": 36, } } > <View - testID="message-content-I'm fine!" + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] + } + testID="avatar" > - <Text - accessibilityLabel="I'm fine!" - numberOfLines={1} + <View + collapsable={false} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, + undefined, + {}, + {}, ] } - testID="message-preview-I'm fine!" > - I'm fine! - </Text> + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </A11yIndexView> + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5b:" + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-I'm fine!" + > + <Text + accessibilityLabel="I'm fine!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-I'm fine!" + > + I'm fine! + </Text> + </View> + </View> + </A11yIndexView> + </View> </View> </View> </View> </A11yIndexView> </A11yOrderView> <A11yOrderView - orderKey=":r5d:" + orderKey=":r5c:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r5d:" + orderKey=":r5c:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] } - testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > <View style={ { - "alignItems": "flex-end", - "width": 36, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-Thread with emoji :) :joy:" > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#095AD2", - "fontSize": 20, - }, - [ - { - "lineHeight": 20, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, + "alignItems": "flex-end", + "width": 36, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 20, - }, + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 20, + "color": "#095AD2", + "fontSize": 20, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <Text + accessibilityLabel="Thread with emoji :) 😂" + numberOfLines={1} style={ [ { - "borderRadius": 4, - "height": 20, - "width": 20, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - undefined, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ + "color": "#2F343D", + "lineHeight": undefined, + }, { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, { - "opacity": 1, - } + "color": "#095AD2", + }, + ] + } + testID="markdown-preview-Thread with emoji :) 😂" + > + Thread with emoji :) 😂 + </Text> + <View + style={ + { + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + "color": "#6C727A", + "fontSize": 20, + }, [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "lineHeight": 20, }, - ] - } - style={ + undefined, + ], { - "borderRadius": 4, - "height": 20, - "width": 20, - } - } - transition={null} - width={20} - /> - </View> + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> </View> </View> - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5d:" + <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " + accessible={true} style={ - { - "flex": 1, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View style={ { - "flex": 1, - "marginLeft": 10, + "alignItems": "flex-end", + "width": 36, } } > <View - testID="message-content-I'm fine!" + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] + } + testID="avatar" > - <Text - accessibilityLabel="I'm fine!" - numberOfLines={1} + <View + collapsable={false} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, + undefined, + {}, + {}, ] } - testID="message-preview-I'm fine!" > - I'm fine! - </Text> + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </A11yIndexView> + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5c:" + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-I'm fine!" + > + <Text + accessibilityLabel="I'm fine!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-I'm fine!" + > + I'm fine! + </Text> + </View> + </View> + </A11yIndexView> + </View> </View> </View> </View> </A11yIndexView> </A11yOrderView> <A11yOrderView - orderKey=":r5e:" + orderKey=":r5d:" > <A11yIndexView importantForAccessibility="yes" orderFocusType={0} orderIndex={1} - orderKey=":r5e:" + orderKey=":r5d:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] } - testID="message-thread-replied-on-How are you?" > <View style={ { - "alignItems": "flex-end", - "width": 36, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 20, + }, + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> <Text - allowFontScaling={false} - selectable={false} + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} style={ [ { - "color": "#095AD2", - "fontSize": 20, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 20, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - {}, ] } + testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > -  + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </Text> + <View + style={ + { + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 20, + }, + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> - <Text - accessibilityLabel="How are you?" - numberOfLines={1} + <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " + accessible={true} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#095AD2", + "flexDirection": "row", }, + {}, ] } - testID="markdown-preview-How are you?" > - How are you? - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, - } - } - > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#6C727A", - "fontSize": 20, - }, + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <View + accessible={true} + style={ [ { - "lineHeight": 20, + "borderRadius": 4, + "height": 20, + "width": 20, }, undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + ] + } + testID="avatar" + > + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> + </View> + </View> + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5d:" + style={ + { + "flex": 1, + } } > -  - </Text> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-I'm fine!" + > + <Text + accessibilityLabel="I'm fine!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-I'm fine!" + > + I'm fine! + </Text> + </View> + </View> + </A11yIndexView> </View> </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":r5e:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r5e:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View style={ { - "alignItems": "flex-end", - "width": 36, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-How are you?" > <View - accessible={true} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 20, + }, + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <Text + accessibilityLabel="How are you?" + numberOfLines={1} style={ [ { - "borderRadius": 4, - "height": 20, - "width": 20, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - undefined, ] } - testID="avatar" + testID="markdown-preview-How are you?" > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + How are you? + </Text> + <View + style={ + { + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + } + > + <Text + allowFontScaling={false} + selectable={false} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + [ { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + "color": "#6C727A", + "fontSize": 20, + }, [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "lineHeight": 20, }, - ] - } - style={ + undefined, + ], { - "borderRadius": 4, - "height": 20, - "width": 20, - } - } - transition={null} - width={20} - /> - </View> + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> </View> </View> - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5e:" + <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} style={ - { - "flex": 1, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View style={ { - "flex": 1, - "marginLeft": 10, + "alignItems": "flex-end", + "width": 36, } } > <View - testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] + } + testID="avatar" > - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} + <View + collapsable={false} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, + undefined, + {}, + {}, ] } - testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </A11yIndexView> + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5e:" + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </View> + </View> + </A11yIndexView> + </View> </View> </View> </View> @@ -77518,332 +98562,393 @@ exports[`Story Snapshots: MessageWithThread should match snapshot 1`] = ` orderKey=":r5f:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] } - testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > <View style={ { - "alignItems": "flex-end", - "width": 36, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#095AD2", - "fontSize": 20, - }, + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 20, + "color": "#095AD2", + "fontSize": 20, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, - } - } - > + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> <Text - allowFontScaling={false} - selectable={false} + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} style={ [ { - "color": "#6C727A", - "fontSize": 20, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 20, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", }, - {}, - ] - } - > -  - </Text> - </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ { - "borderRadius": 4, - "height": 20, - "width": 20, + "color": "#095AD2", }, - undefined, ] } - testID="avatar" + testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + <View + style={ + { + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + } + > + <Text + allowFontScaling={false} + selectable={false} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + [ { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + "color": "#6C727A", + "fontSize": 20, + }, [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "lineHeight": 20, }, - ] - } - style={ + undefined, + ], { - "borderRadius": 4, - "height": 20, - "width": 20, - } - } - transition={null} - width={20} - /> - </View> + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> </View> </View> - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5f:" + <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} style={ - { - "flex": 1, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View style={ { - "flex": 1, - "marginLeft": 10, + "alignItems": "flex-end", + "width": 36, } } > <View - testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] + } + testID="avatar" > - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} + <View + collapsable={false} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, + undefined, + {}, + {}, ] } - testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </A11yIndexView> + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5f:" + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </View> + </View> + </A11yIndexView> + </View> </View> </View> </View> @@ -77859,308 +98964,369 @@ exports[`Story Snapshots: MessageWithThread should match snapshot 1`] = ` orderKey=":r5g:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] } - testID="message-thread-replied-on-Thread with attachment" > <View style={ { - "alignItems": "flex-end", - "width": 36, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-Thread with attachment" > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#095AD2", - "fontSize": 20, - }, + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 20, + "color": "#095AD2", + "fontSize": 20, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - <Text - accessibilityLabel="Thread with attachment" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-Thread with attachment" - > - Thread with attachment - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, - } - } - > + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> <Text - allowFontScaling={false} - selectable={false} + accessibilityLabel="Thread with attachment" + numberOfLines={1} style={ [ { - "color": "#6C727A", - "fontSize": 20, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 20, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - {}, ] } + testID="markdown-preview-Thread with attachment" > -  + Thread with attachment </Text> - </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message undefined. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 20, - "width": 20, - }, - undefined, - ] + { + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, + } } - testID="avatar" > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + <Text + allowFontScaling={false} + selectable={false} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + [ { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + "color": "#6C727A", + "fontSize": 20, + }, [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "lineHeight": 20, }, - ] - } - style={ + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message undefined. " + accessible={true} + style={ + [ + { + "flexDirection": "row", + }, + {}, + ] + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <View + accessible={true} + style={ + [ { "borderRadius": 4, "height": 20, "width": 20, - } + }, + undefined, + ] + } + testID="avatar" + > + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] } - transition={null} - width={20} - /> + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5g:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5g:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-" - /> - </View> - </A11yIndexView> + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-" + /> + </View> + </A11yIndexView> + </View> </View> </View> </View> @@ -78189,616 +99355,738 @@ exports[`Story Snapshots: MessageWithThreadLargeFont should match snapshot 1`] = orderKey=":r5h:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM How are you?. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="How are you?" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5h:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM How are you?. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="How are you?" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5h:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-How are you?" > + <View + testID="message-content-How are you?" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="How are you?" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + How are you? + </Text> + </Text> + </Text> + </View> + </View> <View style={ { - "gap": 2, + "alignItems": "center", + "flexDirection": "row", } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, }, { - "color": "#2F343D", + "backgroundColor": "#1D74F5", }, ] } + testID="message-thread-button-How are you?" > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", + }, + { + "color": "#FFFFFF", + }, + ] } > - <Text - accessibilityLabel="How are you?" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - How are you? - </Text> + View thread </Text> - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "paddingHorizontal": 12, - "paddingVertical": 8, - }, - { - "backgroundColor": "#1D74F5", - }, - ] - } - testID="message-thread-button-How are you?" - > - <Text + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "lineHeight": 16, - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", }, { - "color": "#FFFFFF", + "flex": 1, + "marginLeft": 12, }, ] } - > - View thread - </Text> - </View> - <View - style={ - [ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - }, - { - "flex": 1, - "marginLeft": 12, - }, - ] - } - > - <View - style={ - { - "flex": 1, - "flexDirection": "row", - } - } > <View style={ { - "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 31.200000000000003, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 31.200000000000003, + "color": "#2F343D", + "fontSize": 31.200000000000003, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 31.200000000000003, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 31.200000000000003, + }, + [ + { + "lineHeight": 31.200000000000003, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 0 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ [ { - "color": "#2F343D", - "fontSize": 31.200000000000003, + "borderRadius": 4, + "height": 8, + "marginRight": 8, + "width": 8, }, - [ - { - "lineHeight": 31.200000000000003, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "backgroundColor": "#6C727A", }, - {}, ] } - > -  - </Text> - <Text - numberOfLines={1} + /> + <View + collapsable={false} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, + undefined, + {}, + {}, ] } > - 0 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - style={ - [ - { - "borderRadius": 4, - "height": 8, - "marginRight": 8, - "width": 8, - }, - { - "backgroundColor": "#6C727A", - }, - ] - } - /> - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + <View + accessibilityLabel="Follow thread" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#2F343D", - "fontSize": 31.200000000000003, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 31.200000000000003, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 31.200000000000003, + }, + [ + { + "lineHeight": 31.200000000000003, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -78806,348 +100094,409 @@ exports[`Story Snapshots: MessageWithThreadLargeFont should match snapshot 1`] = </View> </View> </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r5i:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r5i:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - style={ - [ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - }, - { - "marginTop": 4, - }, - ] - } - > - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } - } - testID="message-thread-replied-on-How are you?" - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#095AD2", - "fontSize": 26, - }, - [ - { - "lineHeight": 26, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - <Text - accessibilityLabel="How are you?" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-How are you?" - > - How are you? - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 26, - }, - [ - { - "lineHeight": 26, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> + </A11yIndexView> </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":r5i:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r5i:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-How are you?" > <View - accessible={true} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <Text + accessibilityLabel="How are you?" + numberOfLines={1} style={ [ { - "borderRadius": 4, - "height": 26, - "width": 26, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - undefined, ] } - testID="avatar" + testID="markdown-preview-How are you?" > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + How are you? + </Text> + <View + style={ + { + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + } + > + <Text + allowFontScaling={false} + selectable={false} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + [ { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + "color": "#6C727A", + "fontSize": 26, + }, [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "lineHeight": 26, }, - ] - } - style={ + undefined, + ], { - "borderRadius": 4, - "height": 26, - "width": 26, - } - } - transition={null} - width={26} - /> - </View> + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> </View> </View> - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5i:" + <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " + accessible={true} style={ - { - "flex": 1, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View style={ { - "flex": 1, - "marginLeft": 10, + "alignItems": "flex-end", + "width": 46.800000000000004, } } > <View - testID="message-content-I'm fine!" + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] + } + testID="avatar" > - <Text - accessibilityLabel="I'm fine!" - numberOfLines={1} + <View + collapsable={false} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, + undefined, + {}, + {}, ] } - testID="message-preview-I'm fine!" > - I'm fine! - </Text> + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </A11yIndexView> + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5i:" + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-I'm fine!" + > + <Text + accessibilityLabel="I'm fine!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-I'm fine!" + > + I'm fine! + </Text> + </View> + </View> + </A11yIndexView> + </View> </View> </View> </View> @@ -79163,332 +100512,393 @@ exports[`Story Snapshots: MessageWithThreadLargeFont should match snapshot 1`] = orderKey=":r5j:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] } - testID="message-thread-replied-on-Thread with emoji :) :joy:" > <View style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-Thread with emoji :) :joy:" > + <View + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> <Text - allowFontScaling={false} - selectable={false} + accessibilityLabel="Thread with emoji :) 😂" + numberOfLines={1} style={ [ { - "color": "#095AD2", - "fontSize": 26, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 26, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - {}, ] } + testID="markdown-preview-Thread with emoji :) 😂" > -  + Thread with emoji :) 😂 </Text> - </View> - <Text - accessibilityLabel="Thread with emoji :) 😂" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, + <View + style={ { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-Thread with emoji :) 😂" - > - Thread with emoji :) 😂 - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 26, - }, + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 26, + "color": "#6C727A", + "fontSize": 26, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] - } - > + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={26} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5j:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5j:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-I'm fine!" - > - <Text - accessibilityLabel="I'm fine!" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-I'm fine!" + } + > + <View + testID="message-content-I'm fine!" > - I'm fine! - </Text> + <Text + accessibilityLabel="I'm fine!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-I'm fine!" + > + I'm fine! + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -79504,332 +100914,393 @@ exports[`Story Snapshots: MessageWithThreadLargeFont should match snapshot 1`] = orderKey=":r5k:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] } - testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > <View style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > + <View + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> <Text - allowFontScaling={false} - selectable={false} + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} style={ [ { - "color": "#095AD2", - "fontSize": 26, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 26, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - {}, ] } + testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > -  + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </Text> - </View> - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, + <View + style={ { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 26, - }, + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 26, + "color": "#6C727A", + "fontSize": 26, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] - } - > <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + ] } - } - transition={null} - width={26} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5k:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5k:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-I'm fine!" - > - <Text - accessibilityLabel="I'm fine!" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-I'm fine!" + } + > + <View + testID="message-content-I'm fine!" > - I'm fine! - </Text> + <Text + accessibilityLabel="I'm fine!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-I'm fine!" + > + I'm fine! + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -79845,332 +101316,393 @@ exports[`Story Snapshots: MessageWithThreadLargeFont should match snapshot 1`] = orderKey=":r5l:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] } - testID="message-thread-replied-on-How are you?" > <View style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-How are you?" > + <View + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> <Text - allowFontScaling={false} - selectable={false} + accessibilityLabel="How are you?" + numberOfLines={1} style={ [ { - "color": "#095AD2", - "fontSize": 26, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 26, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - {}, ] } + testID="markdown-preview-How are you?" > -  + How are you? </Text> - </View> - <Text - accessibilityLabel="How are you?" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, + <View + style={ { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-How are you?" - > - How are you? - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 26, - }, + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 26, + "color": "#6C727A", + "fontSize": 26, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] - } - > <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={26} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5l:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5l:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + } + > + <View + testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -80186,332 +101718,393 @@ exports[`Story Snapshots: MessageWithThreadLargeFont should match snapshot 1`] = orderKey=":r5m:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] } - testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > <View style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > + <View + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> <Text - allowFontScaling={false} - selectable={false} + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} style={ [ { - "color": "#095AD2", - "fontSize": 26, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 26, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - {}, ] } + testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > -  + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </Text> - </View> - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, + <View + style={ { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 26, - }, + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 26, + "color": "#6C727A", + "fontSize": 26, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] - } - > <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={26} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5m:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5m:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + } + > + <View + testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -80527,308 +102120,369 @@ exports[`Story Snapshots: MessageWithThreadLargeFont should match snapshot 1`] = orderKey=":r5n:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - style={ - [ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - }, - { - "marginTop": 4, - }, - ] - } - > - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } - } - testID="message-thread-replied-on-Thread with attachment" - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#095AD2", - "fontSize": 26, - }, - [ - { - "lineHeight": 26, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - <Text - accessibilityLabel="Thread with attachment" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-Thread with attachment" - > - Thread with attachment - </Text> + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + style={ + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] + } + > <View style={ { "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-Thread with attachment" > + <View + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> <Text - allowFontScaling={false} - selectable={false} + accessibilityLabel="Thread with attachment" + numberOfLines={1} style={ [ { - "color": "#6C727A", - "fontSize": 26, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 26, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - {}, ] } + testID="markdown-preview-Thread with attachment" > -  + Thread with attachment </Text> + <View + style={ + { + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message undefined. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] - } - > <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message undefined. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={26} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5n:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5n:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-" - /> - </View> - </A11yIndexView> + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-" + /> + </View> + </A11yIndexView> + </View> </View> </View> </View> @@ -80857,384 +102511,489 @@ exports[`Story Snapshots: Pinned should match snapshot 1`] = ` orderKey=":r5o:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message header. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5o:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message header. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5o:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> + </View> + </View> <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + <View + accessibilityState={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#2F343D", - "fontSize": 16, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { - "lineHeight": 16, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "paddingLeft": 5, + "opacity": 1, }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="undefined-pinned" - > -  - </Text> - </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message header" - > + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > <Text + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", + "color": "#2F343D", "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", }, + [ + { + "lineHeight": 16, + }, + { + "paddingLeft": 5, + }, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } + testID="undefined-pinned" + > +  + </Text> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message header" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message header + <Text + accessibilityLabel="Message header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -81249,201 +103008,245 @@ exports[`Story Snapshots: Pinned should match snapshot 1`] = ` orderKey=":r5p:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message without header. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message without header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5p:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message without header. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message without header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5p:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message without header" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message without header" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message without header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message without header + <Text + accessibilityLabel="Message without header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message without header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 16, - }, + { + "flexDirection": "row", + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 16, + "color": "#2F343D", + "fontSize": 16, }, + [ + { + "lineHeight": 16, + }, + { + "paddingLeft": 5, + }, + ], { - "paddingLeft": 5, + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="Message without header-pinned" - > -  - </Text> + {}, + ] + } + testID="Message without header-pinned" + > +  + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -81471,384 +103274,489 @@ exports[`Story Snapshots: PinnedLargeFont should match snapshot 1`] = ` orderKey=":r5q:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message header. " + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Message header. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Message header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5q:" + testID="message-undefined" > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } + <A11yIndexView + accessibilityLabel="Message header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5q:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + <View + accessibilityState={ { - "color": "#2F343D", - "fontSize": 20.8, - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { - "lineHeight": 20.8, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "paddingLeft": 5, + "opacity": 1, }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="undefined-pinned" - > -  - </Text> - </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message header" - > + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> <View style={ { - "gap": 2, + "flexDirection": "row", } } > <Text + allowFontScaling={false} + selectable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "color": "#2F343D", + "fontSize": 20.8, }, + [ + { + "lineHeight": 20.8, + }, + { + "paddingLeft": 5, + }, + ], { - "color": "#2F343D", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } + testID="undefined-pinned" + > +  + </Text> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message header" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message header + <Text + accessibilityLabel="Message header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -81863,201 +103771,245 @@ exports[`Story Snapshots: PinnedLargeFont should match snapshot 1`] = ` orderKey=":r5r:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message without header. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message without header" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5r:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message without header. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message without header" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5r:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message without header" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message without header" + > + <View + style={ + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message without header" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message without header + <Text + accessibilityLabel="Message without header" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message without header + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 20.8, - }, + { + "flexDirection": "row", + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 20.8, + "color": "#2F343D", + "fontSize": 20.8, }, + [ + { + "lineHeight": 20.8, + }, + { + "paddingLeft": 5, + }, + ], { - "paddingLeft": 5, + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - testID="Message without header-pinned" - > -  - </Text> + {}, + ] + } + testID="Message without header-pinned" + > +  + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -82085,359 +104037,148 @@ exports[`Story Snapshots: Reactions should match snapshot 1`] = ` orderKey=":r5s:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Reactions. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Reactions" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5s:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Reactions. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Reactions" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5s:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ + }, { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } + "marginTop": 4, + }, + ] } + testID="avatar" > <View - testID="message-content-Reactions" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Reactions" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Reactions - </Text> - </Text> - </Text> - </View> - </View> - <View + collapsable={false} style={ - { - "flexDirection": "row", - "flexWrap": "wrap", - "gap": 4, - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -82458,15 +104199,9 @@ exports[`Story Snapshots: Reactions should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -82474,43 +104209,185 @@ exports[`Story Snapshots: Reactions should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="message-reaction-:joy:" > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, "flexDirection": "row", + "flexShrink": 1, "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, }, + {}, { - "borderColor": "#1D74F5", - "height": 28, + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "color": "#ffffff", - "fontSize": 13, - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > - 😂 + diego.mello </Text> <Text style={ @@ -82518,430 +104395,860 @@ exports[`Story Snapshots: Reactions should match snapshot 1`] = ` { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", + "fontSize": 13, + "fontWeight": "400", "lineHeight": 18, "textAlign": "left", }, { - "color": "#1D74F5", + "color": "#6C727A", }, ] } > - 1 + 10:00 AM </Text> </View> </View> <View - accessibilityState={ + style={ { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, + "flexDirection": "row", } } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + /> + </View> + <View + style={ + { + "gap": 4, } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, + } + > + <View + testID="message-content-Reactions" + > + <View + style={ + { + "gap": 2, + } } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Reactions" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Reactions + </Text> + </Text> + </Text> + </View> + </View> + <View style={ { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "gap": 4, } } - testID="message-reaction-:marioparty:" > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#CBCED1", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={19} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - style={ + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "height": 19, - "width": 19, + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } - transition={null} - width={19} - /> - <Text + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:joy:" > - 99 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 😂 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:thinking:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#CBCED1", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 🤔 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:marioparty:" > - 999 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={19} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 19, + "width": 19, + } + } + transition={null} + width={19} + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 99 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:thinking:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", + }, + ], + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } + testID="message-reaction-:thinking:" + > + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 🤔 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 999 + </Text> + </View> + </View> + </View> + <View + collapsable={false} + style={ + [ { - "borderColor": "#CBCED1", - "height": 28, + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 🤔 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:thinking:" > - 9999 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 🤔 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 9999 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-add-reaction" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#CBCED1", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "color": "#1D74F5", - "fontSize": 20, - }, [ { - "lineHeight": 20, + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", }, - undefined, ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderRadius": 0, + }, + { + "opacity": 1, }, - {}, ] } + testID="message-add-reaction" > -  - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#1D74F5", + "fontSize": 20, + }, + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -82956,359 +105263,148 @@ exports[`Story Snapshots: Reactions should match snapshot 1`] = ` orderKey=":r5t:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Multiple Reactions. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Multiple Reactions" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5t:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Multiple Reactions. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Multiple Reactions" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5t:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 36, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Multiple Reactions" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="Multiple Reactions" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Multiple Reactions - </Text> - </Text> - </Text> - </View> - </View> + > + <View + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > <View + collapsable={false} style={ - { - "flexDirection": "row", - "flexWrap": "wrap", - "gap": 4, - } + [ + undefined, + {}, + {}, + ] } > <View + accessibilityLabel="diego.mello's avatar" accessibilityState={ { "busy": undefined, @@ -83329,15 +105425,9 @@ exports[`Story Snapshots: Reactions should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -83345,902 +105435,1674 @@ exports[`Story Snapshots: Reactions should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="message-reaction-:marioparty:" > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, "flexDirection": "row", + "flexShrink": 1, "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, }, + {}, { - "borderColor": "#1D74F5", - "height": 28, + "opacity": 1, }, ] } + testID="username-header-diego.mello" > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={19} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <Text + numberOfLines={1} + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", }, ] } - style={ - { - "height": 19, - "width": 19, - } - } - transition={null} - width={19} - /> + > + diego.mello + </Text> <Text style={ [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", + "fontSize": 13, + "fontWeight": "400", "lineHeight": 18, "textAlign": "left", }, { - "color": "#1D74F5", + "color": "#6C727A", }, ] } > - 1 + 10:00 AM </Text> </View> </View> <View - accessibilityState={ + style={ { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, + "flexDirection": "row", } } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + /> + </View> + <View + style={ + { + "gap": 4, } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, + } + > + <View + testID="message-content-Multiple Reactions" + > + <View + style={ + { + "gap": 2, + } } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Multiple Reactions" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Multiple Reactions + </Text> + </Text> + </Text> + </View> + </View> + <View style={ { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "gap": 4, } } - testID="message-reaction-:react_rocket:" > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={19} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + "borderRadius": 0, + }, + { + "opacity": 1, }, ] } - style={ + testID="message-reaction-:marioparty:" + > + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={19} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 19, + "width": 19, + } + } + transition={null} + width={19} + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "height": 19, - "width": 19, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - transition={null} - width={19} - /> - <Text + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:react_rocket:" > - 1 - </Text> - </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:nyan_rocket:" - > + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={19} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "height": 19, + "width": 19, + } + } + transition={null} + width={19} + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> + </View> <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={19} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - style={ + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "height": 19, - "width": 19, + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } - transition={null} - width={19} - /> - <Text + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:nyan_rocket:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={19} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 19, + "width": 19, + } + } + transition={null} + width={19} + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:heart:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - ❤️ - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:heart:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + ❤️ + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:dog:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 🐶 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:dog:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 🐶 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:grinning:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 😀 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:grinning:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 😀 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:grimacing:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 😬 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:grimacing:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 😬 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:grin:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 😁 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:grin:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 😁 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-add-reaction" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#CBCED1", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "color": "#1D74F5", - "fontSize": 20, - }, [ { - "lineHeight": 20, + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", }, - undefined, ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderRadius": 0, + }, + { + "opacity": 1, }, - {}, ] } + testID="message-add-reaction" > -  - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#1D74F5", + "fontSize": 20, + }, + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -84268,863 +107130,1218 @@ exports[`Story Snapshots: ReactionsLargeFont should match snapshot 1`] = ` orderKey=":r5u:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Reactions. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Reactions" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5u:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Reactions. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Reactions" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5u:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Reactions" - > - <View - style={ - { - "gap": 2, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > - <Text - accessibilityLabel="Reactions" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Reactions - </Text> + diego.mello </Text> - </Text> + </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", - "flexWrap": "wrap", "gap": 4, } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, + testID="message-content-Reactions" + > + <View + style={ + { + "gap": 2, + } } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Reactions" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Reactions + </Text> + </Text> + </Text> + </View> + </View> + <View style={ { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "gap": 4, } } - testID="message-reaction-:joy:" > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } + testID="message-reaction-:joy:" + > + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 😂 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> + </View> + <View + collapsable={false} + style={ + [ { - "borderColor": "#1D74F5", - "height": 28, + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 😂 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:marioparty:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={19} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 19, + "width": 19, + } + } + transition={null} + width={19} + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 99 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:marioparty:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#CBCED1", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={19} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - style={ + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "height": 19, - "width": 19, + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } - transition={null} - width={19} - /> - <Text + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:thinking:" > - 99 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 🤔 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 999 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:thinking:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#CBCED1", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 🤔 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:thinking:" > - 999 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 🤔 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 9999 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:thinking:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#CBCED1", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } - } - > - 🤔 - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#1D74F5", - }, - ] - } - > - 9999 - </Text> - </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-add-reaction" - > - <View - style={ - [ + } + accessibilityValue={ { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "borderColor": "#CBCED1", - "height": 28, - }, - ] - } - > - <Text - allowFontScaling={false} - selectable={false} + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "color": "#1D74F5", - "fontSize": 26, - }, [ { - "lineHeight": 26, + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", }, - undefined, ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderRadius": 0, + }, + { + "opacity": 1, }, - {}, ] } + testID="message-add-reaction" > -  - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#1D74F5", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -85139,1291 +108356,1846 @@ exports[`Story Snapshots: ReactionsLargeFont should match snapshot 1`] = ` orderKey=":r5v:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Multiple Reactions. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Multiple Reactions" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5v:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Multiple Reactions. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Multiple Reactions" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5v:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Multiple Reactions" - > - <View - style={ - { - "gap": 2, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > - <Text - accessibilityLabel="Multiple Reactions" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Multiple Reactions - </Text> + diego.mello </Text> - </Text> + </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", - "flexWrap": "wrap", "gap": 4, } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + testID="message-content-Multiple Reactions" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Multiple Reactions" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Multiple Reactions + </Text> + </Text> + </Text> + </View> + </View> + <View style={ { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "gap": 4, } } - testID="message-reaction-:marioparty:" > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={19} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - style={ + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "height": 19, - "width": 19, + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } - transition={null} - width={19} - /> - <Text + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:marioparty:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={19} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 19, + "width": 19, + } + } + transition={null} + width={19} + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:react_rocket:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={19} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - style={ + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "height": 19, - "width": 19, + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } - transition={null} - width={19} - /> - <Text + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:react_rocket:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={19} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "height": 19, + "width": 19, + } + } + transition={null} + width={19} + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:nyan_rocket:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + accessibilityState={ { - "left": "50%", - "top": "50%", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - height={19} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - style={ + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "height": 19, - "width": 19, + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, } } - transition={null} - width={19} - /> - <Text + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:nyan_rocket:" > - 1 - </Text> - </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:heart:" - > + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={19} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 19, + "width": 19, + } + } + transition={null} + width={19} + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> + </View> <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - ❤️ - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:heart:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + ❤️ + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:dog:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 🐶 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:dog:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 🐶 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:grinning:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 😀 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:grinning:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 😀 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:grimacing:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 😬 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:grimacing:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 😬 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#E4E7EA", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-reaction-:grin:" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#1D74F5", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "color": "#ffffff", - "fontSize": 13, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - 😁 - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "borderRadius": 4, + }, + { + "backgroundColor": "#E4E7EA", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "lineHeight": 18, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#1D74F5", + "opacity": 1, }, ] } + testID="message-reaction-:grin:" > - 1 - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#1D74F5", + "height": 28, + }, + ] + } + > + <Text + style={ + { + "color": "#ffffff", + "fontSize": 13, + } + } + > + 😁 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#1D74F5", + }, + ] + } + > + 1 + </Text> + </View> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 4, - "left": 4, - "right": 4, - "top": 4, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#FFFFFF", - "borderRadius": 4, - "opacity": 1, - } - } - testID="message-add-reaction" - > <View + collapsable={false} style={ [ { - "alignItems": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, "borderRadius": 4, - "borderWidth": 1, - "flexDirection": "row", - "gap": 4, - "justifyContent": "center", - "minWidth": 46.3, - "paddingHorizontal": 4, - }, - { - "borderColor": "#CBCED1", - "height": 28, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 4, + "left": 4, + "right": 4, + "top": 4, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "color": "#1D74F5", - "fontSize": 26, - }, [ { - "lineHeight": 26, + "borderRadius": 4, + }, + { + "backgroundColor": "#FFFFFF", }, - undefined, ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderRadius": 0, + }, + { + "opacity": 1, }, - {}, ] } + testID="message-add-reaction" > -  - </Text> + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flexDirection": "row", + "gap": 4, + "justifyContent": "center", + "minWidth": 46.3, + "paddingHorizontal": 4, + }, + { + "borderColor": "#CBCED1", + "height": 28, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#1D74F5", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -86451,616 +110223,738 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadButton should m orderKey=":r60:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM How are you?. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="How are you?" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r60:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM How are you?. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="How are you?" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r60:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - > - diego.mello - </Text> - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", + "opacity": 1, }, ] } > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-How are you?" - > - <View - style={ - { - "gap": 2, + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - > - <Text - style={ + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", }, ] } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, } - > - <Text - accessibilityLabel="How are you?" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - How are you? - </Text> - </Text> - </Text> + } + transition={null} + width={36} + /> </View> </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > <View style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ [ { - "alignItems": "center", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "paddingHorizontal": 12, - "paddingVertical": 8, - }, - { - "backgroundColor": "#1D74F5", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - testID="message-thread-button-How are you?" > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "lineHeight": 16, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#FFFFFF", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > - View thread - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> </View> <View style={ - [ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - }, - { - "flex": 1, - "marginLeft": 12, - }, - ] + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, } + } + > + <View + testID="message-content-How are you?" > <View style={ { - "flex": 1, - "flexDirection": "row", + "gap": 2, } } > - <View + <Text style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginRight": 8, - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } - testID="thread-count-1" > - 1 - </Text> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginRight": 8, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + <Text + accessibilityLabel="How are you?" + style={ [ { - "lineHeight": 24, + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 0 + { + "color": "#2F343D", + }, + ] + } + > + How are you? + </Text> </Text> - </View> + </Text> </View> + </View> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + } + } + > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - } + [ + { + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "backgroundColor": "#1D74F5", + }, + ] } + testID="message-thread-button-How are you?" > - <View + <Text style={ [ { - "borderRadius": 4, - "height": 8, - "marginRight": 8, - "width": 8, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", }, { - "backgroundColor": "#6C727A", + "color": "#FFFFFF", }, ] } - /> + > + View thread + </Text> + </View> + <View + style={ + [ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "flex": 1, + "marginLeft": 12, + }, + ] + } + > <View - accessibilityLabel="Follow thread" - accessibilityState={ + style={ { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, + "flex": 1, + "flexDirection": "row", } } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, + > + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 0 + </Text> + </View> + </View> + <View style={ { - "opacity": 1, + "alignItems": "center", + "flexDirection": "row", } } - > - <Text - allowFontScaling={false} - selectable={false} + > + <View style={ [ { - "color": "#2F343D", - "fontSize": 24, + "borderRadius": 4, + "height": 8, + "marginRight": 8, + "width": 8, }, - [ - { - "lineHeight": 24, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "backgroundColor": "#6C727A", }, + ] + } + /> + <View + collapsable={false} + style={ + [ + undefined, + {}, {}, ] } > -  - </Text> + <View + accessibilityLabel="Follow thread" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -87068,8 +110962,8 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadButton should m </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -87084,215 +110978,276 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadButton should m orderKey=":r61:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM thread message I'm fine!. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM thread message I'm fine!. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 36, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 20, - "width": 20, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={20} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r61:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r61:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-I'm fine!" - > - <Text - accessibilityLabel="I'm fine!" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-I'm fine!" + } + > + <View + testID="message-content-I'm fine!" > - I'm fine! - </Text> + <Text + accessibilityLabel="I'm fine!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-I'm fine!" + > + I'm fine! + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -87308,215 +111263,276 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadButton should m orderKey=":r62:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 36, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 20, - "width": 20, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={20} - /> - </View> - </View> - </View> - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r62:" - style={ - { - "flex": 1, - } - } - > - <View + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> + </View> + </View> + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r62:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + } + > + <View + testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -87532,191 +111548,252 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadButton should m orderKey=":r63:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM thread message undefined. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM thread message undefined. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 36, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 20, - "width": 20, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={20} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r63:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r63:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-" - /> - </View> - </A11yIndexView> + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-" + /> + </View> + </A11yIndexView> + </View> </View> </View> </View> @@ -87745,616 +111822,738 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadButtonLargeFont orderKey=":r64:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM How are you?. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="How are you?" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r64:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM How are you?. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="How are you?" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r64:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } - } - testID="username-header-diego.mello" - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", }, { - "color": "#6C727A", + "marginTop": 4, }, ] } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } + testID="avatar" > <View - testID="message-content-How are you?" + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] + } > <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ - { - "gap": 2, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", }, ] } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, } - > - <Text - accessibilityLabel="How are you?" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - How are you? - </Text> - </Text> - </Text> + } + transition={null} + width={46.800000000000004} + /> </View> </View> + </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > <View style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ [ { - "alignItems": "center", - "borderRadius": 4, - "flexDirection": "row", - "justifyContent": "center", - "paddingHorizontal": 12, - "paddingVertical": 8, - }, - { - "backgroundColor": "#1D74F5", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - testID="message-thread-button-How are you?" > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "lineHeight": 16, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#FFFFFF", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > - View thread - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> </View> <View style={ - [ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - }, - { - "flex": 1, - "marginLeft": 12, - }, - ] + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, } + } + > + <View + testID="message-content-How are you?" > <View style={ { - "flex": 1, - "flexDirection": "row", + "gap": 2, } } > - <View + <Text style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginRight": 8, - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 31.200000000000003, - }, - [ - { - "lineHeight": 31.200000000000003, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } - testID="thread-count-1" > - 1 - </Text> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginRight": 8, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 31.200000000000003, - }, + <Text + accessibilityLabel="How are you?" + style={ [ { - "lineHeight": 31.200000000000003, + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 0 + { + "color": "#2F343D", + }, + ] + } + > + How are you? + </Text> </Text> - </View> + </Text> </View> + </View> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + } + } + > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - } + [ + { + "alignItems": "center", + "borderRadius": 4, + "flexDirection": "row", + "justifyContent": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "backgroundColor": "#1D74F5", + }, + ] } + testID="message-thread-button-How are you?" > - <View + <Text style={ [ { - "borderRadius": 4, - "height": 8, - "marginRight": 8, - "width": 8, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600", + "lineHeight": 16, + "textAlign": "left", }, { - "backgroundColor": "#6C727A", + "color": "#FFFFFF", }, ] } - /> + > + View thread + </Text> + </View> + <View + style={ + [ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "flex": 1, + "marginLeft": 12, + }, + ] + } + > <View - accessibilityLabel="Follow thread" - accessibilityState={ + style={ { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, + "flex": 1, + "flexDirection": "row", } } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, + > + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 31.200000000000003, + }, + [ + { + "lineHeight": 31.200000000000003, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 31.200000000000003, + }, + [ + { + "lineHeight": 31.200000000000003, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 0 + </Text> + </View> + </View> + <View style={ { - "opacity": 1, + "alignItems": "center", + "flexDirection": "row", } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ [ { - "color": "#2F343D", - "fontSize": 31.200000000000003, + "borderRadius": 4, + "height": 8, + "marginRight": 8, + "width": 8, }, - [ - { - "lineHeight": 31.200000000000003, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "backgroundColor": "#6C727A", }, + ] + } + /> + <View + collapsable={false} + style={ + [ + undefined, + {}, {}, ] } > -  - </Text> + <View + accessibilityLabel="Follow thread" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 31.200000000000003, + }, + [ + { + "lineHeight": 31.200000000000003, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -88362,8 +112561,8 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadButtonLargeFont </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -88378,215 +112577,276 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadButtonLargeFont orderKey=":r65:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM thread message I'm fine!. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM thread message I'm fine!. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={26} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r65:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r65:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-I'm fine!" - > - <Text - accessibilityLabel="I'm fine!" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-I'm fine!" + } + > + <View + testID="message-content-I'm fine!" > - I'm fine! - </Text> + <Text + accessibilityLabel="I'm fine!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-I'm fine!" + > + I'm fine! + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -88602,215 +112862,276 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadButtonLargeFont orderKey=":r66:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={26} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r66:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r66:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + } + > + <View + testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -88826,191 +113147,252 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadButtonLargeFont orderKey=":r67:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM thread message undefined. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM thread message undefined. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={26} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r67:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r67:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-" - /> - </View> - </A11yIndexView> + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-" + /> + </View> + </A11yIndexView> + </View> </View> </View> </View> @@ -89039,332 +113421,393 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadReply should ma orderKey=":r68:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } + [ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] } - testID="message-thread-replied-on-How are you?" > <View style={ { - "alignItems": "flex-end", - "width": 36, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-How are you?" > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 20, + }, + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> <Text - allowFontScaling={false} - selectable={false} + accessibilityLabel="How are you?" + numberOfLines={1} style={ [ { - "color": "#095AD2", - "fontSize": 20, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 20, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - {}, ] } + testID="markdown-preview-How are you?" > -  + How are you? </Text> - </View> - <Text - accessibilityLabel="How are you?" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, + <View + style={ { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-How are you?" - > - How are you? - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 20, - }, + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 20, + "color": "#6C727A", + "fontSize": 20, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + [ + { + "lineHeight": 20, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] - } - > <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 36, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 20, - "width": 20, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + ] } - } - transition={null} - width={20} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r68:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r68:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-I'm fine!" - > - <Text - accessibilityLabel="I'm fine!" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-I'm fine!" + } + > + <View + testID="message-content-I'm fine!" > - I'm fine! - </Text> + <Text + accessibilityLabel="I'm fine!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-I'm fine!" + > + I'm fine! + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -89380,215 +113823,276 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadReply should ma orderKey=":r69:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM thread message Cool!. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM thread message Cool!. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 36, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 20, - "width": 20, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={20} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="Cool!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r69:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="Cool!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r69:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-Cool!" - > - <Text - accessibilityLabel="Cool!" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-Cool!" + } + > + <View + testID="message-content-Cool!" > - Cool! - </Text> + <Text + accessibilityLabel="Cool!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Cool!" + > + Cool! + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -89604,215 +114108,276 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadReply should ma orderKey=":r6a:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ - [ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - }, - { - "marginTop": 4, - }, - ] + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} - style={ - [ - { - "flexDirection": "row", - }, - {}, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 20, - "width": 20, - }, - undefined, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, - } - } - transition={null} - width={20} - /> - </View> - </View> - </View> - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6a:" - style={ + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + style={ + [ { - "flex": 1, - } + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} + style={ + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View style={ { - "flex": 1, - "marginLeft": 10, + "alignItems": "flex-end", + "width": 36, } } > <View - testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] + } + testID="avatar" > - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} + <View + collapsable={false} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, + undefined, + {}, + {}, ] } - testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </A11yIndexView> + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6a:" + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </View> + </View> + </A11yIndexView> + </View> </View> </View> </View> @@ -89828,191 +114393,252 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadReply should ma orderKey=":r6b:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM thread message undefined. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM thread message undefined. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 36, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 20, - "width": 20, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 20, + "width": 20, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={20} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6b:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6b:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-" - /> - </View> - </A11yIndexView> + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-" + /> + </View> + </A11yIndexView> + </View> </View> </View> </View> @@ -90041,332 +114667,393 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadReplyLargeFont orderKey=":r6c:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "gap": 10, - } - } - testID="message-thread-replied-on-How are you?" - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#095AD2", - "fontSize": 26, - }, - [ - { - "lineHeight": 26, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - <Text - accessibilityLabel="How are you?" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - testID="markdown-preview-How are you?" - > - How are you? - </Text> - <View - style={ - { - "alignItems": "center", - "justifyContent": "center", - "marginLeft": 4, - "marginRight": 4, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 26, - }, - [ - { - "lineHeight": 26, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - </View> - <View - accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "alignItems": "center", + "flexDirection": "row", + "gap": 10, } } + testID="message-thread-replied-on-How are you?" > <View - accessible={true} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#095AD2", + "fontSize": 26, + }, + [ + { + "lineHeight": 26, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <Text + accessibilityLabel="How are you?" + numberOfLines={1} style={ [ { - "borderRadius": 4, - "height": 26, - "width": 26, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", }, - undefined, ] } - testID="avatar" + testID="markdown-preview-How are you?" > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + How are you? + </Text> + <View + style={ + { + "alignItems": "center", + "justifyContent": "center", + "marginLeft": 4, + "marginRight": 4, } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + } + > + <Text + allowFontScaling={false} + selectable={false} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ + [ { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + "color": "#6C727A", + "fontSize": 26, + }, [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "lineHeight": 26, }, - ] - } - style={ + undefined, + ], { - "borderRadius": 4, - "height": 26, - "width": 26, - } - } - transition={null} - width={26} - /> - </View> + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> </View> </View> - <A11yIndexView - accessibilityLabel="I'm fine!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6c:" + <View + accessibilityLabel="diego.mello 10:00:00 AM replying to thread message I'm fine!. " + accessible={true} style={ - { - "flex": 1, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View style={ { - "flex": 1, - "marginLeft": 10, + "alignItems": "flex-end", + "width": 46.800000000000004, } } > <View - testID="message-content-I'm fine!" + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] + } + testID="avatar" > - <Text - accessibilityLabel="I'm fine!" - numberOfLines={1} + <View + collapsable={false} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, + undefined, + {}, + {}, ] } - testID="message-preview-I'm fine!" > - I'm fine! - </Text> + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </A11yIndexView> + <A11yIndexView + accessibilityLabel="I'm fine!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6c:" + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-I'm fine!" + > + <Text + accessibilityLabel="I'm fine!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-I'm fine!" + > + I'm fine! + </Text> + </View> + </View> + </A11yIndexView> + </View> </View> </View> </View> @@ -90382,215 +115069,276 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadReplyLargeFont orderKey=":r6d:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM thread message Cool!. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM thread message Cool!. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={26} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="Cool!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6d:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="Cool!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6d:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-Cool!" - > - <Text - accessibilityLabel="Cool!" - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-Cool!" + } + > + <View + testID="message-content-Cool!" > - Cool! - </Text> + <Text + accessibilityLabel="Cool!" + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Cool!" + > + Cool! + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -90606,215 +115354,276 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadReplyLargeFont orderKey=":r6e:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM thread message Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={26} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6e:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6e:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - ] + style={ + { + "flex": 1, + "marginLeft": 10, } - testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + } + > + <View + testID="message-content-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + ] + } + testID="message-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </View> @@ -90830,191 +115639,252 @@ exports[`Story Snapshots: SequentialThreadMessagesFollowingThreadReplyLargeFont orderKey=":r6f:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "backgroundColor": undefined, }, + {}, { - "marginTop": 4, + "opacity": 1, }, ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM thread message undefined. " - accessible={true} style={ [ { - "flexDirection": "row", + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + }, + { + "marginTop": 4, }, - {}, ] } > <View + accessibilityLabel="diego.mello 10:00:00 AM thread message undefined. " + accessible={true} style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } + [ + { + "flexDirection": "row", + }, + {}, + ] } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 26, - "width": 26, - }, - undefined, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 26, + "width": 26, + }, + undefined, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={26} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> + </View> </View> </View> - </View> - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6f:" - style={ - { - "flex": 1, - } - } - > - <View + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6f:" style={ { "flex": 1, - "marginLeft": 10, } } > <View - testID="message-content-" - /> - </View> - </A11yIndexView> + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + testID="message-content-" + /> + </View> + </A11yIndexView> + </View> </View> </View> </View> @@ -91037,296 +115907,393 @@ exports[`Story Snapshots: ShowButtonAsAttachment should match snapshot 1`] = ` orderKey=":r6g:" > <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r6g:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r6g:" + > + <View collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6g:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6g:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View style={ { @@ -91337,126 +116304,189 @@ exports[`Story Snapshots: ShowButtonAsAttachment should match snapshot 1`] = ` <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Test Button" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Test Button + <Text + accessibilityLabel="Test Button" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Test Button + </Text> </Text> </Text> - </Text> - </View> - <View - accessibilityLabel="Text button" - accessibilityRole="button" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#156FF5", - "borderRadius": 4, - "justifyContent": "center", - "marginBottom": 12, - "opacity": 1, - "paddingHorizontal": 16, - "paddingVertical": 14, - } - } - > - <Text + </View> + <View + collapsable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 16, - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontWeight": "500", - "textAlign": "center", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": 12, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, - undefined, + {}, + {}, ] } > - Text button - </Text> + <View + accessibilityLabel="Text button" + accessibilityRole="button" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "justifyContent": "center", + "paddingHorizontal": 16, + "paddingVertical": 14, + }, + { + "borderRadius": 4, + "marginBottom": 12, + }, + { + "backgroundColor": "#156FF5", + }, + {}, + undefined, + ], + { + "borderRadius": 0, + "marginBottom": 0, + }, + { + "opacity": 1, + }, + ] + } + > + <Text + style={ + [ + { + "color": "#FFFFFF", + "fontSize": 16, + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontWeight": "500", + "textAlign": "center", + }, + undefined, + ] + } + > + Text button + </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -91471,290 +116501,387 @@ exports[`Story Snapshots: ShowButtonAsAttachment should match snapshot 1`] = ` orderKey=":r6h:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6h:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6h:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View style={ { @@ -91765,150 +116892,212 @@ exports[`Story Snapshots: ShowButtonAsAttachment should match snapshot 1`] = ` <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text style={ - [ - { - "color": "#2F343D", - }, + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + {}, + false, + ] + } + > + 🥑 + </Text> + <Text + accessibilityLabel=" " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + + </Text> + <Text + style={ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, + "fontWeight": "700", "textAlign": "left", - }, - {}, - false, - ] - } - > - 🥑 + } + } + > + <Text + accessibilityLabel="Message with markdown" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message with markdown + </Text> + </Text> </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + </Text> + <View + style={ + { + "height": 8, } - > - - </Text> + } + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > <Text style={ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", - "fontWeight": "700", + "fontWeight": "400", "textAlign": "left", } } > <Text - accessibilityLabel="Message with markdown" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "fontStyle": "italic", + } } > - Message with markdown + <Text + accessibilityLabel="Some text" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Some text + </Text> </Text> </Text> </Text> - </Text> - <View - style={ - { - "height": 8, - } - } - /> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "height": 8, } } + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } > <Text style={ { - "fontStyle": "italic", + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", } } > <Text - accessibilityLabel="Some text" + accessibilityLabel="This is a test" style={ [ { @@ -91922,134 +117111,135 @@ exports[`Story Snapshots: ShowButtonAsAttachment should match snapshot 1`] = ` ] } > - Some text + This is a test </Text> </Text> </Text> - </Text> + </View> <View - style={ - { - "height": 8, - } - } - /> - <Text + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": 12, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityLabel="Text button" + accessibilityRole="button" + accessibilityState={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "justifyContent": "center", + "paddingHorizontal": 16, + "paddingVertical": 14, + }, + { + "borderRadius": 4, + "marginBottom": 12, + }, + { + "backgroundColor": "#156FF5", + }, + {}, + undefined, + ], + { + "borderRadius": 0, + "marginBottom": 0, + }, + { + "opacity": 1, + }, + ] + } > <Text - accessibilityLabel="This is a test" style={ [ { - "flexShrink": 1, + "color": "#FFFFFF", "fontSize": 16, - "lineHeight": 22, }, { - "color": "#2F343D", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontWeight": "500", + "textAlign": "center", }, + undefined, ] } > - This is a test + Text button </Text> - </Text> - </Text> - </View> - <View - accessibilityLabel="Text button" - accessibilityRole="button" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#156FF5", - "borderRadius": 4, - "justifyContent": "center", - "marginBottom": 12, - "opacity": 1, - "paddingHorizontal": 16, - "paddingVertical": 14, - } - } - > - <Text - style={ - [ - { - "color": "#FFFFFF", - "fontSize": 16, - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontWeight": "500", - "textAlign": "center", - }, - undefined, - ] - } - > - Text button - </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -92077,290 +117267,387 @@ exports[`Story Snapshots: ShowButtonAsAttachmentLargeFont should match snapshot orderKey=":r6i:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6i:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6i:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] + { + "flexDirection": "row", + } } - > - diego.mello - </Text> + /> </View> - <View + <Text style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View style={ { @@ -92371,126 +117658,189 @@ exports[`Story Snapshots: ShowButtonAsAttachmentLargeFont should match snapshot <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Test Button" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Test Button + </Text> + </Text> + </Text> + </View> + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": 12, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityLabel="Text button" + accessibilityRole="button" + accessibilityState={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "justifyContent": "center", + "paddingHorizontal": 16, + "paddingVertical": 14, + }, + { + "borderRadius": 4, + "marginBottom": 12, + }, + { + "backgroundColor": "#156FF5", + }, + {}, + undefined, + ], + { + "borderRadius": 0, + "marginBottom": 0, + }, + { + "opacity": 1, + }, + ] + } > <Text - accessibilityLabel="Test Button" style={ [ { - "flexShrink": 1, + "color": "#FFFFFF", "fontSize": 16, - "lineHeight": 22, }, { - "color": "#2F343D", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontWeight": "500", + "textAlign": "center", }, + undefined, ] } > - Test Button + Text button </Text> - </Text> - </Text> - </View> - <View - accessibilityLabel="Text button" - accessibilityRole="button" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#156FF5", - "borderRadius": 4, - "justifyContent": "center", - "marginBottom": 12, - "opacity": 1, - "paddingHorizontal": 16, - "paddingVertical": 14, - } - } - > - <Text - style={ - [ - { - "color": "#FFFFFF", - "fontSize": 16, - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontWeight": "500", - "textAlign": "center", - }, - undefined, - ] - } - > - Text button - </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -92505,290 +117855,387 @@ exports[`Story Snapshots: ShowButtonAsAttachmentLargeFont should match snapshot orderKey=":r6j:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6j:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6j:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] + { + "flexDirection": "row", + } } - > - diego.mello - </Text> + /> </View> - <View + <Text style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View style={ { @@ -92799,88 +118246,68 @@ exports[`Story Snapshots: ShowButtonAsAttachmentLargeFont should match snapshot <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <Text - style={ - [ - { - "color": "#2F343D", - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - {}, - false, - ] - } - > - 🥑 - </Text> - <Text - accessibilityLabel=" " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - - </Text> <Text style={ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", - "fontWeight": "700", + "fontWeight": "400", "textAlign": "left", } } > <Text - accessibilityLabel="Message with markdown" + style={ + [ + { + "color": "#2F343D", + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + {}, + false, + ] + } + > + 🥑 + </Text> + <Text + accessibilityLabel=" " style={ [ { @@ -92894,55 +118321,137 @@ exports[`Story Snapshots: ShowButtonAsAttachmentLargeFont should match snapshot ] } > - Message with markdown + + </Text> + <Text + style={ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontWeight": "700", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message with markdown" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message with markdown + </Text> </Text> </Text> </Text> - </Text> - <View - style={ - { - "height": 8, - } - } - /> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, + <View + style={ { - "color": "#2F343D", - }, - ] - } - > + "height": 8, + } + } + /> <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + style={ + { + "fontStyle": "italic", + } + } + > + <Text + accessibilityLabel="Some text" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Some text + </Text> + </Text> + </Text> + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "height": 8, } } + /> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } > <Text style={ { - "fontStyle": "italic", + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", } } > <Text - accessibilityLabel="Some text" + accessibilityLabel="This is a test" style={ [ { @@ -92956,69 +118465,304 @@ exports[`Story Snapshots: ShowButtonAsAttachmentLargeFont should match snapshot ] } > - Some text + This is a test </Text> </Text> </Text> - </Text> + </View> <View - style={ - { - "height": 8, - } - } - /> - <Text + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": 12, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityLabel="Text button" + accessibilityRole="button" + accessibilityState={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "justifyContent": "center", + "paddingHorizontal": 16, + "paddingVertical": 14, + }, + { + "borderRadius": 4, + "marginBottom": 12, + }, + { + "backgroundColor": "#156FF5", + }, + {}, + undefined, + ], + { + "borderRadius": 0, + "marginBottom": 0, + }, + { + "opacity": 1, + }, + ] + } > <Text - accessibilityLabel="This is a test" style={ [ { - "flexShrink": 1, + "color": "#FFFFFF", "fontSize": 16, - "lineHeight": 22, }, { - "color": "#2F343D", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontWeight": "500", + "textAlign": "center", }, + undefined, ] } > - This is a test + Text button </Text> - </Text> - </Text> + </View> + </View> </View> + </View> + </View> + </View> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + </View> +</RCTScrollView> +`; + +exports[`Story Snapshots: StaticAvatar should match snapshot 1`] = ` +<RCTScrollView + style={ + { + "backgroundColor": "#FFFFFF", + } + } +> + <View> + <A11yOrderView + orderKey=":r6k:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r6k:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6k:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + > + <View + accessible={true} + style={ + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] + } + testID="avatar" + > + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] + } + > <View - accessibilityLabel="Text button" - accessibilityRole="button" + accessibilityLabel="'s avatar" accessibilityState={ { "busy": undefined, @@ -93039,7 +118783,9 @@ exports[`Story Snapshots: ShowButtonAsAttachmentLargeFont should match snapshot accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -93047,418 +118793,287 @@ exports[`Story Snapshots: ShowButtonAsAttachmentLargeFont should match snapshot onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#156FF5", - "borderRadius": 4, - "justifyContent": "center", - "marginBottom": 12, - "opacity": 1, - "paddingHorizontal": 16, - "paddingVertical": 14, - } + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] } > - <Text - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "color": "#FFFFFF", - "fontSize": 16, - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontWeight": "500", - "textAlign": "center", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://pbs.twimg.com/profile_images/1016397063649660929/14EIApTi_400x400.jpg", }, - undefined, ] } - > - Text button - </Text> + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> </View> </View> </View> </View> - </View> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - </View> -</RCTScrollView> -`; - -exports[`Story Snapshots: StaticAvatar should match snapshot 1`] = ` -<RCTScrollView - style={ - { - "backgroundColor": "#FFFFFF", - } - } -> - <View> - <A11yOrderView - orderKey=":r6k:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r6k:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6k:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="'s avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://pbs.twimg.com/profile_images/1016397063649660929/14EIApTi_400x400.jpg", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -93486,354 +119101,459 @@ exports[`Story Snapshots: StaticAvatarLargeFont should match snapshot 1`] = ` orderKey=":r6l:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6l:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="'s avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://pbs.twimg.com/profile_images/1016397063649660929/14EIApTi_400x400.jpg", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6l:" + > <View + accessible={true} style={ { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 46.800000000000004, } } > <View + accessible={true} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="'s avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://pbs.twimg.com/profile_images/1016397063649660929/14EIApTi_400x400.jpg", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -93907,78 +119627,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -94104,78 +119841,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -94301,78 +120055,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -94501,78 +120272,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -94698,78 +120486,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -94895,78 +120700,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -95092,78 +120914,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -95289,78 +121128,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -95486,78 +121342,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -95683,78 +121556,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -95880,78 +121770,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -96077,78 +121984,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -96274,78 +122198,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -96471,78 +122412,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -96668,78 +122626,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -96865,78 +122840,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -97062,78 +123054,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -97259,78 +123268,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -97456,78 +123482,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -97653,78 +123696,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -97850,78 +123910,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -98047,78 +124124,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -98244,78 +124338,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -98441,78 +124552,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -98638,78 +124766,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -98835,78 +124980,95 @@ exports[`Story Snapshots: SystemMessages should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 20, - "width": 20, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={20} - /> + height={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=40", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 20, + "width": 20, + } + } + transition={null} + width={20} + /> + </View> </View> </View> </View> @@ -99023,78 +125185,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -99220,78 +125399,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -99417,78 +125613,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -99617,78 +125830,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -99814,78 +126044,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -100011,78 +126258,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -100205,81 +126469,98 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` undefined, ] } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} + testID="avatar" + > + <View collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -100405,78 +126686,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -100602,78 +126900,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -100799,78 +127114,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -100996,78 +127328,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -101193,78 +127542,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } } - } - transition={null} - width={26} - /> + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -101390,78 +127756,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -101587,78 +127970,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -101784,78 +128184,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -101981,78 +128398,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -102178,78 +128612,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -102375,78 +128826,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + ] } - } - transition={null} - width={26} - /> + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -102572,78 +129040,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -102769,78 +129254,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -102966,78 +129468,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -103163,78 +129682,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -103360,78 +129896,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -103557,78 +130110,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + "left": "50%", + "top": "50%", + } + } + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + ] } - } - transition={null} - width={26} - /> + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -103754,78 +130324,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -103951,78 +130538,95 @@ exports[`Story Snapshots: SystemMessagesLargeFont should match snapshot 1`] = ` testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={26} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + "opacity": 1, }, ] } - style={ - { - "borderRadius": 4, - "height": 26, - "width": 26, + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={26} - /> + height={26} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=52", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 26, + "width": 26, + } + } + transition={null} + width={26} + /> + </View> </View> </View> </View> @@ -104093,359 +130697,464 @@ exports[`Story Snapshots: Temp should match snapshot 1`] = ` orderKey=":r8a:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": true, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Temp message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": true, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Temp message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8a:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Temp message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Temp message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8a:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - style={ - { - "opacity": 0.3, + "gap": 4, } } - testID="message-content-Temp message" > <View style={ { - "gap": 2, + "opacity": 0.3, } } + testID="message-content-Temp message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Temp message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Temp message + <Text + accessibilityLabel="Temp message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Temp message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -104473,359 +131182,464 @@ exports[`Story Snapshots: TempLargeFont should match snapshot 1`] = ` orderKey=":r8b:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": true, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Temp message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": true, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Temp message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8b:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Temp message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Temp message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8b:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> - <View + <Text style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View style={ { - "opacity": 0.3, + "gap": 4, } } - testID="message-content-Temp message" > <View style={ { - "gap": 2, + "opacity": 0.3, } } + testID="message-content-Temp message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Temp message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Temp message + <Text + accessibilityLabel="Temp message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Temp message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -104853,302 +131667,289 @@ exports[`Story Snapshots: ThumbnailFromServer should match snapshot 1`] = ` orderKey=":r8c:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM this is a thumbnail. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="this is a thumbnail" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8c:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM this is a thumbnail. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="this is a thumbnail" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8c:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -105156,7 +131957,7 @@ exports[`Story Snapshots: ThumbnailFromServer should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -105172,241 +131973,409 @@ exports[`Story Snapshots: ThumbnailFromServer should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-Image text" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-Image text" > <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } + } + > + <View + style={ { - "backgroundColor": "transparent", + "alignItems": "center", "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Title + </Text> + </View> + <View + style={ { - "color": "#2F343D", - }, - ] - } - > - Title - </Text> - </View> - <View - style={ - { - "gap": 2, + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Image text" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Image text + </Text> + </Text> + </Text> + </View> + </View> + <ViewManagerAdapter_ExpoImage + borderTopLeftRadius={4} + borderTopRightRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - > - <Text - style={ + height={80} + marginBottom={1} + marginLeft={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "uri": "https://images-na.ssl-images-amazon.com/images/I/71jKxPAMFbL._AC_SL1500_.jpg", }, ] } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + style={ + { + "borderTopLeftRadius": 4, + "borderTopRightRadius": 4, + "height": 80, + "marginBottom": 1, + "marginLeft": 20, + "width": 80, } - > - <Text - accessibilityLabel="Image text" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Image text - </Text> - </Text> - </Text> + } + transition={null} + width={80} + /> </View> </View> - <ViewManagerAdapter_ExpoImage - borderTopLeftRadius={4} - borderTopRightRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={80} - marginBottom={1} - marginLeft={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://images-na.ssl-images-amazon.com/images/I/71jKxPAMFbL._AC_SL1500_.jpg", - }, - ] - } - style={ - { - "borderTopLeftRadius": 4, - "borderTopRightRadius": 4, - "height": 80, - "marginBottom": 1, - "marginLeft": 20, - "width": 80, - } - } - transition={null} - width={80} - /> </View> </View> </View> - </View> - <View - testID="message-content-this is a thumbnail" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-this is a thumbnail" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="this is a thumbnail" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - this is a thumbnail + <Text + accessibilityLabel="this is a thumbnail" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + this is a thumbnail + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -105434,302 +132403,289 @@ exports[`Story Snapshots: ThumbnailFromServerLargeFont should match snapshot 1`] orderKey=":r8d:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM this is a thumbnail. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="this is a thumbnail" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8d:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM this is a thumbnail. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="this is a thumbnail" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8d:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -105737,7 +132693,7 @@ exports[`Story Snapshots: ThumbnailFromServerLargeFont should match snapshot 1`] { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -105753,120 +132709,260 @@ exports[`Story Snapshots: ThumbnailFromServerLargeFont should match snapshot 1`] accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-Image text" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-Image text" > <View style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - Title - </Text> - </View> - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, + <View + style={ { - "color": "#2F343D", - }, - ] - } - > - <Text + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Title + </Text> + </View> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - accessibilityLabel="Image text" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -105874,120 +132970,148 @@ exports[`Story Snapshots: ThumbnailFromServerLargeFont should match snapshot 1`] ] } > - Image text + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Image text" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Image text + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> + <ViewManagerAdapter_ExpoImage + borderTopLeftRadius={4} + borderTopRightRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={80} + marginBottom={1} + marginLeft={20} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://images-na.ssl-images-amazon.com/images/I/71jKxPAMFbL._AC_SL1500_.jpg", + }, + ] + } + style={ + { + "borderTopLeftRadius": 4, + "borderTopRightRadius": 4, + "height": 80, + "marginBottom": 1, + "marginLeft": 20, + "width": 80, + } + } + transition={null} + width={80} + /> </View> </View> - <ViewManagerAdapter_ExpoImage - borderTopLeftRadius={4} - borderTopRightRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={80} - marginBottom={1} - marginLeft={20} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://images-na.ssl-images-amazon.com/images/I/71jKxPAMFbL._AC_SL1500_.jpg", - }, - ] - } - style={ - { - "borderTopLeftRadius": 4, - "borderTopRightRadius": 4, - "height": 80, - "marginBottom": 1, - "marginLeft": 20, - "width": 80, - } - } - transition={null} - width={80} - /> </View> </View> </View> - </View> - <View - testID="message-content-this is a thumbnail" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-this is a thumbnail" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="this is a thumbnail" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - this is a thumbnail + <Text + accessibilityLabel="this is a thumbnail" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + this is a thumbnail + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -106015,354 +133139,459 @@ exports[`Story Snapshots: TimeFormat should match snapshot 1`] = ` orderKey=":r8e:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Testing. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Testing" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8e:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Testing. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Testing" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8e:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10 November 2017 + </Text> + </View> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "flexDirection": "row", + } } - > - 10 November 2017 - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Testing" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Testing" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Testing" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Testing + <Text + accessibilityLabel="Testing" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Testing + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -106390,354 +133619,459 @@ exports[`Story Snapshots: TimeFormatLargeFont should match snapshot 1`] = ` orderKey=":r8f:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Testing. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Testing" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8f:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Testing. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Testing" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8f:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10 November 2017 - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Testing" - > - <View - style={ - { - "gap": 2, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <Text + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10 November 2017 + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Testing" + > + <View + style={ + { + "gap": 2, + } + } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Testing" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Testing + <Text + accessibilityLabel="Testing" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Testing + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -106765,390 +134099,495 @@ exports[`Story Snapshots: Translated should match snapshot 1`] = ` orderKey=":r8g:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message translated into English" - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message translated" + <View + accessibilityLabel="diego.mello 10:00:00 AM Message translated into English" accessible={true} - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8g:" + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" > - <View + <A11yIndexView + accessibilityLabel="Message translated" accessible={true} - style={ - { - "flexDirection": "row", - } - } + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8g:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "paddingLeft": 5, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 16, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, - [ - { - "lineHeight": 16, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } + testID="username-header-diego.mello" > -  - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> </View> - </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message translated" - > <View style={ { - "gap": 2, + "flexDirection": "row", } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "paddingLeft": 5, + } } > <Text + allowFontScaling={false} + selectable={false} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "color": "#2F343D", + "fontSize": 16, + }, + [ + { + "lineHeight": 16, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message translated" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message translated" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message translated + <Text + accessibilityLabel="Message translated" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message translated + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -107176,390 +134615,495 @@ exports[`Story Snapshots: TranslatedLargeFont should match snapshot 1`] = ` orderKey=":r8h:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message translated into English" - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message translated" + <View + accessibilityLabel="diego.mello 10:00:00 AM Message translated into English" accessible={true} - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8h:" + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" > - <View + <A11yIndexView + accessibilityLabel="Message translated" accessible={true} - style={ - { - "flexDirection": "row", - } - } + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8h:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "paddingLeft": 5, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - > - <Text - allowFontScaling={false} - selectable={false} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 20.8, + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, - [ - { - "lineHeight": 20.8, - }, - undefined, - ], + {}, { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } + testID="username-header-diego.mello" > -  - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> </View> - </View> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message translated" - > <View style={ { - "gap": 2, + "flexDirection": "row", } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "paddingLeft": 5, + } } > <Text + allowFontScaling={false} + selectable={false} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "color": "#2F343D", + "fontSize": 20.8, + }, + [ + { + "lineHeight": 20.8, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message translated" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message translated" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message translated + <Text + accessibilityLabel="Message translated" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message translated + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -107587,302 +135131,289 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdown should match snapshot orderKey=":r8i:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8i:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8i:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -107890,7 +135421,7 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdown should match snapshot { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -107906,173 +135437,244 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdown should match snapshot accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-Custom fields" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-Custom fields" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="Custom fields" + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - Custom fields + rocket.cat </Text> - </Text> - </Text> - </View> - <View - style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } - } - > - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 1 - </Text> + </View> <View style={ { @@ -108100,22 +135702,91 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdown should match snapshot <Text style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Custom fields" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Custom fields + </Text> + </Text> + </Text> + </View> + <View + style={ + { + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, + } + } + > + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "50%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View + style={ + { + "gap": 2, } } > <Text - accessibilityLabel="Value 1" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -108123,80 +135794,76 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdown should match snapshot ] } > - Value 1 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> - <View - style={ - { - "gap": 2, - } - } - > - <Text + </View> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - onLongPress={[Function]} - onPress={[Function]} style={ [ { @@ -108204,220 +135871,205 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdown should match snapshot "fontFamily": "Inter", "fontSize": 16, "fontWeight": "400", + "lineHeight": 22, "textAlign": "left", }, { - "color": "#095AD2", + "color": "#2F343D", }, ] } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + onLongPress={[Function]} + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Value 2 + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-Custom fields 2" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-Custom fields 2" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="Custom fields 2" + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - Custom fields 2 + rocket.cat </Text> - </Text> - </Text> - </View> - <View - style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } - } - > - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 1 - </Text> + </View> <View style={ { @@ -108454,7 +136106,7 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdown should match snapshot } > <Text - accessibilityLabel="Value 1" + accessibilityLabel="Custom fields 2" style={ [ { @@ -108468,107 +136120,204 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdown should match snapshot ] } > - Value 1 + Custom fields 2 </Text> </Text> </Text> </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> + </Text> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "50%", + }, + ] + } + > + <Text + style={ + [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontWeight": "700", + "fontSize": 14, + "fontWeight": "600", "textAlign": "left", - } + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Value 2" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontWeight": "700", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> @@ -108576,71 +136325,71 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdown should match snapshot </View> </View> </View> - </View> - <View - testID="message-content-Message" - > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > - <Text - accessibilityLabel="Message" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -108668,302 +136417,289 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdownLargeFont should match orderKey=":r8j:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8j:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8j:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -108971,7 +136707,7 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdownLargeFont should match { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -108987,173 +136723,244 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdownLargeFont should match accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-Custom fields" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-Custom fields" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="Custom fields" + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, - ] - } - > - Custom fields - </Text> - </Text> - </Text> - </View> - <View - style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } - } - > - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 1 - </Text> + ] + } + > + rocket.cat + </Text> + </View> <View style={ { @@ -109190,7 +136997,7 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdownLargeFont should match } > <Text - accessibilityLabel="Value 1" + accessibilityLabel="Custom fields" style={ [ { @@ -109204,80 +137011,59 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdownLargeFont should match ] } > - Value 1 + Custom fields </Text> </Text> </Text> </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text - onLongPress={[Function]} - onPress={[Function]} style={ [ { @@ -109285,220 +137071,291 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdownLargeFont should match "fontFamily": "Inter", "fontSize": 16, "fontWeight": "400", + "lineHeight": 22, "textAlign": "left", }, { - "color": "#095AD2", + "color": "#2F343D", }, ] } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> </Text> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "50%", + }, + ] + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 </Text> - </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + onLongPress={[Function]} + onPress={[Function]} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Value 2 + </Text> + </Text> + </Text> + </View> + </View> </View> </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-rocket.cat-Custom fields 2" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - > - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - rocket.cat - </Text> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-rocket.cat-Custom fields 2" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, } } > <Text - accessibilityLabel="Custom fields 2" + numberOfLines={1} style={ [ { + "backgroundColor": "transparent", "flexShrink": 1, + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - Custom fields 2 + rocket.cat </Text> - </Text> - </Text> - </View> - <View - style={ - { - "flex": 1, - "flexDirection": "row", - "flexWrap": "wrap", - "rowGap": 12, - } - } - > - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 1 - </Text> + </View> <View style={ { @@ -109535,7 +137392,7 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdownLargeFont should match } > <Text - accessibilityLabel="Value 1" + accessibilityLabel="Custom fields 2" style={ [ { @@ -109549,179 +137406,276 @@ exports[`Story Snapshots: TwoShortCustomFieldsWithMarkdownLargeFont should match ] } > - Value 1 + Custom fields 2 </Text> </Text> </Text> </View> - </View> - <View - style={ - [ - { - "flexDirection": "column", - }, - { - "width": "50%", - }, - ] - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600", - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - Field 2 - </Text> <View style={ { - "gap": 2, + "flex": 1, + "flexDirection": "row", + "flexWrap": "wrap", + "rowGap": 12, } } > - <Text + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "flexDirection": "column", }, { - "color": "#2F343D", + "width": "50%", }, ] } > <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "600", + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 1 + </Text> + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "gap": 2, } } > <Text style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 1" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 1 + </Text> + </Text> + </Text> + </View> + </View> + <View + style={ + [ + { + "flexDirection": "column", + }, + { + "width": "50%", + }, + ] + } + > + <Text + style={ + [ { "backgroundColor": "transparent", "fontFamily": "Inter", - "fontWeight": "700", + "fontSize": 14, + "fontWeight": "600", "textAlign": "left", - } + }, + { + "color": "#2F343D", + }, + ] + } + > + Field 2 + </Text> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Value 2" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Value 2 + <Text + style={ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontWeight": "700", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Value 2" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Value 2 + </Text> + </Text> </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> - </View> - </View> - </View> - </View> - </View> - </View> - <View - testID="message-content-Message" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + </View> + </View> + </View> + </View> + </View> + <View + testID="message-content-Message" + > + <View + style={ + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -109749,481 +137703,686 @@ exports[`Story Snapshots: URL should match snapshot 1`] = ` orderKey=":r8k:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8k:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8k:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "backgroundColor": "#F7F8FA", - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, + "alignItems": "center", "flex": 1, - "flexDirection": "column", - "gap": 4, - "opacity": 1, - "overflow": "hidden", + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "alignItems": "flex-start", - "flex": 1, - "flexDirection": "column", - "justifyContent": "flex-start", - "padding": 12, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - > - Rocket.Chat - Free, Open Source, Enterprise Team Chat - </Text> - <Text - numberOfLines={2} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#6C727A", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > - Rocket.Chat is the leading open source team chat software solution. Free, unlimited and completely customizable with on-premises and SaaS cloud hosting. - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "backgroundColor": "#F7F8FA", - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "column", "gap": 4, - "opacity": 1, - "overflow": "hidden", } } > <View + collapsable={false} style={ - { - "alignItems": "flex-start", - "flex": 1, - "flexDirection": "column", - "justifyContent": "flex-start", - "padding": 12, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - numberOfLines={2} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + { + "backgroundColor": "#F7F8FA", + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#095AD2", + "opacity": 1, }, ] } > - Google - </Text> - <Text - numberOfLines={2} + <View + style={ + { + "alignItems": "flex-start", + "flex": 1, + "flexDirection": "column", + "justifyContent": "flex-start", + "padding": 12, + } + } + > + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Rocket.Chat - Free, Open Source, Enterprise Team Chat + </Text> + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Rocket.Chat is the leading open source team chat software solution. Free, unlimited and completely customizable with on-premises and SaaS cloud hosting. + </Text> + </View> + </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + { + "backgroundColor": "#F7F8FA", + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#6C727A", + "opacity": 1, }, ] } > - Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. - </Text> + <View + style={ + { + "alignItems": "flex-start", + "flex": 1, + "flexDirection": "column", + "justifyContent": "flex-start", + "padding": 12, + } + } + > + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Google + </Text> + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. + </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -110238,493 +138397,648 @@ exports[`Story Snapshots: URL should match snapshot 1`] = ` orderKey=":r8l:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message :nyan_rocket:. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message :nyan_rocket:" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8l:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message :nyan_rocket:. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message :nyan_rocket:" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8l:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message :nyan_rocket:" > <View - style={ - { - "gap": 2, + testID="message-content-Message :nyan_rocket:" + > + <View + style={ + { + "gap": 2, + } } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + { + "backgroundColor": "#F7F8FA", + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#2F343D", + "opacity": 1, }, ] } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "flex-start", + "flex": 1, + "flexDirection": "column", + "justifyContent": "flex-start", + "padding": 12, } } > <Text - accessibilityLabel="Message " + numberOfLines={2} style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#095AD2", }, ] } > - Message + Google </Text> - <View + <Text + numberOfLines={2} style={ [ { - "transform": [ - { - "translateY": 3, - }, - ], + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", }, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } - style={ - { - "height": 15, - "width": 15, - } - } - transition={null} - width={15} - /> - </View> - </Text> - </Text> - </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#F7F8FA", - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "column", - "gap": 4, - "opacity": 1, - "overflow": "hidden", - } - } - > - <View - style={ - { - "alignItems": "flex-start", - "flex": 1, - "flexDirection": "column", - "justifyContent": "flex-start", - "padding": 12, - } - } - > - <Text - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - > - Google - </Text> - <Text - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. - </Text> + Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. + </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -110739,205 +139053,299 @@ exports[`Story Snapshots: URL should match snapshot 1`] = ` orderKey=":r8m:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8m:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8m:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "backgroundColor": "#F7F8FA", - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "column", "gap": 4, - "opacity": 1, - "overflow": "hidden", } } > <View + collapsable={false} style={ - { - "alignItems": "flex-start", - "flex": 1, - "flexDirection": "column", - "justifyContent": "flex-start", - "padding": 12, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - > - Google - </Text> - <Text - numberOfLines={2} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + { + "backgroundColor": "#F7F8FA", + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderRadius": 0, }, { - "color": "#6C727A", + "opacity": 1, }, ] } > - Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. - </Text> + <View + style={ + { + "alignItems": "flex-start", + "flex": 1, + "flexDirection": "column", + "justifyContent": "flex-start", + "padding": 12, + } + } + > + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Google + </Text> + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. + </Text> + </View> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -110965,388 +139373,543 @@ exports[`Story Snapshots: URLImagePreview should match snapshot 1`] = ` orderKey=":r8n:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8n:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8n:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#F7F8FA", - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "column", "gap": 4, - "opacity": 1, - "overflow": "hidden", } } > <View + collapsable={false} style={ - { - "alignItems": "flex-start", - "flex": 1, - "flexDirection": "column", - "justifyContent": "flex-start", - "padding": 12, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - > - Google - </Text> - <Text - numberOfLines={2} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + { + "backgroundColor": "#F7F8FA", + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderRadius": 0, }, { - "color": "#6C727A", + "opacity": 1, }, ] } > - Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. - </Text> + <View + style={ + { + "alignItems": "flex-start", + "flex": 1, + "flexDirection": "column", + "justifyContent": "flex-start", + "padding": 12, + } + } + > + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Google + </Text> + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. + </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -111361,332 +139924,484 @@ exports[`Story Snapshots: URLImagePreview should match snapshot 1`] = ` orderKey=":r8o:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8o:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8o:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "flex": 1, - "flexDirection": "column", "gap": 4, - "opacity": 1, } } - /> + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + false, + ], + {}, + { + "opacity": 1, + }, + ] + } + /> + </View> + </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -111714,388 +140429,543 @@ exports[`Story Snapshots: URLImagePreviewLargeFont should match snapshot 1`] = ` orderKey=":r8p:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8p:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8p:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> - <View + <Text style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "backgroundColor": "#F7F8FA", - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "column", "gap": 4, - "opacity": 1, - "overflow": "hidden", } } > <View + collapsable={false} style={ - { - "alignItems": "flex-start", - "flex": 1, - "flexDirection": "column", - "justifyContent": "flex-start", - "padding": 12, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - > - Google - </Text> - <Text - numberOfLines={2} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + { + "backgroundColor": "#F7F8FA", + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#6C727A", + "opacity": 1, }, ] } > - Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. - </Text> + <View + style={ + { + "alignItems": "flex-start", + "flex": 1, + "flexDirection": "column", + "justifyContent": "flex-start", + "padding": 12, + } + } + > + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Google + </Text> + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. + </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -112110,332 +140980,484 @@ exports[`Story Snapshots: URLImagePreviewLargeFont should match snapshot 1`] = ` orderKey=":r8q:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8q:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8q:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> - <View + <Text style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "flex": 1, - "flexDirection": "column", "gap": 4, - "opacity": 1, } } - /> + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + false, + ], + {}, + { + "opacity": 1, + }, + ] + } + /> + </View> + </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -112463,481 +141485,686 @@ exports[`Story Snapshots: URLLargeFont should match snapshot 1`] = ` orderKey=":r8r:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8r:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8r:" + > <View + accessible={true} style={ { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 46.800000000000004, } } > <View + accessible={true} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "backgroundColor": "#F7F8FA", - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, + "alignItems": "center", "flex": 1, - "flexDirection": "column", - "gap": 4, - "opacity": 1, - "overflow": "hidden", + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "alignItems": "flex-start", - "flex": 1, - "flexDirection": "column", - "justifyContent": "flex-start", - "padding": 12, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - > - Rocket.Chat - Free, Open Source, Enterprise Team Chat - </Text> - <Text - numberOfLines={2} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#6C727A", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > - Rocket.Chat is the leading open source team chat software solution. Free, unlimited and completely customizable with on-premises and SaaS cloud hosting. - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, + <View + style={ + { + "flexDirection": "row", + } } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + > + 10:00 AM + </Text> + <View style={ { - "backgroundColor": "#F7F8FA", - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "column", "gap": 4, - "opacity": 1, - "overflow": "hidden", } } > <View + collapsable={false} style={ - { - "alignItems": "flex-start", - "flex": 1, - "flexDirection": "column", - "justifyContent": "flex-start", - "padding": 12, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - numberOfLines={2} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + { + "backgroundColor": "#F7F8FA", + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#095AD2", + "opacity": 1, }, ] } > - Google - </Text> - <Text - numberOfLines={2} + <View + style={ + { + "alignItems": "flex-start", + "flex": 1, + "flexDirection": "column", + "justifyContent": "flex-start", + "padding": 12, + } + } + > + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Rocket.Chat - Free, Open Source, Enterprise Team Chat + </Text> + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Rocket.Chat is the leading open source team chat software solution. Free, unlimited and completely customizable with on-premises and SaaS cloud hosting. + </Text> + </View> + </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + { + "backgroundColor": "#F7F8FA", + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#6C727A", + "opacity": 1, }, ] } > - Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. - </Text> + <View + style={ + { + "alignItems": "flex-start", + "flex": 1, + "flexDirection": "column", + "justifyContent": "flex-start", + "padding": 12, + } + } + > + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Google + </Text> + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. + </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -112952,493 +142179,648 @@ exports[`Story Snapshots: URLLargeFont should match snapshot 1`] = ` orderKey=":r8s:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message :nyan_rocket:. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message :nyan_rocket:" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8s:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message :nyan_rocket:. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message :nyan_rocket:" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8s:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message :nyan_rocket:" > <View - style={ - { - "gap": 2, + testID="message-content-Message :nyan_rocket:" + > + <View + style={ + { + "gap": 2, + } } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + { + "backgroundColor": "#F7F8FA", + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderRadius": 0, }, { - "color": "#2F343D", + "opacity": 1, }, ] } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "flex-start", + "flex": 1, + "flexDirection": "column", + "justifyContent": "flex-start", + "padding": 12, } } > <Text - accessibilityLabel="Message " + numberOfLines={2} style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, - "lineHeight": 22, + "fontWeight": "500", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#095AD2", }, ] } > - Message + Google </Text> - <View + <Text + numberOfLines={2} style={ [ { - "transform": [ - { - "translateY": 3, - }, - ], + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", }, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } - style={ - { - "height": 15, - "width": 15, - } - } - transition={null} - width={15} - /> - </View> - </Text> - </Text> - </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#F7F8FA", - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "column", - "gap": 4, - "opacity": 1, - "overflow": "hidden", - } - } - > - <View - style={ - { - "alignItems": "flex-start", - "flex": 1, - "flexDirection": "column", - "justifyContent": "flex-start", - "padding": 12, - } - } - > - <Text - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] - } - > - Google - </Text> - <Text - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. - </Text> + Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. + </Text> + </View> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -113453,205 +142835,299 @@ exports[`Story Snapshots: URLLargeFont should match snapshot 1`] = ` orderKey=":r8t:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8t:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8t:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "backgroundColor": "#F7F8FA", - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "column", "gap": 4, - "opacity": 1, - "overflow": "hidden", } } > <View + collapsable={false} style={ - { - "alignItems": "flex-start", - "flex": 1, - "flexDirection": "column", - "justifyContent": "flex-start", - "padding": 12, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#095AD2", - }, - ] + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - > - Google - </Text> - <Text - numberOfLines={2} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + }, + { + "backgroundColor": "#F7F8FA", + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "textAlign": "left", + "borderRadius": 0, }, { - "color": "#6C727A", + "opacity": 1, }, ] } > - Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. - </Text> + <View + style={ + { + "alignItems": "flex-start", + "flex": 1, + "flexDirection": "column", + "justifyContent": "flex-start", + "padding": 12, + } + } + > + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#095AD2", + }, + ] + } + > + Google + </Text> + <Text + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. + </Text> + </View> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -113679,373 +143155,478 @@ exports[`Story Snapshots: WithAlias should match snapshot 1`] = ` orderKey=":r8u:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8u:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8u:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 36, } } > <View + accessible={true} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - Diego Mello - <Text - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#6C727A", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", }, ] } - > - @ - diego.mello - </Text> - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > + Diego Mello <Text - accessibilityLabel="Message" style={ [ { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - Message + @ + diego.mello </Text> </Text> - </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> + </Text> + </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -114060,373 +143641,478 @@ exports[`Story Snapshots: WithAlias should match snapshot 1`] = ` orderKey=":r8v:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8v:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8v:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'s avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'s avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> + </View> + </View> <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Diego Mello - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#6C727A", + "opacity": 1, }, ] } + testID="username-header-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - @ - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> - </Text> - <Text + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Diego Mello + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + @ + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -114454,373 +144140,478 @@ exports[`Story Snapshots: WithAliasLargeFont should match snapshot 1`] = ` orderKey=":r90:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r90:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r90:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - Diego Mello - <Text - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "textAlign": "left", - }, - { - "color": "#6C727A", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", }, ] } - > - @ - diego.mello - </Text> - </Text> + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message" + style={ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", + } + } > <View + collapsable={false} style={ - { - "gap": 2, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > + Diego Mello <Text - accessibilityLabel="Message" style={ [ { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "textAlign": "left", }, { - "color": "#2F343D", + "color": "#6C727A", }, ] } > - Message + @ + diego.mello </Text> </Text> - </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + testID="message-content-Message" + > + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> + </Text> + </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -114835,373 +144626,478 @@ exports[`Story Snapshots: WithAliasLargeFont should match snapshot 1`] = ` orderKey=":r91:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r91:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r91:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'s avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'s avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Diego Mello - <Text + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#6C727A", + "opacity": 1, }, ] } + testID="username-header-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > - @ - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> - </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Diego Mello + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + @ + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -115229,645 +145125,855 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` orderKey=":r92:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r92:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r92:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "gap": 2, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ { "backgroundColor": "transparent", "flexShrink": 1, "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="This is a description " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - <View - style={ - [ - { - "transform": [ - { - "translateY": 3, - }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } - style={ - { - "height": 15, - "width": 15, - } - } - transition={null} - width={15} - /> - </View> - </Text> + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM </Text> </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > <View style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "row", - "height": 56, - }, - { - "backgroundColor": "#FFFFFF", - "borderColor": "#EBECEF", - }, - ] + { + "gap": 4, + } } > <View - accessibilityLabel="To download" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 8, - "left": 8, - "right": 8, - "top": 8, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "backgroundColor": "#156FF5", - "borderRadius": 4, - "height": 32, - "justifyContent": "center", - "marginLeft": 16, - "opacity": 1, - "width": 32, + "gap": 2, } } > <Text - allowFontScaling={false} - selectable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 24, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 24, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", }, - {}, ] } > -  + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> </Text> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "height": "100%", - } + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flex": 1, + "flexDirection": "row", + "height": 56, + }, + { + "backgroundColor": "#FFFFFF", + "borderColor": "#EBECEF", + }, + ] } > - <TextInput - animatedProps={ - { - "text": "00:00", - } - } - defaultValue="00:00" - editable={false} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontVariant": [ - "tabular-nums", - ], - "fontWeight": "400", - "marginHorizontal": 12, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": 16, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - /> - <View - onLayout={[Function]} - style={ - { - "flex": 1, - "height": "100%", - "justifyContent": "center", - "marginRight": 12, - } - } > <View + accessibilityLabel="To download" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "height": 32, + "justifyContent": "center", + "marginLeft": 16, + "width": 32, + }, + { + "backgroundColor": "#156FF5", + }, + ], { - "borderRadius": 2, - "height": 4, - "width": "100%", + "borderRadius": 0, + "marginLeft": 0, }, { - "backgroundColor": "#CBCED1", + "opacity": 1, }, ] } > - <View + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "borderRadius": 2, - "height": 4, - "width": "100%", - }, - { - "width": 0, + "color": "#FFFFFF", + "fontSize": 24, }, + [ + { + "lineHeight": 24, + }, + undefined, + ], { - "backgroundColor": "#156FF5", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - /> + > +  + </Text> </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View - collapsable={false} - enabled={false} - handlerTag={1} - handlerType="PanGestureHandler" - hitSlop={ + accessibilityState={ { - "bottom": 12, - "left": 8, - "right": 8, - "top": 12, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - onGestureHandlerEvent={[Function]} - onGestureHandlerStateChange={[Function]} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "borderRadius": 6, - "height": 12, - "position": "absolute", - "width": 12, + "flex": 1, }, + {}, { - "backgroundColor": "#D1EBFE", + "opacity": 1, }, + ] + } + > + <View + style={ { - "transform": [ + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "height": "100%", + } + } + > + <TextInput + animatedProps={ + { + "text": "00:00", + } + } + defaultValue="00:00" + editable={false} + style={ + [ { - "translateX": -6, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontVariant": [ + "tabular-nums", + ], + "fontWeight": "400", + "marginHorizontal": 12, + "textAlign": "left", }, { - "scale": 1, + "color": "#2F343D", }, - ], - }, - ] - } - /> + ] + } + /> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + "height": "100%", + "justifyContent": "center", + "marginRight": 12, + } + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "backgroundColor": "#CBCED1", + }, + ] + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "width": 0, + }, + { + "backgroundColor": "#156FF5", + }, + ] + } + /> + </View> + <View + collapsable={false} + enabled={false} + handlerTag={1} + handlerType="PanGestureHandler" + hitSlop={ + { + "bottom": 12, + "left": 8, + "right": 8, + "top": 12, + } + } + onGestureHandlerEvent={[Function]} + onGestureHandlerStateChange={[Function]} + style={ + [ + { + "borderRadius": 6, + "height": 12, + "position": "absolute", + "width": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + { + "transform": [ + { + "translateX": -6, + }, + { + "scale": 1, + }, + ], + }, + ] + } + /> + </View> + </View> + </View> </View> </View> </View> @@ -115876,8 +145982,8 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -115892,276 +145998,133 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` orderKey=":r93:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM First message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="First message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r93:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-First message" - > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="First message" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - First message - </Text> - </Text> - </Text> - </View> - </View> - </View> - </View> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - </A11yIndexView> - </View> - </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r94:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r94:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] } - testID="message-undefined" > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r94:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM First message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="First message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r93:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > @@ -116173,11 +146136,7 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` } > <View - style={ - { - "gap": 4, - } - } + testID="message-content-First message" > <View style={ @@ -116215,7 +146174,7 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` } > <Text - accessibilityLabel="This is a description" + accessibilityLabel="First message" style={ [ { @@ -116229,251 +146188,591 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` ] } > - This is a description + First message </Text> </Text> </Text> </View> + </View> + </View> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + </A11yIndexView> + </View> + </View> + </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":r94:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r94:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r94:" + > + <View + accessible={true} + style={ + { + "flexDirection": "row", + } + } + > + <View + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > + <View + onLayout={[Function]} + style={ + { + "flex": 1, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > <View style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "row", - "height": 56, - }, - { - "backgroundColor": "#FFFFFF", - "borderColor": "#EBECEF", - }, - ] + { + "gap": 4, + } } > <View - accessibilityLabel="To download" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 8, - "left": 8, - "right": 8, - "top": 8, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "backgroundColor": "#156FF5", - "borderRadius": 4, - "height": 32, - "justifyContent": "center", - "marginLeft": 16, - "opacity": 1, - "width": 32, + "gap": 2, } } > <Text - allowFontScaling={false} - selectable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 24, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 24, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", }, - {}, ] } > -  + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description + </Text> + </Text> </Text> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "height": "100%", - } + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flex": 1, + "flexDirection": "row", + "height": 56, + }, + { + "backgroundColor": "#FFFFFF", + "borderColor": "#EBECEF", + }, + ] } > - <TextInput - animatedProps={ - { - "text": "00:00", - } - } - defaultValue="00:00" - editable={false} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontVariant": [ - "tabular-nums", - ], - "fontWeight": "400", - "marginHorizontal": 12, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": 16, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - /> - <View - onLayout={[Function]} - style={ - { - "flex": 1, - "height": "100%", - "justifyContent": "center", - "marginRight": 12, - } - } > <View + accessibilityLabel="To download" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "height": 32, + "justifyContent": "center", + "marginLeft": 16, + "width": 32, + }, + { + "backgroundColor": "#156FF5", + }, + ], { - "borderRadius": 2, - "height": 4, - "width": "100%", + "borderRadius": 0, + "marginLeft": 0, }, { - "backgroundColor": "#CBCED1", + "opacity": 1, }, ] } > - <View + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "borderRadius": 2, - "height": 4, - "width": "100%", - }, - { - "width": 0, + "color": "#FFFFFF", + "fontSize": 24, }, + [ + { + "lineHeight": 24, + }, + undefined, + ], { - "backgroundColor": "#156FF5", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - /> + > +  + </Text> </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View - collapsable={false} - enabled={false} - handlerTag={2} - handlerType="PanGestureHandler" - hitSlop={ + accessibilityState={ { - "bottom": 12, - "left": 8, - "right": 8, - "top": 12, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - onGestureHandlerEvent={[Function]} - onGestureHandlerStateChange={[Function]} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "borderRadius": 6, - "height": 12, - "position": "absolute", - "width": 12, + "flex": 1, }, + {}, { - "backgroundColor": "#D1EBFE", + "opacity": 1, }, + ] + } + > + <View + style={ { - "transform": [ + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "height": "100%", + } + } + > + <TextInput + animatedProps={ + { + "text": "00:00", + } + } + defaultValue="00:00" + editable={false} + style={ + [ { - "translateX": -6, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontVariant": [ + "tabular-nums", + ], + "fontWeight": "400", + "marginHorizontal": 12, + "textAlign": "left", }, { - "scale": 1, + "color": "#2F343D", }, - ], - }, - ] - } - /> + ] + } + /> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + "height": "100%", + "justifyContent": "center", + "marginRight": 12, + } + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "backgroundColor": "#CBCED1", + }, + ] + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "width": 0, + }, + { + "backgroundColor": "#156FF5", + }, + ] + } + /> + </View> + <View + collapsable={false} + enabled={false} + handlerTag={2} + handlerType="PanGestureHandler" + hitSlop={ + { + "bottom": 12, + "left": 8, + "right": 8, + "top": 12, + } + } + onGestureHandlerEvent={[Function]} + onGestureHandlerStateChange={[Function]} + style={ + [ + { + "borderRadius": 6, + "height": 12, + "position": "absolute", + "width": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + { + "transform": [ + { + "translateX": -6, + }, + { + "scale": 1, + }, + ], + }, + ] + } + /> + </View> + </View> + </View> </View> </View> </View> @@ -116481,16 +146780,16 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -116505,97 +146804,133 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` orderKey=":r95:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r95:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r95:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > @@ -116615,244 +146950,357 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` > <View style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "row", - "height": 56, - }, - { - "backgroundColor": "#FFFFFF", - "borderColor": "#EBECEF", - }, - ] + { + "gap": 4, + } } > <View - accessibilityLabel="To download" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 8, - "left": 8, - "right": 8, - "top": 8, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#156FF5", - "borderRadius": 4, - "height": 32, - "justifyContent": "center", - "marginLeft": 16, - "opacity": 1, - "width": 32, - } + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flex": 1, + "flexDirection": "row", + "height": 56, + }, + { + "backgroundColor": "#FFFFFF", + "borderColor": "#EBECEF", + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": 16, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, {}, + {}, ] } > -  - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "height": "100%", - } - } - > - <TextInput - animatedProps={ - { - "text": "00:00", + <View + accessibilityLabel="To download" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } } - } - defaultValue="00:00" - editable={false} - style={ - [ + accessibilityValue={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontVariant": [ - "tabular-nums", - ], - "fontWeight": "400", - "marginHorizontal": 12, - "textAlign": "left", - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "color": "#2F343D", - }, - ] - } - /> - <View - onLayout={[Function]} - style={ - { - "flex": 1, - "height": "100%", - "justifyContent": "center", - "marginRight": 12, + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + } } - } - > - <View + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "height": 32, + "justifyContent": "center", + "marginLeft": 16, + "width": 32, + }, + { + "backgroundColor": "#156FF5", + }, + ], { - "borderRadius": 2, - "height": 4, - "width": "100%", + "borderRadius": 0, + "marginLeft": 0, }, { - "backgroundColor": "#CBCED1", + "opacity": 1, }, ] } > - <View + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "borderRadius": 2, - "height": 4, - "width": "100%", - }, - { - "width": 0, + "color": "#FFFFFF", + "fontSize": 24, }, + [ + { + "lineHeight": 24, + }, + undefined, + ], { - "backgroundColor": "#156FF5", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - /> + > +  + </Text> </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View - collapsable={false} - enabled={false} - handlerTag={3} - handlerType="PanGestureHandler" - hitSlop={ + accessibilityState={ { - "bottom": 12, - "left": 8, - "right": 8, - "top": 12, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - onGestureHandlerEvent={[Function]} - onGestureHandlerStateChange={[Function]} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "borderRadius": 6, - "height": 12, - "position": "absolute", - "width": 12, + "flex": 1, }, + {}, { - "backgroundColor": "#D1EBFE", + "opacity": 1, }, + ] + } + > + <View + style={ { - "transform": [ + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "height": "100%", + } + } + > + <TextInput + animatedProps={ + { + "text": "00:00", + } + } + defaultValue="00:00" + editable={false} + style={ + [ { - "translateX": -6, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontVariant": [ + "tabular-nums", + ], + "fontWeight": "400", + "marginHorizontal": 12, + "textAlign": "left", }, { - "scale": 1, + "color": "#2F343D", }, - ], - }, - ] - } - /> + ] + } + /> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + "height": "100%", + "justifyContent": "center", + "marginRight": 12, + } + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "backgroundColor": "#CBCED1", + }, + ] + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "width": 0, + }, + { + "backgroundColor": "#156FF5", + }, + ] + } + /> + </View> + <View + collapsable={false} + enabled={false} + handlerTag={3} + handlerType="PanGestureHandler" + hitSlop={ + { + "bottom": 12, + "left": 8, + "right": 8, + "top": 12, + } + } + onGestureHandlerEvent={[Function]} + onGestureHandlerStateChange={[Function]} + style={ + [ + { + "borderRadius": 6, + "height": 12, + "position": "absolute", + "width": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + { + "transform": [ + { + "translateX": -6, + }, + { + "scale": 1, + }, + ], + }, + ] + } + /> + </View> + </View> + </View> </View> </View> </View> @@ -116860,16 +147308,16 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -116884,97 +147332,133 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` orderKey=":r96:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r96:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r96:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > @@ -116994,847 +147478,1170 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` > <View style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "row", - "height": 56, - }, - { - "backgroundColor": "#FFFFFF", - "borderColor": "#EBECEF", - }, - ] - } - > - <View - accessibilityLabel="To download" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 8, - "left": 8, - "right": 8, - "top": 8, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "backgroundColor": "#156FF5", - "borderRadius": 4, - "height": 32, - "justifyContent": "center", - "marginLeft": 16, - "opacity": 1, - "width": 32, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#FFFFFF", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + { + "gap": 4, } - accessible={true} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "height": "100%", - } + } + > + <View + style={ + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flex": 1, + "flexDirection": "row", + "height": 56, + }, + { + "backgroundColor": "#FFFFFF", + "borderColor": "#EBECEF", + }, + ] } > - <TextInput - animatedProps={ - { - "text": "00:00", - } - } - defaultValue="00:00" - editable={false} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontVariant": [ - "tabular-nums", - ], - "fontWeight": "400", - "marginHorizontal": 12, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": 16, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - /> - <View - onLayout={[Function]} - style={ - { - "flex": 1, - "height": "100%", - "justifyContent": "center", - "marginRight": 12, - } - } > <View + accessibilityLabel="To download" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "height": 32, + "justifyContent": "center", + "marginLeft": 16, + "width": 32, + }, + { + "backgroundColor": "#156FF5", + }, + ], { - "borderRadius": 2, - "height": 4, - "width": "100%", + "borderRadius": 0, + "marginLeft": 0, }, { - "backgroundColor": "#CBCED1", + "opacity": 1, }, ] } > - <View + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "borderRadius": 2, - "height": 4, - "width": "100%", - }, - { - "width": 0, + "color": "#FFFFFF", + "fontSize": 24, }, + [ + { + "lineHeight": 24, + }, + undefined, + ], { - "backgroundColor": "#156FF5", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - /> + > +  + </Text> </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View - collapsable={false} - enabled={false} - handlerTag={4} - handlerType="PanGestureHandler" - hitSlop={ + accessibilityState={ { - "bottom": 12, - "left": 8, - "right": 8, - "top": 12, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - onGestureHandlerEvent={[Function]} - onGestureHandlerStateChange={[Function]} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "borderRadius": 6, - "height": 12, - "position": "absolute", - "width": 12, + "flex": 1, }, + {}, { - "backgroundColor": "#D1EBFE", + "opacity": 1, }, + ] + } + > + <View + style={ { - "transform": [ + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "height": "100%", + } + } + > + <TextInput + animatedProps={ + { + "text": "00:00", + } + } + defaultValue="00:00" + editable={false} + style={ + [ { - "translateX": -6, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontVariant": [ + "tabular-nums", + ], + "fontWeight": "400", + "marginHorizontal": 12, + "textAlign": "left", }, { - "scale": 1, + "color": "#2F343D", }, - ], - }, - ] - } - /> + ] + } + /> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + "height": "100%", + "justifyContent": "center", + "marginRight": 12, + } + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "backgroundColor": "#CBCED1", + }, + ] + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "width": 0, + }, + { + "backgroundColor": "#156FF5", + }, + ] + } + /> + </View> + <View + collapsable={false} + enabled={false} + handlerTag={4} + handlerType="PanGestureHandler" + hitSlop={ + { + "bottom": 12, + "left": 8, + "right": 8, + "top": 12, + } + } + onGestureHandlerEvent={[Function]} + onGestureHandlerStateChange={[Function]} + style={ + [ + { + "borderRadius": 6, + "height": 12, + "position": "absolute", + "width": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + { + "transform": [ + { + "translateX": -6, + }, + { + "scale": 1, + }, + ], + }, + ] + } + /> + </View> + </View> + </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is a description " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - <View style={ - [ - { - "transform": [ - { - "translateY": 3, - }, - ], - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <Text + accessibilityLabel="This is a description " + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", }, ] } + > + This is a description + </Text> + <View style={ - { - "height": 15, - "width": 15, - } + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] } - transition={null} - width={15} - /> - </View> + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> </Text> - </Text> - </View> - <View - style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "row", - "height": 56, - }, - { - "backgroundColor": "#FFFFFF", - "borderColor": "#EBECEF", - }, - ] - } - > + </View> <View - accessibilityLabel="To download" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 8, - "left": 8, - "right": 8, - "top": 8, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#156FF5", - "borderRadius": 4, - "height": 32, - "justifyContent": "center", - "marginLeft": 16, - "opacity": 1, - "width": 32, - } + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flex": 1, + "flexDirection": "row", + "height": 56, + }, + { + "backgroundColor": "#FFFFFF", + "borderColor": "#EBECEF", + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": 16, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, {}, + {}, ] } > -  - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "height": "100%", - } - } - > - <TextInput - animatedProps={ - { - "text": "00:00", + <View + accessibilityLabel="To download" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } } - } - defaultValue="00:00" - editable={false} - style={ - [ + accessibilityValue={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontVariant": [ - "tabular-nums", - ], - "fontWeight": "400", - "marginHorizontal": 12, - "textAlign": "left", - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "color": "#2F343D", - }, - ] - } - /> - <View - onLayout={[Function]} - style={ - { - "flex": 1, - "height": "100%", - "justifyContent": "center", - "marginRight": 12, + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + } } - } - > - <View + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "height": 32, + "justifyContent": "center", + "marginLeft": 16, + "width": 32, + }, + { + "backgroundColor": "#156FF5", + }, + ], { - "borderRadius": 2, - "height": 4, - "width": "100%", + "borderRadius": 0, + "marginLeft": 0, }, { - "backgroundColor": "#CBCED1", + "opacity": 1, }, ] } > - <View + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "borderRadius": 2, - "height": 4, - "width": "100%", - }, - { - "width": 0, + "color": "#FFFFFF", + "fontSize": 24, }, + [ + { + "lineHeight": 24, + }, + undefined, + ], { - "backgroundColor": "#156FF5", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - /> + > +  + </Text> </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View - collapsable={false} - enabled={false} - handlerTag={5} - handlerType="PanGestureHandler" - hitSlop={ + accessibilityState={ { - "bottom": 12, - "left": 8, - "right": 8, - "top": 12, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - onGestureHandlerEvent={[Function]} - onGestureHandlerStateChange={[Function]} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "borderRadius": 6, - "height": 12, - "position": "absolute", - "width": 12, + "flex": 1, }, + {}, { - "backgroundColor": "#D1EBFE", + "opacity": 1, }, + ] + } + > + <View + style={ { - "transform": [ + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "height": "100%", + } + } + > + <TextInput + animatedProps={ + { + "text": "00:00", + } + } + defaultValue="00:00" + editable={false} + style={ + [ { - "translateX": -6, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontVariant": [ + "tabular-nums", + ], + "fontWeight": "400", + "marginHorizontal": 12, + "textAlign": "left", }, { - "scale": 1, + "color": "#2F343D", }, - ], - }, - ] - } - /> + ] + } + /> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + "height": "100%", + "justifyContent": "center", + "marginRight": 12, + } + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "backgroundColor": "#CBCED1", + }, + ] + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "width": 0, + }, + { + "backgroundColor": "#156FF5", + }, + ] + } + /> + </View> + <View + collapsable={false} + enabled={false} + handlerTag={5} + handlerType="PanGestureHandler" + hitSlop={ + { + "bottom": 12, + "left": 8, + "right": 8, + "top": 12, + } + } + onGestureHandlerEvent={[Function]} + onGestureHandlerStateChange={[Function]} + style={ + [ + { + "borderRadius": 6, + "height": 12, + "position": "absolute", + "width": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + { + "transform": [ + { + "translateX": -6, + }, + { + "scale": 1, + }, + ], + }, + ] + } + /> + </View> + </View> + </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "row", - "height": 56, - }, - { - "backgroundColor": "#FFFFFF", - "borderColor": "#EBECEF", - }, - ] + { + "gap": 4, + } } > <View - accessibilityLabel="To download" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 8, - "left": 8, - "right": 8, - "top": 8, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#156FF5", - "borderRadius": 4, - "height": 32, - "justifyContent": "center", - "marginLeft": 16, - "opacity": 1, - "width": 32, - } + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flex": 1, + "flexDirection": "row", + "height": 56, + }, + { + "backgroundColor": "#FFFFFF", + "borderColor": "#EBECEF", + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": 16, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, {}, + {}, ] } > -  - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "height": "100%", - } - } - > - <TextInput - animatedProps={ - { - "text": "00:00", + <View + accessibilityLabel="To download" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } } - } - defaultValue="00:00" - editable={false} - style={ - [ + accessibilityValue={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontVariant": [ - "tabular-nums", - ], - "fontWeight": "400", - "marginHorizontal": 12, - "textAlign": "left", - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "color": "#2F343D", - }, - ] - } - /> - <View - onLayout={[Function]} - style={ - { - "flex": 1, - "height": "100%", - "justifyContent": "center", - "marginRight": 12, + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + } } - } - > - <View + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "height": 32, + "justifyContent": "center", + "marginLeft": 16, + "width": 32, + }, + { + "backgroundColor": "#156FF5", + }, + ], { - "borderRadius": 2, - "height": 4, - "width": "100%", + "borderRadius": 0, + "marginLeft": 0, }, { - "backgroundColor": "#CBCED1", + "opacity": 1, }, ] } > - <View + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "borderRadius": 2, - "height": 4, - "width": "100%", - }, - { - "width": 0, + "color": "#FFFFFF", + "fontSize": 24, }, + [ + { + "lineHeight": 24, + }, + undefined, + ], { - "backgroundColor": "#156FF5", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - /> + > +  + </Text> </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View - collapsable={false} - enabled={false} - handlerTag={6} - handlerType="PanGestureHandler" - hitSlop={ + accessibilityState={ { - "bottom": 12, - "left": 8, - "right": 8, - "top": 12, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - onGestureHandlerEvent={[Function]} - onGestureHandlerStateChange={[Function]} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "borderRadius": 6, - "height": 12, - "position": "absolute", - "width": 12, + "flex": 1, }, + {}, { - "backgroundColor": "#D1EBFE", + "opacity": 1, }, + ] + } + > + <View + style={ { - "transform": [ + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "height": "100%", + } + } + > + <TextInput + animatedProps={ + { + "text": "00:00", + } + } + defaultValue="00:00" + editable={false} + style={ + [ { - "translateX": -6, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontVariant": [ + "tabular-nums", + ], + "fontWeight": "400", + "marginHorizontal": 12, + "textAlign": "left", }, { - "scale": 1, + "color": "#2F343D", }, - ], - }, - ] - } - /> + ] + } + /> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + "height": "100%", + "justifyContent": "center", + "marginRight": 12, + } + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "backgroundColor": "#CBCED1", + }, + ] + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "width": 0, + }, + { + "backgroundColor": "#156FF5", + }, + ] + } + /> + </View> + <View + collapsable={false} + enabled={false} + handlerTag={6} + handlerType="PanGestureHandler" + hitSlop={ + { + "bottom": 12, + "left": 8, + "right": 8, + "top": 12, + } + } + onGestureHandlerEvent={[Function]} + onGestureHandlerStateChange={[Function]} + style={ + [ + { + "borderRadius": 6, + "height": 12, + "position": "absolute", + "width": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + { + "transform": [ + { + "translateX": -6, + }, + { + "scale": 1, + }, + ], + }, + ] + } + /> + </View> + </View> + </View> </View> </View> </View> @@ -117842,16 +148649,16 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -117879,290 +148686,387 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` orderKey=":r97:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r97:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r97:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", + <View + collapsable={false} + style={ + [ + undefined, + {}, + {}, + ] + } + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + ] } - } - transition={null} - width={46.800000000000004} - /> + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> - <View + <Text style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View style={ { @@ -118180,344 +149084,457 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is a description " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - <View style={ - [ - { - "transform": [ - { - "translateY": 3, - }, - ], - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <Text + accessibilityLabel="This is a description " + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", }, ] } + > + This is a description + </Text> + <View style={ - { - "height": 15, - "width": 15, - } + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] } - transition={null} - width={15} - /> - </View> + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> </Text> - </Text> - </View> - <View - style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "row", - "height": 56, - }, - { - "backgroundColor": "#FFFFFF", - "borderColor": "#EBECEF", - }, - ] - } - > + </View> <View - accessibilityLabel="To download" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 8, - "left": 8, - "right": 8, - "top": 8, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#156FF5", - "borderRadius": 4, - "height": 32, - "justifyContent": "center", - "marginLeft": 16, - "opacity": 1, - "width": 32, - } + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flex": 1, + "flexDirection": "row", + "height": 56, + }, + { + "backgroundColor": "#FFFFFF", + "borderColor": "#EBECEF", + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 31.200000000000003, - }, - [ - { - "lineHeight": 31.200000000000003, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": 16, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, {}, + {}, ] } > -  - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "height": "100%", - } - } - > - <TextInput - animatedProps={ - { - "text": "00:00", + <View + accessibilityLabel="To download" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } } - } - defaultValue="00:00" - editable={false} - style={ - [ + accessibilityValue={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontVariant": [ - "tabular-nums", - ], - "fontWeight": "400", - "marginHorizontal": 12, - "textAlign": "left", - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "color": "#2F343D", - }, - ] - } - /> - <View - onLayout={[Function]} - style={ - { - "flex": 1, - "height": "100%", - "justifyContent": "center", - "marginRight": 12, + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + } } - } - > - <View + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "height": 32, + "justifyContent": "center", + "marginLeft": 16, + "width": 32, + }, + { + "backgroundColor": "#156FF5", + }, + ], { - "borderRadius": 2, - "height": 4, - "width": "100%", + "borderRadius": 0, + "marginLeft": 0, }, { - "backgroundColor": "#CBCED1", + "opacity": 1, }, ] } > - <View + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "borderRadius": 2, - "height": 4, - "width": "100%", - }, - { - "width": 0, + "color": "#FFFFFF", + "fontSize": 31.200000000000003, }, + [ + { + "lineHeight": 31.200000000000003, + }, + undefined, + ], { - "backgroundColor": "#156FF5", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - /> + > +  + </Text> </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View - collapsable={false} - enabled={false} - handlerTag={7} - handlerType="PanGestureHandler" - hitSlop={ + accessibilityState={ { - "bottom": 12, - "left": 8, - "right": 8, - "top": 12, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - onGestureHandlerEvent={[Function]} - onGestureHandlerStateChange={[Function]} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "borderRadius": 6, - "height": 12, - "position": "absolute", - "width": 12, + "flex": 1, }, + {}, { - "backgroundColor": "#D1EBFE", + "opacity": 1, }, + ] + } + > + <View + style={ { - "transform": [ + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "height": "100%", + } + } + > + <TextInput + animatedProps={ + { + "text": "00:00", + } + } + defaultValue="00:00" + editable={false} + style={ + [ { - "translateX": -6, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontVariant": [ + "tabular-nums", + ], + "fontWeight": "400", + "marginHorizontal": 12, + "textAlign": "left", }, { - "scale": 1, + "color": "#2F343D", }, - ], - }, - ] - } - /> + ] + } + /> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + "height": "100%", + "justifyContent": "center", + "marginRight": 12, + } + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "backgroundColor": "#CBCED1", + }, + ] + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "width": 0, + }, + { + "backgroundColor": "#156FF5", + }, + ] + } + /> + </View> + <View + collapsable={false} + enabled={false} + handlerTag={7} + handlerType="PanGestureHandler" + hitSlop={ + { + "bottom": 12, + "left": 8, + "right": 8, + "top": 12, + } + } + onGestureHandlerEvent={[Function]} + onGestureHandlerStateChange={[Function]} + style={ + [ + { + "borderRadius": 6, + "height": 12, + "position": "absolute", + "width": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + { + "transform": [ + { + "translateX": -6, + }, + { + "scale": 1, + }, + ], + }, + ] + } + /> + </View> + </View> + </View> </View> </View> </View> @@ -118526,8 +149543,8 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -118542,171 +149559,215 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` orderKey=":r98:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM First message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="First message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r98:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM First message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="First message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r98:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-First message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-First message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="First message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - First message + <Text + accessibilityLabel="First message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + First message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -118721,97 +149782,133 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` orderKey=":r99:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r99:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r99:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > @@ -118832,298 +149929,411 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` <View style={ { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + "gap": 4, } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="This is a description" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - </Text> - </Text> - </View> - <View - style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "row", - "height": 56, - }, - { - "backgroundColor": "#FFFFFF", - "borderColor": "#EBECEF", - }, - ] } > <View - accessibilityLabel="To download" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 8, - "left": 8, - "right": 8, - "top": 8, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "backgroundColor": "#156FF5", - "borderRadius": 4, - "height": 32, - "justifyContent": "center", - "marginLeft": 16, - "opacity": 1, - "width": 32, + "gap": 2, } } > <Text - allowFontScaling={false} - selectable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 31.200000000000003, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, - [ - { - "lineHeight": 31.200000000000003, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "color": "#2F343D", }, - {}, ] } > -  + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description + </Text> + </Text> </Text> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "height": "100%", - } + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flex": 1, + "flexDirection": "row", + "height": 56, + }, + { + "backgroundColor": "#FFFFFF", + "borderColor": "#EBECEF", + }, + ] } > - <TextInput - animatedProps={ - { - "text": "00:00", - } - } - defaultValue="00:00" - editable={false} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontVariant": [ - "tabular-nums", - ], - "fontWeight": "400", - "marginHorizontal": 12, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": 16, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - /> - <View - onLayout={[Function]} - style={ - { - "flex": 1, - "height": "100%", - "justifyContent": "center", - "marginRight": 12, - } - } > <View + accessibilityLabel="To download" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ + { + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + } + } + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "height": 32, + "justifyContent": "center", + "marginLeft": 16, + "width": 32, + }, + { + "backgroundColor": "#156FF5", + }, + ], { - "borderRadius": 2, - "height": 4, - "width": "100%", + "borderRadius": 0, + "marginLeft": 0, }, { - "backgroundColor": "#CBCED1", + "opacity": 1, }, ] } > - <View + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "borderRadius": 2, - "height": 4, - "width": "100%", - }, - { - "width": 0, + "color": "#FFFFFF", + "fontSize": 31.200000000000003, }, + [ + { + "lineHeight": 31.200000000000003, + }, + undefined, + ], { - "backgroundColor": "#156FF5", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - /> + > +  + </Text> </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View - collapsable={false} - enabled={false} - handlerTag={8} - handlerType="PanGestureHandler" - hitSlop={ + accessibilityState={ { - "bottom": 12, - "left": 8, - "right": 8, - "top": 12, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - onGestureHandlerEvent={[Function]} - onGestureHandlerStateChange={[Function]} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "borderRadius": 6, - "height": 12, - "position": "absolute", - "width": 12, + "flex": 1, }, + {}, { - "backgroundColor": "#D1EBFE", + "opacity": 1, }, + ] + } + > + <View + style={ { - "transform": [ + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "height": "100%", + } + } + > + <TextInput + animatedProps={ + { + "text": "00:00", + } + } + defaultValue="00:00" + editable={false} + style={ + [ { - "translateX": -6, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontVariant": [ + "tabular-nums", + ], + "fontWeight": "400", + "marginHorizontal": 12, + "textAlign": "left", }, { - "scale": 1, + "color": "#2F343D", }, - ], - }, - ] - } - /> + ] + } + /> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + "height": "100%", + "justifyContent": "center", + "marginRight": 12, + } + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "backgroundColor": "#CBCED1", + }, + ] + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "width": 0, + }, + { + "backgroundColor": "#156FF5", + }, + ] + } + /> + </View> + <View + collapsable={false} + enabled={false} + handlerTag={8} + handlerType="PanGestureHandler" + hitSlop={ + { + "bottom": 12, + "left": 8, + "right": 8, + "top": 12, + } + } + onGestureHandlerEvent={[Function]} + onGestureHandlerStateChange={[Function]} + style={ + [ + { + "borderRadius": 6, + "height": 12, + "position": "absolute", + "width": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + { + "transform": [ + { + "translateX": -6, + }, + { + "scale": 1, + }, + ], + }, + ] + } + /> + </View> + </View> + </View> </View> </View> </View> @@ -119131,16 +150341,16 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -119155,97 +150365,133 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` orderKey=":r9a:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9a:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9a:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > @@ -119265,244 +150511,357 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` > <View style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "row", - "height": 56, - }, - { - "backgroundColor": "#FFFFFF", - "borderColor": "#EBECEF", - }, - ] + { + "gap": 4, + } } > <View - accessibilityLabel="To download" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 8, - "left": 8, - "right": 8, - "top": 8, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#156FF5", - "borderRadius": 4, - "height": 32, - "justifyContent": "center", - "marginLeft": 16, - "opacity": 1, - "width": 32, - } + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flex": 1, + "flexDirection": "row", + "height": 56, + }, + { + "backgroundColor": "#FFFFFF", + "borderColor": "#EBECEF", + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 31.200000000000003, - }, - [ - { - "lineHeight": 31.200000000000003, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": 16, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, {}, + {}, ] } > -  - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "height": "100%", - } - } - > - <TextInput - animatedProps={ - { - "text": "00:00", + <View + accessibilityLabel="To download" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } } - } - defaultValue="00:00" - editable={false} - style={ - [ + accessibilityValue={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontVariant": [ - "tabular-nums", - ], - "fontWeight": "400", - "marginHorizontal": 12, - "textAlign": "left", - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "color": "#2F343D", - }, - ] - } - /> - <View - onLayout={[Function]} - style={ - { - "flex": 1, - "height": "100%", - "justifyContent": "center", - "marginRight": 12, + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + } } - } - > - <View + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "height": 32, + "justifyContent": "center", + "marginLeft": 16, + "width": 32, + }, + { + "backgroundColor": "#156FF5", + }, + ], { - "borderRadius": 2, - "height": 4, - "width": "100%", + "borderRadius": 0, + "marginLeft": 0, }, { - "backgroundColor": "#CBCED1", + "opacity": 1, }, ] } > - <View + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "borderRadius": 2, - "height": 4, - "width": "100%", - }, - { - "width": 0, + "color": "#FFFFFF", + "fontSize": 31.200000000000003, }, + [ + { + "lineHeight": 31.200000000000003, + }, + undefined, + ], { - "backgroundColor": "#156FF5", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - /> + > +  + </Text> </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View - collapsable={false} - enabled={false} - handlerTag={9} - handlerType="PanGestureHandler" - hitSlop={ + accessibilityState={ { - "bottom": 12, - "left": 8, - "right": 8, - "top": 12, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - onGestureHandlerEvent={[Function]} - onGestureHandlerStateChange={[Function]} + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "borderRadius": 6, - "height": 12, - "position": "absolute", - "width": 12, + "flex": 1, }, + {}, { - "backgroundColor": "#D1EBFE", + "opacity": 1, }, + ] + } + > + <View + style={ { - "transform": [ + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "height": "100%", + } + } + > + <TextInput + animatedProps={ + { + "text": "00:00", + } + } + defaultValue="00:00" + editable={false} + style={ + [ { - "translateX": -6, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontVariant": [ + "tabular-nums", + ], + "fontWeight": "400", + "marginHorizontal": 12, + "textAlign": "left", }, { - "scale": 1, + "color": "#2F343D", }, - ], - }, - ] - } - /> + ] + } + /> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + "height": "100%", + "justifyContent": "center", + "marginRight": 12, + } + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "backgroundColor": "#CBCED1", + }, + ] + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "width": 0, + }, + { + "backgroundColor": "#156FF5", + }, + ] + } + /> + </View> + <View + collapsable={false} + enabled={false} + handlerTag={9} + handlerType="PanGestureHandler" + hitSlop={ + { + "bottom": 12, + "left": 8, + "right": 8, + "top": 12, + } + } + onGestureHandlerEvent={[Function]} + onGestureHandlerStateChange={[Function]} + style={ + [ + { + "borderRadius": 6, + "height": 12, + "position": "absolute", + "width": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + { + "transform": [ + { + "translateX": -6, + }, + { + "scale": 1, + }, + ], + }, + ] + } + /> + </View> + </View> + </View> </View> </View> </View> @@ -119510,16 +150869,16 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -119534,97 +150893,133 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` orderKey=":r9b:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9b:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9b:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > @@ -119644,244 +151039,357 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` > <View style={ - [ - { - "alignItems": "center", - "borderRadius": 4, - "borderWidth": 1, - "flex": 1, - "flexDirection": "row", - "height": 56, - }, - { - "backgroundColor": "#FFFFFF", - "borderColor": "#EBECEF", - }, - ] + { + "gap": 4, + } } > <View - accessibilityLabel="To download" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - hitSlop={ - { - "bottom": 8, - "left": 8, - "right": 8, - "top": 8, - } - } - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "backgroundColor": "#156FF5", - "borderRadius": 4, - "height": 32, - "justifyContent": "center", - "marginLeft": 16, - "opacity": 1, - "width": 32, - } + [ + { + "alignItems": "center", + "borderRadius": 4, + "borderWidth": 1, + "flex": 1, + "flexDirection": "row", + "height": 56, + }, + { + "backgroundColor": "#FFFFFF", + "borderColor": "#EBECEF", + }, + ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ { - "color": "#FFFFFF", - "fontSize": 31.200000000000003, - }, - [ - { - "lineHeight": 31.200000000000003, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": 16, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, {}, + {}, ] } > -  - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - focusable={false} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "height": "100%", - } - } - > - <TextInput - animatedProps={ - { - "text": "00:00", + <View + accessibilityLabel="To download" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } } - } - defaultValue="00:00" - editable={false} - style={ - [ + accessibilityValue={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontVariant": [ - "tabular-nums", - ], - "fontWeight": "400", - "marginHorizontal": 12, - "textAlign": "left", - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + hitSlop={ { - "color": "#2F343D", - }, - ] - } - /> - <View - onLayout={[Function]} - style={ - { - "flex": 1, - "height": "100%", - "justifyContent": "center", - "marginRight": 12, + "bottom": 8, + "left": 8, + "right": 8, + "top": 8, + } } - } - > - <View + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + [ + { + "alignItems": "center", + "borderRadius": 4, + "height": 32, + "justifyContent": "center", + "marginLeft": 16, + "width": 32, + }, + { + "backgroundColor": "#156FF5", + }, + ], { - "borderRadius": 2, - "height": 4, - "width": "100%", + "borderRadius": 0, + "marginLeft": 0, }, { - "backgroundColor": "#CBCED1", + "opacity": 1, }, ] } > - <View + <Text + allowFontScaling={false} + selectable={false} style={ [ { - "borderRadius": 2, - "height": 4, - "width": "100%", - }, - { - "width": 0, + "color": "#FFFFFF", + "fontSize": 31.200000000000003, }, + [ + { + "lineHeight": 31.200000000000003, + }, + undefined, + ], { - "backgroundColor": "#156FF5", + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - /> + > +  + </Text> </View> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View - collapsable={false} - enabled={false} - handlerTag={10} - handlerType="PanGestureHandler" - hitSlop={ + accessibilityState={ { - "bottom": 12, - "left": 8, - "right": 8, - "top": 12, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - onGestureHandlerEvent={[Function]} - onGestureHandlerStateChange={[Function]} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "borderRadius": 6, - "height": 12, - "position": "absolute", - "width": 12, + "flex": 1, }, + {}, { - "backgroundColor": "#D1EBFE", + "opacity": 1, }, + ] + } + > + <View + style={ { - "transform": [ + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "height": "100%", + } + } + > + <TextInput + animatedProps={ + { + "text": "00:00", + } + } + defaultValue="00:00" + editable={false} + style={ + [ { - "translateX": -6, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontVariant": [ + "tabular-nums", + ], + "fontWeight": "400", + "marginHorizontal": 12, + "textAlign": "left", }, { - "scale": 1, + "color": "#2F343D", }, - ], - }, - ] - } - /> + ] + } + /> + <View + onLayout={[Function]} + style={ + { + "flex": 1, + "height": "100%", + "justifyContent": "center", + "marginRight": 12, + } + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "backgroundColor": "#CBCED1", + }, + ] + } + > + <View + style={ + [ + { + "borderRadius": 2, + "height": 4, + "width": "100%", + }, + { + "width": 0, + }, + { + "backgroundColor": "#156FF5", + }, + ] + } + /> + </View> + <View + collapsable={false} + enabled={false} + handlerTag={10} + handlerType="PanGestureHandler" + hitSlop={ + { + "bottom": 12, + "left": 8, + "right": 8, + "top": 12, + } + } + onGestureHandlerEvent={[Function]} + onGestureHandlerStateChange={[Function]} + style={ + [ + { + "borderRadius": 6, + "height": 12, + "position": "absolute", + "width": 12, + }, + { + "backgroundColor": "#D1EBFE", + }, + { + "transform": [ + { + "translateX": -6, + }, + { + "scale": 1, + }, + ], + }, + ] + } + /> + </View> + </View> + </View> </View> </View> </View> @@ -119889,16 +151397,16 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -119926,302 +151434,289 @@ exports[`Story Snapshots: WithFile should match snapshot 1`] = ` orderKey=":r9c:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9c:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 36, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9c:" + > <View + accessible={true} style={ { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 36, } } > <View + accessible={true} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -120229,7 +151724,7 @@ exports[`Story Snapshots: WithFile should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -120245,100 +151740,240 @@ exports[`Story Snapshots: WithFile should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-File.pdf" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - /> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-File.pdf" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + /> + <View + style={ + { + "gap": 2, } } > <Text - accessibilityLabel="File.pdf" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -120346,122 +151981,150 @@ exports[`Story Snapshots: WithFile should match snapshot 1`] = ` ] } > - File.pdf + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="File.pdf" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + File.pdf + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 2, - } - } - > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is a description " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - <View style={ - [ - { - "transform": [ - { - "translateY": 3, - }, - ], - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <Text + accessibilityLabel="This is a description " + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", }, ] } + > + This is a description + </Text> + <View style={ - { - "height": 15, - "width": 15, - } + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] } - transition={null} - width={15} - /> - </View> + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -120474,99 +152137,135 @@ exports[`Story Snapshots: WithFile should match snapshot 1`] = ` orderFocusType={0} orderIndex={1} orderKey=":r9d:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} + > + <View collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9d:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9d:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > @@ -120585,120 +152284,150 @@ exports[`Story Snapshots: WithFile should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-File.pdf" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - /> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-File.pdf" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + /> + <View + style={ + { + "gap": 2, } } > <Text - accessibilityLabel="File.pdf" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -120706,212 +152435,373 @@ exports[`Story Snapshots: WithFile should match snapshot 1`] = ` ] } > - File.pdf + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="File.pdf" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + File.pdf + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> </View> <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <Text - accessibilityLabel="This is a description " - style={ + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ [ { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", }, { - "color": "#2F343D", + "borderColor": "#CBCED1", }, - ] - } - > - This is a description - </Text> + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-File.pdf" + > <View style={ [ { - "transform": [ - { - "translateY": 3, - }, - ], + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, }, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ + <View + style={ { - "left": "50%", - "top": "50%", + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, } } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ + > + <View + style={ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } - style={ - { - "height": 15, - "width": 15, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } } - } - transition={null} - width={15} - /> + /> + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="File.pdf" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + File.pdf + </Text> + </Text> + </Text> + </View> + </View> </View> - </Text> - </Text> - </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, - } - } - testID="reply-undefined-File.pdf" - > + </View> + </View> <View style={ { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, + "gap": 2, } } > - <View + <Text style={ - { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, - } - } - > - <View - style={ + [ { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } - } - /> - <View + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text style={ { - "gap": 2, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", } } > <Text + accessibilityLabel="This is a description " style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", + "flexShrink": 1, "fontSize": 16, - "fontWeight": "400", "lineHeight": 22, - "textAlign": "left", }, { "color": "#2F343D", @@ -120919,155 +152809,72 @@ exports[`Story Snapshots: WithFile should match snapshot 1`] = ` ] } > - <Text - style={ + This is a description + </Text> + <View + style={ + [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="File.pdf" - style={ - [ + "transform": [ { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", + "translateY": 3, }, - ] + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", } - > - File.pdf - </Text> - </Text> - </Text> - </View> - </View> - </View> - </View> - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="This is a description " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - <View - style={ - [ - { - "transform": [ + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ { - "translateY": 3, + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", + ] } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ + style={ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } - style={ - { - "height": 15, - "width": 15, + "height": 15, + "width": 15, + } } - } - transition={null} - width={15} - /> - </View> + transition={null} + width={15} + /> + </View> + </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -121095,302 +152902,289 @@ exports[`Story Snapshots: WithFileLargeFont should match snapshot 1`] = ` orderKey=":r9e:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9e:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9e:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -121398,7 +153192,7 @@ exports[`Story Snapshots: WithFileLargeFont should match snapshot 1`] = ` { "busy": undefined, "checked": undefined, - "disabled": false, + "disabled": undefined, "expanded": undefined, "selected": undefined, } @@ -121411,103 +153205,243 @@ exports[`Story Snapshots: WithFileLargeFont should match snapshot 1`] = ` "text": undefined, } } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-File.pdf" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - /> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-File.pdf" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + /> + <View + style={ + { + "gap": 2, } } > <Text - accessibilityLabel="File.pdf" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -121515,122 +153449,150 @@ exports[`Story Snapshots: WithFileLargeFont should match snapshot 1`] = ` ] } > - File.pdf + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="File.pdf" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + File.pdf + </Text> + </Text> </Text> - </Text> - </Text> + </View> + </View> </View> </View> </View> - </View> - <View - style={ - { - "gap": 2, - } - } - > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is a description " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - <View style={ - [ - { - "transform": [ - { - "translateY": 3, - }, - ], - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <Text + accessibilityLabel="This is a description " + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", }, ] } + > + This is a description + </Text> + <View style={ - { - "height": 15, - "width": 15, - } + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] } - transition={null} - width={15} - /> - </View> + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -121645,97 +153607,133 @@ exports[`Story Snapshots: WithFileLargeFont should match snapshot 1`] = ` orderKey=":r9f:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9f:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9f:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > @@ -121754,120 +153752,150 @@ exports[`Story Snapshots: WithFileLargeFont should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "alignItems": "center", - "alignSelf": "flex-start", - "borderColor": "#CBCED1", - "borderLeftWidth": 2, - "flex": 1, - "flexDirection": "row", - "opacity": 1, + "gap": 4, } } - testID="reply-undefined-File.pdf" > <View + collapsable={false} style={ - { - "borderRadius": 4, - "flex": 1, - "flexDirection": "row", - "paddingLeft": 8, - "paddingVertical": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flex": 1, - "flexDirection": "column", - "gap": 4, - "width": 200, + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "gap": 4, - } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - /> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignItems": "center", + "alignSelf": "flex-start", + "borderLeftWidth": 2, + "flex": 1, + "flexDirection": "row", + }, + { + "borderColor": "#CBCED1", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } + testID="reply-undefined-File.pdf" + > <View style={ - { - "gap": 2, - } + [ + { + "borderRadius": 4, + "flex": 1, + "flexDirection": "row", + "paddingLeft": 8, + "paddingVertical": 4, + }, + ] } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + "flexDirection": "column", + "gap": 4, + "width": 200, + } } > - <Text + <View style={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "gap": 4, + } + } + /> + <View + style={ + { + "gap": 2, } } > <Text - accessibilityLabel="File.pdf" style={ [ { - "flexShrink": 1, + "backgroundColor": "transparent", + "fontFamily": "Inter", "fontSize": 16, + "fontWeight": "400", "lineHeight": 22, + "textAlign": "left", }, { "color": "#2F343D", @@ -121875,129 +153903,157 @@ exports[`Story Snapshots: WithFileLargeFont should match snapshot 1`] = ` ] } > - File.pdf + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="File.pdf" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + File.pdf + </Text> + </Text> </Text> - </Text> - </Text> - </View> - </View> - </View> - </View> - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + </View> + </View> + </View> + </View> + </View> + <View + style={ + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is a description " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - <View style={ - [ - { - "transform": [ - { - "translateY": 3, - }, - ], - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <Text + accessibilityLabel="This is a description " + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", }, ] } + > + This is a description + </Text> + <View style={ - { - "height": 15, - "width": 15, - } + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] } - transition={null} - width={15} - /> - </View> + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -122025,515 +154081,669 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` orderKey=":r9g:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9g:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9g:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "gap": 2, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ [ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "400", + "fontWeight": "600", "lineHeight": 22, "textAlign": "left", }, { - "color": "#2F343D", + "color": "#1F2329", }, ] } > - <Text - style={ + diego.mello + </Text> + <Text + style={ + [ { "backgroundColor": "transparent", - "flexShrink": 1, "fontFamily": "Inter", + "fontSize": 13, "fontWeight": "400", + "lineHeight": 18, "textAlign": "left", - } - } - > - <Text - accessibilityLabel="This is a description" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - </Text> + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM </Text> </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } + </View> + <View + style={ + { + "flexDirection": "row", } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + } + > + <View style={ { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, + "gap": 4, } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "gap": 2, } } > - <View + <Text style={ [ { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", + "color": "#2F343D", }, ] } - /> + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description + </Text> + </Text> + </Text> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, + "borderRadius": 4, + "flexDirection": "column", }, { - "backgroundColor": "#E4E7EA", + "borderRadius": 0, }, - ] - } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", + "opacity": 1, }, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + onLayout={[Function]} style={ - [ - { - "color": "#2F343D", - "fontSize": 54, - }, + { + "flex": 1, + } + } + > + <View + style={ [ { - "lineHeight": 54, + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", }, - undefined, - ], + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 54, + }, + [ + { + "lineHeight": 54, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View + style={ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> </View> @@ -122541,8 +154751,8 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -122557,348 +154767,386 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` orderKey=":r9h:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message, not description. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message, not description" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9h:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message, not description. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message, not description" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9h:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + <View + accessibilityState={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Message, not description" - > - <View - style={ - { - "gap": 2, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } } - } - > - <Text + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, }, + {}, { - "color": "#2F343D", + "opacity": 1, }, ] } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] } > - <Text - accessibilityLabel="Message, not description" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - Message, not description - </Text> + diego.mello </Text> - </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> </View> <View style={ @@ -122908,11 +155156,7 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` } > <View - style={ - { - "gap": 4, - } - } + testID="message-content-Message, not description" > <View style={ @@ -122950,7 +155194,7 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` } > <Text - accessibilityLabel="This is a description " + accessibilityLabel="Message, not description" style={ [ { @@ -122964,392 +155208,746 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` ] } > - This is a description + Message, not description </Text> - <View - style={ - [ - { - "transform": [ - { - "translateY": 3, - }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } - style={ - { - "height": 15, - "width": 15, - } - } - transition={null} - width={15} - /> - </View> </Text> </Text> </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + </View> + <View + style={ + { + "gap": 4, } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + } + > + <View style={ { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, + "gap": 4, } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "gap": 2, } } > - <View + <Text style={ [ { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", + "color": "#2F343D", }, ] } - /> + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, + "borderRadius": 4, + "flexDirection": "column", }, { - "backgroundColor": "#E4E7EA", + "borderRadius": 0, }, - ] - } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", + "opacity": 1, }, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + onLayout={[Function]} style={ - [ - { - "color": "#2F343D", - "fontSize": 54, - }, + { + "flex": 1, + } + } + > + <View + style={ [ { - "lineHeight": 54, + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", }, - undefined, - ], + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 54, + }, + [ + { + "lineHeight": 54, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View + style={ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - > - <Text - style={ + > + <View + accessibilityState={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "borderRadius": 4, + "flexDirection": "column", + }, + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } > - <Text - accessibilityLabel="This is a description " + <View + onLayout={[Function]} style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "flex": 1, + } } > - This is a description - </Text> - <View - style={ - [ - { - "transform": [ + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ] + } + /> + <View + style={ + [ + [ { - "translateY": 3, + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", }, ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + /> + <View + style={ [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", }, ] } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 54, + }, + [ + { + "lineHeight": 54, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View style={ { - "height": 15, - "width": 15, + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, } } - transition={null} - width={15} /> </View> - </Text> - </Text> + </View> + </View> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - onLayout={[Function]} - style={ + accessibilityState={ { - "flex": 1, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "borderRadius": 4, + "flexDirection": "column", + }, + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } > <View + onLayout={[Function]} style={ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ] + { + "flex": 1, + } } - /> - <View - style={ - [ + > + <View + style={ [ { "borderRadius": 4, + "flex": 1, "minHeight": 200, "overflow": "hidden", "width": "100%", @@ -123360,251 +155958,115 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` "borderWidth": 1, "overflow": "hidden", }, - ], - { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, - { - "backgroundColor": "#E4E7EA", - }, - ] - } - /> - <View - style={ - [ + ] + } + /> + <View + style={ [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, }, { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", + "backgroundColor": "#E4E7EA", }, - ], - { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", - }, - ] - } - > - <Text - allowFontScaling={false} - selectable={false} + ] + } + /> + <View style={ [ - { - "color": "#2F343D", - "fontSize": 54, - }, [ { - "lineHeight": 54, + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", }, - undefined, ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", }, - {}, ] } > -  - </Text> - </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> - </View> - </View> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ] - } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], - { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, - { - "backgroundColor": "#E4E7EA", - }, - ] - } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], - { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", - }, - ] - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 54, - }, - [ - { - "lineHeight": 54, - }, - undefined, - ], + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 54, + }, + [ + { + "lineHeight": 54, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View + style={ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -123619,548 +156081,702 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` orderKey=":r9i:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9i:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9i:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "gap": 2, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" > <Text + numberOfLines={1} style={ [ { "backgroundColor": "transparent", + "flexShrink": 1, "fontFamily": "Inter", "fontSize": 16, - "fontWeight": "400", + "fontWeight": "600", "lineHeight": 22, "textAlign": "left", }, { - "color": "#2F343D", + "color": "#1F2329", }, ] } > - <Text - style={ + diego.mello + </Text> + <Text + style={ + [ { "backgroundColor": "transparent", - "flexShrink": 1, "fontFamily": "Inter", + "fontSize": 13, "fontWeight": "400", + "lineHeight": 18, "textAlign": "left", - } - } - > - <Text - accessibilityLabel="This is a description for Base64 Attachment " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description for Base64 Attachment - </Text> - <View - style={ - [ - { - "transform": [ - { - "translateY": 3, - }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } - style={ - { - "height": 15, - "width": 15, - } - } - transition={null} - width={15} - /> - </View> - </Text> + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM </Text> </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } + </View> + <View + style={ + { + "flexDirection": "row", } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + } + > + <View style={ { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, + "gap": 4, } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "gap": 2, } } > - <View + <Text style={ [ { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", + "color": "#2F343D", }, ] } - /> + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description for Base64 Attachment " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description for Base64 Attachment + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, + "borderRadius": 4, + "flexDirection": "column", }, { - "backgroundColor": "#E4E7EA", + "borderRadius": 0, }, - ] - } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", + "opacity": 1, }, ] } > - <ActivityIndicator - color="#6C727A" - size={54} + <View + onLayout={[Function]} style={ - [ - { - "flex": 1, - "padding": 16, - }, - undefined, - ] + { + "flex": 1, + } } - /> + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <ActivityIndicator + color="#6C727A" + size={54} + style={ + [ + { + "flex": 1, + "padding": 16, + }, + undefined, + ] + } + /> + </View> + <View + style={ + { + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> </View> @@ -124168,8 +156784,8 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -124197,359 +156813,291 @@ exports[`Story Snapshots: WithImageLargeFont should match snapshot 1`] = ` orderKey=":r9j:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9j:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9j:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="This is a description" - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - </Text> - </Text> - </View> <View accessibilityState={ { @@ -124571,141 +157119,363 @@ exports[`Story Snapshots: WithImageLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, + "gap": 4, } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "gap": 2, } } > - <View + <Text style={ [ { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", + "color": "#2F343D", }, ] } - /> + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description + </Text> + </Text> + </Text> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, + "borderRadius": 4, + "flexDirection": "column", }, { - "backgroundColor": "#E4E7EA", + "borderRadius": 0, }, - ] - } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", + "opacity": 1, }, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + onLayout={[Function]} style={ - [ - { - "color": "#2F343D", - "fontSize": 70.2, - }, + { + "flex": 1, + } + } + > + <View + style={ [ { - "lineHeight": 70.2, + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", }, - undefined, - ], + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 70.2, + }, + [ + { + "lineHeight": 70.2, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View + style={ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> </View> @@ -124713,8 +157483,8 @@ exports[`Story Snapshots: WithImageLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -124729,290 +157499,387 @@ exports[`Story Snapshots: WithImageLargeFont should match snapshot 1`] = ` orderKey=":r9k:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9k:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9k:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] + { + "flexDirection": "row", + } } - > - diego.mello - </Text> + /> </View> - <View + <Text style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View style={ { @@ -125030,260 +157897,317 @@ exports[`Story Snapshots: WithImageLargeFont should match snapshot 1`] = ` <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is a description " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - <View style={ - [ - { - "transform": [ - { - "translateY": 3, - }, - ], - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <Text + accessibilityLabel="This is a description " + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", }, ] } + > + This is a description + </Text> + <View style={ - { - "height": 15, - "width": 15, - } + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] } - transition={null} - width={15} - /> - </View> + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> </Text> - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, - } - } - > + </View> <View - onLayout={[Function]} + collapsable={false} style={ - { - "flex": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ] + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - /> - <View + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, + "borderRadius": 4, + "flexDirection": "column", }, { - "backgroundColor": "#E4E7EA", + "borderRadius": 0, }, - ] - } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", + "opacity": 1, }, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + onLayout={[Function]} style={ - [ - { - "color": "#2F343D", - "fontSize": 70.2, - }, + { + "flex": 1, + } + } + > + <View + style={ [ { - "lineHeight": 70.2, + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", }, - undefined, - ], + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 70.2, + }, + [ + { + "lineHeight": 70.2, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + <View + style={ { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> </View> @@ -125291,421 +158215,307 @@ exports[`Story Snapshots: WithImageLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> - </A11yIndexView> - </A11yOrderView> - <A11yOrderView - orderKey=":r9l:" - > - <A11yIndexView - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={1} - orderKey=":r9l:" - > - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": undefined, - "opacity": 1, - } - } - > - <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ - { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", - } - } - testID="message-undefined" - > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9l:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } - } - > - <View - style={ - { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - > - <View - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" - > - <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> + </A11yIndexView> + </A11yOrderView> + <A11yOrderView + orderKey=":r9l:" + > + <A11yIndexView + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={1} + orderKey=":r9l:" + > + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } + > + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", + } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9l:" + > <View + accessible={true} style={ { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "alignItems": "flex-end", + "width": 46.800000000000004, } } > <View + accessible={true} style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="This is a description for Base64 Attachment " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description for Base64 Attachment - </Text> - <View - style={ - [ - { - "transform": [ - { - "translateY": 3, - }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } - style={ - { - "height": 15, - "width": 15, - } - } - transition={null} - width={15} - /> - </View> - </Text> - </Text> - </View> <View accessibilityState={ { @@ -125727,128 +158537,396 @@ exports[`Story Snapshots: WithImageLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "borderRadius": 4, - "flexDirection": "column", - "opacity": 1, + "gap": 4, } } > <View - onLayout={[Function]} style={ { - "flex": 1, + "gap": 2, } } > - <View + <Text style={ [ { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", + "color": "#2F343D", }, ] } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], - { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, + > + <Text + style={ { - "backgroundColor": "#E4E7EA", - }, - ] - } - /> + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description for Base64 Attachment " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description for Base64 Attachment + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + <View + collapsable={false} + style={ + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] + } + > <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderRadius": 4, - "borderWidth": 1, - "overflow": "hidden", - }, - ], { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", + "borderRadius": 4, + "flexDirection": "column", + }, + { + "borderRadius": 0, + }, + { + "opacity": 1, }, ] } > - <ActivityIndicator - color="#6C727A" - size={54} + <View + onLayout={[Function]} style={ - [ - { - "flex": 1, - "padding": 16, - }, - undefined, - ] + { + "flex": 1, + } } - /> + > + <View + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderRadius": 4, + "borderWidth": 1, + "overflow": "hidden", + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <ActivityIndicator + color="#6C727A" + size={54} + style={ + [ + { + "flex": 1, + "padding": 16, + }, + undefined, + ] + } + /> + </View> + <View + style={ + { + "bottom": 8, + "flexDirection": "row", + "gap": 8, + "position": "absolute", + "right": 8, + } + } + /> + </View> </View> - <View - style={ - { - "bottom": 8, - "flexDirection": "row", - "gap": 8, - "position": "absolute", - "right": 8, - } - } - /> </View> </View> </View> @@ -125856,8 +158934,8 @@ exports[`Story Snapshots: WithImageLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -125885,290 +158963,387 @@ exports[`Story Snapshots: WithVideo should match snapshot 1`] = ` orderKey=":r9m:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9m:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9m:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View style={ { @@ -126186,220 +159361,277 @@ exports[`Story Snapshots: WithVideo should match snapshot 1`] = ` <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View + style={ + { + "gap": 2, + } + } + > + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } > - <Text - accessibilityLabel="This is a description " + <View style={ [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, }, { - "color": "#2F343D", + "backgroundColor": "#E4E7EA", }, ] } - > - This is a description - </Text> + /> <View style={ [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], { - "transform": [ - { - "translateY": 3, - }, - ], + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", }, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + "color": "#2F343D", + "fontSize": 54, + }, + [ + { + "lineHeight": 54, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - style={ - { - "height": 15, - "width": 15, - } - } - transition={null} - width={15} - /> + > +  + </Text> </View> - </Text> - </Text> - </View> - <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "borderRadius": 4, - "minHeight": 200, - "opacity": 1, - "overflow": "hidden", - "width": "100%", - } - } - > - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderWidth": 1, - }, - ], - { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, - { - "backgroundColor": "#E4E7EA", - }, - ] - } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderWidth": 1, - }, - ], - { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", - }, - ] - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 54, - }, - [ - { - "lineHeight": 54, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + </View> </View> </View> </View> @@ -126407,8 +159639,8 @@ exports[`Story Snapshots: WithVideo should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -126423,302 +159655,289 @@ exports[`Story Snapshots: WithVideo should match snapshot 1`] = ` orderKey=":r9n:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9n:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9n:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 36, "width": 36, - } - } - transition={null} - width={36} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> - <Text - style={ - [ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, + } + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View @@ -126742,7 +159961,9 @@ exports[`Story Snapshots: WithVideo should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} @@ -126750,96 +159971,78 @@ exports[`Story Snapshots: WithVideo should match snapshot 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - { - "borderRadius": 4, - "minHeight": 200, - "opacity": 1, - "overflow": "hidden", - "width": "100%", - } + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] } + testID="username-header-diego.mello" > - <View + <Text + numberOfLines={1} style={ [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderWidth": 1, - }, - ], { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", }, { - "backgroundColor": "#E4E7EA", + "color": "#1F2329", }, ] } - /> - <View + > + diego.mello + </Text> + <Text style={ [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderWidth": 1, - }, - ], { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", }, ] } > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 54, - }, - [ - { - "lineHeight": 54, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - </View> + 10:00 AM + </Text> </View> </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <View + style={ + { + "gap": 4, + } + } + > <View style={ { @@ -126850,346 +160053,627 @@ exports[`Story Snapshots: WithVideo should match snapshot 1`] = ` <View style={ { - "gap": 2, + "gap": 4, } } > - <Text + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - style={ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderRadius": 0, + }, + { + "opacity": 1, + }, + ] + } > - <Text - accessibilityLabel="This is a description " + <View style={ [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, }, { - "color": "#2F343D", + "backgroundColor": "#E4E7EA", }, ] } - > - This is a description - </Text> + /> <View style={ [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], { - "transform": [ - { - "translateY": 3, - }, - ], + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", }, ] } > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + "color": "#2F343D", + "fontSize": 54, + }, + [ + { + "lineHeight": 54, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", }, + {}, ] } - style={ - { - "height": 15, - "width": 15, - } - } - transition={null} - width={15} - /> + > +  + </Text> </View> - </Text> - </Text> + </View> + </View> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "borderRadius": 4, - "minHeight": 200, - "opacity": 1, - "overflow": "hidden", - "width": "100%", + "gap": 4, } } > <View style={ - [ + { + "gap": 2, + } + } + > + <Text + style={ [ { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, { - "borderColor": "#CBCED1", - "borderWidth": 1, + "color": "#2F343D", }, - ], - { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + <View + collapsable={false} + style={ + [ { - "backgroundColor": "#E4E7EA", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - /> - <View - style={ - [ + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { "borderRadius": 4, + "flex": 1, "minHeight": 200, "overflow": "hidden", "width": "100%", }, { - "borderColor": "#CBCED1", - "borderWidth": 1, - }, - ], - { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", - }, - ] - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 54, + "borderRadius": 0, }, - [ - { - "lineHeight": 54, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 54, + }, + [ + { + "lineHeight": 54, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "gap": 4, - } - } - > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "borderRadius": 4, - "minHeight": 200, - "opacity": 1, - "overflow": "hidden", - "width": "100%", + "gap": 4, } } > <View + collapsable={false} style={ [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderWidth": 1, - }, - ], - { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, - { - "backgroundColor": "#E4E7EA", - }, - ] - } - /> - <View - style={ - [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderWidth": 1, - }, - ], { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - <Text - allowFontScaling={false} - selectable={false} + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ { - "color": "#2F343D", - "fontSize": 54, + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", }, - [ - { - "lineHeight": 54, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "borderRadius": 0, + }, + { + "opacity": 1, }, - {}, ] } > -  - </Text> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 54, + }, + [ + { + "lineHeight": 54, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -127197,8 +160681,8 @@ exports[`Story Snapshots: WithVideo should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -127226,405 +160710,291 @@ exports[`Story Snapshots: WithVideoLargeFont should match snapshot 1`] = ` orderKey=":r9o:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9o:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9o:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } - } - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, - ] - } - style={ + [ { "borderRadius": 4, "height": 46.800000000000004, "width": 46.800000000000004, - } - } - transition={null} - width={46.800000000000004} - /> - </View> - </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > - <View - onLayout={[Function]} - style={ - { - "flex": 1, - } - } - > - <View - style={ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", - } + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "alignItems": "center", - "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, - } + [ + undefined, + {}, + {}, + ] } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} style={ [ + undefined, + undefined, { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "opacity": 1, }, ] } > - diego.mello - </Text> + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + </View> + <View + style={ + { + "flex": 1, + "marginLeft": 10, } - > - 10:00 AM - </Text> + } + > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View style={ { - "gap": 4, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "justifyContent": "space-between", } } > <View + collapsable={false} style={ - { - "gap": 4, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > - <View - style={ - { - "gap": 2, - } - } - > - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] - } - > - <Text - style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } - } - > - <Text - accessibilityLabel="This is a description " - style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] - } - > - This is a description - </Text> - <View - style={ - [ - { - "transform": [ - { - "translateY": 3, - }, - ], - }, - ] - } - > - <ViewManagerAdapter_ExpoImage - containerViewRef={"[React.ref]"} - contentFit="contain" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={15} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - source={ - [ - { - "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", - }, - ] - } - style={ - { - "height": 15, - "width": 15, - } - } - transition={null} - width={15} - /> - </View> - </Text> - </Text> - </View> <View accessibilityState={ { @@ -127646,101 +161016,369 @@ exports[`Story Snapshots: WithVideoLargeFont should match snapshot 1`] = ` accessible={true} collapsable={false} focusable={true} + onBlur={[Function]} onClick={[Function]} + onFocus={[Function]} onResponderGrant={[Function]} onResponderMove={[Function]} onResponderRelease={[Function]} onResponderTerminate={[Function]} onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + <View + style={ + { + "gap": 4, + } + } + > + <View + style={ + { + "gap": 4, + } + } + > + <View style={ { - "borderRadius": 4, - "minHeight": 200, - "opacity": 1, - "overflow": "hidden", - "width": "100%", + "gap": 4, } } > <View style={ - [ + { + "gap": 2, + } + } + > + <Text + style={ [ { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", }, { - "borderColor": "#CBCED1", - "borderWidth": 1, + "color": "#2F343D", }, - ], - { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, + ] + } + > + <Text + style={ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } + } + > + <Text + accessibilityLabel="This is a description " + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is a description + </Text> + <View + style={ + [ + { + "transform": [ + { + "translateY": 3, + }, + ], + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + containerViewRef={"[React.ref]"} + contentFit="contain" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + </View> + </Text> + </Text> + </View> + <View + collapsable={false} + style={ + [ { - "backgroundColor": "#E4E7EA", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - /> - <View - style={ - [ + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { "borderRadius": 4, + "flex": 1, "minHeight": 200, "overflow": "hidden", "width": "100%", }, { - "borderColor": "#CBCED1", - "borderWidth": 1, - }, - ], - { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", - }, - ] - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 70.2, + "borderRadius": 0, }, - [ - { - "lineHeight": 70.2, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 70.2, + }, + [ + { + "lineHeight": 70.2, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -127748,8 +161386,8 @@ exports[`Story Snapshots: WithVideoLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -127764,290 +161402,387 @@ exports[`Story Snapshots: WithVideoLargeFont should match snapshot 1`] = ` orderKey=":r9p:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM undefined. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9p:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM undefined. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9p:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={46.800000000000004} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 46.800000000000004, - "width": 46.800000000000004, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={46.800000000000004} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={46.800000000000004} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=93.60000000000001", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 46.800000000000004, + "width": 46.800000000000004, + } + } + transition={null} + width={46.800000000000004} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - /> - </View> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 10:00 AM - </Text> - <View - style={ - { - "gap": 4, + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } + } + /> + </View> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - } - > + > + 10:00 AM + </Text> <View style={ { @@ -128063,121 +161798,178 @@ exports[`Story Snapshots: WithVideoLargeFont should match snapshot 1`] = ` } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { - "borderRadius": 4, - "minHeight": 200, - "opacity": 1, - "overflow": "hidden", - "width": "100%", + "gap": 4, } } > <View + collapsable={false} style={ [ - [ - { - "borderRadius": 4, - "minHeight": 200, - "overflow": "hidden", - "width": "100%", - }, - { - "borderColor": "#CBCED1", - "borderWidth": 1, - }, - ], - { - "borderWidth": 0, - "bottom": 0, - "left": 0, - "position": "absolute", - "right": 0, - "top": 0, - }, { - "backgroundColor": "#E4E7EA", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": 1, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } - /> - <View - style={ - [ + > + <View + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ { "borderRadius": 4, + "flex": 1, "minHeight": 200, "overflow": "hidden", "width": "100%", }, { - "borderColor": "#CBCED1", - "borderWidth": 1, - }, - ], - { - "alignItems": "center", - "justifyContent": "center", - "position": "absolute", - }, - ] - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 70.2, + "borderRadius": 0, }, - [ - { - "lineHeight": 70.2, - }, - undefined, - ], { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", + "opacity": 1, }, - {}, ] } > -  - </Text> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], + { + "borderWidth": 0, + "bottom": 0, + "left": 0, + "position": "absolute", + "right": 0, + "top": 0, + }, + { + "backgroundColor": "#E4E7EA", + }, + ] + } + /> + <View + style={ + [ + [ + { + "borderRadius": 4, + "flex": 1, + "minHeight": 200, + "overflow": "hidden", + "width": "100%", + }, + { + "borderColor": "#CBCED1", + "borderWidth": 1, + }, + ], + { + "alignItems": "center", + "justifyContent": "center", + "position": "absolute", + }, + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 70.2, + }, + [ + { + "lineHeight": 70.2, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -128185,8 +161977,8 @@ exports[`Story Snapshots: WithVideoLargeFont should match snapshot 1`] = ` </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -128214,171 +162006,215 @@ exports[`Story Snapshots: WithoutHeader should match snapshot 1`] = ` orderKey=":r9q:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9q:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9q:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -128406,171 +162242,215 @@ exports[`Story Snapshots: WithoutHeaderLargeFont should match snapshot 1`] = ` orderKey=":r9r:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9r:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9r:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 46.800000000000004, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 46.800000000000004, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Message + <Text + accessibilityLabel="Message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> diff --git a/app/containers/message/styles.ts b/app/containers/message/styles.ts index dd51b7e1272..d9146468de2 100644 --- a/app/containers/message/styles.ts +++ b/app/containers/message/styles.ts @@ -89,7 +89,8 @@ export default StyleSheet.create({ width: '100%', minHeight: isTablet ? 300 : 200, borderRadius: 4, - overflow: 'hidden' + overflow: 'hidden', + flex: 1 }, discussionText: { fontSize: 16, diff --git a/app/lib/constants/colors.ts b/app/lib/constants/colors.ts index 2db1dbc6807..25b0fab251f 100644 --- a/app/lib/constants/colors.ts +++ b/app/lib/constants/colors.ts @@ -6,6 +6,7 @@ const light = { surfaceTint: '#F7F8FA', surfaceRoom: '#FFFFFF', surfaceNeutral: '#E4E7EA', + surfaceNeutralPress: '#E4E4E4', surfaceDisabled: '#F7F8FA', surfaceHover: '#F2F3F5', surfaceSelected: '#D7DBE0', @@ -40,6 +41,7 @@ const light = { statusBackgroundDanger: '#FFC1C9', statusBackgroundWarning: '#FFECAD', statusBackgroundWarning2: '#FFF6D6', + statusBackgroundWarning2Press: '#E7DCBC', statusBackgroundService: '#FAD1B0', statusBackgroundService2: '#EDD0F7', statusFontInfo: '#095AD2', @@ -98,6 +100,7 @@ const dark = { surfaceTint: '#1F2329', surfaceRoom: '#1F2329', surfaceNeutral: '#2D3039', + surfaceNeutralPress: '#181D25', surfaceDisabled: '#24272E', surfaceHover: '#1A1E23', surfaceSelected: '#3C3F44', @@ -132,6 +135,7 @@ const dark = { statusBackgroundDanger: '#FFBDC5', statusBackgroundWarning: '#FEEFBE', statusBackgroundWarning2: '#4E4731', + statusBackgroundWarning2Press: '#453D29', statusBackgroundService: '#FCE3CF', statusBackgroundService2: '#EDD0F7', statusFontInfo: '#739EDE', @@ -190,6 +194,7 @@ const black = { surfaceTint: '#16181a', surfaceRoom: '#000000', surfaceNeutral: '#16181a', + surfaceNeutralPress: '#16181a', surfaceDisabled: '#24272E', surfaceHover: '#080808', surfaceSelected: '#3C3F44', @@ -224,6 +229,7 @@ const black = { statusBackgroundDanger: '#FFBDC5', statusBackgroundWarning: '#FEEFBE', statusBackgroundWarning2: '#4E4731', + statusBackgroundWarning2Press: '#484029', statusBackgroundService: '#FCE3CF', statusBackgroundService2: '#EDD0F7', statusFontInfo: '#739EDE', diff --git a/app/views/CannedResponsesListView/CannedResponseItem.tsx b/app/views/CannedResponsesListView/CannedResponseItem.tsx index a52d1e8e7d4..dba47f94adc 100644 --- a/app/views/CannedResponsesListView/CannedResponseItem.tsx +++ b/app/views/CannedResponsesListView/CannedResponseItem.tsx @@ -1,12 +1,12 @@ import React from 'react'; import { View, Text } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import { type TSupportedThemes } from '../../theme'; import { themes } from '../../lib/constants/colors'; import Button from '../../containers/Button'; import I18n from '../../i18n'; import styles from './styles'; +import PressableOpacity from '../../containers/PressableOpacity'; interface ICannedResponseItem { theme: TSupportedThemes; @@ -27,7 +27,13 @@ const CannedResponseItem = ({ text, tags = [] }: ICannedResponseItem): JSX.Element => ( - <Touchable onPress={onPressDetail} style={[styles.wrapCannedItem, { backgroundColor: themes[theme].surfaceLight }]}> + <PressableOpacity + onPress={onPressDetail} + style={[styles.wrapCannedItem, { backgroundColor: themes[theme].surfaceLight }]} + android_ripple={{ + color: themes[theme].surfaceNeutral + }} + disableOpacityOnAndroid> <> <View style={styles.cannedRow}> <View style={styles.cannedWrapShortcutScope}> @@ -36,10 +42,21 @@ const CannedResponseItem = ({ </View> <Button - title={I18n.t('Use')} fontSize={12} color={themes[theme].fontTitlesLabels} - style={[styles.cannedUseButton, { backgroundColor: themes[theme].surfaceTint }]} + title={I18n.t('Use')} + style={[ + styles.cannedUseButton, + { + backgroundColor: themes[theme].surfaceTint, + paddingVertical: 0, // default padding makes text overflow here + paddingHorizontal: 0, + justifyContent: 'center', + alignItems: 'center' + } + ]} + small + type='secondary' onPress={onPressUse} /> </View> @@ -57,7 +74,7 @@ const CannedResponseItem = ({ : null} </View> </> - </Touchable> + </PressableOpacity> ); export default CannedResponseItem; diff --git a/app/views/CannedResponsesListView/__snapshots__/CannedResponseItem.test.tsx.snap b/app/views/CannedResponsesListView/__snapshots__/CannedResponseItem.test.tsx.snap index 1dbd0f7dc8a..b8e66e8318d 100644 --- a/app/views/CannedResponsesListView/__snapshots__/CannedResponseItem.test.tsx.snap +++ b/app/views/CannedResponsesListView/__snapshots__/CannedResponseItem.test.tsx.snap @@ -3,656 +3,888 @@ exports[`Story Snapshots: Itens should match snapshot 1`] = ` [ <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "maxHeight": 141, - "minHeight": 117, - "opacity": 1, - "padding": 16, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "height": 36, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "maxHeight": 141, + "minHeight": 117, + "padding": 16, + }, + { + "backgroundColor": "#FFFFFF", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } > <View style={ { - "flex": 1, + "flexDirection": "row", + "height": 36, } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500", - "paddingBottom": 0, - "paddingTop": 0, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] + { + "flex": 1, + } } > - ! - !FAQ4 - </Text> - <Text + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500", + "paddingBottom": 0, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + ! + !FAQ4 + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "400", + "paddingBottom": 0, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Private + </Text> + </View> + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "400", - "paddingBottom": 0, - "paddingTop": 0, - "textAlign": "left", - }, - { - "color": "#6C727A", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": 12, + "marginLeft": 8, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Private - </Text> + <View + accessibilityLabel="Use" + accessibilityRole="button" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignSelf": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "borderRadius": 4, + "marginBottom": 12, + }, + { + "backgroundColor": "#E4E7EA", + }, + {}, + [ + { + "height": 28, + "marginLeft": 8, + "width": 56, + }, + { + "alignItems": "center", + "backgroundColor": "#F7F8FA", + "justifyContent": "center", + "paddingHorizontal": 0, + "paddingVertical": 0, + }, + ], + ], + { + "borderRadius": 0, + "marginBottom": 0, + "marginLeft": 0, + }, + { + "opacity": 1, + }, + ] + } + > + <Text + style={ + [ + { + "color": "#1F2329", + "fontSize": 12, + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "700", + "lineHeight": 18, + "textAlign": "left", + }, + undefined, + ] + } + > + Use + </Text> + </View> + </View> </View> - <View - accessibilityLabel="Use" - accessibilityRole="button" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } + <Text + ellipsizeMode="tail" + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginTop": 8, + "paddingBottom": 0, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} + > + “ + ZCVXZVXCZVZXVZXCVZXCVXZCVZX + ” + </Text> + <View style={ { - "backgroundColor": "#F7F8FA", - "borderRadius": 4, - "height": 28, - "justifyContent": "center", - "marginBottom": 12, - "marginLeft": 8, - "opacity": 1, - "paddingHorizontal": 16, - "paddingVertical": 14, - "width": 56, + "flexDirection": "row", + "overflow": "hidden", } } - > - <Text - style={ - [ - { - "color": "#1F2329", - "fontSize": 12, - }, - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontWeight": "500", - "textAlign": "center", - }, - undefined, - ] - } - > - Use - </Text> - </View> + /> </View> - <Text - ellipsizeMode="tail" - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginTop": 8, - "paddingBottom": 0, - "paddingTop": 0, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - “ - ZCVXZVXCZVZXVZXCVZXCVXZCVZX - ” - </Text> - <View - style={ - { - "flexDirection": "row", - "overflow": "hidden", - } - } - /> </View>, <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "maxHeight": 141, - "minHeight": 117, - "opacity": 1, - "padding": 16, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "height": 36, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "maxHeight": 141, + "minHeight": 117, + "padding": 16, + }, + { + "backgroundColor": "#FFFFFF", + }, + ], + {}, + { + "opacity": 1, + }, + ] + } > <View style={ { - "flex": 1, + "flexDirection": "row", + "height": 36, } } > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500", - "paddingBottom": 0, - "paddingTop": 0, - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] + { + "flex": 1, + } } > - ! - test4mobilePrivate - </Text> - <Text + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "500", + "paddingBottom": 0, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + ! + test4mobilePrivate + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "flex": 1, + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "400", + "paddingBottom": 0, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Private + </Text> + </View> + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flex": 1, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "400", - "paddingBottom": 0, - "paddingTop": 0, - "textAlign": "left", - }, - { - "color": "#6C727A", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": 4, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": 12, + "marginLeft": 8, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - Private - </Text> - </View> - <View - accessibilityLabel="Use" - accessibilityRole="button" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "backgroundColor": "#F7F8FA", - "borderRadius": 4, - "height": 28, - "justifyContent": "center", - "marginBottom": 12, - "marginLeft": 8, - "opacity": 1, - "paddingHorizontal": 16, - "paddingVertical": 14, - "width": 56, - } - } - > - <Text - style={ - [ + <View + accessibilityLabel="Use" + accessibilityRole="button" + accessibilityState={ { - "color": "#1F2329", - "fontSize": 12, - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontWeight": "500", - "textAlign": "center", - }, - undefined, - ] - } - > - Use - </Text> + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + [ + { + "alignSelf": "center", + "paddingHorizontal": 12, + "paddingVertical": 8, + }, + { + "borderRadius": 4, + "marginBottom": 12, + }, + { + "backgroundColor": "#E4E7EA", + }, + {}, + [ + { + "height": 28, + "marginLeft": 8, + "width": 56, + }, + { + "alignItems": "center", + "backgroundColor": "#F7F8FA", + "justifyContent": "center", + "paddingHorizontal": 0, + "paddingVertical": 0, + }, + ], + ], + { + "borderRadius": 0, + "marginBottom": 0, + "marginLeft": 0, + }, + { + "opacity": 1, + }, + ] + } + > + <Text + style={ + [ + { + "color": "#1F2329", + "fontSize": 12, + }, + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "700", + "lineHeight": 18, + "textAlign": "left", + }, + undefined, + ] + } + > + Use + </Text> + </View> + </View> </View> - </View> - <Text - ellipsizeMode="tail" - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginTop": 8, - "paddingBottom": 0, - "paddingTop": 0, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - “ - test for mobile private - ” - </Text> - <View - style={ - { - "flexDirection": "row", - "overflow": "hidden", - } - } - > - <View + <Text + ellipsizeMode="tail" + numberOfLines={2} style={ [ { - "borderRadius": 4, - "height": 16, - "marginRight": 4, + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", "marginTop": 8, + "paddingBottom": 0, + "paddingTop": 0, + "textAlign": "left", }, { - "backgroundColor": "#EBECEF", + "color": "#6C727A", }, ] } > - <Text + “ + test for mobile private + ” + </Text> + <View + style={ + { + "flexDirection": "row", + "overflow": "hidden", + } + } + > + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "400", - "paddingBottom": 0, - "paddingHorizontal": 4, - "paddingTop": 0, - "textAlign": "left", + "borderRadius": 4, + "height": 16, + "marginRight": 4, + "marginTop": 8, }, { - "color": "#6C727A", + "backgroundColor": "#EBECEF", }, ] } > - HQ - </Text> - </View> - <View - style={ - [ - { - "borderRadius": 4, - "height": 16, - "marginRight": 4, - "marginTop": 8, - }, - { - "backgroundColor": "#EBECEF", - }, - ] - } - > - <Text + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "400", + "paddingBottom": 0, + "paddingHorizontal": 4, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + HQ + </Text> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "400", - "paddingBottom": 0, - "paddingHorizontal": 4, - "paddingTop": 0, - "textAlign": "left", + "borderRadius": 4, + "height": 16, + "marginRight": 4, + "marginTop": 8, }, { - "color": "#6C727A", + "backgroundColor": "#EBECEF", }, ] } > - Closed - </Text> - </View> - <View - style={ - [ - { - "borderRadius": 4, - "height": 16, - "marginRight": 4, - "marginTop": 8, - }, - { - "backgroundColor": "#EBECEF", - }, - ] - } - > - <Text + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "400", + "paddingBottom": 0, + "paddingHorizontal": 4, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Closed + </Text> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "400", - "paddingBottom": 0, - "paddingHorizontal": 4, - "paddingTop": 0, - "textAlign": "left", + "borderRadius": 4, + "height": 16, + "marginRight": 4, + "marginTop": 8, }, { - "color": "#6C727A", + "backgroundColor": "#EBECEF", }, ] } > - HQ - </Text> - </View> - <View - style={ - [ - { - "borderRadius": 4, - "height": 16, - "marginRight": 4, - "marginTop": 8, - }, - { - "backgroundColor": "#EBECEF", - }, - ] - } - > - <Text + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "400", + "paddingBottom": 0, + "paddingHorizontal": 4, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + HQ + </Text> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "400", - "paddingBottom": 0, - "paddingHorizontal": 4, - "paddingTop": 0, - "textAlign": "left", + "borderRadius": 4, + "height": 16, + "marginRight": 4, + "marginTop": 8, }, { - "color": "#6C727A", + "backgroundColor": "#EBECEF", }, ] } > - Problem in Product Y - </Text> - </View> - <View - style={ - [ - { - "borderRadius": 4, - "height": 16, - "marginRight": 4, - "marginTop": 8, - }, - { - "backgroundColor": "#EBECEF", - }, - ] - } - > - <Text + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "400", + "paddingBottom": 0, + "paddingHorizontal": 4, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Problem in Product Y + </Text> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "400", - "paddingBottom": 0, - "paddingHorizontal": 4, - "paddingTop": 0, - "textAlign": "left", + "borderRadius": 4, + "height": 16, + "marginRight": 4, + "marginTop": 8, }, { - "color": "#6C727A", + "backgroundColor": "#EBECEF", }, ] } > - HQ - </Text> - </View> - <View - style={ - [ - { - "borderRadius": 4, - "height": 16, - "marginRight": 4, - "marginTop": 8, - }, - { - "backgroundColor": "#EBECEF", - }, - ] - } - > - <Text + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "400", + "paddingBottom": 0, + "paddingHorizontal": 4, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + HQ + </Text> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "400", - "paddingBottom": 0, - "paddingHorizontal": 4, - "paddingTop": 0, - "textAlign": "left", + "borderRadius": 4, + "height": 16, + "marginRight": 4, + "marginTop": 8, }, { - "color": "#6C727A", + "backgroundColor": "#EBECEF", }, ] } > - Closed - </Text> - </View> - <View - style={ - [ - { - "borderRadius": 4, - "height": 16, - "marginRight": 4, - "marginTop": 8, - }, - { - "backgroundColor": "#EBECEF", - }, - ] - } - > - <Text + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "400", + "paddingBottom": 0, + "paddingHorizontal": 4, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Closed + </Text> + </View> + <View style={ [ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "400", - "paddingBottom": 0, - "paddingHorizontal": 4, - "paddingTop": 0, - "textAlign": "left", + "borderRadius": 4, + "height": 16, + "marginRight": 4, + "marginTop": 8, }, { - "color": "#6C727A", + "backgroundColor": "#EBECEF", }, ] } > - Problem in Product Y - </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "400", + "paddingBottom": 0, + "paddingHorizontal": 4, + "paddingTop": 0, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + Problem in Product Y + </Text> + </View> </View> </View> </View>, diff --git a/app/views/ChangePasscodeView.tsx b/app/views/ChangePasscodeView.tsx index 39524612710..7650774089a 100644 --- a/app/views/ChangePasscodeView.tsx +++ b/app/views/ChangePasscodeView.tsx @@ -3,13 +3,13 @@ import { StyleSheet } from 'react-native'; import useDeepCompareEffect from 'use-deep-compare-effect'; import isEmpty from 'lodash/isEmpty'; import Modal from 'react-native-modal'; -import Touchable from 'react-native-platform-touchable'; import { hasNotch } from '../lib/methods/helpers'; import { PasscodeChoose } from '../containers/Passcode'; import EventEmitter from '../lib/methods/helpers/events'; import { CustomIcon } from '../containers/CustomIcon'; import { CHANGE_PASSCODE_EMITTER } from '../lib/constants/localAuthentication'; +import PressableOpacity from '../containers/PressableOpacity'; const styles = StyleSheet.create({ modal: { @@ -71,9 +71,9 @@ const ChangePasscodeView = React.memo(() => { <Modal useNativeDriver isVisible={visible} hideModalContentWhileAnimating style={styles.modal}> <PasscodeChoose finishProcess={onSubmit} force={data?.force} /> {!data?.force ? ( - <Touchable onPress={onCancel} style={styles.close}> + <PressableOpacity onPress={onCancel} style={styles.close} disableOpacityOnAndroid disableOpeningMessageModal> <CustomIcon name='close' size={30} /> - </Touchable> + </PressableOpacity> ) : null} </Modal> ); diff --git a/app/views/DiscussionsView/Item.tsx b/app/views/DiscussionsView/Item.tsx index 143b4da6841..8ae5cdcfbf4 100644 --- a/app/views/DiscussionsView/Item.tsx +++ b/app/views/DiscussionsView/Item.tsx @@ -1,6 +1,5 @@ import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import dayjs from '../../lib/dayjs'; import { useTheme } from '../../theme'; @@ -10,6 +9,7 @@ import { MarkdownPreview } from '../../containers/markdown'; import { formatDateThreads, makeThreadName } from '../../lib/methods/helpers/room'; import DiscussionDetails from './DiscussionDetails'; import { type IMessageFromServer } from '../../definitions'; +import PressableOpacity from '../../containers/PressableOpacity'; const styles = StyleSheet.create({ container: { @@ -63,10 +63,12 @@ const Item = ({ item, onPress }: IItem): React.ReactElement => { } return ( - <Touchable + <PressableOpacity onPress={() => onPress(item)} testID={`discussions-view-${item.msg}`} - style={{ backgroundColor: colors.surfaceRoom }}> + style={{ backgroundColor: colors.surfaceRoom }} + disableOpacityOnAndroid + android_ripple={{ color: colors.surfaceNeutral }}> <View style={styles.container}> <Avatar style={styles.avatar} text={item?.u?.username} size={36} borderRadius={4} /> <View style={styles.contentContainer}> @@ -82,7 +84,7 @@ const Item = ({ item, onPress }: IItem): React.ReactElement => { {messageDate ? <DiscussionDetails item={item} date={messageDate} /> : null} </View> </View> - </Touchable> + </PressableOpacity> ); }; diff --git a/app/views/DiscussionsView/__snapshots__/Item.test.tsx.snap b/app/views/DiscussionsView/__snapshots__/Item.test.tsx.snap index dcca4852073..c77692308ea 100644 --- a/app/views/DiscussionsView/__snapshots__/Item.test.tsx.snap +++ b/app/views/DiscussionsView/__snapshots__/Item.test.tsx.snap @@ -17,325 +17,369 @@ exports[`Story Snapshots: Content should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="discussions-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="discussions-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "flexDirection": "row", - "justifyContent": "space-between", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> - </View> - <View - style={ - [ { - "alignItems": "center", - "flex": 1, "flexDirection": "row", - "marginTop": 8, - }, - ] - } - > + "justifyContent": "space-between", + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Message content" + numberOfLines={2} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - /> - </View> + "marginTop": 8, + }, + ] + } + > <View style={ { - "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > -  - </Text> - <Text - numberOfLines={1} + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + /> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > - November 10, 2020 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> </View> </View> </View> @@ -356,325 +400,369 @@ exports[`Story Snapshots: Content should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="discussions-view-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="discussions-view-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "flexDirection": "row", - "justifyContent": "space-between", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> - </View> - <View - style={ - [ { - "alignItems": "center", - "flex": 1, "flexDirection": "row", - "marginTop": 8, - }, - ] - } - > + "justifyContent": "space-between", + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={2} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - /> - </View> + "marginTop": 8, + }, + ] + } + > <View style={ { - "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > -  - </Text> - <Text - numberOfLines={1} + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + /> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > - November 10, 2020 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> </View> </View> </View> @@ -695,327 +783,371 @@ exports[`Story Snapshots: Content should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="discussions-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="discussions-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "flexDirection": "row", - "justifyContent": "space-between", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> - </View> - <View - style={ - [ { - "alignItems": "center", - "flex": 1, "flexDirection": "row", - "marginTop": 8, - }, - ] - } - > + "justifyContent": "space-between", + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Message content" + numberOfLines={2} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - +999 - </Text> - </View> + "marginTop": 8, + }, + ] + } + > <View style={ { - "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > -  - </Text> - <Text - numberOfLines={1} + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + +999 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > - November 10, 2020 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> </View> </View> </View> @@ -1036,325 +1168,369 @@ exports[`Story Snapshots: Content should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="discussions-view-" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="discussions-view-" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "flexDirection": "row", - "justifyContent": "space-between", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Attachment title" - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Attachment title" - > - Attachment title - </Text> - </View> - <View - style={ - [ { - "alignItems": "center", - "flex": 1, "flexDirection": "row", - "marginTop": 8, - }, - ] - } - > + "justifyContent": "space-between", + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Attachment title" + numberOfLines={2} style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginRight": 8, - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] } + testID="markdown-preview-Attachment title" > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - /> - </View> + Attachment title + </Text> + </View> + <View + style={ + [ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + "marginTop": 8, + }, + ] + } + > <View style={ { - "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > -  - </Text> - <Text - numberOfLines={1} + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + /> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > - November 10, 2020 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> </View> </View> </View> @@ -1375,325 +1551,369 @@ exports[`Story Snapshots: Content should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="discussions-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="discussions-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "flexDirection": "row", - "justifyContent": "space-between", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> - </View> - <View - style={ - [ { - "alignItems": "center", - "flex": 1, "flexDirection": "row", - "marginTop": 8, - }, - ] - } - > + "justifyContent": "space-between", + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Message content" + numberOfLines={2} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - /> - </View> + "marginTop": 8, + }, + ] + } + > <View style={ { - "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > -  - </Text> - <Text - numberOfLines={1} + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + /> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > - November 10, 2020 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> </View> </View> </View> @@ -1734,325 +1954,369 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="discussions-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="discussions-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "flexDirection": "row", - "justifyContent": "space-between", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] + { + "flexDirection": "row", + "justifyContent": "space-between", + "marginBottom": 2, + } } - testID="markdown-preview-Message content" > - Message content - </Text> - </View> - <View - style={ - [ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - "marginTop": 8, - }, - ] - } - > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Message content" + numberOfLines={2} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - /> - </View> + "marginTop": 8, + }, + ] + } + > <View style={ { - "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#6C727A", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > -  - </Text> - <Text - numberOfLines={1} + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + /> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > - November 10, 2020 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#6C727A", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> </View> </View> </View> @@ -2060,325 +2324,369 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = ` </View> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#1F2329", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="discussions-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#1F2329", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="discussions-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "flexDirection": "row", - "justifyContent": "space-between", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#F2F3F5", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> - </View> - <View - style={ - [ { - "alignItems": "center", - "flex": 1, "flexDirection": "row", - "marginTop": 8, - }, - ] - } - > + "justifyContent": "space-between", + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#F2F3F5", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + 10:00 AM + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Message content" + numberOfLines={2} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#9EA2A8", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] - } - /> - </View> + "marginTop": 8, + }, + ] + } + > <View style={ { - "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#9EA2A8", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > -  - </Text> - <Text - numberOfLines={1} + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#9EA2A8", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + /> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > - November 10, 2020 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#9EA2A8", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + November 10, 2020 + </Text> + </View> </View> </View> </View> @@ -2386,325 +2694,369 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = ` </View> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#000000", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="discussions-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#000000", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="discussions-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "flexDirection": "row", - "justifyContent": "space-between", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#F2F3F5", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - 10:00 AM - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> - </View> - <View - style={ - [ { - "alignItems": "center", - "flex": 1, "flexDirection": "row", - "marginTop": 8, - }, - ] - } - > + "justifyContent": "space-between", + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#F2F3F5", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + 10:00 AM + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Message content" + numberOfLines={2} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#9EA2A8", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] - } - /> - </View> + "marginTop": 8, + }, + ] + } + > <View style={ { - "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#9EA2A8", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > -  - </Text> - <Text - numberOfLines={1} + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#9EA2A8", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + /> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } > - November 10, 2020 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#9EA2A8", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + November 10, 2020 + </Text> + </View> </View> </View> </View> diff --git a/app/views/RoomView/LoadMore/__snapshots__/LoadMore.test.tsx.snap b/app/views/RoomView/LoadMore/__snapshots__/LoadMore.test.tsx.snap index 642a5d044af..081d7303bce 100644 --- a/app/views/RoomView/LoadMore/__snapshots__/LoadMore.test.tsx.snap +++ b/app/views/RoomView/LoadMore/__snapshots__/LoadMore.test.tsx.snap @@ -424,354 +424,459 @@ exports[`Story Snapshots: BlackTheme should match snapshot 1`] = ` orderKey=":r0:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Hey!. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Hey!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r0:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Hey!. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Hey!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r0:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#F2F3F5", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#9EA2A8", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#F2F3F5", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Hey!" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Hey!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="Hey!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Hey! + <Text + accessibilityLabel="Hey!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + Hey! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -786,171 +891,215 @@ exports[`Story Snapshots: BlackTheme should match snapshot 1`] = ` orderKey=":r1:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r1:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r1:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + <Text + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -965,171 +1114,215 @@ exports[`Story Snapshots: BlackTheme should match snapshot 1`] = ` orderKey=":r2:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Older message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Older message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r2:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Older message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Older message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r2:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Older message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Older message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="Older message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Older message + <Text + accessibilityLabel="Older message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + Older message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -1310,354 +1503,459 @@ exports[`Story Snapshots: BlackTheme should match snapshot 1`] = ` orderKey=":r3:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r3:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r3:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#F2F3F5", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#9EA2A8", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#F2F3F5", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + <Text + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -1672,171 +1970,215 @@ exports[`Story Snapshots: BlackTheme should match snapshot 1`] = ` orderKey=":r4:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the third message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the third message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r4:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the third message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the third message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r4:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This is the third message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the third message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="This is the third message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the third message + <Text + accessibilityLabel="This is the third message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + This is the third message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -1851,171 +2193,215 @@ exports[`Story Snapshots: BlackTheme should match snapshot 1`] = ` orderKey=":r5:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the second message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the second message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r5:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the second message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the second message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r5:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This is the second message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the second message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="This is the second message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the second message + <Text + accessibilityLabel="This is the second message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + This is the second message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -2030,354 +2416,459 @@ exports[`Story Snapshots: BlackTheme should match snapshot 1`] = ` orderKey=":r6:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the first message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the first message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r6:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the first message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the first message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r6:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#F2F3F5", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#9EA2A8", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#F2F3F5", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-This is the first message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the first message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="This is the first message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the first message + <Text + accessibilityLabel="This is the first message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + This is the first message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -2488,354 +2979,459 @@ exports[`Story Snapshots: DarkTheme should match snapshot 1`] = ` orderKey=":r7:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Hey!. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Hey!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r7:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Hey!. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Hey!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r7:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#F2F3F5", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#9EA2A8", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#F2F3F5", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Hey!" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Hey!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="Hey!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Hey! + <Text + accessibilityLabel="Hey!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + Hey! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -2850,171 +3446,215 @@ exports[`Story Snapshots: DarkTheme should match snapshot 1`] = ` orderKey=":r8:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r8:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r8:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + <Text + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -3029,171 +3669,215 @@ exports[`Story Snapshots: DarkTheme should match snapshot 1`] = ` orderKey=":r9:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Older message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Older message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":r9:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Older message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Older message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":r9:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Older message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Older message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="Older message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Older message + <Text + accessibilityLabel="Older message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + Older message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -3374,354 +4058,459 @@ exports[`Story Snapshots: DarkTheme should match snapshot 1`] = ` orderKey=":ra:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":ra:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":ra:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#F2F3F5", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#9EA2A8", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#F2F3F5", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + <Text + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -3736,171 +4525,215 @@ exports[`Story Snapshots: DarkTheme should match snapshot 1`] = ` orderKey=":rb:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the third message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the third message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rb:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the third message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the third message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rb:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This is the third message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the third message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="This is the third message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the third message + <Text + accessibilityLabel="This is the third message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + This is the third message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -3915,171 +4748,215 @@ exports[`Story Snapshots: DarkTheme should match snapshot 1`] = ` orderKey=":rc:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the second message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the second message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rc:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the second message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the second message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rc:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This is the second message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the second message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="This is the second message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the second message + <Text + accessibilityLabel="This is the second message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + This is the second message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -4094,354 +4971,459 @@ exports[`Story Snapshots: DarkTheme should match snapshot 1`] = ` orderKey=":rd:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the first message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the first message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rd:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the first message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the first message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rd:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#F2F3F5", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#9EA2A8", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#F2F3F5", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-This is the first message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the first message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + }, + ] } > <Text - accessibilityLabel="This is the first message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#E4E7EA", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the first message + <Text + accessibilityLabel="This is the first message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#E4E7EA", + }, + ] + } + > + This is the first message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -4552,354 +5534,459 @@ exports[`Story Snapshots: LightTheme should match snapshot 1`] = ` orderKey=":re:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Hey!. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Hey!" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":re:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Hey!. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Hey!" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":re:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] - } - testID="avatar" + { + "alignItems": "flex-end", + "width": 36, + } + } > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Hey!" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Hey!" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Hey!" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Hey! + <Text + accessibilityLabel="Hey!" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Hey! + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -4914,171 +6001,215 @@ exports[`Story Snapshots: LightTheme should match snapshot 1`] = ` orderKey=":rf:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rf:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rf:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + <Text + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -5093,171 +6224,215 @@ exports[`Story Snapshots: LightTheme should match snapshot 1`] = ` orderKey=":rg:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Older message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Older message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rg:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Older message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Older message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rg:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-Older message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Older message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Older message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Older message + <Text + accessibilityLabel="Older message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Older message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -5438,354 +6613,459 @@ exports[`Story Snapshots: LightTheme should match snapshot 1`] = ` orderKey=":rh:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rh:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rh:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + <Text + accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -5800,171 +7080,215 @@ exports[`Story Snapshots: LightTheme should match snapshot 1`] = ` orderKey=":ri:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the third message. " - accessible={true} - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } - testID="message-undefined" + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the third message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":ri:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the third message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the third message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":ri:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This is the third message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the third message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is the third message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the third message + <Text + accessibilityLabel="This is the third message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is the third message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -5979,171 +7303,215 @@ exports[`Story Snapshots: LightTheme should match snapshot 1`] = ` orderKey=":rj:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the second message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the second message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rj:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the second message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the second message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rj:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, - } - } - /> - <View - style={ - { - "flex": 1, - "marginLeft": 10, + "flexDirection": "row", } } > <View - onLayout={[Function]} + style={ + { + "alignItems": "flex-end", + "width": 36, + } + } + /> + <View style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "gap": 4, + "flex": 1, } } > <View - testID="message-content-This is the second message" + style={ + { + "gap": 4, + } + } > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the second message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is the second message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the second message + <Text + accessibilityLabel="This is the second message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is the second message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> - </View> - <View - style={ - { - "flexDirection": "row", + <View + style={ + { + "flexDirection": "row", + } } - } - /> - </View> - </A11yIndexView> + /> + </View> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> @@ -6158,354 +7526,459 @@ exports[`Story Snapshots: LightTheme should match snapshot 1`] = ` orderKey=":rk:" > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": false, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": undefined, - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } > <View - accessibilityLabel="diego.mello 10:00:00 AM This is the first message. " - accessible={true} - style={ + accessibilityState={ { - "flexDirection": "column", - "gap": 8, - "paddingHorizontal": 12, - "paddingVertical": 4, - "width": "100%", + "busy": undefined, + "checked": undefined, + "disabled": false, + "expanded": undefined, + "selected": undefined, } } - testID="message-undefined" + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": undefined, + }, + {}, + { + "opacity": 1, + }, + ] + } > - <A11yIndexView - accessibilityLabel="This is the first message" - importantForAccessibility="yes" - orderFocusType={0} - orderIndex={2} - orderKey=":rk:" - > - <View - accessible={true} - style={ - { - "flexDirection": "row", - } + <View + accessibilityLabel="diego.mello 10:00:00 AM This is the first message. " + accessible={true} + style={ + { + "flexDirection": "column", + "gap": 8, + "paddingHorizontal": 12, + "paddingVertical": 4, + "width": "100%", } + } + testID="message-undefined" + > + <A11yIndexView + accessibilityLabel="This is the first message" + importantForAccessibility="yes" + orderFocusType={0} + orderIndex={2} + orderKey=":rk:" > <View + accessible={true} style={ { - "alignItems": "flex-end", - "width": 36, + "flexDirection": "row", } } > <View - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginTop": 4, - }, - ] + { + "alignItems": "flex-end", + "width": 36, + } } - testID="avatar" > <View - accessibilityLabel="diego.mello's avatar" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "opacity": 1, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginTop": 4, + }, + ] } + testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + collapsable={false} + style={ [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", - }, + undefined, + {}, + {}, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + > + <View + accessibilityLabel="diego.mello's avatar" + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } } - } - transition={null} - width={36} - /> + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + undefined, + undefined, + { + "opacity": 1, + }, + ] + } + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> + </View> </View> </View> - </View> - <View - style={ - { - "flex": 1, - "marginLeft": 10, - } - } - > <View - onLayout={[Function]} style={ { "flex": 1, + "marginLeft": 10, } } > <View + onLayout={[Function]} style={ { - "alignItems": "center", "flex": 1, - "flexDirection": "row", - "justifyContent": "space-between", } } > <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ { "alignItems": "center", + "flex": 1, "flexDirection": "row", - "flexShrink": 1, - "gap": 4, - "opacity": 1, + "justifyContent": "space-between", } } - testID="username-header-diego.mello" > - <Text - numberOfLines={1} + <View + collapsable={false} style={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#1F2329", + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, }, + {}, + {}, ] } > - diego.mello - </Text> - <Text - style={ - [ + <View + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "400", - "lineHeight": 18, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "alignItems": "center", + "flexDirection": "row", + "flexShrink": 1, + "gap": 4, + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="username-header-diego.mello" + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "600", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + diego.mello + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "400", + "lineHeight": 18, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 10:00 AM + </Text> + </View> + </View> + <View + style={ + { + "flexDirection": "row", + } } - > - 10:00 AM - </Text> + /> </View> <View style={ { - "flexDirection": "row", + "gap": 4, } } - /> - </View> - <View - style={ - { - "gap": 4, - } - } - > - <View - testID="message-content-This is the first message" > <View - style={ - { - "gap": 2, - } - } + testID="message-content-This is the first message" > - <Text + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - }, - ] + { + "gap": 2, + } } > <Text style={ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontWeight": "400", - "textAlign": "left", - } + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + }, + ] } > <Text - accessibilityLabel="This is the first message" style={ - [ - { - "flexShrink": 1, - "fontSize": 16, - "lineHeight": 22, - }, - { - "color": "#2F343D", - }, - ] + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontWeight": "400", + "textAlign": "left", + } } > - This is the first message + <Text + accessibilityLabel="This is the first message" + style={ + [ + { + "flexShrink": 1, + "fontSize": 16, + "lineHeight": 22, + }, + { + "color": "#2F343D", + }, + ] + } + > + This is the first message + </Text> </Text> </Text> - </Text> + </View> </View> </View> </View> </View> </View> - </View> - </A11yIndexView> + </A11yIndexView> + </View> </View> </View> </A11yIndexView> diff --git a/app/views/RoomView/UploadProgress.tsx b/app/views/RoomView/UploadProgress.tsx index 36d3bd14f0f..e42485a5b3c 100644 --- a/app/views/RoomView/UploadProgress.tsx +++ b/app/views/RoomView/UploadProgress.tsx @@ -1,5 +1,5 @@ import React, { Component } from 'react'; -import { ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native'; +import { ScrollView, StyleSheet, Text, View } from 'react-native'; import { Q } from '@nozbe/watermelondb'; import { type Observable, type Subscription } from 'rxjs'; import { A11y } from 'react-native-a11y-order'; @@ -14,6 +14,7 @@ import { type TSupportedThemes, withTheme } from '../../theme'; import { type TSendFileMessageFileInfo, type IUser, type TUploadModel } from '../../definitions'; import { sendFileMessage } from '../../lib/methods/sendFileMessage'; import { cancelUpload, isUploadActive } from '../../lib/methods/sendFileMessage/utils'; +import PressableOpacity from '../../containers/PressableOpacity'; const styles = StyleSheet.create({ container: { @@ -214,11 +215,11 @@ class UploadProgress extends Component<IUploadProgressProps, IUploadProgressStat {I18n.t('Error_uploading')} {item.name} </Text> <A11y.Index index={2}> - <TouchableOpacity onPress={() => this.tryAgain(item)}> + <PressableOpacity onPress={() => this.tryAgain(item)} disableAndroidRipple> <Text style={[styles.tryAgainButtonText, { color: themes[theme!].badgeBackgroundLevel2 }]}> {I18n.t('Try_again')} </Text> - </TouchableOpacity> + </PressableOpacity> </A11y.Index> </View> <A11y.Index index={3}> diff --git a/app/views/RoomsListView/components/Header.tsx b/app/views/RoomsListView/components/Header.tsx index 6d56a9582f0..a9e79b56d76 100644 --- a/app/views/RoomsListView/components/Header.tsx +++ b/app/views/RoomsListView/components/Header.tsx @@ -1,6 +1,5 @@ import React, { memo } from 'react'; import { StyleSheet, Text, View, useWindowDimensions } from 'react-native'; -import { TouchableOpacity } from 'react-native-gesture-handler'; import { showActionSheetRef } from '../../../containers/ActionSheet'; import SearchHeader from '../../../containers/SearchHeader'; @@ -9,6 +8,7 @@ import { useAppSelector } from '../../../lib/hooks/useAppSelector'; import { useTheme } from '../../../theme'; import sharedStyles from '../../Styles'; import ServersList from './ServersList'; +import PressableOpacity from '../../../containers/PressableOpacity'; const styles = StyleSheet.create({ container: { @@ -66,7 +66,7 @@ const RoomsListHeaderView = ({ search, searchEnabled }: { search: (text: string) } return ( <View style={styles.container} accessibilityLabel={`${serverName} ${subtitle}`} accessibilityRole='header' accessible> - <TouchableOpacity onPress={onPress} testID='rooms-list-header-servers-list-button'> + <PressableOpacity onPress={onPress} testID='rooms-list-header-servers-list-button' disableAndroidRipple> <View style={styles.button}> <Text style={[styles.title, { color: colors.fontTitlesLabels }]} numberOfLines={1}> {serverName} @@ -80,7 +80,7 @@ const RoomsListHeaderView = ({ search, searchEnabled }: { search: (text: string) {subtitle} </Text> ) : null} - </TouchableOpacity> + </PressableOpacity> </View> ); }; diff --git a/app/views/RoomsListView/components/ServersList.tsx b/app/views/RoomsListView/components/ServersList.tsx index 850eea2375e..3cd1359a42c 100644 --- a/app/views/RoomsListView/components/ServersList.tsx +++ b/app/views/RoomsListView/components/ServersList.tsx @@ -143,12 +143,10 @@ const ServersList = () => { <View style={styles.addServerButtonContainer}> <Button title={I18n.t('Add_Server')} - type='primary' + type='secondary' onPress={addServer} testID='rooms-list-header-server-add' style={styles.buttonCreateWorkspace} - color={colors.buttonFontSecondary} - backgroundColor={colors.buttonBackgroundSecondaryDefault} /> </View> </View> diff --git a/app/views/ScreenLockedView.tsx b/app/views/ScreenLockedView.tsx index 672af98113e..bfff435826b 100644 --- a/app/views/ScreenLockedView.tsx +++ b/app/views/ScreenLockedView.tsx @@ -2,7 +2,6 @@ import isEmpty from 'lodash/isEmpty'; import React, { useEffect, useState } from 'react'; import { StyleSheet } from 'react-native'; import Modal from 'react-native-modal'; -import Touchable from 'react-native-platform-touchable'; import useDeepCompareEffect from 'use-deep-compare-effect'; import { PasscodeEnter } from '../containers/Passcode'; @@ -10,6 +9,7 @@ import { LOCAL_AUTHENTICATE_EMITTER } from '../lib/constants/localAuthentication import { CustomIcon } from '../containers/CustomIcon'; import { hasNotch } from '../lib/methods/helpers'; import EventEmitter from '../lib/methods/helpers/events'; +import PressableOpacity from '../containers/PressableOpacity'; interface IData { submit?: () => void; @@ -75,9 +75,9 @@ const ScreenLockedView = (): JSX.Element => { animationOut='fadeOut'> <PasscodeEnter hasBiometry={!!data?.hasBiometry} finishProcess={onSubmit} /> {data?.force ? ( - <Touchable onPress={onCancel} style={styles.close}> + <PressableOpacity onPress={onCancel} style={styles.close} disableOpacityOnAndroid disableOpeningMessageModal> <CustomIcon name='close' size={30} /> - </Touchable> + </PressableOpacity> ) : null} </Modal> ); diff --git a/app/views/ShareView/Thumbs.tsx b/app/views/ShareView/Thumbs.tsx index d3bc25fb99a..df99b234b6f 100644 --- a/app/views/ShareView/Thumbs.tsx +++ b/app/views/ShareView/Thumbs.tsx @@ -1,14 +1,14 @@ import React from 'react'; import { FlatList, Image, StyleSheet, View } from 'react-native'; -import { RectButton, TouchableNativeFeedback, TouchableOpacity } from 'react-native-gesture-handler'; +import { RectButton } from 'react-native-gesture-handler'; import { BUTTON_HIT_SLOP } from '../../containers/message/utils'; import { themes } from '../../lib/constants/colors'; import { CustomIcon } from '../../containers/CustomIcon'; -import { isIOS } from '../../lib/methods/helpers'; import { THUMBS_HEIGHT } from './constants'; import { type TSupportedThemes } from '../../theme'; import { type IShareAttachment } from '../../definitions'; +import PressableOpacity from '../../containers/PressableOpacity'; const THUMB_SIZE = 64; @@ -92,10 +92,18 @@ const ThumbContent = React.memo(({ item, theme }: IThumbContent) => { ); }); -const ThumbButton = isIOS ? TouchableOpacity : TouchableNativeFeedback; - const Thumb = ({ item, theme, isShareExtension, onPress, onRemove }: IThumb) => ( - <ThumbButton style={styles.item} onPress={() => onPress(item)} activeOpacity={0.7}> + <PressableOpacity + style={styles.item} + onPress={() => onPress(item)} + opacityAnimationConfig={{ + dimOpacity: 0.7 + }} + android_ripple={{ + color: `${themes[theme].surfaceLight}33`, // to reduce opacity + foreground: true + }} + disableOpacityOnAndroid> <> <ThumbContent item={item} theme={theme} isShareExtension={isShareExtension} /> <RectButton @@ -112,7 +120,7 @@ const Thumb = ({ item, theme, isShareExtension, onPress, onRemove }: IThumb) => <CustomIcon name='warning' size={20} color={themes[theme].buttonBackgroundDangerDefault} style={styles.dangerIcon} /> ) : null} </> - </ThumbButton> + </PressableOpacity> ); const Thumbs = ({ attachments, theme, isShareExtension, onPress, onRemove }: IThumbs) => { diff --git a/app/views/ThreadMessagesView/Item.tsx b/app/views/ThreadMessagesView/Item.tsx index edeea31e46a..6a0f10bf33c 100644 --- a/app/views/ThreadMessagesView/Item.tsx +++ b/app/views/ThreadMessagesView/Item.tsx @@ -1,6 +1,5 @@ import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; -import Touchable from 'react-native-platform-touchable'; import { useTheme } from '../../theme'; import Avatar from '../../containers/Avatar'; @@ -10,6 +9,7 @@ import { MarkdownPreview } from '../../containers/markdown'; import { formatDateThreads, makeThreadName } from '../../lib/methods/helpers/room'; import ThreadDetails from '../../containers/ThreadDetails'; import { type TThreadModel } from '../../definitions'; +import PressableOpacity from '../../containers/PressableOpacity'; const styles = StyleSheet.create({ container: { @@ -74,10 +74,12 @@ const Item = ({ item, useRealName, user, badgeColor, onPress, toggleFollowThread } return ( - <Touchable + <PressableOpacity onPress={() => onPress(item)} testID={`thread-messages-view-${item.msg}`} - style={{ backgroundColor: themes[theme].surfaceRoom }}> + style={{ backgroundColor: themes[theme].surfaceRoom }} + android_ripple={{ color: themes[theme].surfaceNeutral }} + disableOpacityOnAndroid> <View style={styles.container}> <Avatar style={styles.avatar} text={item?.u?.username} size={36} borderRadius={4} /> <View style={styles.contentContainer}> @@ -94,7 +96,7 @@ const Item = ({ item, useRealName, user, badgeColor, onPress, toggleFollowThread <ThreadDetails item={item} user={user} toggleFollowThread={toggleFollowThread} style={styles.threadDetails} /> </View> </View> - </Touchable> + </PressableOpacity> ); }; diff --git a/app/views/ThreadMessagesView/__snapshots__/Item.test.tsx.snap b/app/views/ThreadMessagesView/__snapshots__/Item.test.tsx.snap index abad0d4166c..9c5333ccc5f 100644 --- a/app/views/ThreadMessagesView/__snapshots__/Item.test.tsx.snap +++ b/app/views/ThreadMessagesView/__snapshots__/Item.test.tsx.snap @@ -17,417 +17,478 @@ exports[`Story Snapshots: Badge should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - November 10, 2020 - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> <View style={ - [ - { - "alignSelf": "center", - "borderRadius": 4, - "height": 8, - "marginHorizontal": 8, - "width": 8, - }, - { - "backgroundColor": "#F5455C", - }, - ] - } - /> - </View> - <View - style={ - [ { "alignItems": "center", - "flex": 1, "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > + <Text + accessibilityLabel="Message content" + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> <View style={ + [ + { + "alignSelf": "center", + "borderRadius": 4, + "height": 8, + "marginHorizontal": 8, + "width": 8, + }, + { + "backgroundColor": "#F5455C", + }, + ] + } + /> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "marginTop": 8, + }, + ] + } + > + <View + style={ + { + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#2F343D", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 1 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#2F343D", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 1 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#2F343D", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -448,417 +509,478 @@ exports[`Story Snapshots: Badge should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-Message content" > <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + { + "flexDirection": "row", + "padding": 16, + } } - testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} + style={ [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, }, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + testID="avatar" + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={36} - /> - </View> - <View - style={ - { - "flex": 1, - "flexDirection": "column", - } - } - > + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ + [ + { + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + </View> <View style={ { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, + "flex": 1, + "flexDirection": "column", } } > - <Text - numberOfLines={1} + <View style={ - [ - { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", - }, - ] - } - > - rocket.cat - </Text> - <Text - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginBottom": 2, + } } > - November 10, 2020 - </Text> - </View> - <View - style={ - { - "flexDirection": "row", - } - } - > - <Text - accessibilityLabel="Message content" - numberOfLines={2} + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] + { + "flexDirection": "row", + } } - testID="markdown-preview-Message content" > - Message content - </Text> + <Text + accessibilityLabel="Message content" + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> + <View + style={ + [ + { + "alignSelf": "center", + "borderRadius": 4, + "height": 8, + "marginHorizontal": 8, + "width": 8, + }, + { + "backgroundColor": "#F38C39", + }, + ] + } + /> + </View> <View style={ [ { - "alignSelf": "center", - "borderRadius": 4, - "height": 8, - "marginHorizontal": 8, - "width": 8, + "alignItems": "center", + "flex": 1, + "flexDirection": "row", }, { - "backgroundColor": "#F38C39", + "marginTop": 8, }, ] } - /> - </View> - <View - style={ - [ - { - "alignItems": "center", - "flex": 1, - "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > - <View - style={ - { - "flex": 1, - "flexDirection": "row", - } - } > <View style={ { - "alignItems": "center", + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#2F343D", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 1 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#2F343D", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 1 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#2F343D", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -879,417 +1001,478 @@ exports[`Story Snapshots: Badge should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - November 10, 2020 - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> <View style={ - [ - { - "alignSelf": "center", - "borderRadius": 4, - "height": 8, - "marginHorizontal": 8, - "width": 8, - }, - { - "backgroundColor": "#095AD2", - }, - ] - } - /> - </View> - <View - style={ - [ { "alignItems": "center", - "flex": 1, "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > + <Text + accessibilityLabel="Message content" + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> <View style={ - { + [ + { + "alignSelf": "center", + "borderRadius": 4, + "height": 8, + "marginHorizontal": 8, + "width": 8, + }, + { + "backgroundColor": "#095AD2", + }, + ] + } + /> + </View> + <View + style={ + [ + { "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "marginTop": 8, + }, + ] + } + > + <View + style={ + { + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#2F343D", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 1 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#2F343D", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 1 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#2F343D", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -1297,417 +1480,478 @@ exports[`Story Snapshots: Badge should match snapshot 1`] = ` </View> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - November 10, 2020 - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> <View style={ - [ - { - "alignSelf": "center", - "borderRadius": 4, - "height": 8, - "marginHorizontal": 8, - "width": 8, - }, - { - "backgroundColor": "#095AD2", - }, - ] - } - /> - </View> - <View - style={ - [ { "alignItems": "center", - "flex": 1, "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> <View style={ + [ + { + "alignSelf": "center", + "borderRadius": 4, + "height": 8, + "marginHorizontal": 8, + "width": 8, + }, + { + "backgroundColor": "#095AD2", + }, + ] + } + /> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "marginTop": 8, + }, + ] + } + > + <View + style={ + { + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#2F343D", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 1 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#2F343D", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] - } - > - 1 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -1748,401 +1992,462 @@ exports[`Story Snapshots: Content should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - November 10, 2020 - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> - </View> - <View - style={ - [ { "alignItems": "center", - "flex": 1, "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Message content" + numberOfLines={2} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "marginTop": 8, + }, + ] + } + > + <View + style={ + { + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#2F343D", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 1 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#2F343D", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "color": "#6C727A", - }, - ] - } - > - 1 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#2F343D", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -2163,401 +2468,462 @@ exports[`Story Snapshots: Content should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > <View - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "row", - "padding": 16, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." > <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + { + "flexDirection": "row", + "padding": 16, + } } - testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} + style={ [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, }, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> - <View - style={ - { - "flex": 1, - "flexDirection": "column", - } - } - > - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, - } - } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - November 10, 2020 - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - > - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </Text> - </View> - <View - style={ - [ { "alignItems": "center", - "flex": 1, "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + numberOfLines={2} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + > + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </Text> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "marginTop": 8, + }, + ] + } + > + <View + style={ + { + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#2F343D", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 1 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#2F343D", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] - } - > - 1 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#2F343D", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -2578,401 +2944,462 @@ exports[`Story Snapshots: Content should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - November 10, 2020 - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> - </View> - <View - style={ - [ { "alignItems": "center", - "flex": 1, "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Message content" + numberOfLines={2} style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginRight": 8, + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> + </View> + <View + style={ + [ + { + "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "marginTop": 8, + }, + ] + } + > + <View + style={ + { + "flex": 1, + "flexDirection": "row", } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#2F343D", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-+999" + > + +999 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-+999" > - +999 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + +999 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#2F343D", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "color": "#6C727A", - }, - ] - } - > - +999 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#2F343D", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -2993,401 +3420,462 @@ exports[`Story Snapshots: Content should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - November 10, 2020 - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Attachment title" - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Attachment title" - > - Attachment title - </Text> - </View> - <View - style={ - [ { "alignItems": "center", - "flex": 1, "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Attachment title" + numberOfLines={2} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Attachment title" + > + Attachment title + </Text> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "marginTop": 8, + }, + ] + } + > + <View + style={ + { + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#2F343D", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 1 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#2F343D", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] - } - > - 1 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -3408,401 +3896,462 @@ exports[`Story Snapshots: Content should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - Rocket Cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - November 10, 2020 - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> - </View> - <View - style={ - [ { "alignItems": "center", - "flex": 1, "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + Rocket Cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > - <View + <Text + accessibilityLabel="Message content" + numberOfLines={2} style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "marginTop": 8, + }, + ] + } + > + <View + style={ + { + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#2F343D", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 1 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#2F343D", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "color": "#6C727A", - }, - ] - } - > - 1 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#2F343D", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -3843,417 +4392,478 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = ` } /> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#FFFFFF", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-Message content" > <View - style={ + accessibilityState={ + { + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "flexDirection": "row", - "padding": 16, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#FFFFFF", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-Message content" > <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + { + "flexDirection": "row", + "padding": 16, + } } - testID="avatar" > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ + <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} + style={ [ { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, }, ] } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, + testID="avatar" + > + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } } - } - transition={null} - width={36} - /> - </View> - <View - style={ - { - "flex": 1, - "flexDirection": "column", - } - } - > - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, - } - } - > - <Text - numberOfLines={1} - style={ + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#1F2329", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - November 10, 2020 - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#2F343D", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> <View style={ - [ - { - "alignSelf": "center", - "borderRadius": 4, - "height": 8, - "marginHorizontal": 8, - "width": 8, - }, - { - "backgroundColor": "#F5455C", - }, - ] - } - /> - </View> - <View - style={ - [ { "alignItems": "center", - "flex": 1, "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#1F2329", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + November 10, 2020 + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > + <Text + accessibilityLabel="Message content" + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#2F343D", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> <View style={ + [ + { + "alignSelf": "center", + "borderRadius": 4, + "height": 8, + "marginHorizontal": 8, + "width": 8, + }, + { + "backgroundColor": "#F5455C", + }, + ] + } + /> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "marginTop": 8, + }, + ] + } + > + <View + style={ + { + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#2F343D", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#6C727A", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#6C727A", + }, + ] + } + > + 1 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#2F343D", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#6C727A", - }, - ] - } - > - 1 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ - { - "color": "#2F343D", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#2F343D", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -4261,417 +4871,478 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = ` </View> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#1F2329", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#1F2329", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#F2F3F5", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - November 10, 2020 - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> <View style={ - [ - { - "alignSelf": "center", - "borderRadius": 4, - "height": 8, - "marginHorizontal": 8, - "width": 8, - }, - { - "backgroundColor": "#B43C4C", - }, - ] - } - /> - </View> - <View - style={ - [ { "alignItems": "center", - "flex": 1, "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#F2F3F5", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + November 10, 2020 + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > + <Text + accessibilityLabel="Message content" + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> <View style={ + [ + { + "alignSelf": "center", + "borderRadius": 4, + "height": 8, + "marginHorizontal": 8, + "width": 8, + }, + { + "backgroundColor": "#B43C4C", + }, + ] + } + /> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "marginTop": 8, + }, + ] + } + > + <View + style={ + { + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#E4E7EA", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#E4E7EA", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View + style={ + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#E4E7EA", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + 1 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#E4E7EA", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] - } - > - 1 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#E4E7EA", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#E4E7EA", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> @@ -4679,417 +5350,478 @@ exports[`Story Snapshots: Themes should match snapshot 1`] = ` </View> </View> <View - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} style={ - { - "backgroundColor": "#000000", - "opacity": 1, - } + [ + { + "borderBottomEndRadius": undefined, + "borderBottomLeftRadius": undefined, + "borderBottomRightRadius": undefined, + "borderBottomStartRadius": undefined, + "borderEndEndRadius": undefined, + "borderEndStartRadius": undefined, + "borderRadius": undefined, + "borderStartEndRadius": undefined, + "borderStartStartRadius": undefined, + "borderTopEndRadius": undefined, + "borderTopLeftRadius": undefined, + "borderTopRightRadius": undefined, + "borderTopStartRadius": undefined, + "bottom": undefined, + "flex": undefined, + "left": undefined, + "margin": undefined, + "marginBottom": undefined, + "marginLeft": undefined, + "marginRight": undefined, + "marginTop": undefined, + "overflow": "hidden", + "position": undefined, + "right": undefined, + "top": undefined, + }, + {}, + {}, + ] } - testID="thread-messages-view-Message content" > <View - style={ + accessibilityState={ { - "flexDirection": "row", - "padding": 16, + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, } } - > - <View - accessibilityLabel="rocket.cat's avatar" - accessible={true} - style={ - [ - { - "borderRadius": 4, - "height": 36, - "width": 36, - }, - { - "marginRight": 8, - }, - ] + accessibilityValue={ + { + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, } - testID="avatar" - > - <ViewManagerAdapter_ExpoImage - borderRadius={4} - containerViewRef={"[React.ref]"} - contentFit="cover" - contentPosition={ - { - "left": "50%", - "top": "50%", - } - } - height={36} - nativeViewRef={"[React.ref]"} - onError={[Function]} - onLoad={[Function]} - onLoadStart={[Function]} - onProgress={[Function]} - placeholder={[]} - priority="high" - source={ - [ - { - "headers": { - "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", - }, - "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", - }, - ] - } - style={ - { - "borderRadius": 4, - "height": 36, - "width": 36, - } - } - transition={null} - width={36} - /> - </View> + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ + [ + { + "backgroundColor": "#000000", + }, + {}, + { + "opacity": 1, + }, + ] + } + testID="thread-messages-view-Message content" + > <View style={ { - "flex": 1, - "flexDirection": "column", + "flexDirection": "row", + "padding": 16, } } > <View + accessibilityLabel="rocket.cat's avatar" + accessible={true} style={ - { - "alignItems": "center", - "flexDirection": "row", - "marginBottom": 2, - } + [ + { + "borderRadius": 4, + "height": 36, + "width": 36, + }, + { + "marginRight": 8, + }, + ] } + testID="avatar" > - <Text - numberOfLines={1} - style={ + <ViewManagerAdapter_ExpoImage + borderRadius={4} + containerViewRef={"[React.ref]"} + contentFit="cover" + contentPosition={ + { + "left": "50%", + "top": "50%", + } + } + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + priority="high" + source={ [ { - "backgroundColor": "transparent", - "flexShrink": 1, - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "500", - "textAlign": "left", - }, - { - "color": "#F2F3F5", + "headers": { + "User-Agent": "RC Mobile; ios unknown; vunknown (unknown)", + }, + "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&size=72", }, ] } - > - rocket.cat - </Text> - <Text style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "400", - "marginLeft": 4, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] + { + "borderRadius": 4, + "height": 36, + "width": 36, + } } - > - November 10, 2020 - </Text> + transition={null} + width={36} + /> </View> <View style={ { - "flexDirection": "row", + "flex": 1, + "flexDirection": "column", } } > - <Text - accessibilityLabel="Message content" - numberOfLines={2} - style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "400", - "lineHeight": 22, - "textAlign": "left", - }, - { - "color": "#E4E7EA", - "lineHeight": undefined, - }, - { - "flex": 1, - }, - ] - } - testID="markdown-preview-Message content" - > - Message content - </Text> <View style={ - [ - { - "alignSelf": "center", - "borderRadius": 4, - "height": 8, - "marginHorizontal": 8, - "width": 8, - }, - { - "backgroundColor": "#B43C4C", - }, - ] - } - /> - </View> - <View - style={ - [ { "alignItems": "center", - "flex": 1, "flexDirection": "row", - }, - { - "marginTop": 8, - }, - ] - } - > + "marginBottom": 2, + } + } + > + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "flexShrink": 1, + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "500", + "textAlign": "left", + }, + { + "color": "#F2F3F5", + }, + ] + } + > + rocket.cat + </Text> + <Text + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "400", + "marginLeft": 4, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + November 10, 2020 + </Text> + </View> <View style={ { - "flex": 1, "flexDirection": "row", } } > + <Text + accessibilityLabel="Message content" + numberOfLines={2} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "400", + "lineHeight": 22, + "textAlign": "left", + }, + { + "color": "#E4E7EA", + "lineHeight": undefined, + }, + { + "flex": 1, + }, + ] + } + testID="markdown-preview-Message content" + > + Message content + </Text> <View style={ + [ + { + "alignSelf": "center", + "borderRadius": 4, + "height": 8, + "marginHorizontal": 8, + "width": 8, + }, + { + "backgroundColor": "#B43C4C", + }, + ] + } + /> + </View> + <View + style={ + [ { "alignItems": "center", + "flex": 1, + "flexDirection": "row", + }, + { + "marginTop": 8, + }, + ] + } + > + <View + style={ + { + "flex": 1, "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View style={ - [ - { - "color": "#E4E7EA", - "fontSize": 24, - }, + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ [ { - "lineHeight": 24, + "color": "#E4E7EA", + "fontSize": 24, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> - <Text - numberOfLines={1} + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + testID="thread-count-1" + > + 1 + </Text> + </View> + <View style={ - [ - { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] + { + "alignItems": "center", + "flexDirection": "row", + "marginRight": 8, + } } - testID="thread-count-1" > - 1 - </Text> + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#E4E7EA", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + <Text + numberOfLines={1} + style={ + [ + { + "backgroundColor": "transparent", + "fontFamily": "Inter", + "fontSize": 10, + "fontWeight": "600", + "marginLeft": 2, + "textAlign": "left", + }, + { + "color": "#9EA2A8", + }, + ] + } + > + 1 + </Text> + </View> </View> <View style={ { "alignItems": "center", "flexDirection": "row", - "marginRight": 8, } } > - <Text - allowFontScaling={false} - selectable={false} + <View + collapsable={false} style={ [ - { - "color": "#E4E7EA", - "fontSize": 24, - }, - [ - { - "lineHeight": 24, - }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, + undefined, + {}, {}, ] } > -  - </Text> - <Text - numberOfLines={1} - style={ - [ + <View + accessibilityLabel="Follow thread" + accessibilityState={ { - "backgroundColor": "transparent", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "marginLeft": 2, - "textAlign": "left", - }, - { - "color": "#9EA2A8", - }, - ] - } - > - 1 - </Text> - </View> - </View> - <View - style={ - { - "alignItems": "center", - "flexDirection": "row", - } - } - > - <View - accessibilityLabel="Follow thread" - accessibilityState={ - { - "busy": undefined, - "checked": undefined, - "disabled": undefined, - "expanded": undefined, - "selected": undefined, - } - } - accessibilityValue={ - { - "max": undefined, - "min": undefined, - "now": undefined, - "text": undefined, - } - } - accessible={true} - collapsable={false} - focusable={true} - onClick={[Function]} - onResponderGrant={[Function]} - onResponderMove={[Function]} - onResponderRelease={[Function]} - onResponderTerminate={[Function]} - onResponderTerminationRequest={[Function]} - onStartShouldSetResponder={[Function]} - style={ - { - "opacity": 1, - } - } - > - <Text - allowFontScaling={false} - selectable={false} - style={ - [ + "busy": undefined, + "checked": undefined, + "disabled": undefined, + "expanded": undefined, + "selected": undefined, + } + } + accessibilityValue={ { - "color": "#E4E7EA", - "fontSize": 24, - }, + "max": undefined, + "min": undefined, + "now": undefined, + "text": undefined, + } + } + accessible={true} + collapsable={false} + focusable={true} + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onResponderGrant={[Function]} + onResponderMove={[Function]} + onResponderRelease={[Function]} + onResponderTerminate={[Function]} + onResponderTerminationRequest={[Function]} + onStartShouldSetResponder={[Function]} + style={ [ + undefined, + undefined, { - "lineHeight": 24, + "opacity": 1, }, - undefined, - ], - { - "fontFamily": "custom", - "fontStyle": "normal", - "fontWeight": "normal", - }, - {}, - ] - } - > -  - </Text> + ] + } + > + <Text + allowFontScaling={false} + selectable={false} + style={ + [ + { + "color": "#E4E7EA", + "fontSize": 24, + }, + [ + { + "lineHeight": 24, + }, + undefined, + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + </Text> + </View> + </View> </View> </View> </View> diff --git a/package.json b/package.json index 45c7b5e50e1..91071eeefec 100644 --- a/package.json +++ b/package.json @@ -109,7 +109,6 @@ "react-native-modal": "13.0.1", "react-native-notifier": "1.6.1", "react-native-picker-select": "9.0.1", - "react-native-platform-touchable": "1.1.1", "react-native-popover-view": "5.1.7", "react-native-prompt-android": "1.1.0", "react-native-reanimated": "^3.17.1", diff --git a/yarn.lock b/yarn.lock index 5f334cbad37..fc25723c55b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12780,11 +12780,6 @@ react-native-picker-select@9.0.1: dependencies: lodash.isequal "^4.5.0" -react-native-platform-touchable@1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/react-native-platform-touchable/-/react-native-platform-touchable-1.1.1.tgz#fde4acc65eea585d28b164d0c3716a42129a68e4" - integrity sha512-0ZHv2DtJZHPfDY4ltd2WkeFs2SE7ROB31DbQx1163UdbfolqDpOYFAYOaOQKyQW0Z2TpV6zjhzTRGPmYH6TYcg== - react-native-popover-view@5.1.7: version "5.1.7" resolved "https://registry.yarnpkg.com/react-native-popover-view/-/react-native-popover-view-5.1.7.tgz#12f1df9b7c142ab8fa1a3ded2919a4164823be45"