@symbiote-native/components 0.4.0 → 0.5.0

package/build/view/render-touchable-highlight.js

@@ -1,12 +1,13 @@
 // TouchableHighlight underlay: the shared render decision (framework-agnostic). RN drives the
-// highlight with setState (not Animated) — while pressed it paints underlayColor + lowers the child
-// opacity, at rest it is the bare style (TouchableHighlight.js). This 3-line gating was triplicated
-// verbatim across adapters; it lives here once, prop-driven. Each adapter passes its own resolved
-// style base (React the raw style, Angular the anchor+style array, Vue the untyped attrs style) plus
-// the live `pressed`, so the base is generic — the overlay is layered on top when pressed.
-export function highlightPressedStyle(pressed, style, underlayColor, activeOpacity) {
-    if (!pressed)
-        return style;
-    const overlay = { backgroundColor: underlayColor, opacity: activeOpacity };
-    return [style, overlay];
+// highlight with setState, not Animated — while shown it paints underlayColor and lowers the child
+// opacity; at rest it is the bare style (TouchableHighlight.js).
+import { DEFAULT_HIGHLIGHT_CHILD_OPACITY, DEFAULT_UNDERLAY_COLOR, } from '../state/touchable.js';
+// undefined = paint nothing extra, which is RN's `extraStyles: null` state.
+export function resolveHighlightExtraStyles(view) {
+    if (!view.shown || !view.hasPressHandler)
+        return undefined;
+    return {
+        underlay: { backgroundColor: view.underlayColor ?? DEFAULT_UNDERLAY_COLOR },
+        child: { opacity: view.activeOpacity ?? DEFAULT_HIGHLIGHT_CHILD_OPACITY },
+    };
 }

package/build/view/render-touchable-native-feedback.js

@@ -14,7 +14,11 @@ export function canUseNativeForeground() {
         Platform.Version >= ANDROID_FOREGROUND_MIN_VERSION);
 }
 export function selectableBackground(rippleRadius) {
-    return { type: 'ThemeAttrAndroid', attribute: 'selectableItemBackground', rippleRadius };
+    return {
+        type: 'ThemeAttrAndroid',
+        attribute: 'selectableItemBackground',
+        rippleRadius,
+    };
 }
 export function selectableBackgroundBorderless(rippleRadius) {
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/components",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Framework-agnostic component logic (state machines + render functions) for SymbioteNative — written once, inherited by every adapter (React, Vue, Angular, ...).",
   "license": "MIT",
   "repository": {
@@ -39,7 +39,7 @@
   },
   "devDependencies": {
     "@types/node": "^26.0.0",
-    "@symbiote-native/engine": "0.2.0"
+    "@symbiote-native/engine": "0.3.0"
   },
   "scripts": {
     "typecheck": "tsc --build",