@planningcenter/chat-react-native 4.4.1-qa-staging.29 → 4.4.1-qa-staging.30

package/build/components/display/filter_dropdown.d.ts

@@ -1,3 +1,4 @@
+import { LayoutChangeEvent } from 'react-native';
 export interface FilterDropdownOption {
     id: string;
     label: string;
@@ -16,4 +17,19 @@ export interface FilterDropdownProps {
     maxWidth?: number;
 }
 export declare function FilterDropdown({ options, selectedId, onSelect, onMoreFilters, triggerLabel, showMoreFilters, maxWidth, }: FilterDropdownProps): import("react/jsx-runtime").JSX.Element;
+export interface FilterDropdownTriggerProps {
+    label: string;
+    maxWidth?: number;
+    accessible?: boolean;
+    accessibilityRole?: 'button';
+    accessibilityHint?: string;
+    accessibilityElementsHidden?: boolean;
+    importantForAccessibility?: 'no-hide-descendants';
+    onLayout?: (event: LayoutChangeEvent) => void;
+}
+/**
+ * The label and chevron the dropdown opens from. Exported so a screen can render a hidden copy
+ * to measure how wide a label is at the current font scale.
+ */
+export declare function FilterDropdownTrigger({ label, maxWidth, ...viewProps }: FilterDropdownTriggerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=filter_dropdown.d.ts.map

package/build/components/display/filter_dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter_dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/display/filter_dropdown.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,eAAsB,EACtB,QAAQ,GACT,EAAE,mBAAmB,2CAiDrB"}
+{"version":3,"file":"filter_dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/display/filter_dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAoB,MAAM,cAAc,CAAA;AAyBlE,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,eAAsB,EACtB,QAAQ,GACT,EAAE,mBAAmB,2CAoCrB;AAMD,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,QAAQ,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,yBAAyB,CAAC,EAAE,qBAAqB,CAAA;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAC9C;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,0BAA0B,2CAoB5B"}

package/build/components/display/filter_dropdown.js

@@ -20,7 +20,7 @@ const MORE_FILTERS_LABEL = 'More filters';
 // =================================
 
 export function FilterDropdown(t0) {
-  const $ = _c(29);
+  const $ = _c(18);
   const {
     options,
     selectedId,
@@ -93,84 +93,130 @@ export function FilterDropdown(t0) {
   }
   const handlePressAction = t3;
   let t4;
-  if ($[10] !== maxWidth) {
-    t4 = maxWidth !== undefined && {
-      maxWidth
-    };
+  if ($[10] !== maxWidth || $[11] !== triggerLabel) {
+    t4 = /*#__PURE__*/_jsx(FilterDropdownTrigger, {
+      label: triggerLabel,
+      maxWidth: maxWidth,
+      accessible: true,
+      accessibilityRole: "button",
+      accessibilityHint: "Opens filter options"
+    });
     $[10] = maxWidth;
-    $[11] = t4;
+    $[11] = triggerLabel;
+    $[12] = t4;
   } else {
-    t4 = $[11];
+    t4 = $[12];
   }
   let t5;
-  if ($[12] !== styles.trigger || $[13] !== t4) {
-    t5 = [styles.trigger, t4];
-    $[12] = styles.trigger;
-    $[13] = t4;
-    $[14] = t5;
+  if ($[13] !== actions || $[14] !== handlePressAction || $[15] !== styles.container || $[16] !== t4) {
+    t5 = /*#__PURE__*/_jsx(MenuView, {
+      actions: actions,
+      onPressAction: handlePressAction,
+      style: styles.container,
+      children: t4
+    });
+    $[13] = actions;
+    $[14] = handlePressAction;
+    $[15] = styles.container;
+    $[16] = t4;
+    $[17] = t5;
   } else {
-    t5 = $[14];
+    t5 = $[17];
   }
-  let t6;
-  if ($[15] !== styles.triggerLabel || $[16] !== triggerLabel) {
-    t6 = /*#__PURE__*/_jsx(Text, {
+  return t5;
+}
+
+// =================================
+// ====== Trigger ==================
+// =================================
+
+/**
+ * The label and chevron the dropdown opens from. Exported so a screen can render a hidden copy
+ * to measure how wide a label is at the current font scale.
+ */
+export function FilterDropdownTrigger(t0) {
+  const $ = _c(19);
+  let label;
+  let maxWidth;
+  let viewProps;
+  if ($[0] !== t0) {
+    ({
+      label,
+      maxWidth,
+      ...viewProps
+    } = t0);
+    $[0] = t0;
+    $[1] = label;
+    $[2] = maxWidth;
+    $[3] = viewProps;
+  } else {
+    label = $[1];
+    maxWidth = $[2];
+    viewProps = $[3];
+  }
+  const styles = useStyles();
+  let t1;
+  if ($[4] !== maxWidth) {
+    t1 = maxWidth !== undefined && {
+      maxWidth
+    };
+    $[4] = maxWidth;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== styles.trigger || $[7] !== t1) {
+    t2 = [styles.trigger, t1];
+    $[6] = styles.trigger;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== label || $[10] !== styles.triggerLabel) {
+    t3 = /*#__PURE__*/_jsx(Text, {
       style: styles.triggerLabel,
       numberOfLines: 1,
       maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
-      children: triggerLabel
+      children: label
     });
-    $[15] = styles.triggerLabel;
-    $[16] = triggerLabel;
-    $[17] = t6;
+    $[9] = label;
+    $[10] = styles.triggerLabel;
+    $[11] = t3;
   } else {
-    t6 = $[17];
+    t3 = $[11];
   }
-  let t7;
-  if ($[18] !== styles.triggerIcon) {
-    t7 = /*#__PURE__*/_jsx(Icon, {
+  let t4;
+  if ($[12] !== styles.triggerIcon) {
+    t4 = /*#__PURE__*/_jsx(Icon, {
       name: "general.downChevron",
       style: styles.triggerIcon,
       maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
       accessibilityElementsHidden: true
     });
-    $[18] = styles.triggerIcon;
-    $[19] = t7;
-  } else {
-    t7 = $[19];
-  }
-  let t8;
-  if ($[20] !== t5 || $[21] !== t6 || $[22] !== t7) {
-    t8 = /*#__PURE__*/_jsxs(View, {
-      style: t5,
-      accessible: true,
-      accessibilityRole: "button",
-      accessibilityHint: "Opens filter options",
-      children: [t6, t7]
-    });
-    $[20] = t5;
-    $[21] = t6;
-    $[22] = t7;
-    $[23] = t8;
+    $[12] = styles.triggerIcon;
+    $[13] = t4;
   } else {
-    t8 = $[23];
+    t4 = $[13];
   }
-  let t9;
-  if ($[24] !== actions || $[25] !== handlePressAction || $[26] !== styles.container || $[27] !== t8) {
-    t9 = /*#__PURE__*/_jsx(MenuView, {
-      actions: actions,
-      onPressAction: handlePressAction,
-      style: styles.container,
-      children: t8
+  let t5;
+  if ($[14] !== t2 || $[15] !== t3 || $[16] !== t4 || $[17] !== viewProps) {
+    t5 = /*#__PURE__*/_jsxs(View, {
+      style: t2,
+      ...viewProps,
+      children: [t3, t4]
     });
-    $[24] = actions;
-    $[25] = handlePressAction;
-    $[26] = styles.container;
-    $[27] = t8;
-    $[28] = t9;
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = viewProps;
+    $[18] = t5;
   } else {
-    t9 = $[28];
+    t5 = $[18];
   }
-  return t9;
+  return t5;
 }
 
 // =================================

package/build/components/display/filter_dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter_dropdown.js","names":["React","StyleSheet","View","useTheme","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Menu","platformFontWeightBold","tokens","Icon","PopoverMenuView","Text","jsx","_jsx","jsxs","_jsxs","MORE_FILTERS_ID","MORE_FILTERS_LABEL","FilterDropdown","t0","$","_c","options","selectedId","onSelect","onMoreFilters","triggerLabel","showMoreFilters","t1","maxWidth","undefined","styles","useStyles","MenuView","t2","t3","option","id","title","label","state","optionActions","map","t4","Symbol","for","displayInline","subactions","moreFiltersAction","actions","nativeEvent","event","handlePressAction","t5","trigger","t6","style","numberOfLines","children","t7","triggerIcon","name","accessibilityElementsHidden","t8","accessible","accessibilityRole","accessibilityHint","t9","container","colors","iconColorDefaultPrimary","textColorDefaultPrimary","create","alignSelf","flexDirection","alignItems","gap","paddingVertical","flexShrink","fontWeight","color","fontSize","fontSizeSm"],"sources":["../../../src/components/display/filter_dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport {\n  MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  Menu,\n  MenuAction,\n  MenuActionEvent,\n  platformFontWeightBold,\n} from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon } from './icon'\nimport { PopoverMenuView } from './popover_menu_view'\nimport { Text } from './text'\n\n// =================================\n// ====== Constants ================\n// =================================\n\nconst MORE_FILTERS_ID = 'more_filters'\nconst MORE_FILTERS_LABEL = 'More filters'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface FilterDropdownOption {\n  id: string\n  label: string\n}\n\nexport interface FilterDropdownProps {\n  options: FilterDropdownOption[]\n  selectedId: string\n  onSelect: (id: string) => void\n  onMoreFilters: () => void\n  triggerLabel: string\n  showMoreFilters?: boolean\n  /**\n   * Widest the trigger may render, in points. Hosts that measure the trigger at its intrinsic\n   * width need this for the label to truncate.\n   */\n  maxWidth?: number\n}\n\nexport function FilterDropdown({\n  options,\n  selectedId,\n  onSelect,\n  onMoreFilters,\n  triggerLabel,\n  showMoreFilters = true,\n  maxWidth,\n}: FilterDropdownProps) {\n  const styles = useStyles()\n  const MenuView = Menu.View ?? PopoverMenuView\n\n  const optionActions: MenuAction[] = options.map(option => ({\n    id: option.id,\n    title: option.label,\n    state: option.id === selectedId ? ('on' as const) : ('off' as const),\n  }))\n  const moreFiltersAction: MenuAction = {\n    id: MORE_FILTERS_ID,\n    title: '',\n    displayInline: true,\n    subactions: [{ id: MORE_FILTERS_ID, title: MORE_FILTERS_LABEL }],\n  }\n  const actions = showMoreFilters ? [...optionActions, moreFiltersAction] : optionActions\n\n  const handlePressAction = ({ nativeEvent }: MenuActionEvent) => {\n    if (nativeEvent.event === MORE_FILTERS_ID) {\n      onMoreFilters()\n    } else {\n      onSelect(nativeEvent.event)\n    }\n  }\n\n  return (\n    <MenuView actions={actions} onPressAction={handlePressAction} style={styles.container}>\n      <View\n        style={[styles.trigger, maxWidth !== undefined && { maxWidth }]}\n        accessible\n        accessibilityRole=\"button\"\n        accessibilityHint=\"Opens filter options\"\n      >\n        <Text\n          style={styles.triggerLabel}\n          numberOfLines={1}\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n        >\n          {triggerLabel}\n        </Text>\n        <Icon\n          name=\"general.downChevron\"\n          style={styles.triggerIcon}\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          accessibilityElementsHidden\n        />\n      </View>\n    </MenuView>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      alignSelf: 'flex-start',\n    },\n    trigger: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 6,\n      paddingVertical: 4,\n    },\n    triggerLabel: {\n      flexShrink: 1,\n      fontWeight: platformFontWeightBold,\n      color: colors.textColorDefaultPrimary,\n    },\n    triggerIcon: {\n      fontSize: tokens.fontSizeSm,\n      color: colors.iconColorDefaultPrimary,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"filter_dropdown.js","names":["React","StyleSheet","View","useTheme","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Menu","platformFontWeightBold","tokens","Icon","PopoverMenuView","Text","jsx","_jsx","jsxs","_jsxs","MORE_FILTERS_ID","MORE_FILTERS_LABEL","FilterDropdown","t0","$","_c","options","selectedId","onSelect","onMoreFilters","triggerLabel","showMoreFilters","t1","maxWidth","undefined","styles","useStyles","MenuView","t2","t3","option","id","title","label","state","optionActions","map","t4","Symbol","for","displayInline","subactions","moreFiltersAction","actions","nativeEvent","event","handlePressAction","FilterDropdownTrigger","accessible","accessibilityRole","accessibilityHint","t5","container","style","children","viewProps","trigger","numberOfLines","triggerIcon","name","accessibilityElementsHidden","colors","iconColorDefaultPrimary","textColorDefaultPrimary","create","alignSelf","flexDirection","alignItems","gap","paddingVertical","flexShrink","fontWeight","color","fontSize","fontSizeSm"],"sources":["../../../src/components/display/filter_dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { LayoutChangeEvent, StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport {\n  MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  Menu,\n  MenuAction,\n  MenuActionEvent,\n  platformFontWeightBold,\n} from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon } from './icon'\nimport { PopoverMenuView } from './popover_menu_view'\nimport { Text } from './text'\n\n// =================================\n// ====== Constants ================\n// =================================\n\nconst MORE_FILTERS_ID = 'more_filters'\nconst MORE_FILTERS_LABEL = 'More filters'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface FilterDropdownOption {\n  id: string\n  label: string\n}\n\nexport interface FilterDropdownProps {\n  options: FilterDropdownOption[]\n  selectedId: string\n  onSelect: (id: string) => void\n  onMoreFilters: () => void\n  triggerLabel: string\n  showMoreFilters?: boolean\n  /**\n   * Widest the trigger may render, in points. Hosts that measure the trigger at its intrinsic\n   * width need this for the label to truncate.\n   */\n  maxWidth?: number\n}\n\nexport function FilterDropdown({\n  options,\n  selectedId,\n  onSelect,\n  onMoreFilters,\n  triggerLabel,\n  showMoreFilters = true,\n  maxWidth,\n}: FilterDropdownProps) {\n  const styles = useStyles()\n  const MenuView = Menu.View ?? PopoverMenuView\n\n  const optionActions: MenuAction[] = options.map(option => ({\n    id: option.id,\n    title: option.label,\n    state: option.id === selectedId ? ('on' as const) : ('off' as const),\n  }))\n  const moreFiltersAction: MenuAction = {\n    id: MORE_FILTERS_ID,\n    title: '',\n    displayInline: true,\n    subactions: [{ id: MORE_FILTERS_ID, title: MORE_FILTERS_LABEL }],\n  }\n  const actions = showMoreFilters ? [...optionActions, moreFiltersAction] : optionActions\n\n  const handlePressAction = ({ nativeEvent }: MenuActionEvent) => {\n    if (nativeEvent.event === MORE_FILTERS_ID) {\n      onMoreFilters()\n    } else {\n      onSelect(nativeEvent.event)\n    }\n  }\n\n  return (\n    <MenuView actions={actions} onPressAction={handlePressAction} style={styles.container}>\n      <FilterDropdownTrigger\n        label={triggerLabel}\n        maxWidth={maxWidth}\n        accessible\n        accessibilityRole=\"button\"\n        accessibilityHint=\"Opens filter options\"\n      />\n    </MenuView>\n  )\n}\n\n// =================================\n// ====== Trigger ==================\n// =================================\n\nexport interface FilterDropdownTriggerProps {\n  label: string\n  maxWidth?: number\n  accessible?: boolean\n  accessibilityRole?: 'button'\n  accessibilityHint?: string\n  accessibilityElementsHidden?: boolean\n  importantForAccessibility?: 'no-hide-descendants'\n  onLayout?: (event: LayoutChangeEvent) => void\n}\n\n/**\n * The label and chevron the dropdown opens from. Exported so a screen can render a hidden copy\n * to measure how wide a label is at the current font scale.\n */\nexport function FilterDropdownTrigger({\n  label,\n  maxWidth,\n  ...viewProps\n}: FilterDropdownTriggerProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.trigger, maxWidth !== undefined && { maxWidth }]} {...viewProps}>\n      <Text\n        style={styles.triggerLabel}\n        numberOfLines={1}\n        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n      >\n        {label}\n      </Text>\n      <Icon\n        name=\"general.downChevron\"\n        style={styles.triggerIcon}\n        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n        accessibilityElementsHidden\n      />\n    </View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      alignSelf: 'flex-start',\n    },\n    trigger: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 6,\n      paddingVertical: 4,\n    },\n    triggerLabel: {\n      flexShrink: 1,\n      fontWeight: platformFontWeightBold,\n      color: colors.textColorDefaultPrimary,\n    },\n    triggerIcon: {\n      fontSize: tokens.fontSizeSm,\n      color: colors.iconColorDefaultPrimary,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/build/screens/conversations/components/filter_dropdown_list_header_component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter_dropdown_list_header_component.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"names":[],"mappings":"AA+CA,eAAO,MAAM,iCAAiC,+CAqO7C,CAAA"}
+{"version":3,"file":"filter_dropdown_list_header_component.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"names":[],"mappings":"AAoDA,eAAO,MAAM,iCAAiC,+CA2P7C,CAAA"}

package/build/screens/conversations/components/filter_dropdown_list_header_component.js

@@ -2,7 +2,7 @@ import { c as _c } from "react/compiler-runtime";
 import { useNavigation, useRoute } from '@react-navigation/native';
 import React, { useCallback, useMemo, useState } from 'react';
 import { Alert, StyleSheet, View } from 'react-native';
-import { FilterDropdown, TextButton } from '../../../components';
+import { FilterDropdown, FilterDropdownTrigger, TextButton } from '../../../components';
 import { useCanBrowseArchivedConversations, useCanCreateConversations, useCurrentPersonCache, useDirectMessagesEligible, useHasDirectMessages, useNewConversationEntry, useTheme } from '../../../hooks';
 import { useApiGet } from '../../../hooks/use_api';
 import { useMarkAllRead } from '../../../hooks/use_conversations_actions';
@@ -42,7 +42,7 @@ const FILTER_PARAMS = {
   }
 };
 export const FilterDropdownListHeaderComponent = () => {
-  const $ = _c(93);
+  const $ = _c(99);
   const navigation = useNavigation();
   let t0;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -420,6 +420,8 @@ export const FilterDropdownListHeaderComponent = () => {
   const showMoreFilters = canFilterByGroups || canFilterByTeams || canBrowseArchived;
   const styles = useStyles();
   const [rowWidth, setRowWidth] = useState();
+  const [actionsWidth, setActionsWidth] = useState();
+  const [widestFixedLabelWidth, setWidestFixedLabelWidth] = useState();
   let t26;
   if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
     t26 = event => {
@@ -430,10 +432,68 @@ export const FilterDropdownListHeaderComponent = () => {
     t26 = $[55];
   }
   const handleRowLayout = t26;
-  const triggerMaxWidth = rowWidth !== undefined ? rowWidth - ROW_PADDING_HORIZONTAL * 2 : undefined;
   let t27;
-  if ($[56] !== active || $[57] !== handleOpenConversationFilters || $[58] !== handleSelectFilter || $[59] !== options || $[60] !== showMoreFilters || $[61] !== triggerLabel || $[62] !== triggerMaxWidth) {
-    t27 = /*#__PURE__*/_jsx(FilterDropdown, {
+  if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
+    t27 = event_0 => {
+      setActionsWidth(event_0.nativeEvent.layout.width);
+    };
+    $[56] = t27;
+  } else {
+    t27 = $[56];
+  }
+  const handleActionsLayout = t27;
+  let t28;
+  if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
+    t28 = event_1 => {
+      setWidestFixedLabelWidth(event_1.nativeEvent.layout.width);
+    };
+    $[57] = t28;
+  } else {
+    t28 = $[57];
+  }
+  const handleWidestFixedLabelLayout = t28;
+  let t29;
+  bb1: {
+    if (rowWidth === undefined) {
+      t29 = undefined;
+      break bb1;
+    }
+    const rowContentWidth = rowWidth - ROW_PADDING_HORIZONTAL * 2;
+    if (actionsWidth === undefined || widestFixedLabelWidth === undefined) {
+      t29 = rowContentWidth;
+      break bb1;
+    }
+    const roomBesideActions = rowContentWidth - actionsWidth - HEADING_ROW_GAP;
+    t29 = roomBesideActions >= widestFixedLabelWidth ? roomBesideActions : rowContentWidth;
+  }
+  const triggerMaxWidth = t29;
+  let t30;
+  if ($[58] === Symbol.for("react.memo_cache_sentinel")) {
+    t30 = /*#__PURE__*/_jsx(FilterDropdownTrigger, {
+      label: ALL_CONVERSATIONS_LABEL,
+      onLayout: handleWidestFixedLabelLayout,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants"
+    });
+    $[58] = t30;
+  } else {
+    t30 = $[58];
+  }
+  let t31;
+  if ($[59] !== styles.widestFixedLabel) {
+    t31 = /*#__PURE__*/_jsx(View, {
+      style: styles.widestFixedLabel,
+      pointerEvents: "none",
+      children: t30
+    });
+    $[59] = styles.widestFixedLabel;
+    $[60] = t31;
+  } else {
+    t31 = $[60];
+  }
+  let t32;
+  if ($[61] !== active || $[62] !== handleOpenConversationFilters || $[63] !== handleSelectFilter || $[64] !== options || $[65] !== showMoreFilters || $[66] !== triggerLabel || $[67] !== triggerMaxWidth) {
+    t32 = /*#__PURE__*/_jsx(FilterDropdown, {
       options: options,
       selectedId: active,
       onSelect: handleSelectFilter,
@@ -442,105 +502,105 @@ export const FilterDropdownListHeaderComponent = () => {
       triggerLabel: triggerLabel,
       maxWidth: triggerMaxWidth
     });
-    $[56] = active;
-    $[57] = handleOpenConversationFilters;
-    $[58] = handleSelectFilter;
-    $[59] = options;
-    $[60] = showMoreFilters;
-    $[61] = triggerLabel;
-    $[62] = triggerMaxWidth;
-    $[63] = t27;
+    $[61] = active;
+    $[62] = handleOpenConversationFilters;
+    $[63] = handleSelectFilter;
+    $[64] = options;
+    $[65] = showMoreFilters;
+    $[66] = triggerLabel;
+    $[67] = triggerMaxWidth;
+    $[68] = t32;
   } else {
-    t27 = $[63];
+    t32 = $[68];
   }
-  let t28;
-  if ($[64] !== styles.titleContainer || $[65] !== t27) {
-    t28 = /*#__PURE__*/_jsx(View, {
+  let t33;
+  if ($[69] !== styles.titleContainer || $[70] !== t32) {
+    t33 = /*#__PURE__*/_jsx(View, {
       style: styles.titleContainer,
-      children: t27
+      children: t32
     });
-    $[64] = styles.titleContainer;
-    $[65] = t27;
-    $[66] = t28;
+    $[69] = styles.titleContainer;
+    $[70] = t32;
+    $[71] = t33;
   } else {
-    t28 = $[66];
+    t33 = $[71];
   }
-  let t29;
-  if ($[67] !== handleChatSettings) {
-    t29 = /*#__PURE__*/_jsx(ListHeaderActionButton, {
+  let t34;
+  if ($[72] !== handleChatSettings) {
+    t34 = /*#__PURE__*/_jsx(ListHeaderActionButton, {
       name: "general.cog",
       onPress: handleChatSettings,
       accessibilityLabel: "Chat settings",
       testID: "conversations-chat-settings-button",
       maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK
     });
-    $[67] = handleChatSettings;
-    $[68] = t29;
+    $[72] = handleChatSettings;
+    $[73] = t34;
   } else {
-    t29 = $[68];
+    t34 = $[73];
   }
-  let t30;
-  if ($[69] !== canCreateConversations || $[70] !== handleNewConversationNavigation) {
-    t30 = canCreateConversations && /*#__PURE__*/_jsx(ListHeaderActionButton, {
+  let t35;
+  if ($[74] !== canCreateConversations || $[75] !== handleNewConversationNavigation) {
+    t35 = canCreateConversations && /*#__PURE__*/_jsx(ListHeaderActionButton, {
       name: "churchCenter.signups",
       onPress: handleNewConversationNavigation,
       accessibilityLabel: "New conversation",
       testID: "conversations-new-conversation-button",
       maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK
     });
-    $[69] = canCreateConversations;
-    $[70] = handleNewConversationNavigation;
-    $[71] = t30;
+    $[74] = canCreateConversations;
+    $[75] = handleNewConversationNavigation;
+    $[76] = t35;
   } else {
-    t30 = $[71];
+    t35 = $[76];
   }
-  let t31;
-  if ($[72] !== handleSearch || $[73] !== searchEnabled) {
-    t31 = searchEnabled && /*#__PURE__*/_jsx(ListHeaderActionButton, {
+  let t36;
+  if ($[77] !== handleSearch || $[78] !== searchEnabled) {
+    t36 = searchEnabled && /*#__PURE__*/_jsx(ListHeaderActionButton, {
       name: "general.search",
       onPress: handleSearch,
       accessibilityLabel: "Search",
       testID: "conversations-search-button",
       maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK
     });
-    $[72] = handleSearch;
-    $[73] = searchEnabled;
-    $[74] = t31;
+    $[77] = handleSearch;
+    $[78] = searchEnabled;
+    $[79] = t36;
   } else {
-    t31 = $[74];
+    t36 = $[79];
   }
-  let t32;
-  if ($[75] !== styles.actionsContainer || $[76] !== t29 || $[77] !== t30 || $[78] !== t31) {
-    t32 = /*#__PURE__*/_jsxs(View, {
+  let t37;
+  if ($[80] !== styles.actionsContainer || $[81] !== t34 || $[82] !== t35 || $[83] !== t36) {
+    t37 = /*#__PURE__*/_jsxs(View, {
       style: styles.actionsContainer,
-      children: [t29, t30, t31]
+      onLayout: handleActionsLayout,
+      children: [t34, t35, t36]
     });
-    $[75] = styles.actionsContainer;
-    $[76] = t29;
-    $[77] = t30;
-    $[78] = t31;
-    $[79] = t32;
+    $[80] = styles.actionsContainer;
+    $[81] = t34;
+    $[82] = t35;
+    $[83] = t36;
+    $[84] = t37;
   } else {
-    t32 = $[79];
+    t37 = $[84];
   }
-  let t33;
-  if ($[80] !== styles.headingRow || $[81] !== t28 || $[82] !== t32) {
-    t33 = /*#__PURE__*/_jsxs(View, {
+  let t38;
+  if ($[85] !== styles.headingRow || $[86] !== t33 || $[87] !== t37) {
+    t38 = /*#__PURE__*/_jsxs(View, {
       style: styles.headingRow,
       onLayout: handleRowLayout,
-      testID: "conversations-filter-heading-row",
-      children: [t28, t32]
+      children: [t33, t37]
     });
-    $[80] = styles.headingRow;
-    $[81] = t28;
-    $[82] = t32;
-    $[83] = t33;
+    $[85] = styles.headingRow;
+    $[86] = t33;
+    $[87] = t37;
+    $[88] = t38;
   } else {
-    t33 = $[83];
+    t38 = $[88];
   }
-  let t34;
-  if ($[84] !== alertMarkAllRead || $[85] !== isPending || $[86] !== show_archived || $[87] !== styles.markAllReadRow) {
-    t34 = !show_archived && /*#__PURE__*/_jsx(View, {
+  let t39;
+  if ($[89] !== alertMarkAllRead || $[90] !== isPending || $[91] !== show_archived || $[92] !== styles.markAllReadRow) {
+    t39 = !show_archived && /*#__PURE__*/_jsx(View, {
       style: styles.markAllReadRow,
       children: /*#__PURE__*/_jsx(TextButton, {
         onPress: alertMarkAllRead,
@@ -551,28 +611,29 @@ export const FilterDropdownListHeaderComponent = () => {
         children: "Mark all read"
       })
     });
-    $[84] = alertMarkAllRead;
-    $[85] = isPending;
-    $[86] = show_archived;
-    $[87] = styles.markAllReadRow;
-    $[88] = t34;
+    $[89] = alertMarkAllRead;
+    $[90] = isPending;
+    $[91] = show_archived;
+    $[92] = styles.markAllReadRow;
+    $[93] = t39;
   } else {
-    t34 = $[88];
+    t39 = $[93];
   }
-  let t35;
-  if ($[89] !== styles.listHeader || $[90] !== t33 || $[91] !== t34) {
-    t35 = /*#__PURE__*/_jsxs(View, {
+  let t40;
+  if ($[94] !== styles.listHeader || $[95] !== t31 || $[96] !== t38 || $[97] !== t39) {
+    t40 = /*#__PURE__*/_jsxs(View, {
       style: styles.listHeader,
-      children: [t33, t34]
+      children: [t31, t38, t39]
     });
-    $[89] = styles.listHeader;
-    $[90] = t33;
-    $[91] = t34;
-    $[92] = t35;
+    $[94] = styles.listHeader;
+    $[95] = t31;
+    $[96] = t38;
+    $[97] = t39;
+    $[98] = t40;
   } else {
-    t35 = $[92];
+    t40 = $[98];
   }
-  return t35;
+  return t40;
 };
 const useStyles = () => {
   const $ = _c(2);
@@ -597,6 +658,10 @@ const useStyles = () => {
       titleContainer: {
         flexShrink: 0
       },
+      widestFixedLabel: {
+        position: "absolute",
+        opacity: 0
+      },
       actionsContainer: {
         flexDirection: "row",
         gap: 8,

package/build/screens/conversations/components/filter_dropdown_list_header_component.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter_dropdown_list_header_component.js","names":["useNavigation","useRoute","React","useCallback","useMemo","useState","Alert","StyleSheet","View","FilterDropdown","TextButton","useCanBrowseArchivedConversations","useCanCreateConversations","useCurrentPersonCache","useDirectMessagesEligible","useHasDirectMessages","useNewConversationEntry","useTheme","useApiGet","useMarkAllRead","useCanDisplayGroups","useNewConversationFromFilter","useSearchEnabled","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Haptic","ListHeaderActionButton","jsx","_jsx","jsxs","_jsxs","ROW_PADDING_HORIZONTAL","HEADING_ROW_GAP","ALL_CONVERSATIONS_LABEL","ARCHIVED_LABEL","FilterTypes","FILTER_PARAMS","All","Groups","group_source_app_name","Teams","DMs","show_direct_messages","Unread","show_unread","FilterDropdownListHeaderComponent","$","_c","navigation","t0","Symbol","for","source_app_name","source_type","canFilterByTeams","t1","canFilterByGroups","directMessagesEligible","hasDirectMessages","canFilterByDMs","canBrowseArchived","searchEnabled","route","t2","params","title","chat_group_graph_id","t3","show_archived","undefined","currentPersonCache","markAllRead","isPending","canCreateConversations","entryMode","newConversationFromFilter","t4","t5","fields","Group","t6","url","data","app","t7","t8","enabled","group","t9","bb0","More","test","active","t10","id","label","t11","t12","t13","t14","t15","options","t16","name","t17","triggerLabel","t18","navigate","screen","handleNewConversationNavigation","t19","setParams","handleSetFilter","t20","params_0","handleSelectFilter","t21","handleSearch","t22","handleChatSettings","t23","handleOpenConversationFilters","t24","update","unreadCount","notificationSuccess","handleMarkAllRead","t25","alert","text","onPress","alertMarkAllRead","showMoreFilters","styles","useStyles","rowWidth","setRowWidth","t26","event","nativeEvent","layout","width","handleRowLayout","triggerMaxWidth","t27","t28","titleContainer","style","children","t29","accessibilityLabel","testID","t30","t31","t32","actionsContainer","t33","headingRow","t34","markAllReadRow","accessibilityShowsLargeContentViewer","accessibilityLargeContentTitle","t35","listHeader","theme","colors","fillColorNeutral050Base","create","borderBottomWidth","borderBottomColor","paddingBottom","gap","flexDirection","flexWrap","alignItems","justifyContent","paddingHorizontal","flexShrink"],"sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { Alert, LayoutChangeEvent, StyleSheet, View } from 'react-native'\nimport { FilterDropdown, FilterDropdownOption, TextButton } from '../../../components'\nimport {\n  useCanBrowseArchivedConversations,\n  useCanCreateConversations,\n  useCurrentPersonCache,\n  useDirectMessagesEligible,\n  useHasDirectMessages,\n  useNewConversationEntry,\n  useTheme,\n} from '../../../hooks'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter'\nimport { useSearchEnabled } from '../../../hooks/use_search_enabled'\nimport { GraphId, GroupResource } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { ConversationFiltersParams } from '../../conversation_filters/screen_props'\nimport { ConversationsScreenProps } from '../conversations_screen'\nimport { ListHeaderActionButton } from './list_header_action_button'\n\nconst ROW_PADDING_HORIZONTAL = 16\nconst HEADING_ROW_GAP = 12\nconst ALL_CONVERSATIONS_LABEL = 'All conversations'\nconst ARCHIVED_LABEL = 'Archived'\n\nenum FilterTypes {\n  All = 'All',\n  Groups = 'Groups',\n  Teams = 'Teams',\n  DMs = 'DMs',\n  Unread = 'Unread',\n  More = 'More',\n}\n\nconst FILTER_PARAMS: Record<Exclude<FilterTypes, FilterTypes.More>, ConversationFiltersParams> = {\n  [FilterTypes.All]: {},\n  [FilterTypes.Groups]: { group_source_app_name: 'Groups' },\n  [FilterTypes.Teams]: { group_source_app_name: 'Services' },\n  [FilterTypes.DMs]: { show_direct_messages: true },\n  [FilterTypes.Unread]: { show_unread: true },\n}\n\nexport const FilterDropdownListHeaderComponent = () => {\n  const navigation = useNavigation()\n  const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' })\n  const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' })\n  const directMessagesEligible = useDirectMessagesEligible()\n  const hasDirectMessages = useHasDirectMessages()\n  const canFilterByDMs = directMessagesEligible && hasDirectMessages\n  const canBrowseArchived = useCanBrowseArchivedConversations()\n  const searchEnabled = useSearchEnabled()\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const {\n    title,\n    chat_group_graph_id,\n    group_source_app_name = '',\n    show_direct_messages,\n    show_archived,\n    show_unread,\n  } = route.params || {}\n  const currentPersonCache = useCurrentPersonCache()\n  const { markAllRead, isPending } = useMarkAllRead()\n  const canCreateConversations = useCanCreateConversations()\n  const entryMode = useNewConversationEntry()\n  const newConversationFromFilter = useNewConversationFromFilter(\n    chat_group_graph_id as GraphId | undefined\n  )\n  const { data: group } = useApiGet<GroupResource>(\n    { url: `/me/groups/${chat_group_graph_id}`, data: { fields: { Group: [] } }, app: 'chat' },\n    { enabled: !!chat_group_graph_id }\n  )\n\n  const active: FilterTypes = useMemo(() => {\n    if (chat_group_graph_id || show_archived) {\n      return FilterTypes.More\n    } else if (/groups/i.test(group_source_app_name)) {\n      return FilterTypes.Groups\n    } else if (/services/i.test(group_source_app_name)) {\n      return FilterTypes.Teams\n    } else if (show_direct_messages) {\n      return FilterTypes.DMs\n    } else if (show_unread) {\n      return FilterTypes.Unread\n    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name, show_direct_messages, show_archived, show_unread])\n\n  const options: FilterDropdownOption[] = useMemo(\n    () => [\n      { id: FilterTypes.All, label: FilterTypes.All },\n      ...(canFilterByGroups ? [{ id: FilterTypes.Groups, label: FilterTypes.Groups }] : []),\n      ...(canFilterByTeams ? [{ id: FilterTypes.Teams, label: FilterTypes.Teams }] : []),\n      ...(canFilterByDMs ? [{ id: FilterTypes.DMs, label: FilterTypes.DMs }] : []),\n      { id: FilterTypes.Unread, label: FilterTypes.Unread },\n    ],\n    [canFilterByGroups, canFilterByTeams, canFilterByDMs]\n  )\n\n  const triggerLabel = useMemo(() => {\n    if (chat_group_graph_id) return group?.name || title || ALL_CONVERSATIONS_LABEL\n    if (show_archived) return ARCHIVED_LABEL\n    if (active === FilterTypes.All) return ALL_CONVERSATIONS_LABEL\n\n    return active\n  }, [chat_group_graph_id, group?.name, title, show_archived, active])\n\n  const handleNewConversationNavigation = useCallback(() => {\n    if (newConversationFromFilter || entryMode === 'select_type') {\n      return navigation.navigate('ConversationSelectType', {\n        ...route.params,\n        newConversationFromFilter,\n      })\n    }\n\n    if (entryMode === 'groups') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectGroupRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'teams') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectTeamsILeadRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'direct_message') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectDirectMessageRecipients',\n        params: { ...route.params },\n      })\n    }\n  }, [navigation, route.params, entryMode, newConversationFromFilter])\n\n  const handleSetFilter = useCallback(\n    (params: ConversationFiltersParams) => {\n      navigation.setParams({\n        title: undefined,\n        chat_group_graph_id: undefined,\n        group_source_app_name: undefined,\n        show_direct_messages: undefined,\n        show_archived: undefined,\n        show_unread: undefined,\n        ...params,\n      })\n    },\n    [navigation]\n  )\n\n  const handleSelectFilter = useCallback(\n    (id: string) => {\n      const params = FILTER_PARAMS[id as keyof typeof FILTER_PARAMS]\n      if (params) handleSetFilter(params)\n    },\n    [handleSetFilter]\n  )\n\n  const handleSearch = useCallback(() => {\n    navigation.navigate('Search')\n  }, [navigation])\n\n  const handleChatSettings = useCallback(() => {\n    navigation.navigate('ChatSettings', {})\n  }, [navigation])\n\n  const handleOpenConversationFilters = useCallback(() => {\n    navigation.navigate('ConversationFilters', {\n      chat_group_graph_id,\n      group_source_app_name,\n      show_direct_messages,\n      show_archived,\n      show_unread,\n    })\n  }, [\n    navigation,\n    chat_group_graph_id,\n    group_source_app_name,\n    show_direct_messages,\n    show_archived,\n    show_unread,\n  ])\n\n  const handleMarkAllRead = useCallback(() => {\n    currentPersonCache.update({ unreadCount: 0 })\n    Haptic.notificationSuccess()\n    markAllRead()\n  }, [currentPersonCache, markAllRead])\n\n  const alertMarkAllRead = useCallback(() => {\n    if (active === FilterTypes.All) return handleMarkAllRead()\n\n    Alert.alert('Mark all read', 'This includes conversations not shown by the current filter.', [\n      { text: 'Cancel' },\n      { text: 'OK', onPress: () => handleMarkAllRead() },\n    ])\n  }, [active, handleMarkAllRead])\n\n  const showMoreFilters = canFilterByGroups || canFilterByTeams || canBrowseArchived\n\n  const styles = useStyles()\n\n  const [rowWidth, setRowWidth] = useState<number>()\n  const handleRowLayout = useCallback((event: LayoutChangeEvent) => {\n    setRowWidth(event.nativeEvent.layout.width)\n  }, [])\n  const triggerMaxWidth = rowWidth !== undefined ? rowWidth - ROW_PADDING_HORIZONTAL * 2 : undefined\n\n  return (\n    <View style={styles.listHeader}>\n      <View\n        style={styles.headingRow}\n        onLayout={handleRowLayout}\n        testID=\"conversations-filter-heading-row\"\n      >\n        <View style={styles.titleContainer}>\n          <FilterDropdown\n            options={options}\n            selectedId={active}\n            onSelect={handleSelectFilter}\n            onMoreFilters={handleOpenConversationFilters}\n            showMoreFilters={showMoreFilters}\n            triggerLabel={triggerLabel}\n            maxWidth={triggerMaxWidth}\n          />\n        </View>\n        <View style={styles.actionsContainer}>\n          <ListHeaderActionButton\n            name=\"general.cog\"\n            onPress={handleChatSettings}\n            accessibilityLabel=\"Chat settings\"\n            testID=\"conversations-chat-settings-button\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          />\n          {canCreateConversations && (\n            <ListHeaderActionButton\n              name=\"churchCenter.signups\"\n              onPress={handleNewConversationNavigation}\n              accessibilityLabel=\"New conversation\"\n              testID=\"conversations-new-conversation-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n          {searchEnabled && (\n            <ListHeaderActionButton\n              name=\"general.search\"\n              onPress={handleSearch}\n              accessibilityLabel=\"Search\"\n              testID=\"conversations-search-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n        </View>\n      </View>\n      {!show_archived && (\n        <View style={styles.markAllReadRow}>\n          <TextButton\n            onPress={alertMarkAllRead}\n            disabled={isPending}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            accessibilityShowsLargeContentViewer\n            accessibilityLargeContentTitle=\"Mark all read\"\n          >\n            Mark all read\n          </TextButton>\n        </View>\n      )}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    listHeader: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingBottom: 16,\n      gap: 8,\n    },\n    headingRow: {\n      gap: HEADING_ROW_GAP,\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n    titleContainer: {\n      flexShrink: 0,\n    },\n    actionsContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    markAllReadRow: {\n      alignItems: 'flex-start',\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"filter_dropdown_list_header_component.js","names":["useNavigation","useRoute","React","useCallback","useMemo","useState","Alert","StyleSheet","View","FilterDropdown","FilterDropdownTrigger","TextButton","useCanBrowseArchivedConversations","useCanCreateConversations","useCurrentPersonCache","useDirectMessagesEligible","useHasDirectMessages","useNewConversationEntry","useTheme","useApiGet","useMarkAllRead","useCanDisplayGroups","useNewConversationFromFilter","useSearchEnabled","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Haptic","ListHeaderActionButton","jsx","_jsx","jsxs","_jsxs","ROW_PADDING_HORIZONTAL","HEADING_ROW_GAP","ALL_CONVERSATIONS_LABEL","ARCHIVED_LABEL","FilterTypes","FILTER_PARAMS","All","Groups","group_source_app_name","Teams","DMs","show_direct_messages","Unread","show_unread","FilterDropdownListHeaderComponent","$","_c","navigation","t0","Symbol","for","source_app_name","source_type","canFilterByTeams","t1","canFilterByGroups","directMessagesEligible","hasDirectMessages","canFilterByDMs","canBrowseArchived","searchEnabled","route","t2","params","title","chat_group_graph_id","t3","show_archived","undefined","currentPersonCache","markAllRead","isPending","canCreateConversations","entryMode","newConversationFromFilter","t4","t5","fields","Group","t6","url","data","app","t7","t8","enabled","group","t9","bb0","More","test","active","t10","id","label","t11","t12","t13","t14","t15","options","t16","name","t17","triggerLabel","t18","navigate","screen","handleNewConversationNavigation","t19","setParams","handleSetFilter","t20","params_0","handleSelectFilter","t21","handleSearch","t22","handleChatSettings","t23","handleOpenConversationFilters","t24","update","unreadCount","notificationSuccess","handleMarkAllRead","t25","alert","text","onPress","alertMarkAllRead","showMoreFilters","styles","useStyles","rowWidth","setRowWidth","actionsWidth","setActionsWidth","widestFixedLabelWidth","setWidestFixedLabelWidth","t26","event","nativeEvent","layout","width","handleRowLayout","t27","event_0","handleActionsLayout","t28","event_1","handleWidestFixedLabelLayout","t29","bb1","rowContentWidth","roomBesideActions","triggerMaxWidth","t30","accessibilityElementsHidden","importantForAccessibility","t31","widestFixedLabel","style","pointerEvents","children","t32","t33","titleContainer","t34","accessibilityLabel","testID","t35","t36","t37","actionsContainer","t38","headingRow","t39","markAllReadRow","accessibilityShowsLargeContentViewer","accessibilityLargeContentTitle","t40","listHeader","theme","colors","fillColorNeutral050Base","create","borderBottomWidth","borderBottomColor","paddingBottom","gap","flexDirection","flexWrap","alignItems","justifyContent","paddingHorizontal","flexShrink","position","opacity"],"sources":["../../../../src/screens/conversations/components/filter_dropdown_list_header_component.tsx"],"sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { Alert, LayoutChangeEvent, StyleSheet, View } from 'react-native'\nimport {\n  FilterDropdown,\n  FilterDropdownOption,\n  FilterDropdownTrigger,\n  TextButton,\n} from '../../../components'\nimport {\n  useCanBrowseArchivedConversations,\n  useCanCreateConversations,\n  useCurrentPersonCache,\n  useDirectMessagesEligible,\n  useHasDirectMessages,\n  useNewConversationEntry,\n  useTheme,\n} from '../../../hooks'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter'\nimport { useSearchEnabled } from '../../../hooks/use_search_enabled'\nimport { GraphId, GroupResource } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { ConversationFiltersParams } from '../../conversation_filters/screen_props'\nimport { ConversationsScreenProps } from '../conversations_screen'\nimport { ListHeaderActionButton } from './list_header_action_button'\n\nconst ROW_PADDING_HORIZONTAL = 16\nconst HEADING_ROW_GAP = 12\nconst ALL_CONVERSATIONS_LABEL = 'All conversations'\nconst ARCHIVED_LABEL = 'Archived'\n\nenum FilterTypes {\n  All = 'All',\n  Groups = 'Groups',\n  Teams = 'Teams',\n  DMs = 'DMs',\n  Unread = 'Unread',\n  More = 'More',\n}\n\nconst FILTER_PARAMS: Record<Exclude<FilterTypes, FilterTypes.More>, ConversationFiltersParams> = {\n  [FilterTypes.All]: {},\n  [FilterTypes.Groups]: { group_source_app_name: 'Groups' },\n  [FilterTypes.Teams]: { group_source_app_name: 'Services' },\n  [FilterTypes.DMs]: { show_direct_messages: true },\n  [FilterTypes.Unread]: { show_unread: true },\n}\n\nexport const FilterDropdownListHeaderComponent = () => {\n  const navigation = useNavigation()\n  const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' })\n  const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' })\n  const directMessagesEligible = useDirectMessagesEligible()\n  const hasDirectMessages = useHasDirectMessages()\n  const canFilterByDMs = directMessagesEligible && hasDirectMessages\n  const canBrowseArchived = useCanBrowseArchivedConversations()\n  const searchEnabled = useSearchEnabled()\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const {\n    title,\n    chat_group_graph_id,\n    group_source_app_name = '',\n    show_direct_messages,\n    show_archived,\n    show_unread,\n  } = route.params || {}\n  const currentPersonCache = useCurrentPersonCache()\n  const { markAllRead, isPending } = useMarkAllRead()\n  const canCreateConversations = useCanCreateConversations()\n  const entryMode = useNewConversationEntry()\n  const newConversationFromFilter = useNewConversationFromFilter(\n    chat_group_graph_id as GraphId | undefined\n  )\n  const { data: group } = useApiGet<GroupResource>(\n    { url: `/me/groups/${chat_group_graph_id}`, data: { fields: { Group: [] } }, app: 'chat' },\n    { enabled: !!chat_group_graph_id }\n  )\n\n  const active: FilterTypes = useMemo(() => {\n    if (chat_group_graph_id || show_archived) {\n      return FilterTypes.More\n    } else if (/groups/i.test(group_source_app_name)) {\n      return FilterTypes.Groups\n    } else if (/services/i.test(group_source_app_name)) {\n      return FilterTypes.Teams\n    } else if (show_direct_messages) {\n      return FilterTypes.DMs\n    } else if (show_unread) {\n      return FilterTypes.Unread\n    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name, show_direct_messages, show_archived, show_unread])\n\n  const options: FilterDropdownOption[] = useMemo(\n    () => [\n      { id: FilterTypes.All, label: FilterTypes.All },\n      ...(canFilterByGroups ? [{ id: FilterTypes.Groups, label: FilterTypes.Groups }] : []),\n      ...(canFilterByTeams ? [{ id: FilterTypes.Teams, label: FilterTypes.Teams }] : []),\n      ...(canFilterByDMs ? [{ id: FilterTypes.DMs, label: FilterTypes.DMs }] : []),\n      { id: FilterTypes.Unread, label: FilterTypes.Unread },\n    ],\n    [canFilterByGroups, canFilterByTeams, canFilterByDMs]\n  )\n\n  const triggerLabel = useMemo(() => {\n    if (chat_group_graph_id) return group?.name || title || ALL_CONVERSATIONS_LABEL\n    if (show_archived) return ARCHIVED_LABEL\n    if (active === FilterTypes.All) return ALL_CONVERSATIONS_LABEL\n\n    return active\n  }, [chat_group_graph_id, group?.name, title, show_archived, active])\n\n  const handleNewConversationNavigation = useCallback(() => {\n    if (newConversationFromFilter || entryMode === 'select_type') {\n      return navigation.navigate('ConversationSelectType', {\n        ...route.params,\n        newConversationFromFilter,\n      })\n    }\n\n    if (entryMode === 'groups') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectGroupRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'teams') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectTeamsILeadRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'direct_message') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectDirectMessageRecipients',\n        params: { ...route.params },\n      })\n    }\n  }, [navigation, route.params, entryMode, newConversationFromFilter])\n\n  const handleSetFilter = useCallback(\n    (params: ConversationFiltersParams) => {\n      navigation.setParams({\n        title: undefined,\n        chat_group_graph_id: undefined,\n        group_source_app_name: undefined,\n        show_direct_messages: undefined,\n        show_archived: undefined,\n        show_unread: undefined,\n        ...params,\n      })\n    },\n    [navigation]\n  )\n\n  const handleSelectFilter = useCallback(\n    (id: string) => {\n      const params = FILTER_PARAMS[id as keyof typeof FILTER_PARAMS]\n      if (params) handleSetFilter(params)\n    },\n    [handleSetFilter]\n  )\n\n  const handleSearch = useCallback(() => {\n    navigation.navigate('Search')\n  }, [navigation])\n\n  const handleChatSettings = useCallback(() => {\n    navigation.navigate('ChatSettings', {})\n  }, [navigation])\n\n  const handleOpenConversationFilters = useCallback(() => {\n    navigation.navigate('ConversationFilters', {\n      chat_group_graph_id,\n      group_source_app_name,\n      show_direct_messages,\n      show_archived,\n      show_unread,\n    })\n  }, [\n    navigation,\n    chat_group_graph_id,\n    group_source_app_name,\n    show_direct_messages,\n    show_archived,\n    show_unread,\n  ])\n\n  const handleMarkAllRead = useCallback(() => {\n    currentPersonCache.update({ unreadCount: 0 })\n    Haptic.notificationSuccess()\n    markAllRead()\n  }, [currentPersonCache, markAllRead])\n\n  const alertMarkAllRead = useCallback(() => {\n    if (active === FilterTypes.All) return handleMarkAllRead()\n\n    Alert.alert('Mark all read', 'This includes conversations not shown by the current filter.', [\n      { text: 'Cancel' },\n      { text: 'OK', onPress: () => handleMarkAllRead() },\n    ])\n  }, [active, handleMarkAllRead])\n\n  const showMoreFilters = canFilterByGroups || canFilterByTeams || canBrowseArchived\n\n  const styles = useStyles()\n\n  // Cap the trigger beside the actions while the widest fixed label fits there, so only longer\n  // labels truncate; past that, cap it to the row and let the actions wrap.\n  const [rowWidth, setRowWidth] = useState<number>()\n  const [actionsWidth, setActionsWidth] = useState<number>()\n  const [widestFixedLabelWidth, setWidestFixedLabelWidth] = useState<number>()\n  const handleRowLayout = useCallback((event: LayoutChangeEvent) => {\n    setRowWidth(event.nativeEvent.layout.width)\n  }, [])\n  const handleActionsLayout = useCallback((event: LayoutChangeEvent) => {\n    setActionsWidth(event.nativeEvent.layout.width)\n  }, [])\n  const handleWidestFixedLabelLayout = useCallback((event: LayoutChangeEvent) => {\n    setWidestFixedLabelWidth(event.nativeEvent.layout.width)\n  }, [])\n  const triggerMaxWidth = useMemo(() => {\n    if (rowWidth === undefined) return undefined\n\n    const rowContentWidth = rowWidth - ROW_PADDING_HORIZONTAL * 2\n    if (actionsWidth === undefined || widestFixedLabelWidth === undefined) return rowContentWidth\n\n    const roomBesideActions = rowContentWidth - actionsWidth - HEADING_ROW_GAP\n    return roomBesideActions >= widestFixedLabelWidth ? roomBesideActions : rowContentWidth\n  }, [rowWidth, actionsWidth, widestFixedLabelWidth])\n\n  return (\n    <View style={styles.listHeader}>\n      <View style={styles.widestFixedLabel} pointerEvents=\"none\">\n        <FilterDropdownTrigger\n          label={ALL_CONVERSATIONS_LABEL}\n          onLayout={handleWidestFixedLabelLayout}\n          accessibilityElementsHidden\n          importantForAccessibility=\"no-hide-descendants\"\n        />\n      </View>\n      <View style={styles.headingRow} onLayout={handleRowLayout}>\n        <View style={styles.titleContainer}>\n          <FilterDropdown\n            options={options}\n            selectedId={active}\n            onSelect={handleSelectFilter}\n            onMoreFilters={handleOpenConversationFilters}\n            showMoreFilters={showMoreFilters}\n            triggerLabel={triggerLabel}\n            maxWidth={triggerMaxWidth}\n          />\n        </View>\n        <View style={styles.actionsContainer} onLayout={handleActionsLayout}>\n          <ListHeaderActionButton\n            name=\"general.cog\"\n            onPress={handleChatSettings}\n            accessibilityLabel=\"Chat settings\"\n            testID=\"conversations-chat-settings-button\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          />\n          {canCreateConversations && (\n            <ListHeaderActionButton\n              name=\"churchCenter.signups\"\n              onPress={handleNewConversationNavigation}\n              accessibilityLabel=\"New conversation\"\n              testID=\"conversations-new-conversation-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n          {searchEnabled && (\n            <ListHeaderActionButton\n              name=\"general.search\"\n              onPress={handleSearch}\n              accessibilityLabel=\"Search\"\n              testID=\"conversations-search-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n        </View>\n      </View>\n      {!show_archived && (\n        <View style={styles.markAllReadRow}>\n          <TextButton\n            onPress={alertMarkAllRead}\n            disabled={isPending}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            accessibilityShowsLargeContentViewer\n            accessibilityLargeContentTitle=\"Mark all read\"\n          >\n            Mark all read\n          </TextButton>\n        </View>\n      )}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    listHeader: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingBottom: 16,\n      gap: 8,\n    },\n    headingRow: {\n      gap: HEADING_ROW_GAP,\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n    titleContainer: {\n      flexShrink: 0,\n    },\n    widestFixedLabel: {\n      position: 'absolute',\n      opacity: 0,\n    },\n    actionsContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    markAllReadRow: {\n      alignItems: 'flex-start',\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "4.4.1-qa-staging.29",
+  "version": "4.4.1-qa-staging.30",
   "description": "",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.29",
+    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.30",
     "lodash-inflection": "^1.5.0"
   },
   "peerDependencies": {
@@ -84,5 +84,5 @@
     "sf-symbols-typescript": "^2.2.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "9a269a39a6933a4e77bd2915e0b9d8802bb9030d"
+  "gitHead": "b94ca0fd4708ee87f6d97aa990cf9aa5c6d75e74"
 }

package/src/components/display/filter_dropdown.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { StyleSheet, View } from 'react-native'
+import { LayoutChangeEvent, StyleSheet, View } from 'react-native'
 import { useTheme } from '../../hooks'
 import {
   MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
@@ -78,30 +78,62 @@ export function FilterDropdown({
 
   return (
     <MenuView actions={actions} onPressAction={handlePressAction} style={styles.container}>
-      <View
-        style={[styles.trigger, maxWidth !== undefined && { maxWidth }]}
+      <FilterDropdownTrigger
+        label={triggerLabel}
+        maxWidth={maxWidth}
         accessible
         accessibilityRole="button"
         accessibilityHint="Opens filter options"
-      >
-        <Text
-          style={styles.triggerLabel}
-          numberOfLines={1}
-          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
-        >
-          {triggerLabel}
-        </Text>
-        <Icon
-          name="general.downChevron"
-          style={styles.triggerIcon}
-          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
-          accessibilityElementsHidden
-        />
-      </View>
+      />
     </MenuView>
   )
 }
 
+// =================================
+// ====== Trigger ==================
+// =================================
+
+export interface FilterDropdownTriggerProps {
+  label: string
+  maxWidth?: number
+  accessible?: boolean
+  accessibilityRole?: 'button'
+  accessibilityHint?: string
+  accessibilityElementsHidden?: boolean
+  importantForAccessibility?: 'no-hide-descendants'
+  onLayout?: (event: LayoutChangeEvent) => void
+}
+
+/**
+ * The label and chevron the dropdown opens from. Exported so a screen can render a hidden copy
+ * to measure how wide a label is at the current font scale.
+ */
+export function FilterDropdownTrigger({
+  label,
+  maxWidth,
+  ...viewProps
+}: FilterDropdownTriggerProps) {
+  const styles = useStyles()
+
+  return (
+    <View style={[styles.trigger, maxWidth !== undefined && { maxWidth }]} {...viewProps}>
+      <Text
+        style={styles.triggerLabel}
+        numberOfLines={1}
+        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
+      >
+        {label}
+      </Text>
+      <Icon
+        name="general.downChevron"
+        style={styles.triggerIcon}
+        maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}
+        accessibilityElementsHidden
+      />
+    </View>
+  )
+}
+
 // =================================
 // ====== Styles ===================
 // =================================

package/src/screens/conversations/components/__tests__/filter_dropdown_list_header_component.test.tsx

@@ -125,18 +125,6 @@ describe('FilterDropdownListHeaderComponent', () => {
     setRouteParams({})
   })
 
-  it('caps the trigger to the row so a long label truncates instead of overflowing', () => {
-    render(<FilterDropdownListHeaderComponent />)
-
-    fireEvent(screen.getByTestId('conversations-filter-heading-row'), 'layout', {
-      nativeEvent: { layout: { width: 360 } },
-    })
-
-    expect(screen.getByRole('button', { name: 'All conversations' })).toHaveStyle({
-      maxWidth: 328,
-    })
-  })
-
   it('offers every filter the person can use, then More filters', () => {
     render(<FilterDropdownListHeaderComponent />)
 
@@ -311,13 +299,4 @@ describe('FilterDropdownListHeaderComponent', () => {
 
     expect(mockNavigate).toHaveBeenCalledWith('Search')
   })
-
-  it('renders the search button after the other actions', () => {
-    const view = render(<FilterDropdownListHeaderComponent />)
-
-    const buttons = view.getAllByRole('button').map(button => button.props.accessibilityLabel)
-
-    expect(buttons.indexOf('Search')).toBeGreaterThan(buttons.indexOf('Chat settings'))
-    expect(buttons.indexOf('Search')).toBeGreaterThan(buttons.indexOf('New conversation'))
-  })
 })

package/src/screens/conversations/components/filter_dropdown_list_header_component.tsx

@@ -1,7 +1,12 @@
 import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'
 import React, { useCallback, useMemo, useState } from 'react'
 import { Alert, LayoutChangeEvent, StyleSheet, View } from 'react-native'
-import { FilterDropdown, FilterDropdownOption, TextButton } from '../../../components'
+import {
+  FilterDropdown,
+  FilterDropdownOption,
+  FilterDropdownTrigger,
+  TextButton,
+} from '../../../components'
 import {
   useCanBrowseArchivedConversations,
   useCanCreateConversations,
@@ -207,19 +212,41 @@ export const FilterDropdownListHeaderComponent = () => {
 
   const styles = useStyles()
 
+  // Cap the trigger beside the actions while the widest fixed label fits there, so only longer
+  // labels truncate; past that, cap it to the row and let the actions wrap.
   const [rowWidth, setRowWidth] = useState<number>()
+  const [actionsWidth, setActionsWidth] = useState<number>()
+  const [widestFixedLabelWidth, setWidestFixedLabelWidth] = useState<number>()
   const handleRowLayout = useCallback((event: LayoutChangeEvent) => {
     setRowWidth(event.nativeEvent.layout.width)
   }, [])
-  const triggerMaxWidth = rowWidth !== undefined ? rowWidth - ROW_PADDING_HORIZONTAL * 2 : undefined
+  const handleActionsLayout = useCallback((event: LayoutChangeEvent) => {
+    setActionsWidth(event.nativeEvent.layout.width)
+  }, [])
+  const handleWidestFixedLabelLayout = useCallback((event: LayoutChangeEvent) => {
+    setWidestFixedLabelWidth(event.nativeEvent.layout.width)
+  }, [])
+  const triggerMaxWidth = useMemo(() => {
+    if (rowWidth === undefined) return undefined
+
+    const rowContentWidth = rowWidth - ROW_PADDING_HORIZONTAL * 2
+    if (actionsWidth === undefined || widestFixedLabelWidth === undefined) return rowContentWidth
+
+    const roomBesideActions = rowContentWidth - actionsWidth - HEADING_ROW_GAP
+    return roomBesideActions >= widestFixedLabelWidth ? roomBesideActions : rowContentWidth
+  }, [rowWidth, actionsWidth, widestFixedLabelWidth])
 
   return (
     <View style={styles.listHeader}>
-      <View
-        style={styles.headingRow}
-        onLayout={handleRowLayout}
-        testID="conversations-filter-heading-row"
-      >
+      <View style={styles.widestFixedLabel} pointerEvents="none">
+        <FilterDropdownTrigger
+          label={ALL_CONVERSATIONS_LABEL}
+          onLayout={handleWidestFixedLabelLayout}
+          accessibilityElementsHidden
+          importantForAccessibility="no-hide-descendants"
+        />
+      </View>
+      <View style={styles.headingRow} onLayout={handleRowLayout}>
         <View style={styles.titleContainer}>
           <FilterDropdown
             options={options}
@@ -231,7 +258,7 @@ export const FilterDropdownListHeaderComponent = () => {
             maxWidth={triggerMaxWidth}
           />
         </View>
-        <View style={styles.actionsContainer}>
+        <View style={styles.actionsContainer} onLayout={handleActionsLayout}>
           <ListHeaderActionButton
             name="general.cog"
             onPress={handleChatSettings}
@@ -297,6 +324,10 @@ const useStyles = () => {
     titleContainer: {
       flexShrink: 0,
     },
+    widestFixedLabel: {
+      position: 'absolute',
+      opacity: 0,
+    },
     actionsContainer: {
       flexDirection: 'row',
       gap: 8,