npm - react-native-divkit - Versions diffs - 1.2.0 → 1.3.0 - Mend

react-native-divkit 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/README.md +64 -2
package/dist/components/text/DivText.d.ts.map +1 -1
package/dist/components/text/DivText.js +24 -3
package/dist/components/text/DivText.js.map +1 -1
package/dist/components/utilities/Outer.d.ts +2 -2
package/dist/components/utilities/Outer.d.ts.map +1 -1
package/dist/components/utilities/Outer.js +132 -25
package/dist/components/utilities/Outer.js.map +1 -1
package/dist/utils/flattenAnimation.d.ts +4 -0
package/dist/utils/flattenAnimation.d.ts.map +1 -0
package/dist/utils/flattenAnimation.js +13 -0
package/dist/utils/flattenAnimation.js.map +1 -0
package/package.json +1 -1
package/src/components/text/DivText.tsx +31 -4
package/src/components/utilities/Outer.tsx +172 -26
package/src/types/actionable.d.ts +15 -0
package/src/types/animation.d.ts +19 -0
package/src/utils/flattenAnimation.ts +16 -0

package/README.md CHANGED Viewed

@@ -11,7 +11,7 @@ DivKit — это фреймворк для построения UI на осн
 ## Статус
-**MVP Версия 0.1.0-alpha**
+**MVP**
 | Функция             | Статус      |
 | ------------------- | ----------- |
@@ -23,6 +23,7 @@ DivKit — это фреймворк для построения UI на осн
 | Движок выражений    | ✅ Готово   |
 | Обработчики действий| ✅ Готово   |
 | Подстановка шаблонов| ✅ Готово   |
+| Анимации нажатия    | ✅ Готово   |
 ## Скриншоты
