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}) => (