Merge branch 'main' of github.com:callstack-internal/Expensify-App into eslint-9-no-unsafe-call

Author: LukasMod

package-lock.json

@@ -188,7 +188,7 @@
     "react-native-localize": "^2.2.6",
     "react-native-nitro-modules": "0.29.4",
     "react-native-nitro-sqlite": "9.1.11",
-    "react-native-onyx": "3.0.3",
+    "react-native-onyx": "3.0.6",
     "react-native-pager-view": "6.9.1",
     "react-native-pdf": "7.0.1",
     "react-native-performance": "^5.1.4",

package.json

@@ -5386,6 +5386,7 @@ const CONST = {
     LOTTIE_VIEW_TEST_ID: 'LottieView',
 
     DOT_INDICATOR_TEST_ID: 'DotIndicator',
+    ANIMATED_COLLAPSIBLE_CONTENT_TEST_ID: 'animated-collapsible-content',
 
     CHAT_HEADER_LOADER_HEIGHT: 36,
 

src/CONST/index.ts

@@ -598,6 +598,7 @@ const ONYXKEYS = {
 
     /** Collection Keys */
     COLLECTION: {
+        DOMAIN: 'domain_',
         DOWNLOAD: 'download_',
         POLICY: 'policy_',
         POLICY_DRAFTS: 'policyDrafts_',
@@ -1024,6 +1025,7 @@ type OnyxFormDraftValuesMapping = {
 };
 
 type OnyxCollectionValuesMapping = {
+    [ONYXKEYS.COLLECTION.DOMAIN]: OnyxTypes.Domain;
     [ONYXKEYS.COLLECTION.DOWNLOAD]: OnyxTypes.Download;
     [ONYXKEYS.COLLECTION.POLICY]: OnyxTypes.Policy;
     [ONYXKEYS.COLLECTION.POLICY_DRAFTS]: OnyxTypes.Policy;

src/ONYXKEYS.ts

@@ -110,6 +110,7 @@ function AnimatedCollapsible({isExpanded, children, header, duration = 300, styl
             <Animated.View style={[contentAnimatedStyle, contentStyle]}>
                 {isExpanded || isRendered ? (
                     <Animated.View
+                        testID={CONST.ANIMATED_COLLAPSIBLE_CONTENT_TEST_ID}
                         style={styles.stickToTop}
                         onLayout={(e) => {
                             const height = e.nativeEvent.layout.height;

src/components/AnimatedCollapsible/index.tsx

@@ -25,6 +25,7 @@ function ReportSearchHeader({report, style, transactions, avatarBorderColor}: Re
         <View
             dataSet={{dragArea: false}}
             style={[style, styles.reportSearchHeaderBar]}
+            testID={ReportSearchHeader.displayName}
         >
             <View style={[styles.dFlex, styles.flexRow, styles.alignItemsCenter, styles.flexGrow1, styles.justifyContentBetween, styles.overflowHidden]}>{middleContent}</View>
         </View>

src/components/ReportSearchHeader/index.tsx

@@ -110,6 +110,7 @@ function ActionCell({
 
         return isLargeScreenWidth ? (
             <Button
+                testID={ActionCell.displayName}
                 text={text}
                 onPress={goToItem}
                 small

src/components/SelectionListWithSections/Search/ActionCell.tsx

@@ -13,6 +13,7 @@ function TotalCell({total, currency}: TotalCellProps) {
 
     return (
         <TextWithTooltip
+            testID={TotalCell.displayName}
             shouldShowTooltip
             text={convertToDisplayString(total, currency)}
             style={[styles.optionDisplayName, styles.pre, styles.justifyContentCenter, styles.textBold, styles.textAlignRight]}

src/components/SelectionListWithSections/Search/TotalCell.tsx

@@ -4,12 +4,13 @@ import useThemeStyles from '@hooks/useThemeStyles';
 import {getProcessedText, splitTextWithEmojis} from '@libs/EmojiUtils';
 import type TextWithTooltipProps from './types';
 
-function TextWithTooltip({text, style, numberOfLines = 1, forwardedFSClass}: TextWithTooltipProps) {
+function TextWithTooltip({testID, text, style, numberOfLines = 1, forwardedFSClass}: TextWithTooltipProps) {
     const styles = useThemeStyles();
     const processedTextArray = splitTextWithEmojis(text);
 
     return (
         <Text
+            testID={testID}
             style={style}
             numberOfLines={numberOfLines}
             fsClass={forwardedFSClass}

src/components/TextWithTooltip/index.native.tsx

@@ -7,7 +7,7 @@ type LayoutChangeEvent = {
     target: HTMLElement;
 };
 
-function TextWithTooltip({text, shouldShowTooltip, style, numberOfLines = 1, forwardedFSClass}: TextWithTooltipProps) {
+function TextWithTooltip({testID, text, shouldShowTooltip, style, numberOfLines = 1, forwardedFSClass}: TextWithTooltipProps) {
     const [showTooltip, setShowTooltip] = useState(false);
 
     return (
@@ -16,6 +16,7 @@ function TextWithTooltip({text, shouldShowTooltip, style, numberOfLines = 1, for
             text={text}
         >
             <Text
+                testID={testID}
                 style={style}
                 numberOfLines={numberOfLines}
                 onLayout={(e) => {