@@ -241,6 +242,67 @@ export default function App() {
 }
 ```
+## Анимации нажатия (Action Animation)
+Компоненты с действиями могут иметь анимацию при нажатии. Поддерживаются анимации `fade` (прозрачность), `scale` (масштаб) и их комбинация через `set`.
+```json
+{
+    "type": "text",
+    "text": "Нажми меня",
+    "actions": [
+        {
+            "log_id": "button_tap",
+            "url": "div-action://tap"
+        }
+    ],
+    "action_animation": {
+        "name": "fade",
+        "start_value": 1,
+        "end_value": 0.4,
+        "duration": 500,
+        "interpolator": "ease_in_out"
+    }
+}
+```
+### Комбинированная анимация (Set)
+```json
+{
+    "action_animation": {
+        "name": "set",
+        "items": [
+            {
+                "name": "fade",
+                "start_value": 1,
+                "end_value": 0.2,
+                "duration": 300,
+                "interpolator": "ease_in_out"
+            },
+            {
+                "name": "scale",
+                "start_value": 1,
+                "end_value": 0.5,
+                "duration": 500,
+                "interpolator": "ease_in_out"
+            }
+        ]
+    }
+}
+```
+### Параметры анимации
+| Параметр       | Тип     | По умолч.    | Описание                    |
+| -------------- | ------- | ------------ | --------------------------- |
+| `name`         | string  | —            | `fade`, `scale`, `set`, `native`, `no_animation` |
+| `start_value`  | number  | `1`          | Начальное значение          |
+| `end_value`    | number  | `1`          | Конечное значение           |
+| `duration`     | number  | `300`        | Длительность в миллисекундах|
+| `start_delay`  | number  | `0`          | Задержка перед стартом      |
+| `interpolator` | string  | `ease_in_out`| `linear`, `ease`, `ease_in`, `ease_out`, `ease_in_out`, `spring` |
 ## Свойства (Props)
 | Свойство         | Тип                    | Обязательно | Описание                           |
@@ -297,7 +359,7 @@ npm run ios   # или npm run android
 - Input (Ввод), Select (Выбор), Switch (Переключатель)
 - Видео, Lottie-анимации
 - Диапазоны текста, сложные градиенты
-- Продвинутые переходы и анимации
+- Продвинутые переходы (transition_in/transition_out)
 - API пользовательских компонентов
 ## Архитектура

package/dist/components/text/DivText.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DivText.d.ts","sourceRoot":"","sources":["../../../src/components/text/DivText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAsC,MAAM,kBAAkB,CAAC;AAKxF,MAAM,WAAW,YAAY;IACzB,gBAAgB,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,OAAO,CAAC,EAAE,gBAAgB,EAAE,EAAE,YAAY,~~qBAgKzD~~"}
1	+ {"version":3,"file":"DivText.d.ts","sourceRoot":"","sources":["../../../src/components/text/DivText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAsC,MAAM,kBAAkB,CAAC;AAKxF,MAAM,WAAW,YAAY;IACzB,gBAAgB,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACnD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,OAAO,CAAC,EAAE,gBAAgB,EAAE,EAAE,YAAY,qBA2LzD"}

package/dist/components/text/DivText.js CHANGED Viewed

@@ -31,6 +31,7 @@ export function DivText({ componentContext }) {
     const fontSize = useDerivedFromVarsSimple(json.font_size || 12, variables || new Map());
     const textColor = useDerivedFromVarsSimple(json.text_color || '#000000', variables || new Map());
     const textAlignmentHorizontal = useDerivedFromVarsSimple(json.text_alignment_horizontal || 'start', variables || new Map());
+    const textAlignmentVertical = useDerivedFromVarsSimple(json.text_alignment_vertical || 'top', variables || new Map());
     const fontSizeUnit = useDerivedFromVarsSimple(json.font_size_unit || 'sp', variables || new Map());
     const maxLines = useDerivedFromVarsSimple(json.max_lines, variables || new Map());
     // Convert size value based on font_size_unit
@@ -147,9 +148,29 @@ export function DivText({ componentContext }) {
         }
         return undefined;
     }, [json.truncate, numberOfLines]);
-    // Vertical alignment is handled by Outer component via alignment props
-    // For text, we primarily care about horizontal alignment which is in textStyle
-    return (<Outer componentContext={componentContext}>
+    // Build wrapper style for text block alignment inside the Outer container
+    // In Web, .text is display:flex with justify-content (halign) and align-items (valign)
+    // In RN (column layout): justifyContent = vertical, alignItems = horizontal
+    const outerStyle = useMemo(() => {
+        const style = {};
+        // Vertical alignment of text block
+        switch (textAlignmentVertical) {
+            case 'center':
+                style.justifyContent = 'center';
+                break;
+            case 'bottom':
+                style.justifyContent = 'flex-end';
+                break;
+            case 'baseline':
+                style.justifyContent = 'flex-end';
+                break;
+            default: // top
+                style.justifyContent = 'flex-start';
+                break;
+        }
+        return style;
+    }, [textAlignmentVertical]);
+    return (<Outer componentContext={componentContext} style={outerStyle}>
             <Text style={textStyle} numberOfLines={numberOfLines} ellipsizeMode={ellipsizeMode} allowFontScaling={allowFontScaling}>
                 {text}
             </Text>

package/dist/components/text/DivText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DivText.js","sourceRoot":"","sources":["../../../src/components/text/DivText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,~~EAAa~~,MAAM,cAAc,CAAC;~~AAG3D~~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~~uEAAuE~~;~~IACvE,+EAA+E~~;~~IAE/E~~,OAAO,CACH,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,~~CACtC~~;YAAA,CAAC,IAAI,CACD,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CAEnC;gBAAA,CAAC,IAAI,CACT;YAAA,EAAE,IAAI,CACV;QAAA,EAAE,KAAK,CAAC,CACX,CAAC;AACN,CAAC"}
1	+ {"version":3,"file":"DivText.js","sourceRoot":"","sources":["../../../src/components/text/DivText.tsx"],"names":[],"mappings":"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"}

package/dist/components/utilities/Outer.d.ts CHANGED Viewed

@@ -9,9 +9,9 @@ export interface OuterProps<T extends DivBaseData = DivBaseData> {
 }
 /**
  * Outer component - base wrapper for all DivKit components
- * Handles visibility, sizing, padding, margins, background, borders, and actions
+ * Handles visibility, sizing, padding, margins, background, borders, actions and action_animation
  *
- * Based on Web Outer.svelte but simplified for React Native MVP
+ * Based on Web Outer.svelte
  */
 export declare function Outer<T extends DivBaseData = DivBaseData>({ componentContext, children, style: customStyle }: OuterProps<T>): React.JSX.Element | null;
 //# sourceMappingURL=Outer.d.ts.map

package/dist/components/utilities/Outer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Outer.d.ts","sourceRoot":"","sources":["../../../src/components/utilities/Outer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,~~EAAW~~,MAAM,OAAO,CAAC;~~AAClD~~,OAAO,~~EAAmB~~,SAAS,~~EAAc~~,MAAM,cAAc,CAAC;~~AACtE~~,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;~~AAUpD~~,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IAC3D,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACvD,gBAAgB,EAChB,QAAQ,EACR,KAAK,EAAE,WAAW,EACrB,EAAE,UAAU,CAAC,CAAC,CAAC,~~4BA+Nf~~"}
1	+ {"version":3,"file":"Outer.d.ts","sourceRoot":"","sources":["../../../src/components/utilities/Outer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AACvE,OAAO,EAA6B,SAAS,EAAsC,MAAM,cAAc,CAAC;AACxG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAqFpD,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IAC3D,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACvD,gBAAgB,EAChB,QAAQ,EACR,KAAK,EAAE,WAAW,EACrB,EAAE,UAAU,CAAC,CAAC,CAAC,4BAsSf"}

package/dist/components/utilities/Outer.js CHANGED Viewed

@@ -1,22 +1,78 @@
-import React, { useMemo } from 'react';
-import { View, Pressable, StyleSheet } from 'react-native';
+import React, { useMemo, useRef, useCallback } from 'react';
+import { View, Pressable, Animated, StyleSheet, Easing } from 'react-native';
 import { useDerivedFromVarsSimple } from '../../hooks/useDerivedFromVars';
 import { useActionHandler, useHasActions } from '../../hooks/useAction';
 import { useDivKitContext } from '../../context/DivKitContext';
 import { useLayoutParams } from '../../context/LayoutParamsContext';
 import { Background } from './Background';
+import { flattenAnimation } from '../../utils/flattenAnimation';
+function resolveAlignSelf(alignment, dir) {
+    if (!alignment)
+        return undefined;
+    switch (alignment) {
+        case 'center':
+            return 'center';
+        case 'left':
+            return dir === 'rtl' ? 'flex-end' : 'flex-start';
+        case 'right':
+            return dir === 'rtl' ? 'flex-start' : 'flex-end';
+        case 'start':
+            return 'flex-start';
+        case 'end':
+            return 'flex-end';
+        default:
+            return undefined;
+    }
+}
+function interpolationToEasing(interpolator) {
+    switch (interpolator) {
+        case 'linear':
+            return Easing.linear;
+        case 'ease':
+            return Easing.ease;
+        case 'ease_in':
+            return Easing.in(Easing.ease);
+        case 'ease_out':
+            return Easing.out(Easing.ease);
+        case 'ease_in_out':
+            return Easing.inOut(Easing.ease);
+        case 'spring':
+            return Easing.inOut(Easing.ease);
+        default:
+            return Easing.inOut(Easing.ease);
+    }
+}
+function parseActionAnimations(animation) {
+    if (!animation)
+        return [];
+    const list = flattenAnimation(animation);
+    const result = [];
+    for (const anim of list) {
+        if (anim.name === 'fade' || anim.name === 'scale') {
+            result.push({
+                type: anim.name,
+                startValue: anim.start_value ?? 1,
+                endValue: anim.end_value ?? 1,
+                duration: Math.max(0, anim.duration ?? 300),
+                startDelay: Math.max(0, anim.start_delay ?? 0),
+                easing: interpolationToEasing(anim.interpolator),
+            });
+        }
+        // 'native' and 'no_animation' are ignored
+    }
+    return result;
+}
 /**
  * Outer component - base wrapper for all DivKit components
- * Handles visibility, sizing, padding, margins, background, borders, and actions
+ * Handles visibility, sizing, padding, margins, background, borders, actions and action_animation
  *
- * Based on Web Outer.svelte but simplified for React Native MVP
+ * Based on Web Outer.svelte
  */
 export function Outer({ componentContext, children, style: customStyle }) {
     const { direction } = useDivKitContext();
     const layoutParams = useLayoutParams();
     const { json, variables } = componentContext;
     // Only use reactive hooks for truly dynamic properties (visibility, alpha)
-    // For MVP, other properties are read directly from JSON (can be enhanced later)
     const visibility = useDerivedFromVarsSimple(json.visibility || 'visible', variables || new Map());
     const alpha = useDerivedFromVarsSimple(json.alpha !== undefined ? json.alpha : 1, variables || new Map());
     // Paddings and margins need expression evaluation (e.g. @{safeAreaTop})
@@ -26,11 +82,53 @@ export function Outer({ componentContext, children, style: customStyle }) {
     const border = useDerivedFromVarsSimple(json.border, variables || new Map());
     const width = useDerivedFromVarsSimple(json.width, variables || new Map());
     const height = useDerivedFromVarsSimple(json.height, variables || new Map());
-    // Actions - use type assertion for now (will be refined in component implementations)
+    const alignmentHorizontal = useDerivedFromVarsSimple(json.alignment_horizontal, variables || new Map());
+    const alignmentVertical = useDerivedFromVarsSimple(json.alignment_vertical, variables || new Map());
+    // Actions
     const jsonAny = json;
     const actions = jsonAny.actions || (jsonAny.action ? [jsonAny.action] : []);
     const hasActions = useHasActions(actions);
     const handlePress = useActionHandler(actions, { componentContext });
+    // Action animation
+    const actionAnimation = jsonAny.action_animation;
+    const parsedAnimations = useMemo(() => parseActionAnimations(actionAnimation), [actionAnimation]);
+    const hasFadeAnimation = parsedAnimations.some(a => a.type === 'fade');
+    const hasScaleAnimation = parsedAnimations.some(a => a.type === 'scale');
+    // Animated values (created once, stable refs)
+    const animOpacity = useRef(new Animated.Value(1)).current;
+    const animScale = useRef(new Animated.Value(1)).current;
+    const onPressIn = useCallback(() => {
+        if (parsedAnimations.length === 0)
+            return;
+        const anims = [];
+        for (const anim of parsedAnimations) {
+            const target = anim.type === 'fade' ? animOpacity : animScale;
+            anims.push(Animated.timing(target, {
+                toValue: anim.endValue,
+                duration: anim.duration,
+                delay: anim.startDelay,
+                easing: anim.easing,
+                useNativeDriver: true,
+            }));
+        }
+        Animated.parallel(anims).start();
+    }, [parsedAnimations, animOpacity, animScale]);
+    const onPressOut = useCallback(() => {
+        if (parsedAnimations.length === 0)
+            return;
+        const anims = [];
+        for (const anim of parsedAnimations) {
+            const target = anim.type === 'fade' ? animOpacity : animScale;
+            anims.push(Animated.timing(target, {
+                toValue: anim.startValue,
+                duration: anim.duration,
+                delay: anim.startDelay,
+                easing: anim.easing,
+                useNativeDriver: true,
+            }));
+        }
+        Animated.parallel(anims).start();
+    }, [parsedAnimations, animOpacity, animScale]);
     // Early return for gone visibility
     if (visibility === 'gone') {
         return null;
@@ -54,20 +152,18 @@ export function Outer({ componentContext, children, style: customStyle }) {
             }
             else if (widthVal.type === 'match_parent') {
                 styles.alignSelf = 'stretch';
-                // flexGrow only on the main axis (horizontal parent)
                 if (parentOrientation === 'horizontal') {
                     styles.flexGrow = widthVal.weight || 1;
                     styles.flexShrink = 1;
                 }
             }
             else if (widthVal.type === 'wrap_content') {
-                styles.alignSelf = 'flex-start';
+                const hAlign = resolveAlignSelf(alignmentHorizontal, direction);
+                styles.alignSelf = hAlign || 'flex-start';
             }
         }
         else {
-            // Default: match_parent
             styles.alignSelf = 'stretch';
-            // flexGrow only on the main axis (horizontal parent) or outside a container
             if (!parentOrientation || parentOrientation === 'horizontal') {
                 styles.flexGrow = 1;
                 styles.flexShrink = 1;
@@ -80,16 +176,13 @@ export function Outer({ componentContext, children, style: customStyle }) {
                 styles.height = heightVal.value;
             }
             else if (heightVal.type === 'match_parent') {
-                // flexGrow only on the main axis (vertical parent)
                 if (parentOrientation === 'vertical') {
                     styles.flexGrow = heightVal.weight || 1;
                 }
                 else {
-                    // Cross axis — stretch via alignSelf or explicit height
                     styles.alignSelf = 'stretch';
                 }
             }
-            // wrap_content is default in React Native
         }
         // Paddings
         if (paddings) {
@@ -98,7 +191,6 @@ export function Outer({ componentContext, children, style: customStyle }) {
                 styles.paddingTop = p.top;
             if (p.bottom !== undefined)
                 styles.paddingBottom = p.bottom;
-            // Handle RTL for start/end
             if (direction === 'rtl') {
                 if (p.start !== undefined)
                     styles.paddingRight = p.start;
@@ -111,7 +203,6 @@ export function Outer({ componentContext, children, style: customStyle }) {
                 if (p.end !== undefined)
                     styles.paddingRight = p.end;
             }
-            // Fallback to left/right if start/end not provided
             if (p.left !== undefined && p.start === undefined) {
                 styles.paddingLeft = p.left;
             }
@@ -126,7 +217,6 @@ export function Outer({ componentContext, children, style: customStyle }) {
                 styles.marginTop = m.top;
             if (m.bottom !== undefined)
                 styles.marginBottom = m.bottom;
-            // Handle RTL for start/end
             if (direction === 'rtl') {
                 if (m.start !== undefined)
                     styles.marginRight = m.start;
@@ -139,7 +229,6 @@ export function Outer({ componentContext, children, style: customStyle }) {
                 if (m.end !== undefined)
                     styles.marginRight = m.end;
             }
-            // Fallback to left/right
             if (m.left !== undefined && m.start === undefined) {
                 styles.marginLeft = m.left;
             }
@@ -147,7 +236,6 @@ export function Outer({ componentContext, children, style: customStyle }) {
                 styles.marginRight = m.right;
             }
         }
-        // Background handled by Background component
         // Border
         if (border) {
             const b = border;
@@ -158,12 +246,10 @@ export function Outer({ componentContext, children, style: customStyle }) {
                 styles.borderColor = strokeColor;
                 styles.borderStyle = b.stroke.style?.type === 'dashed' ? 'dashed' : 'solid';
             }
-            // Border radius
             if (b.corner_radius !== undefined) {
                 styles.borderRadius = b.corner_radius;
             }
             else if (b.corners_radius) {
-                // React Native supports individual corners
                 const corners = b.corners_radius;
                 if (corners['top-left'] !== undefined) {
                     styles.borderTopLeftRadius = corners['top-left'];
@@ -178,7 +264,6 @@ export function Outer({ componentContext, children, style: customStyle }) {
                     styles.borderBottomRightRadius = corners['bottom-right'];
                 }
             }
-            // Shadow (box-shadow equivalent)
             if (b.has_shadow) {
                 const shadow = b.shadow;
                 if (shadow) {
@@ -189,11 +274,9 @@ export function Outer({ componentContext, children, style: customStyle }) {
                     };
                     styles.shadowOpacity = shadow.alpha !== undefined ? shadow.alpha : 0.18;
                     styles.shadowRadius = shadow.blur || 2;
-                    // Android elevation
                     styles.elevation = 3;
                 }
                 else {
-                    // Default shadow
                     styles.shadowColor = '#000000';
                     styles.shadowOffset = { width: 0, height: 1 };
                     styles.shadowOpacity = 0.18;
@@ -203,7 +286,7 @@ export function Outer({ componentContext, children, style: customStyle }) {
             }
         }
         return styles;
-    }, [visibility, alpha, width, height, paddings, margins, background, border, direction, layoutParams]);
+    }, [visibility, alpha, width, height, paddings, margins, background, border, direction, layoutParams, alignmentHorizontal, alignmentVertical]);
     const finalStyle = useMemo(() => {
         return StyleSheet.flatten([containerStyle, customStyle]);
     }, [containerStyle, customStyle]);
@@ -222,8 +305,32 @@ export function Outer({ componentContext, children, style: customStyle }) {
             res.borderBottomRightRadius = s.borderBottomRightRadius;
         return res;
     }, [finalStyle]);
-    // Render with or without Pressable based on actions
+    // Render with actions and animation
     if (hasActions) {
+        const hasAnimation = parsedAnimations.length > 0;
+        if (hasAnimation) {
+            // Build animated style with opacity/scale overrides
+            const animatedStyle = { ...finalStyle };
+            if (hasFadeAnimation) {
+                const staticOpacity = animatedStyle.opacity;
+                if (staticOpacity !== undefined && staticOpacity !== 1) {
+                    animatedStyle.opacity = Animated.multiply(animOpacity, staticOpacity);
+                }
+                else {
+                    animatedStyle.opacity = animOpacity;
+                }
+            }
+            if (hasScaleAnimation) {
+                const existingTransform = animatedStyle.transform || [];
+                animatedStyle.transform = [...existingTransform, { scale: animScale }];
+            }
+            return (<Pressable onPress={handlePress} onPressIn={onPressIn} onPressOut={onPressOut} style={{ alignSelf: finalStyle?.alignSelf, flexGrow: finalStyle?.flexGrow, flexShrink: finalStyle?.flexShrink }}>
+                    <Animated.View style={animatedStyle}>
+                        <Background layers={background} style={borderStyle}/>
+                        {children}
+                    </Animated.View>
+                </Pressable>);
+        }
         return (<Pressable onPress={handlePress} style={finalStyle}>
                 <Background layers={background} style={borderStyle}/>
                 {children}

package/dist/components/utilities/Outer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Outer.js","sourceRoot":"","sources":["../../../src/components/utilities/Outer.tsx"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Outer.js","sourceRoot":"","sources":["../../../src/components/utilities/Outer.tsx"],"names":[],"mappings":"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"}

package/dist/utils/flattenAnimation.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { MaybeMissing } from '../expressions/json';
+import type { Animation, AnyAnimation } from '../types/animation';
+export declare function flattenAnimation(animation: MaybeMissing<Animation>): MaybeMissing<AnyAnimation>[];
+//# sourceMappingURL=flattenAnimation.d.ts.map

package/dist/utils/flattenAnimation.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"flattenAnimation.d.ts","sourceRoot":"","sources":["../../src/utils/flattenAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElE,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,EAAE,CAYjG"}

package/dist/utils/flattenAnimation.js ADDED Viewed

@@ -0,0 +1,13 @@
+export function flattenAnimation(animation) {
+    const res = [];
+    if (animation.name === 'set') {
+        (animation.items || []).forEach(item => {
+            res.push(...flattenAnimation(item));
+        });
+    }
+    else {
+        res.push(animation);
+    }
+    return res;
+}
+//# sourceMappingURL=flattenAnimation.js.map

package/dist/utils/flattenAnimation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"flattenAnimation.js","sourceRoot":"","sources":["../../src/utils/flattenAnimation.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,gBAAgB,CAAC,SAAkC;IAC/D,MAAM,GAAG,GAAiC,EAAE,CAAC;IAE7C,IAAI,SAAS,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;QAC3B,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnC,GAAG,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACP,CAAC;SAAM,CAAC;QACJ,GAAG,CAAC,IAAI,CAAC,SAAuC,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,GAAG,CAAC;AACf,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "react-native-divkit",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "DivKit renderer for React Native - Server-driven UI framework",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/text/DivText.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { PixelRatio, Text, TextStyle } from 'react-native';
+import { PixelRatio, Text, TextStyle, ViewStyle } from 'react-native';
 import type { ComponentContext } from '../../types/componentContext';
 import type { DivTextData, FontSizeUnit, FontWeight, Truncate } from '../../types/text';
 import { Outer } from '../utilities/Outer';
@@ -46,6 +46,11 @@ export function DivText({ componentContext }: DivTextProps) {
         variables || new Map()
     );
+    const textAlignmentVertical = useDerivedFromVarsSimple(
+        json.text_alignment_vertical || 'top',
+        variables || new Map()
+    );
     const fontSizeUnit = useDerivedFromVarsSimple<FontSizeUnit>(json.font_size_unit || 'sp', variables || new Map());
     const maxLines = useDerivedFromVarsSimple<number | undefined>(json.max_lines, variables || new Map());
@@ -175,11 +180,33 @@ export function DivText({ componentContext }: DivTextProps) {
         return undefined;
     }, [json.truncate, numberOfLines]);
-    // Vertical alignment is handled by Outer component via alignment props
-    // For text, we primarily care about horizontal alignment which is in textStyle
+    // Build wrapper style for text block alignment inside the Outer container
+    // In Web, .text is display:flex with justify-content (halign) and align-items (valign)
+    // In RN (column layout): justifyContent = vertical, alignItems = horizontal
+    const outerStyle = useMemo((): ViewStyle => {
+        const style: ViewStyle = {};
+        // Vertical alignment of text block
+        switch (textAlignmentVertical) {
+            case 'center':
+                style.justifyContent = 'center';
+                break;
+            case 'bottom':
+                style.justifyContent = 'flex-end';
+                break;
+            case 'baseline':
+                style.justifyContent = 'flex-end';
+                break;
+            default: // top
+                style.justifyContent = 'flex-start';
+                break;
+        }
+        return style;
+    }, [textAlignmentVertical]);
     return (
-        <Outer componentContext={componentContext}>
+        <Outer componentContext={componentContext} style={outerStyle}>
             <Text
                 style={textStyle}
                 numberOfLines={numberOfLines}

package/src/components/utilities/Outer.tsx CHANGED Viewed

@@ -1,15 +1,90 @@
-import React, { ReactNode, useMemo } from 'react';
-import { View, Pressable, ViewStyle, StyleSheet } from 'react-native';
+import React, { ReactNode, useMemo, useRef, useCallback } from 'react';
+import { View, Pressable, Animated, ViewStyle, StyleSheet, Easing, EasingFunction } from 'react-native';
 import type { ComponentContext } from '../../types/componentContext';
 import type { DivBaseData } from '../../types/base';
 import type { Visibility } from '../../types/base';
 import type { FixedSize, MatchParentSize } from '../../types/sizes';
 import type { MaybeMissing } from '../../expressions/json';
+import type { Animation } from '../../types/animation';
+import type { Interpolation } from '../../../typings/common';
 import { useDerivedFromVarsSimple } from '../../hooks/useDerivedFromVars';
 import { useActionHandler, useHasActions } from '../../hooks/useAction';
 import { useDivKitContext } from '../../context/DivKitContext';
 import { useLayoutParams } from '../../context/LayoutParamsContext';
 import { Background } from './Background';
+import { flattenAnimation } from '../../utils/flattenAnimation';
+function resolveAlignSelf(
+    alignment: string | undefined,
+    dir: string
+): 'flex-start' | 'center' | 'flex-end' | undefined {
+    if (!alignment) return undefined;
+    switch (alignment) {
+        case 'center':
+            return 'center';
+        case 'left':
+            return dir === 'rtl' ? 'flex-end' : 'flex-start';
+        case 'right':
+            return dir === 'rtl' ? 'flex-start' : 'flex-end';
+        case 'start':
+            return 'flex-start';
+        case 'end':
+            return 'flex-end';
+        default:
+            return undefined;
+    }
+}
+function interpolationToEasing(interpolator: Interpolation | undefined): EasingFunction {
+    switch (interpolator) {
+        case 'linear':
+            return Easing.linear;
+        case 'ease':
+            return Easing.ease;
+        case 'ease_in':
+            return Easing.in(Easing.ease);
+        case 'ease_out':
+            return Easing.out(Easing.ease);
+        case 'ease_in_out':
+            return Easing.inOut(Easing.ease);
+        case 'spring':
+            return Easing.inOut(Easing.ease);
+        default:
+            return Easing.inOut(Easing.ease);
+    }
+}
+interface ParsedActionAnimation {
+    type: 'fade' | 'scale';
+    startValue: number;
+    endValue: number;
+    duration: number;
+    startDelay: number;
+    easing: EasingFunction;
+}
+function parseActionAnimations(animation: MaybeMissing<Animation> | undefined): ParsedActionAnimation[] {
+    if (!animation) return [];
+    const list = flattenAnimation(animation);
+    const result: ParsedActionAnimation[] = [];
+    for (const anim of list) {
+        if (anim.name === 'fade' || anim.name === 'scale') {
+            result.push({
+                type: anim.name,
+                startValue: anim.start_value ?? 1,
+                endValue: anim.end_value ?? 1,
+                duration: Math.max(0, anim.duration ?? 300),
+                startDelay: Math.max(0, anim.start_delay ?? 0),
+                easing: interpolationToEasing(anim.interpolator),
+            });
+        }
+        // 'native' and 'no_animation' are ignored
+    }
+    return result;
+}
 export interface OuterProps<T extends DivBaseData = DivBaseData> {
     componentContext: ComponentContext<T>;
@@ -19,9 +94,9 @@ export interface OuterProps<T extends DivBaseData = DivBaseData> {
 /**
  * Outer component - base wrapper for all DivKit components
- * Handles visibility, sizing, padding, margins, background, borders, and actions
+ * Handles visibility, sizing, padding, margins, background, borders, actions and action_animation
  *
- * Based on Web Outer.svelte but simplified for React Native MVP
+ * Based on Web Outer.svelte
  */
 export function Outer<T extends DivBaseData = DivBaseData>({
     componentContext,
@@ -33,7 +108,6 @@ export function Outer<T extends DivBaseData = DivBaseData>({
     const { json, variables } = componentContext;
     // Only use reactive hooks for truly dynamic properties (visibility, alpha)
-    // For MVP, other properties are read directly from JSON (can be enhanced later)
     const visibility = useDerivedFromVarsSimple<Visibility>(json.visibility || 'visible', variables || new Map());
     const alpha = useDerivedFromVarsSimple<number>(json.alpha !== undefined ? json.alpha : 1, variables || new Map());
@@ -44,13 +118,66 @@ export function Outer<T extends DivBaseData = DivBaseData>({
     const border = useDerivedFromVarsSimple(json.border, variables || new Map());
     const width = useDerivedFromVarsSimple(json.width, variables || new Map());
     const height = useDerivedFromVarsSimple(json.height, variables || new Map());
+    const alignmentHorizontal = useDerivedFromVarsSimple(json.alignment_horizontal, variables || new Map());
+    const alignmentVertical = useDerivedFromVarsSimple(json.alignment_vertical, variables || new Map());
-    // Actions - use type assertion for now (will be refined in component implementations)
+    // Actions
     const jsonAny = json as any;
     const actions = jsonAny.actions || (jsonAny.action ? [jsonAny.action] : []);
     const hasActions = useHasActions(actions);
     const handlePress = useActionHandler(actions, { componentContext });
+    // Action animation
+    const actionAnimation = jsonAny.action_animation as MaybeMissing<Animation> | undefined;
+    const parsedAnimations = useMemo(() => parseActionAnimations(actionAnimation), [actionAnimation]);
+    const hasFadeAnimation = parsedAnimations.some(a => a.type === 'fade');
+    const hasScaleAnimation = parsedAnimations.some(a => a.type === 'scale');
+    // Animated values (created once, stable refs)
+    const animOpacity = useRef(new Animated.Value(1)).current;
+    const animScale = useRef(new Animated.Value(1)).current;
+    const onPressIn = useCallback(() => {
+        if (parsedAnimations.length === 0) return;
+        const anims: Animated.CompositeAnimation[] = [];
+        for (const anim of parsedAnimations) {
+            const target = anim.type === 'fade' ? animOpacity : animScale;
+            anims.push(
+                Animated.timing(target, {
+                    toValue: anim.endValue,
+                    duration: anim.duration,
+                    delay: anim.startDelay,
+                    easing: anim.easing,
+                    useNativeDriver: true,
+                })
+            );
+        }
+        Animated.parallel(anims).start();
+    }, [parsedAnimations, animOpacity, animScale]);
+    const onPressOut = useCallback(() => {
+        if (parsedAnimations.length === 0) return;
+        const anims: Animated.CompositeAnimation[] = [];
+        for (const anim of parsedAnimations) {
+            const target = anim.type === 'fade' ? animOpacity : animScale;
+            anims.push(
+                Animated.timing(target, {
+                    toValue: anim.startValue,
+                    duration: anim.duration,
+                    delay: anim.startDelay,
+                    easing: anim.easing,
+                    useNativeDriver: true,
+                })
+            );
+        }
+        Animated.parallel(anims).start();
+    }, [parsedAnimations, animOpacity, animScale]);
     // Early return for gone visibility
     if (visibility === 'gone') {
         return null;
@@ -76,18 +203,16 @@ export function Outer<T extends DivBaseData = DivBaseData>({
                 styles.width = (widthVal as FixedSize).value;
             } else if (widthVal.type === 'match_parent') {
                 styles.alignSelf = 'stretch';
-                // flexGrow only on the main axis (horizontal parent)
                 if (parentOrientation === 'horizontal') {
                     styles.flexGrow = (widthVal as MatchParentSize).weight || 1;
                     styles.flexShrink = 1;
                 }
             } else if (widthVal.type === 'wrap_content') {
-                styles.alignSelf = 'flex-start';
+                const hAlign = resolveAlignSelf(alignmentHorizontal as string | undefined, direction);
+                styles.alignSelf = hAlign || 'flex-start';
             }
         } else {
-            // Default: match_parent
             styles.alignSelf = 'stretch';
-            // flexGrow only on the main axis (horizontal parent) or outside a container
             if (!parentOrientation || parentOrientation === 'horizontal') {
                 styles.flexGrow = 1;
                 styles.flexShrink = 1;
@@ -100,15 +225,12 @@ export function Outer<T extends DivBaseData = DivBaseData>({
             if (heightVal.type === 'fixed') {
                 styles.height = (heightVal as FixedSize).value;
             } else if (heightVal.type === 'match_parent') {
-                // flexGrow only on the main axis (vertical parent)
                 if (parentOrientation === 'vertical') {
                     styles.flexGrow = (heightVal as MatchParentSize).weight || 1;
                 } else {
-                    // Cross axis — stretch via alignSelf or explicit height
                     styles.alignSelf = 'stretch';
                 }
             }
-            // wrap_content is default in React Native
         }
         // Paddings
@@ -117,7 +239,6 @@ export function Outer<T extends DivBaseData = DivBaseData>({
             if (p.top !== undefined) styles.paddingTop = p.top;
             if (p.bottom !== undefined) styles.paddingBottom = p.bottom;
-            // Handle RTL for start/end
             if (direction === 'rtl') {
                 if (p.start !== undefined) styles.paddingRight = p.start;
                 if (p.end !== undefined) styles.paddingLeft = p.end;
@@ -126,7 +247,6 @@ export function Outer<T extends DivBaseData = DivBaseData>({
                 if (p.end !== undefined) styles.paddingRight = p.end;
             }
-            // Fallback to left/right if start/end not provided
             if (p.left !== undefined && p.start === undefined) {
                 styles.paddingLeft = p.left;
             }
@@ -141,7 +261,6 @@ export function Outer<T extends DivBaseData = DivBaseData>({
             if (m.top !== undefined) styles.marginTop = m.top;
             if (m.bottom !== undefined) styles.marginBottom = m.bottom;
-            // Handle RTL for start/end
             if (direction === 'rtl') {
                 if (m.start !== undefined) styles.marginRight = m.start;
                 if (m.end !== undefined) styles.marginLeft = m.end;
@@ -150,7 +269,6 @@ export function Outer<T extends DivBaseData = DivBaseData>({
                 if (m.end !== undefined) styles.marginRight = m.end;
             }
-            // Fallback to left/right
             if (m.left !== undefined && m.start === undefined) {
                 styles.marginLeft = m.left;
             }
@@ -159,8 +277,6 @@ export function Outer<T extends DivBaseData = DivBaseData>({
             }
         }
-        // Background handled by Background component
         // Border
         if (border) {
             const b = border as any;
@@ -172,11 +288,9 @@ export function Outer<T extends DivBaseData = DivBaseData>({
                 styles.borderStyle = b.stroke.style?.type === 'dashed' ? 'dashed' : 'solid';
             }
-            // Border radius
             if (b.corner_radius !== undefined) {
                 styles.borderRadius = b.corner_radius;
             } else if (b.corners_radius) {
-                // React Native supports individual corners
                 const corners = b.corners_radius;
                 if (corners['top-left'] !== undefined) {
                     styles.borderTopLeftRadius = corners['top-left'];
@@ -192,7 +306,6 @@ export function Outer<T extends DivBaseData = DivBaseData>({
                 }
             }
-            // Shadow (box-shadow equivalent)
             if (b.has_shadow) {
                 const shadow = b.shadow;
                 if (shadow) {
@@ -203,10 +316,8 @@ export function Outer<T extends DivBaseData = DivBaseData>({
                     };
                     styles.shadowOpacity = shadow.alpha !== undefined ? shadow.alpha : 0.18;
                     styles.shadowRadius = shadow.blur || 2;
-                    // Android elevation
                     styles.elevation = 3;
                 } else {
-                    // Default shadow
                     styles.shadowColor = '#000000';
                     styles.shadowOffset = { width: 0, height: 1 };
                     styles.shadowOpacity = 0.18;
@@ -217,7 +328,7 @@ export function Outer<T extends DivBaseData = DivBaseData>({
         }
         return styles;
-    }, [visibility, alpha, width, height, paddings, margins, background, border, direction, layoutParams]);
+    }, [visibility, alpha, width, height, paddings, margins, background, border, direction, layoutParams, alignmentHorizontal, alignmentVertical]);
     const finalStyle = useMemo(() => {
         return StyleSheet.flatten([containerStyle, customStyle]);
@@ -234,8 +345,43 @@ export function Outer<T extends DivBaseData = DivBaseData>({
         return res;
     }, [finalStyle]);
-    // Render with or without Pressable based on actions
+    // Render with actions and animation
     if (hasActions) {
+        const hasAnimation = parsedAnimations.length > 0;
+        if (hasAnimation) {
+            // Build animated style with opacity/scale overrides
+            const animatedStyle: any = { ...finalStyle };
+            if (hasFadeAnimation) {
+                const staticOpacity = animatedStyle.opacity;
+                if (staticOpacity !== undefined && staticOpacity !== 1) {
+                    animatedStyle.opacity = Animated.multiply(animOpacity, staticOpacity);
+                } else {
+                    animatedStyle.opacity = animOpacity;
+                }
+            }
+            if (hasScaleAnimation) {
+                const existingTransform = animatedStyle.transform || [];
+                animatedStyle.transform = [...existingTransform, { scale: animScale }];
+            }
+            return (
+                <Pressable
+                    onPress={handlePress}
+                    onPressIn={onPressIn}
+                    onPressOut={onPressOut}
+                    style={{ alignSelf: finalStyle?.alignSelf, flexGrow: finalStyle?.flexGrow, flexShrink: finalStyle?.flexShrink }}
+                >
+                    <Animated.View style={animatedStyle}>
+                        <Background layers={background as any} style={borderStyle} />
+                        {children}
+                    </Animated.View>
+                </Pressable>
+            );
+        }
         return (
             <Pressable onPress={handlePress} style={finalStyle}>
                 <Background layers={background as any} style={borderStyle} />

package/src/types/actionable.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import type { Action } from '../../typings/common';
+import type { Animation } from './animation';
+export interface DivActionableData {
+    action?: Action;
+    actions?: Action[];
+    longtap_actions?: Action[];
+    doubletap_actions?: Action[];
+    action_animation?: Animation;
+    hover_start_actions?: Action[];
+    hover_end_actions?: Action[];
+    press_start_actions?: Action[];
+    press_end_actions?: Action[];
+    capture_focus_on_action?: boolean;
+}

package/src/types/animation.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import type { Interpolation } from '../../typings/common';
+export type AnimationType = 'fade' | 'scale' | 'native' | 'no_animation' | 'translate';
+export interface AnyAnimation {
+    name: AnimationType;
+    duration?: number;
+    start_delay?: number;
+    start_value?: number;
+    end_value?: number;
+    interpolator?: Interpolation;
+}
+export interface AnimationSet {
+    name: 'set';
+    items: Animation[];
+}
+export type Animation = AnyAnimation | AnimationSet;

package/src/utils/flattenAnimation.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import type { MaybeMissing } from '../expressions/json';
+import type { Animation, AnyAnimation } from '../types/animation';
+export function flattenAnimation(animation: MaybeMissing<Animation>): MaybeMissing<AnyAnimation>[] {
+    const res: MaybeMissing<AnyAnimation>[] = [];
+    if (animation.name === 'set') {
+        (animation.items || []).forEach(item => {
+            res.push(...flattenAnimation(item));
+        });
+    } else {
+        res.push(animation as MaybeMissing<AnyAnimation>);
+    }
+    return res;
+}