(feat): Cleanup composer

Changelog: enhancement

Author: markharding

apps/polycentric/package.json

@@ -17,16 +17,17 @@
   },
   "dependencies": {
     "@codeherence/react-native-header": "^1.0.1",
+    "@expo/dom-webview": "~55.0.6",
     "@expo/metro-runtime": "~55.0.11",
-    "@expo/vector-icons": "^15.0.3",
-    "@gorhom/bottom-sheet": "^5.2.8",
+    "@expo/vector-icons": "^15.1.1",
+    "@gorhom/bottom-sheet": "^5.2.14",
     "@lodev09/react-native-true-sheet": "^3.10.1",
     "@noble/hashes": "catalog:",
     "@polycentric/react-native": "workspace:*",
     "@react-native-async-storage/async-storage": "^2.2.0",
-    "@react-navigation/bottom-tabs": "^7.15.4",
-    "@react-navigation/elements": "^2.8.0",
-    "@react-navigation/native": "^7.1.32",
+    "@react-navigation/bottom-tabs": "^7.17.2",
+    "@react-navigation/elements": "^2.9.22",
+    "@react-navigation/native": "^7.3.0",
     "@rn-primitives/dropdown-menu": "^1.4.0",
     "@rn-primitives/hover-card": "^1.4.0",
     "@rn-primitives/popover": "^1.4.0",
@@ -35,59 +36,62 @@
     "@rn-primitives/toast": "^1.4.0",
     "@shopify/flash-list": "^2.3.1",
     "@types/react-native-web": "^0.19.2",
-    "better-sqlite3": "^12.6.2",
+    "better-sqlite3": "^12.10.0",
     "expo": "~55.0.26",
-    "expo-blur": "~55.0.8",
-    "expo-build-properties": "~55.0.9",
+    "expo-blur": "~55.0.14",
+    "expo-build-properties": "~55.0.14",
     "expo-clipboard": "~55.0.13",
-    "expo-constants": "~55.0.7",
-    "expo-dev-client": "~55.0.10",
-    "expo-device": "~55.0.0",
-    "expo-document-picker": "~55.0.8",
-    "expo-file-system": "~55.0.17",
-    "expo-font": "~55.0.4",
-    "expo-haptics": "~55.0.8",
-    "expo-image": "~55.0.5",
+    "expo-constants": "~55.0.16",
+    "expo-dev-client": "~55.0.35",
+    "expo-device": "~55.0.17",
+    "expo-document-picker": "~55.0.13",
+    "expo-file-system": "~55.0.22",
+    "expo-font": "~55.0.8",
+    "expo-haptics": "~55.0.14",
+    "expo-image": "~55.0.11",
     "expo-image-manipulator": "~55.0.17",
-    "expo-image-picker": "~55.0.10",
-    "expo-linking": "~55.0.7",
-    "expo-notifications": "~55.0.0",
-    "expo-router": "~55.0.3",
+    "expo-image-picker": "~55.0.20",
+    "expo-linking": "~55.0.15",
+    "expo-notifications": "~55.0.23",
+    "expo-router": "~55.0.16",
     "expo-screen-orientation": "~55.0.16",
-    "expo-server": "~55.0.8",
-    "expo-splash-screen": "~55.0.10",
-    "expo-sqlite": "~55.0.15",
-    "expo-status-bar": "~55.0.4",
-    "expo-symbols": "~55.0.4",
-    "expo-system-ui": "~55.0.9",
-    "expo-web-browser": "~55.0.9",
+    "expo-server": "~55.0.11",
+    "expo-splash-screen": "~55.0.21",
+    "expo-sqlite": "~55.0.16",
+    "expo-status-bar": "~55.0.6",
+    "expo-symbols": "~55.0.9",
+    "expo-system-ui": "~55.0.18",
+    "expo-web-browser": "~55.0.16",
     "react": "19.2.0",
     "react-dom": "19.2.0",
-    "react-native": "0.83.2",
+    "react-native": "0.83.9",
     "react-native-draggable-flatlist": "^4.0.3",
-    "react-native-gesture-handler": "~2.30.0",
+    "react-native-gesture-handler": "~2.30.1",
     "react-native-qrcode-svg": "^6.3.21",
-    "react-native-reanimated": "~4.2.1",
+    "react-native-reanimated": "~4.2.3",
     "react-native-safe-area-context": "5.6.2",
     "react-native-screens": "~4.23.0",
     "react-native-toast-message": "^2.3.3",
-    "react-native-vision-camera": "^4.7.2",
+    "react-native-vision-camera": "^4.7.3",
     "react-native-web": "~0.21.2",
     "react-native-webview": "13.16.0",
     "react-native-worklets": "0.7.2",
     "rn-emoji-picker": "^1.1.6",
-    "zustand": "^5.0.11"
+    "zustand": "^5.0.14"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.5",
+    "@babel/core": "^7.29.7",
+    "@testing-library/react-native": "^14.0.0",
     "@types/jest": "^29.5.14",
-    "@types/react": "~19.2.14",
-    "eslint": "^9.38.0",
-    "eslint-config-expo": "~55.0.0",
+    "@types/react": "~19.2.17",
+    "@types/react-test-renderer": "^19.1.0",
+    "eslint": "^9.39.4",
+    "eslint-config-expo": "~55.0.1",
     "jest": "^29.7.0",
     "jest-expo": "~55.0.18",
-    "only-allow": "^1.2.1",
-    "prettier": "^3.8.1",
+    "only-allow": "^1.2.2",
+    "prettier": "^3.8.4",
+    "react-test-renderer": "19.2.0",
     "typescript": "catalog:"
   },
   "packageManager": "pnpm@9.5.0+sha512.140036830124618d624a2187b50d04289d5a087f326c9edfc0ccd733d76c4f52c3a313d4fc148794a2a9d81553016004e6742e8cf850670268a7387fc220c903"

apps/polycentric/src/common/components/TextArea.tsx

@@ -1,10 +1,19 @@
 import {
   forwardRef,
+  useCallback,
+  useEffect,
   useImperativeHandle,
   useLayoutEffect,
   useRef,
+  useState,
 } from 'react';
-import { Platform, TextInput as RNTextInput } from 'react-native';
+import {
+  Platform,
+  TextInput as RNTextInput,
+  type TextInputContentSizeChangeEventData,
+  type NativeSyntheticEvent,
+  TextInputContentSizeChangeEvent,
+} from 'react-native';
 import { TextInput, type TextInputProps } from './primitives/TextInput';
 
 export interface TextAreaProps extends Omit<TextInputProps, 'multiline'> {
@@ -32,16 +41,15 @@ export const TextArea = forwardRef<RNTextInput, TextAreaProps>(
       <TextInput
         ref={innerRef}
         multiline
-        numberOfLines={1}
-        scrollEnabled={scrollEnabled ?? false}
+        textAlignVertical="top"
         value={value}
         style={[
           { minHeight },
           Platform.OS === 'web'
             ? // Suppress the corner resize grip and the vertical
               // scrollbar — we drive height via scrollHeight.
               ({ resize: 'none', overflow: 'hidden' } as object)
-            : null,
+            : {},
           style,
         ]}
         {...props}