diff --git a/src/CONST/index.ts b/src/CONST/index.ts
index b6f650080817..3b2bb7e6a64c 100755
--- a/src/CONST/index.ts
+++ b/src/CONST/index.ts
@@ -8173,6 +8173,55 @@ const CONST = {
USER_SELECTION_CHECKBOX: 'Search-UserSelectionCheckbox',
TRANSACTION_GROUP_LIST_ITEM: 'Search-TransactionGroupListItem',
SELECT_ALL_BUTTON: 'Search-SelectAllButton',
+ TYPE_MENU_BUTTON: 'Search-TypeMenuButton',
+ FILTER_TYPE: 'Search-FilterType',
+ FILTER_STATUS: 'Search-FilterStatus',
+ FILTER_DATE: 'Search-FilterDate',
+ FILTER_FROM: 'Search-FilterFrom',
+ FILTER_WORKSPACE: 'Search-FilterWorkspace',
+ FILTER_GROUP_BY: 'Search-FilterGroupBy',
+ FILTER_GROUP_CURRENCY: 'Search-FilterGroupCurrency',
+ FILTER_VIEW: 'Search-FilterView',
+ FILTER_FEED: 'Search-FilterFeed',
+ FILTER_POSTED: 'Search-FilterPosted',
+ FILTER_WITHDRAWN: 'Search-FilterWithdrawn',
+ FILTER_WITHDRAWAL_TYPE: 'Search-FilterWithdrawalType',
+ FILTER_HAS: 'Search-FilterHas',
+ FILTER_IS: 'Search-FilterIs',
+ ADVANCED_FILTERS_BUTTON: 'Search-AdvancedFiltersButton',
+ COLUMNS_BUTTON: 'Search-ColumnsButton',
+ SELECT_ALL_MATCHING_BUTTON: 'Search-SelectAllMatchingButton',
+ BULK_ACTIONS_DROPDOWN: 'Search-BulkActionsDropdown',
+ SELECT_ALL_CHECKBOX: 'Search-SelectAllCheckbox',
+ SELECTION_MODE_MENU_ITEM: 'Search-SelectionModeMenuItem',
+ FILTER_RESET_BUTTON: 'Search-FilterResetButton',
+ FILTER_SAVE_BUTTON: 'Search-FilterSaveButton',
+ NARROW_BULK_ACTIONS_DROPDOWN: 'Search-NarrowBulkActionsDropdown',
+ SAVED_SEARCH_THREE_DOT_MENU: 'Search-SavedSearchThreeDotMenu',
+ FILTER_POPUP_RESET_SINGLE_SELECT: 'Search-FilterPopupResetSingleSelect',
+ FILTER_POPUP_APPLY_SINGLE_SELECT: 'Search-FilterPopupApplySingleSelect',
+ FILTER_POPUP_RESET_MULTI_SELECT: 'Search-FilterPopupResetMultiSelect',
+ FILTER_POPUP_APPLY_MULTI_SELECT: 'Search-FilterPopupApplyMultiSelect',
+ FILTER_POPUP_RESET_DATE: 'Search-FilterPopupResetDate',
+ FILTER_POPUP_APPLY_DATE: 'Search-FilterPopupApplyDate',
+ FILTER_POPUP_RESET_USER: 'Search-FilterPopupResetUser',
+ FILTER_POPUP_APPLY_USER: 'Search-FilterPopupApplyUser',
+ TRANSACTION_LIST_ITEM: 'Search-TransactionListItem',
+ TRANSACTION_LIST_ITEM_CHECKBOX: 'Search-TransactionListItemCheckbox',
+ EXPANDED_TRANSACTION_ROW: 'Search-ExpandedTransactionRow',
+ EXPANDED_TRANSACTION_ROW_CHECKBOX: 'Search-ExpandedTransactionRowCheckbox',
+ TYPE_MENU_ITEM: 'Search-TypeMenuItem',
+ SAVED_SEARCH_MENU_ITEM: 'Search-SavedSearchMenuItem',
+ ADVANCED_FILTER_ITEM: 'Search-AdvancedFilterItem',
+ SAVE_SEARCH_BUTTON: 'Search-SaveSearchButton',
+ VIEW_RESULTS_BUTTON: 'Search-ViewResultsButton',
+ ACTION_CELL_VIEW: 'Search-ActionCellView',
+ ACTION_CELL_PAY: 'Search-ActionCellPay',
+ ACTION_CELL_ACTION: 'Search-ActionCellAction',
+ EXPENSE_REPORT_CHECKBOX: 'Search-ExpenseReportCheckbox',
+ GROUP_EXPAND_TOGGLE: 'Search-GroupExpandToggle',
+ GROUP_SELECT_ALL_CHECKBOX: 'Search-GroupSelectAllCheckbox',
+ SORTABLE_HEADER: 'Search-SortableHeader',
},
REPORT: {
FLOATING_MESSAGE_COUNTER: 'Report-FloatingMessageCounter',
diff --git a/src/components/AnimatedCollapsible/index.tsx b/src/components/AnimatedCollapsible/index.tsx
index 8526f23e9fc3..805922b0db28 100644
--- a/src/components/AnimatedCollapsible/index.tsx
+++ b/src/components/AnimatedCollapsible/index.tsx
@@ -11,8 +11,9 @@ import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
import useTheme from '@hooks/useTheme';
import useThemeStyles from '@hooks/useThemeStyles';
import CONST from '@src/CONST';
+import type WithSentryLabel from '@src/types/utils/SentryLabel';
-type AnimatedCollapsibleProps = {
+type AnimatedCollapsibleProps = WithSentryLabel & {
/** Whether the component is expanded */
isExpanded: boolean;
@@ -67,6 +68,7 @@ function AnimatedCollapsible({
disabled = false,
shouldShowToggleButton = true,
borderBottomStyle,
+ sentryLabel,
}: AnimatedCollapsibleProps) {
const theme = useTheme();
const styles = useThemeStyles();
@@ -139,6 +141,7 @@ function AnimatedCollapsible({
style={[styles.p3Half, styles.justifyContentCenter, styles.alignItemsCenter, expandButtonStyle]}
accessibilityRole={CONST.ROLE.BUTTON}
accessibilityLabel={isExpanded ? CONST.ACCESSIBILITY_LABELS.COLLAPSE : CONST.ACCESSIBILITY_LABELS.EXPAND}
+ sentryLabel={sentryLabel}
>
{({hovered}) => (
diff --git a/src/components/Search/FilterDropdowns/DropdownButton.tsx b/src/components/Search/FilterDropdowns/DropdownButton.tsx
index ee96a2006cc7..b776ac2bd344 100644
--- a/src/components/Search/FilterDropdowns/DropdownButton.tsx
+++ b/src/components/Search/FilterDropdowns/DropdownButton.tsx
@@ -17,12 +17,13 @@ import useWindowDimensions from '@hooks/useWindowDimensions';
import variables from '@styles/variables';
import CONST from '@src/CONST';
import ONYXKEYS from '@src/ONYXKEYS';
+import type WithSentryLabel from '@src/types/utils/SentryLabel';
type PopoverComponentProps = {
closeOverlay: () => void;
};
-type DropdownButtonProps = {
+type DropdownButtonProps = WithSentryLabel & {
/** The label to display on the select */
label: string;
@@ -58,7 +59,7 @@ const ANCHOR_ORIGIN = {
vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.TOP,
};
-function DropdownButton({label, value, viewportOffsetTop, PopoverComponent, medium = false, labelStyle, innerStyles, caretWrapperStyle, wrapperStyle}: DropdownButtonProps) {
+function DropdownButton({label, value, viewportOffsetTop, PopoverComponent, medium = false, labelStyle, innerStyles, caretWrapperStyle, wrapperStyle, sentryLabel}: DropdownButtonProps) {
// We need to use isSmallScreenWidth instead of shouldUseNarrowLayout to distinguish RHL and narrow layout
// eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth
const {isSmallScreenWidth} = useResponsiveLayout();
@@ -134,6 +135,7 @@ function DropdownButton({label, value, viewportOffsetTop, PopoverComponent, medi
ref={triggerRef}
innerStyles={[isOverlayVisible && styles.buttonHoveredBG, {maxWidth: 256}, innerStyles]}
onPress={calculatePopoverPositionAndToggleOverlay}
+ sentryLabel={sentryLabel}
// eslint-disable-next-line react/jsx-props-no-spreading
{...(medium ? {medium: true} : {small: true})}
>
diff --git a/src/components/Search/FilterDropdowns/MultiSelectPopup.tsx b/src/components/Search/FilterDropdowns/MultiSelectPopup.tsx
index b99ae822f0ac..d66e146acecb 100644
--- a/src/components/Search/FilterDropdowns/MultiSelectPopup.tsx
+++ b/src/components/Search/FilterDropdowns/MultiSelectPopup.tsx
@@ -10,6 +10,7 @@ import useLocalize from '@hooks/useLocalize';
import useResponsiveLayout from '@hooks/useResponsiveLayout';
import useThemeStyles from '@hooks/useThemeStyles';
import useWindowDimensions from '@hooks/useWindowDimensions';
+import CONST from '@src/CONST';
import type {Icon} from '@src/types/onyx/OnyxCommon';
type MultiSelectItem = {
@@ -118,6 +119,7 @@ function MultiSelectPopup({label, value, items, closeOverlay,
style={[styles.flex1]}
text={translate('common.reset')}
onPress={resetChanges}
+ sentryLabel={CONST.SENTRY_LABEL.SEARCH.FILTER_POPUP_RESET_MULTI_SELECT}
/>