@planningcenter/chat-react-native 4.5.0-rc.2 → 4.5.0-rc.4

package/build/screens/design_system_screen.js

@@ -2,7 +2,7 @@ import { c as _c } from "react/compiler-runtime";
 import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
 import React, { useState } from 'react';
 import { Alert, Pressable, ScrollView, StyleSheet, View } from 'react-native';
-import { Avatar, AvatarGroup, Badge, Banner, BannerCollapsible, Button, ConversationAvatar, EmojiAvatar, FilterDropdown, IconAvatar, ToggleButton, Heading, Icon, IconButton, Image, Person, Spinner, Switch, Text, TextButton, TextInlineButton, ImageAttachmentPreview } from '../components/display';
+import { Avatar, AvatarGroup, Badge, Banner, BannerCollapsible, Button, ConversationAvatar, EmojiAvatar, FilterDropdown, IconAvatar, ToggleButton, Heading, Icon, IconButton, Image, Person, PopoverMenuView, Spinner, Switch, Text, TextButton, TextInlineButton, ImageAttachmentPreview } from '../components/display';
 import { VideoAttachmentPreview } from '../components/display/video_attachment_preview';
 import BannerPrimitive from '../components/primitive/banner_primitive';
 import BlankState from '../components/primitive/blank_state_primitive';
@@ -383,13 +383,14 @@ function HeadingTextSection(t0) {
   return t11;
 }
 function PressablesSection(t0) {
-  const $ = _c(80);
+  const $ = _c(95);
   const {
     isLast
   } = t0;
   const styles = useStyles();
   const [filterSelected, setFilterSelected] = useState("Groups");
   const [dropdownSelected, setDropdownSelected] = useState("all");
+  const [popoverSelected, setPopoverSelected] = useState("all");
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = /*#__PURE__*/_jsxs(Row, {
@@ -729,7 +730,7 @@ function PressablesSection(t0) {
   if ($[26] !== styles.alignRowLeft || $[27] !== t20) {
     t21 = /*#__PURE__*/_jsx(Group, {
       title: "FilterDropdown",
-      description: "Trigger that opens the host's native menu of filter options plus a More filters action. Needs a menu adapter.",
+      description: "Trigger that opens the host's native menu of filter options plus a More filters action. Falls back to PopoverMenuView when the host configures no menu adapter.",
       children: /*#__PURE__*/_jsx(Row, {
         style: styles.alignRowLeft,
         children: t20
@@ -742,17 +743,103 @@ function PressablesSection(t0) {
     t21 = $[28];
   }
   let t22;
+  if ($[29] !== popoverSelected) {
+    let t23;
+    if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+      t23 = {
+        id: "more",
+        title: "",
+        displayInline: true,
+        subactions: [{
+          id: "more_filters",
+          title: "More filters"
+        }]
+      };
+      $[31] = t23;
+    } else {
+      t23 = $[31];
+    }
+    t22 = [...filterDropdownOptions.map(option_0 => ({
+      id: option_0.id,
+      title: option_0.label,
+      state: option_0.id === popoverSelected ? "on" : "off"
+    })), t23];
+    $[29] = popoverSelected;
+    $[30] = t22;
+  } else {
+    t22 = $[30];
+  }
   let t23;
+  if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+    t23 = t24 => {
+      const {
+        nativeEvent
+      } = t24;
+      return nativeEvent.event === "more_filters" ? Alert.alert("More filters") : setPopoverSelected(nativeEvent.event);
+    };
+    $[32] = t23;
+  } else {
+    t23 = $[32];
+  }
   let t24;
-  if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-    t22 = /*#__PURE__*/_jsx(IconButton, {
+  if ($[33] !== popoverSelected) {
+    t24 = filterDropdownOptions.find(option_1 => option_1.id === popoverSelected)?.label;
+    $[33] = popoverSelected;
+    $[34] = t24;
+  } else {
+    t24 = $[34];
+  }
+  let t25;
+  if ($[35] !== t24) {
+    t25 = /*#__PURE__*/_jsxs(Text, {
+      children: [t24, " \u25BE"]
+    });
+    $[35] = t24;
+    $[36] = t25;
+  } else {
+    t25 = $[36];
+  }
+  let t26;
+  if ($[37] !== t22 || $[38] !== t25) {
+    t26 = /*#__PURE__*/_jsx(PopoverMenuView, {
+      actions: t22,
+      onPressAction: t23,
+      children: t25
+    });
+    $[37] = t22;
+    $[38] = t25;
+    $[39] = t26;
+  } else {
+    t26 = $[39];
+  }
+  let t27;
+  if ($[40] !== styles.alignRowLeft || $[41] !== t26) {
+    t27 = /*#__PURE__*/_jsx(Group, {
+      title: "PopoverMenuView",
+      description: "The JS-only menu FilterDropdown falls back to when the host configures no menu adapter. Opens under the trigger, or above it when the trigger is in the lower half of the screen.",
+      children: /*#__PURE__*/_jsx(Row, {
+        style: styles.alignRowLeft,
+        children: t26
+      })
+    });
+    $[40] = styles.alignRowLeft;
+    $[41] = t26;
+    $[42] = t27;
+  } else {
+    t27 = $[42];
+  }
+  let t28;
+  let t29;
+  let t30;
+  if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+    t28 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
       accessibilityHint: "Opens your device's image gallary",
       size: "md"
     });
-    t23 = /*#__PURE__*/_jsx(IconButton, {
+    t29 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -760,7 +847,7 @@ function PressablesSection(t0) {
       appearance: "danger",
       size: "lg"
     });
-    t24 = /*#__PURE__*/_jsx(IconButton, {
+    t30 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -768,17 +855,17 @@ function PressablesSection(t0) {
       appearance: "interaction",
       size: "xl"
     });
-    $[29] = t22;
-    $[30] = t23;
-    $[31] = t24;
+    $[43] = t28;
+    $[44] = t29;
+    $[45] = t30;
   } else {
-    t22 = $[29];
-    t23 = $[30];
-    t24 = $[31];
+    t28 = $[43];
+    t29 = $[44];
+    t30 = $[45];
   }
-  let t25;
-  if ($[32] !== styles.customIconButtonColor) {
-    t25 = /*#__PURE__*/_jsx(IconButton, {
+  let t31;
+  if ($[46] !== styles.customIconButtonColor) {
+    t31 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -786,39 +873,39 @@ function PressablesSection(t0) {
       iconStyle: styles.customIconButtonColor,
       size: "xxl"
     });
-    $[32] = styles.customIconButtonColor;
-    $[33] = t25;
+    $[46] = styles.customIconButtonColor;
+    $[47] = t31;
   } else {
-    t25 = $[33];
+    t31 = $[47];
   }
-  let t26;
-  if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-    t26 = /*#__PURE__*/_jsx(IconButton, {
+  let t32;
+  if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
+    t32 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
       accessibilityHint: "Opens your device's image gallary",
       size: "xxxl"
     });
-    $[34] = t26;
+    $[48] = t32;
   } else {
-    t26 = $[34];
+    t32 = $[48];
   }
-  let t27;
-  if ($[35] !== t25) {
-    t27 = /*#__PURE__*/_jsxs(Row, {
-      children: [t22, t23, t24, t25, t26]
+  let t33;
+  if ($[49] !== t31) {
+    t33 = /*#__PURE__*/_jsxs(Row, {
+      children: [t28, t29, t30, t31, t32]
     });
-    $[35] = t25;
-    $[36] = t27;
+    $[49] = t31;
+    $[50] = t33;
   } else {
-    t27 = $[36];
+    t33 = $[50];
   }
-  let t28;
-  let t29;
-  let t30;
-  if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
-    t28 = /*#__PURE__*/_jsx(IconButton, {
+  let t34;
+  let t35;
+  let t36;
+  if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+    t34 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -826,7 +913,7 @@ function PressablesSection(t0) {
       size: "md",
       disabled: true
     });
-    t29 = /*#__PURE__*/_jsx(IconButton, {
+    t35 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -835,7 +922,7 @@ function PressablesSection(t0) {
       size: "lg",
       disabled: true
     });
-    t30 = /*#__PURE__*/_jsx(IconButton, {
+    t36 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -844,17 +931,17 @@ function PressablesSection(t0) {
       size: "xl",
       disabled: true
     });
-    $[37] = t28;
-    $[38] = t29;
-    $[39] = t30;
+    $[51] = t34;
+    $[52] = t35;
+    $[53] = t36;
   } else {
-    t28 = $[37];
-    t29 = $[38];
-    t30 = $[39];
+    t34 = $[51];
+    t35 = $[52];
+    t36 = $[53];
   }
-  let t31;
-  if ($[40] !== styles.customIconButtonColor) {
-    t31 = /*#__PURE__*/_jsx(IconButton, {
+  let t37;
+  if ($[54] !== styles.customIconButtonColor) {
+    t37 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -863,14 +950,14 @@ function PressablesSection(t0) {
       size: "xxl",
       disabled: true
     });
-    $[40] = styles.customIconButtonColor;
-    $[41] = t31;
+    $[54] = styles.customIconButtonColor;
+    $[55] = t37;
   } else {
-    t31 = $[41];
+    t37 = $[55];
   }
-  let t32;
-  if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-    t32 = /*#__PURE__*/_jsx(IconButton, {
+  let t38;
+  if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
+    t38 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -878,25 +965,25 @@ function PressablesSection(t0) {
       size: "xxxl",
       disabled: true
     });
-    $[42] = t32;
+    $[56] = t38;
   } else {
-    t32 = $[42];
+    t38 = $[56];
   }
-  let t33;
-  if ($[43] !== t31) {
-    t33 = /*#__PURE__*/_jsxs(Row, {
-      children: [t28, t29, t30, t31, t32]
+  let t39;
+  if ($[57] !== t37) {
+    t39 = /*#__PURE__*/_jsxs(Row, {
+      children: [t34, t35, t36, t37, t38]
     });
-    $[43] = t31;
-    $[44] = t33;
+    $[57] = t37;
+    $[58] = t39;
   } else {
-    t33 = $[44];
+    t39 = $[58];
   }
-  let t34;
-  let t35;
-  let t36;
-  if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
-    t34 = /*#__PURE__*/_jsx(IconButton, {
+  let t40;
+  let t41;
+  let t42;
+  if ($[59] === Symbol.for("react.memo_cache_sentinel")) {
+    t40 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -904,7 +991,7 @@ function PressablesSection(t0) {
       size: "md",
       loading: true
     });
-    t35 = /*#__PURE__*/_jsx(IconButton, {
+    t41 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -913,7 +1000,7 @@ function PressablesSection(t0) {
       size: "lg",
       loading: true
     });
-    t36 = /*#__PURE__*/_jsx(IconButton, {
+    t42 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -922,17 +1009,17 @@ function PressablesSection(t0) {
       size: "xl",
       loading: true
     });
-    $[45] = t34;
-    $[46] = t35;
-    $[47] = t36;
+    $[59] = t40;
+    $[60] = t41;
+    $[61] = t42;
   } else {
-    t34 = $[45];
-    t35 = $[46];
-    t36 = $[47];
+    t40 = $[59];
+    t41 = $[60];
+    t42 = $[61];
   }
-  let t37;
-  if ($[48] !== styles.customIconButtonColor) {
-    t37 = /*#__PURE__*/_jsx(IconButton, {
+  let t43;
+  if ($[62] !== styles.customIconButtonColor) {
+    t43 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -941,14 +1028,14 @@ function PressablesSection(t0) {
       size: "xxl",
       loading: true
     });
-    $[48] = styles.customIconButtonColor;
-    $[49] = t37;
+    $[62] = styles.customIconButtonColor;
+    $[63] = t43;
   } else {
-    t37 = $[49];
+    t43 = $[63];
   }
-  let t38;
-  if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
-    t38 = /*#__PURE__*/_jsx(IconButton, {
+  let t44;
+  if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+    t44 = /*#__PURE__*/_jsx(IconButton, {
       onPress: buttonPress,
       name: "general.paperclip",
       accessibilityLabel: "Add attachment",
@@ -956,37 +1043,37 @@ function PressablesSection(t0) {
       size: "xxxl",
       loading: true
     });
-    $[50] = t38;
+    $[64] = t44;
   } else {
-    t38 = $[50];
+    t44 = $[64];
   }
-  let t39;
-  if ($[51] !== t37) {
-    t39 = /*#__PURE__*/_jsxs(Row, {
-      children: [t34, t35, t36, t37, t38]
+  let t45;
+  if ($[65] !== t43) {
+    t45 = /*#__PURE__*/_jsxs(Row, {
+      children: [t40, t41, t42, t43, t44]
     });
-    $[51] = t37;
-    $[52] = t39;
+    $[65] = t43;
+    $[66] = t45;
   } else {
-    t39 = $[52];
+    t45 = $[66];
   }
-  let t40;
-  if ($[53] !== t27 || $[54] !== t33 || $[55] !== t39) {
-    t40 = /*#__PURE__*/_jsxs(Group, {
+  let t46;
+  if ($[67] !== t33 || $[68] !== t39 || $[69] !== t45) {
+    t46 = /*#__PURE__*/_jsxs(Group, {
       title: "IconButton",
       description: "Supports different appearances, sizes, along with loading & disabled states. Use `iconStyle` for custom colors and font sizes. Requires `accessibilityLabel` as icon's don't provide context to screen readers.",
-      children: [t27, t33, t39]
+      children: [t33, t39, t45]
     });
-    $[53] = t27;
-    $[54] = t33;
-    $[55] = t39;
-    $[56] = t40;
+    $[67] = t33;
+    $[68] = t39;
+    $[69] = t45;
+    $[70] = t46;
   } else {
-    t40 = $[56];
+    t46 = $[70];
   }
-  let t41;
-  if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
-    t41 = /*#__PURE__*/_jsxs(Row, {
+  let t47;
+  if ($[71] === Symbol.for("react.memo_cache_sentinel")) {
+    t47 = /*#__PURE__*/_jsxs(Row, {
       children: [/*#__PURE__*/_jsx(TextButton, {
         onPress: buttonPress,
         children: "Default"
@@ -1004,13 +1091,13 @@ function PressablesSection(t0) {
         children: "Default"
       })]
     });
-    $[57] = t41;
+    $[71] = t47;
   } else {
-    t41 = $[57];
+    t47 = $[71];
   }
-  let t42;
-  if ($[58] === Symbol.for("react.memo_cache_sentinel")) {
-    t42 = /*#__PURE__*/_jsxs(Row, {
+  let t48;
+  if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
+    t48 = /*#__PURE__*/_jsxs(Row, {
       children: [/*#__PURE__*/_jsx(TextButton, {
         onPress: buttonPress,
         appearance: "danger",
@@ -1032,16 +1119,16 @@ function PressablesSection(t0) {
         children: "Danger"
       })]
     });
-    $[58] = t42;
+    $[72] = t48;
   } else {
-    t42 = $[58];
+    t48 = $[72];
   }
-  let t43;
-  if ($[59] === Symbol.for("react.memo_cache_sentinel")) {
-    t43 = /*#__PURE__*/_jsxs(Group, {
+  let t49;
+  if ($[73] === Symbol.for("react.memo_cache_sentinel")) {
+    t49 = /*#__PURE__*/_jsxs(Group, {
       title: "TextButton",
       description: "Pressable text with default & danger appearance options. Can be disabled and accept `Text` variance props.",
-      children: [t41, t42, /*#__PURE__*/_jsxs(Row, {
+      children: [t47, t48, /*#__PURE__*/_jsxs(Row, {
         children: [/*#__PURE__*/_jsx(TextButton, {
           onPress: buttonPress,
           disabled: true,
@@ -1064,190 +1151,191 @@ function PressablesSection(t0) {
         })]
       })]
     });
-    $[59] = t43;
+    $[73] = t49;
   } else {
-    t43 = $[59];
+    t49 = $[73];
   }
-  let t44;
-  if ($[60] === Symbol.for("react.memo_cache_sentinel")) {
-    t44 = /*#__PURE__*/_jsx(TextInlineButton, {
+  let t50;
+  if ($[74] === Symbol.for("react.memo_cache_sentinel")) {
+    t50 = /*#__PURE__*/_jsx(TextInlineButton, {
       onPress: buttonPress,
       children: "default button text"
     });
-    $[60] = t44;
+    $[74] = t50;
   } else {
-    t44 = $[60];
+    t50 = $[74];
   }
-  let t45;
-  if ($[61] === Symbol.for("react.memo_cache_sentinel")) {
-    t45 = /*#__PURE__*/_jsx(TextInlineButton, {
+  let t51;
+  if ($[75] === Symbol.for("react.memo_cache_sentinel")) {
+    t51 = /*#__PURE__*/_jsx(TextInlineButton, {
       onPress: buttonPress,
       appearance: "danger",
       children: "danger button text"
     });
-    $[61] = t45;
+    $[75] = t51;
   } else {
-    t45 = $[61];
+    t51 = $[75];
   }
-  let t46;
-  if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
-    t46 = /*#__PURE__*/_jsxs(Text, {
-      children: ["This text is next to", " ", t44, " Lorem ipsum dolor", " ", t45, " ", "consectetur", " ", /*#__PURE__*/_jsx(TextInlineButton, {
+  let t52;
+  if ($[76] === Symbol.for("react.memo_cache_sentinel")) {
+    t52 = /*#__PURE__*/_jsxs(Text, {
+      children: ["This text is next to", " ", t50, " Lorem ipsum dolor", " ", t51, " ", "consectetur", " ", /*#__PURE__*/_jsx(TextInlineButton, {
         onPress: buttonPress,
         disabled: true,
         children: "disabled button text"
       }), " ", "elit."]
     });
-    $[62] = t46;
+    $[76] = t52;
   } else {
-    t46 = $[62];
+    t52 = $[76];
   }
-  let t47;
-  if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
-    t47 = /*#__PURE__*/_jsx(TextInlineButton, {
+  let t53;
+  if ($[77] === Symbol.for("react.memo_cache_sentinel")) {
+    t53 = /*#__PURE__*/_jsx(TextInlineButton, {
       variant: "secondary",
       onPress: buttonPress,
       children: "default button text"
     });
-    $[63] = t47;
+    $[77] = t53;
   } else {
-    t47 = $[63];
+    t53 = $[77];
   }
-  let t48;
-  if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
-    t48 = /*#__PURE__*/_jsx(TextInlineButton, {
+  let t54;
+  if ($[78] === Symbol.for("react.memo_cache_sentinel")) {
+    t54 = /*#__PURE__*/_jsx(TextInlineButton, {
       variant: "secondary",
       onPress: buttonPress,
       appearance: "danger",
       children: "danger button text"
     });
-    $[64] = t48;
+    $[78] = t54;
   } else {
-    t48 = $[64];
+    t54 = $[78];
   }
-  let t49;
-  if ($[65] === Symbol.for("react.memo_cache_sentinel")) {
-    t49 = /*#__PURE__*/_jsxs(Text, {
+  let t55;
+  if ($[79] === Symbol.for("react.memo_cache_sentinel")) {
+    t55 = /*#__PURE__*/_jsxs(Text, {
       variant: "secondary",
-      children: ["This text is next to", " ", t47, " ", "Lorem ipsum dolor", " ", t48, " ", "consectetur", " ", /*#__PURE__*/_jsx(TextInlineButton, {
+      children: ["This text is next to", " ", t53, " ", "Lorem ipsum dolor", " ", t54, " ", "consectetur", " ", /*#__PURE__*/_jsx(TextInlineButton, {
         variant: "secondary",
         onPress: buttonPress,
         disabled: true,
         children: "disabled button text"
       }), " ", "elit."]
     });
-    $[65] = t49;
+    $[79] = t55;
   } else {
-    t49 = $[65];
+    t55 = $[79];
   }
-  let t50;
-  if ($[66] === Symbol.for("react.memo_cache_sentinel")) {
-    t50 = /*#__PURE__*/_jsx(TextInlineButton, {
+  let t56;
+  if ($[80] === Symbol.for("react.memo_cache_sentinel")) {
+    t56 = /*#__PURE__*/_jsx(TextInlineButton, {
       variant: "tertiary",
       onPress: buttonPress,
       children: "default button text"
     });
-    $[66] = t50;
+    $[80] = t56;
   } else {
-    t50 = $[66];
+    t56 = $[80];
   }
-  let t51;
-  if ($[67] === Symbol.for("react.memo_cache_sentinel")) {
-    t51 = /*#__PURE__*/_jsx(TextInlineButton, {
+  let t57;
+  if ($[81] === Symbol.for("react.memo_cache_sentinel")) {
+    t57 = /*#__PURE__*/_jsx(TextInlineButton, {
       variant: "tertiary",
       onPress: buttonPress,
       appearance: "danger",
       children: "danger button text"
     });
-    $[67] = t51;
+    $[81] = t57;
   } else {
-    t51 = $[67];
+    t57 = $[81];
   }
-  let t52;
-  if ($[68] === Symbol.for("react.memo_cache_sentinel")) {
-    t52 = /*#__PURE__*/_jsxs(Text, {
+  let t58;
+  if ($[82] === Symbol.for("react.memo_cache_sentinel")) {
+    t58 = /*#__PURE__*/_jsxs(Text, {
       variant: "tertiary",
-      children: ["This text is next to", " ", t50, " ", "Lorem ipsum dolor", " ", t51, " ", "consectetur", " ", /*#__PURE__*/_jsx(TextInlineButton, {
+      children: ["This text is next to", " ", t56, " ", "Lorem ipsum dolor", " ", t57, " ", "consectetur", " ", /*#__PURE__*/_jsx(TextInlineButton, {
         variant: "tertiary",
         onPress: buttonPress,
         disabled: true,
         children: "disabled button text"
       }), " ", "elit."]
     });
-    $[68] = t52;
+    $[82] = t58;
   } else {
-    t52 = $[68];
+    t58 = $[82];
   }
-  let t53;
-  if ($[69] === Symbol.for("react.memo_cache_sentinel")) {
-    t53 = /*#__PURE__*/_jsx(TextInlineButton, {
+  let t59;
+  if ($[83] === Symbol.for("react.memo_cache_sentinel")) {
+    t59 = /*#__PURE__*/_jsx(TextInlineButton, {
       variant: "footnote",
       onPress: buttonPress,
       children: "default button text"
     });
-    $[69] = t53;
+    $[83] = t59;
   } else {
-    t53 = $[69];
+    t59 = $[83];
   }
-  let t54;
-  if ($[70] === Symbol.for("react.memo_cache_sentinel")) {
-    t54 = /*#__PURE__*/_jsx(TextInlineButton, {
+  let t60;
+  if ($[84] === Symbol.for("react.memo_cache_sentinel")) {
+    t60 = /*#__PURE__*/_jsx(TextInlineButton, {
       variant: "footnote",
       onPress: buttonPress,
       appearance: "danger",
       children: "danger button text"
     });
-    $[70] = t54;
+    $[84] = t60;
   } else {
-    t54 = $[70];
+    t60 = $[84];
   }
-  let t55;
-  if ($[71] === Symbol.for("react.memo_cache_sentinel")) {
-    t55 = /*#__PURE__*/_jsxs(Text, {
+  let t61;
+  if ($[85] === Symbol.for("react.memo_cache_sentinel")) {
+    t61 = /*#__PURE__*/_jsxs(Text, {
       variant: "footnote",
-      children: ["This text is next to", " ", t53, " ", "Lorem ipsum dolor", " ", t54, " ", "consectetur", " ", /*#__PURE__*/_jsx(TextInlineButton, {
+      children: ["This text is next to", " ", t59, " ", "Lorem ipsum dolor", " ", t60, " ", "consectetur", " ", /*#__PURE__*/_jsx(TextInlineButton, {
         variant: "footnote",
         onPress: buttonPress,
         disabled: true,
         children: "disabled button text"
       }), " ", "elit."]
     });
-    $[71] = t55;
+    $[85] = t61;
   } else {
-    t55 = $[71];
+    t61 = $[85];
   }
-  let t56;
-  if ($[72] !== styles.alignRowLeft) {
-    t56 = /*#__PURE__*/_jsx(Group, {
+  let t62;
+  if ($[86] !== styles.alignRowLeft) {
+    t62 = /*#__PURE__*/_jsx(Group, {
       title: "TextInlineButton",
       description: "Supports nesting within `Text`. Temporary component until React Native fixes a layout bug in `Pressable` which used in `TextButton`.",
       children: /*#__PURE__*/_jsxs(Row, {
         style: styles.alignRowLeft,
-        children: [t46, t49, t52, t55]
+        children: [t52, t55, t58, t61]
       })
     });
-    $[72] = styles.alignRowLeft;
-    $[73] = t56;
+    $[86] = styles.alignRowLeft;
+    $[87] = t62;
   } else {
-    t56 = $[73];
+    t62 = $[87];
   }
-  let t57;
-  if ($[74] !== isLast || $[75] !== t18 || $[76] !== t21 || $[77] !== t40 || $[78] !== t56) {
-    t57 = /*#__PURE__*/_jsxs(CollapsableSection, {
+  let t63;
+  if ($[88] !== isLast || $[89] !== t18 || $[90] !== t21 || $[91] !== t27 || $[92] !== t46 || $[93] !== t62) {
+    t63 = /*#__PURE__*/_jsxs(CollapsableSection, {
       title: "Pressables",
       isLast: isLast,
-      children: [t8, t18, t21, t40, t43, t56]
+      children: [t8, t18, t21, t27, t46, t49, t62]
     });
-    $[74] = isLast;
-    $[75] = t18;
-    $[76] = t21;
-    $[77] = t40;
-    $[78] = t56;
-    $[79] = t57;
+    $[88] = isLast;
+    $[89] = t18;
+    $[90] = t21;
+    $[91] = t27;
+    $[92] = t46;
+    $[93] = t62;
+    $[94] = t63;
   } else {
-    t57 = $[79];
+    t63 = $[94];
   }
-  return t57;
+  return t63;
 }
 function _temp() {
   return Alert.alert("More filters");