react-native-divkit 1.6.5 → 1.8.0

package/dist/components/pager/utils.js

@@ -0,0 +1,142 @@
+/**
+ * Pure helpers for DivPager. Extracted so they can be unit-tested without
+ * having to render the React tree.
+ */
+/**
+ * Compute the size of a single page along the main axis. Mirrors the Web
+ * Pager.svelte autoSizeVal calculation:
+ * - fixed + center: containerSize − 2·neighbour − 2·spacing
+ * - fixed + start/end: containerSize − neighbour − spacing
+ * - percentage: containerSize · page_width / 100
+ * - wrap_content / unknown: usable area (containerSize − paddings)
+ */
+export function computePageSize(args) {
+    const { containerSize, layoutMode, scrollAxisAlignment, itemSpacing, innerPadStart, innerPadEnd } = args;
+    if (containerSize <= 0)
+        return 0;
+    const usable = containerSize - innerPadStart - innerPadEnd;
+    const lm = layoutMode;
+    if (lm && lm.type === 'fixed') {
+        const neighbourW = lm.neighbour_page_width?.value ?? 0;
+        if (scrollAxisAlignment === 'center') {
+            return Math.max(0, containerSize - 2 * neighbourW - 2 * itemSpacing);
+        }
+        return Math.max(0, containerSize - neighbourW - itemSpacing);
+    }
+    if (lm && lm.type === 'percentage') {
+        const pageW = lm.page_width?.value ?? 100;
+        return Math.max(0, (containerSize * pageW) / 100);
+    }
+    return Math.max(0, usable);
+}
+/**
+ * Compute the contentContainer paddings the inner ScrollView needs so that the
+ * first/last items snap to the right visual position (centre/start/end). In
+ * infinite mode the duplicates take that role and we use zero padding.
+ */
+export function computeContentPad(args) {
+    const { containerSize, pageSize, innerPadStart, innerPadEnd, layoutMode, scrollAxisAlignment, itemSpacing, isInfinite } = args;
+    if (containerSize <= 0 || pageSize <= 0) {
+        return { start: innerPadStart, end: innerPadEnd };
+    }
+    if (isInfinite) {
+        return { start: 0, end: 0 };
+    }
+    const lm = layoutMode;
+    if (lm && lm.type === 'fixed') {
+        const neighbourW = lm.neighbour_page_width?.value ?? 0;
+        if (scrollAxisAlignment === 'center') {
+            const pad = neighbourW + itemSpacing;
+            return { start: pad, end: pad };
+        }
+        if (scrollAxisAlignment === 'start') {
+            return { start: innerPadStart, end: neighbourW + itemSpacing + innerPadEnd };
+        }
+        if (scrollAxisAlignment === 'end') {
+            return { start: neighbourW + itemSpacing + innerPadStart, end: innerPadEnd };
+        }
+    }
+    return { start: innerPadStart, end: innerPadEnd };
+}
+export const DUPLICATES_IN_INFINITE = 2;
+/**
+ * Map a "real" item index (0..size-1) to its rendered position.
+ * In infinite mode the real items live in [DUPLICATES, DUPLICATES + size).
+ */
+export function realToPosition(realIdx, isInfinite, duplicates = DUPLICATES_IN_INFINITE) {
+    return isInfinite ? duplicates + realIdx : realIdx;
+}
+/**
+ * Map a rendered position back to the real index. Wraps modulo `size` when
+ * the position lands inside the duplicate region.
+ */
+export function positionToReal(pos, isInfinite, size, duplicates = DUPLICATES_IN_INFINITE) {
+    if (size <= 0)
+        return 0;
+    if (!isInfinite) {
+        return Math.max(0, Math.min(size - 1, pos));
+    }
+    const inner = pos - duplicates;
+    return ((inner % size) + size) % size;
+}
+/**
+ * True when `pos` corresponds to one of the duplicate entries (only meaningful
+ * in infinite mode).
+ */
+export function isInDuplicateRegion(pos, isInfinite, size, duplicates = DUPLICATES_IN_INFINITE) {
+    if (!isInfinite)
+        return false;
+    return pos < duplicates || pos >= duplicates + size;
+}
+/**
+ * Build the list of items to render. In infinite mode this prefixes the array
+ * with `duplicates` copies of the last items and suffixes it with `duplicates`
+ * copies of the first items, so the user can swipe past either edge and land
+ * on something visually identical to the wrap-around target.
+ */
+export function buildRenderedItems(items, isInfinite, duplicates = DUPLICATES_IN_INFINITE) {
+    if (!items.length)
+        return [];
+    if (!isInfinite) {
+        return items.map((item, index) => ({ item, realIndex: index, key: `r-${index}` }));
+    }
+    const size = items.length;
+    const head = [];
+    const tail = [];
+    for (let i = 0; i < duplicates; i++) {
+        const realIdx = (size - duplicates + i + size) % size;
+        head.push({ item: items[realIdx], realIndex: realIdx, key: `dup-h-${i}` });
+    }
+    for (let i = 0; i < duplicates; i++) {
+        const realIdx = i % size;
+        tail.push({ item: items[realIdx], realIndex: realIdx, key: `dup-t-${i}` });
+    }
+    const real = items.map((item, index) => ({
+        item,
+        realIndex: index,
+        key: `r-${index}`
+    }));
+    return [...head, ...real, ...tail];
+}
+/**
+ * Decide whether infinite_scroll should actually be active.
+ * Mirrors Web's correctBooleanInt + the `items.length >= DUPLICATES_IN_INFINITE`
+ * gate.
+ */
+export function isInfiniteEnabled(infiniteValue, itemsLength) {
+    const truthy = infiniteValue === true ||
+        infiniteValue === 1 ||
+        infiniteValue === '1' ||
+        infiniteValue === 'true';
+    return truthy && itemsLength >= DUPLICATES_IN_INFINITE;
+}
+/**
+ * Convert a scroll offset (in px) into a snap position (rounded). Returns 0
+ * when snapInterval <= 0.
+ */
+export function offsetToPosition(offset, snapInterval) {
+    if (snapInterval <= 0)
+        return 0;
+    return Math.round(offset / snapInterval);
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/pager/utils.js.map

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

package/dist/components/state/DivState.d.ts

@@ -6,21 +6,20 @@ export interface DivStateProps {
 }
 /**
  * DivState component - renders different content based on state
- * MVP implementation with basic features:
+ *
+ * Supports:
  * - State selection by state_id
  * - Default state
- * - State switching via actions (set_state)
- * - State registration in StateContext
- * - State variable binding (state_id_variable)
- *
- * Deferred for post-MVP:
- * - Transition animations (in/out/change)
- * - Animation timing and interpolation
- * - Clip to bounds
- * - Advanced state management
- * - Multiple concurrent state transitions
+ * - State switching via actions (set_state) and via state_id_variable two-way binding
+ * - transition_change on the state container (smooth layout transitions for neighbours via
+ *   configureChangeBoundsLayout)
+ * - Per-element transition_out for children declaring it in the OUTGOING state JSON
+ *   (children register a playOut via DivStateScopeContext; DivState awaits them in parallel
+ *   before mounting the new state). Transition_in for the INCOMING children plays automatically
+ *   on mount via Outer's mode='auto-in'.
  *
- * Based on Web State.svelte
+ * Based on Web State.svelte (simplified — no per-element bbox tracking for transition_change
+ * within state subtree).
  */
 export declare function DivState({ componentContext }: DivStateProps): React.JSX.Element;
 //# sourceMappingURL=DivState.d.ts.map

package/dist/components/state/DivState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DivState.d.ts","sourceRoot":"","sources":["../../../src/components/state/DivState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAS,MAAM,mBAAmB,CAAC;AAM7D,MAAM,WAAW,aAAa;IAC1B,gBAAgB,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;CACpD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,EAAE,aAAa,qBA6G3D"}
+{"version":3,"file":"DivState.d.ts","sourceRoot":"","sources":["../../../src/components/state/DivState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAS,MAAM,mBAAmB,CAAC;AAW7D,MAAM,WAAW,aAAa;IAC1B,gBAAgB,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;CACpD;AAcD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,EAAE,aAAa,qBAuR3D"}

package/dist/components/state/DivState.js

@@ -1,63 +1,154 @@
-import React, { useState, useEffect, useMemo } from 'react';
-import { View } from 'react-native';
+import React, { useState, useEffect, useMemo, useCallback, useRef } from 'react';
+import { Animated, Easing, View } from 'react-native';
 import { Outer } from '../utilities/Outer';
 import { useStateContext } from '../../context/StateContext';
 import { useDivKitContext } from '../../context/DivKitContext';
+import { DivStateScopeContext } from '../../context/DivStateScopeContext';
+import { LayoutParamsContext } from '../../context/LayoutParamsContext';
 import { wrapError } from '../../utils/wrapError';
+import { flattenChangeTransition } from '../../utils/flattenTransition';
 /**
  * DivState component - renders different content based on state
- * MVP implementation with basic features:
+ *
+ * Supports:
  * - State selection by state_id
  * - Default state
- * - State switching via actions (set_state)
- * - State registration in StateContext
- * - State variable binding (state_id_variable)
- *
- * Deferred for post-MVP:
- * - Transition animations (in/out/change)
- * - Animation timing and interpolation
- * - Clip to bounds
- * - Advanced state management
- * - Multiple concurrent state transitions
+ * - State switching via actions (set_state) and via state_id_variable two-way binding
+ * - transition_change on the state container (smooth layout transitions for neighbours via
+ *   configureChangeBoundsLayout)
+ * - Per-element transition_out for children declaring it in the OUTGOING state JSON
+ *   (children register a playOut via DivStateScopeContext; DivState awaits them in parallel
+ *   before mounting the new state). Transition_in for the INCOMING children plays automatically
+ *   on mount via Outer's mode='auto-in'.
  *
- * Based on Web State.svelte
+ * Based on Web State.svelte (simplified — no per-element bbox tracking for transition_change
+ * within state subtree).
  */
 export function DivState({ componentContext }) {
     const { json } = componentContext;
     const { getVariable } = useDivKitContext();
     const { registerState } = useStateContext();
-    // Get state ID for registration
     const stateId = json.div_id || json.id;
-    // Find default state
     const defaultStateId = useMemo(() => {
         if (json.default_state_id) {
             return json.default_state_id;
         }
-        // If no default, use first state
         if (json.states && json.states.length > 0) {
             return json.states[0].state_id;
         }
         return undefined;
     }, [json.default_state_id, json.states]);
-    // State management
     const [currentStateId, setCurrentStateId] = useState(defaultStateId);
+    const [stagedStateChange, setStagedStateChange] = useState(null);
+    const [contentSize, setContentSize] = useState(null);
+    // True while we're awaiting transition_out of the previous state — we keep rendering the
+    // outgoing children during this window so their out-animations remain visible.
+    const [pendingStateId, setPendingStateId] = useState(undefined);
+    // Registry of transition_out players from children inside this state's scope.
+    // The set is REPLACED each time the state swaps (because children unmount), so we don't need
+    // explicit clearing — old entries are pruned naturally by Outer's cleanup effect.
+    const outPlayersRef = useRef(new Set());
+    const scopeValue = useMemo(() => ({
+        registerTransitionOutPlayer(play) {
+            outPlayersRef.current.add(play);
+            return () => {
+                outPlayersRef.current.delete(play);
+            };
+        }
+    }), []);
+    const transitionChange = json.transition_change;
+    const stageTimerRef = useRef(null);
+    const animatedFrame = useRef({
+        left: new Animated.Value(0),
+        top: new Animated.Value(0),
+        width: new Animated.Value(0),
+        height: new Animated.Value(0),
+    }).current;
+    const applyStateChange = useCallback(async (newStateId) => {
+        if (newStateId === currentStateId || newStateId === pendingStateId)
+            return;
+        const outPlayers = Array.from(outPlayersRef.current);
+        if (outPlayers.length > 0) {
+            setPendingStateId(newStateId);
+            try {
+                await Promise.all(outPlayers.map(p => p()));
+            }
+            catch (err) {
+                componentContext.logError(wrapError(err, {
+                    additional: { phase: 'state_transition_out' }
+                }));
+            }
+        }
+        const nextState = json.states?.find(state => state.state_id === newStateId);
+        const previousState = json.states?.find(state => state.state_id === currentStateId);
+        const nextTransitionChange = nextState?.div?.transition_change;
+        const currentTransitionChange = previousState?.div?.transition_change;
+        const effectiveTransitionChange = nextTransitionChange || currentTransitionChange || transitionChange;
+        const duration = getChangeBoundsDuration(effectiveTransitionChange);
+        if (previousState?.div && nextState?.div && contentSize && duration > 0) {
+            const fromFrame = getChildFrame(previousState.div, contentSize);
+            const toFrame = getChildFrame(nextState.div, contentSize);
+            animatedFrame.left.setValue(fromFrame.left);
+            animatedFrame.top.setValue(fromFrame.top);
+            animatedFrame.width.setValue(fromFrame.width);
+            animatedFrame.height.setValue(fromFrame.height);
+            setPendingStateId(newStateId);
+            setStagedStateChange({
+                targetStateId: newStateId,
+                div: createOverlayDiv(previousState.div)
+            });
+            await new Promise(resolve => {
+                if (stageTimerRef.current) {
+                    clearTimeout(stageTimerRef.current);
+                }
+                Animated.parallel([
+                    Animated.timing(animatedFrame.left, {
+                        toValue: toFrame.left,
+                        duration,
+                        easing: Easing.inOut(Easing.ease),
+                        useNativeDriver: false,
+                    }),
+                    Animated.timing(animatedFrame.top, {
+                        toValue: toFrame.top,
+                        duration,
+                        easing: Easing.inOut(Easing.ease),
+                        useNativeDriver: false,
+                    }),
+                    Animated.timing(animatedFrame.width, {
+                        toValue: toFrame.width,
+                        duration,
+                        easing: Easing.inOut(Easing.ease),
+                        useNativeDriver: false,
+                    }),
+                    Animated.timing(animatedFrame.height, {
+                        toValue: toFrame.height,
+                        duration,
+                        easing: Easing.inOut(Easing.ease),
+                        useNativeDriver: false,
+                    }),
+                ]).start(() => {
+                    resolve();
+                });
+            });
+        }
+        setCurrentStateId(newStateId);
+        setStagedStateChange(null);
+        setPendingStateId(undefined);
+    }, [currentStateId, pendingStateId, json.states, transitionChange, contentSize, animatedFrame, componentContext]);
     // Handle state_id_variable (two-way binding)
     const stateVariableName = json.state_id_variable;
     const stateVariable = stateVariableName ? getVariable(stateVariableName) : undefined;
-    // Sync with state variable
     useEffect(() => {
         if (stateVariable) {
-            // Subscribe to variable changes
             const unsubscribe = stateVariable.subscribe((value) => {
                 if (typeof value === 'string' && value !== currentStateId) {
-                    setCurrentStateId(value);
+                    void applyStateChange(value);
                 }
             });
             return unsubscribe;
         }
         return undefined;
-    }, [stateVariable, currentStateId]);
-    // Update variable when state changes
+    }, [stateVariable, currentStateId, applyStateChange]);
     useEffect(() => {
         if (stateVariable && currentStateId) {
             const currentValue = stateVariable.getValue();
@@ -66,18 +157,16 @@ export function DivState({ componentContext }) {
             }
         }
     }, [stateVariable, currentStateId]);
-    // Register state in context for set_state action
     useEffect(() => {
         if (stateId) {
             const unregister = registerState(stateId, async (newStateId) => {
-                setCurrentStateId(newStateId);
+                await applyStateChange(newStateId);
                 return undefined;
             });
             return unregister;
         }
         return undefined;
-    }, [stateId, registerState]);
-    // Validate states
+    }, [stateId, registerState, applyStateChange]);
     useEffect(() => {
         if (!json.states || json.states.length === 0) {
             componentContext.logError(wrapError(new Error('Empty "states" prop for div "state"')));
@@ -86,7 +175,14 @@ export function DivState({ componentContext }) {
             componentContext.logError(wrapError(new Error('Missing "id" prop for div "state"')));
         }
     }, [json.states, stateId, componentContext]);
-    // Find current state
+    useEffect(() => {
+        return () => {
+            if (stageTimerRef.current) {
+                clearTimeout(stageTimerRef.current);
+                stageTimerRef.current = null;
+            }
+        };
+    }, []);
     const currentState = useMemo(() => {
         if (!json.states)
             return undefined;
@@ -95,17 +191,29 @@ export function DivState({ componentContext }) {
             return undefined;
         return found;
     }, [json.states, currentStateId]);
-    // Create child context for current state
+    const renderedDiv = currentState?.div;
     const childContext = useMemo(() => {
-        if (!currentState?.div)
+        if (!renderedDiv)
             return undefined;
-        return componentContext.produceChildContext(currentState.div, {
+        return componentContext.produceChildContext(renderedDiv, {
             path: currentStateId
         });
-    }, [currentState, currentStateId, componentContext]);
-    // Render current state
+    }, [renderedDiv, currentStateId, componentContext]);
+    const contentStyle = useMemo(() => {
+        const child = renderedDiv;
+        const style = {
+            width: '100%',
+            alignItems: mapAlignmentToFlex(child?.alignment_horizontal),
+            justifyContent: mapAlignmentToFlex(child?.alignment_vertical),
+        };
+        const heightType = json.height?.type;
+        if (heightType === 'fixed' || heightType === 'match_parent') {
+            style.flex = 1;
+        }
+        return style;
+    }, [renderedDiv, json.height]);
     const renderContent = () => {
-        if (!currentState?.div || !childContext) {
+        if (!renderedDiv || !childContext) {
             return null;
         }
         // Import DivComponent dynamically to avoid circular dependency
@@ -113,8 +221,128 @@ export function DivState({ componentContext }) {
         const DivComponent = require('../DivComponent').DivComponent;
         return <DivComponent componentContext={childContext}/>;
     };
+    const overlayContext = useMemo(() => {
+        if (!stagedStateChange?.div)
+            return undefined;
+        return componentContext.produceChildContext(stagedStateChange.div, {
+            path: currentStateId
+        });
+    }, [stagedStateChange, currentStateId, componentContext]);
+    const renderOverlay = () => {
+        if (!stagedStateChange?.div || !overlayContext) {
+            return null;
+        }
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        const DivComponent = require('../DivComponent').DivComponent;
+        return (<Animated.View pointerEvents="none" style={{
+                position: 'absolute',
+                left: animatedFrame.left,
+                top: animatedFrame.top,
+                width: animatedFrame.width,
+                height: animatedFrame.height,
+                overflow: 'hidden',
+            }}>
+                <LayoutParamsContext.Provider value={{ parentContainerOrientation: 'vertical' }}>
+                    <DivComponent componentContext={overlayContext}/>
+                </LayoutParamsContext.Provider>
+            </Animated.View>);
+    };
+    const handleContentLayout = useCallback((event) => {
+        const { width, height } = event.nativeEvent.layout;
+        setContentSize(prev => {
+            if (prev && prev.width === width && prev.height === height)
+                return prev;
+            return { width, height };
+        });
+    }, []);
     return (<Outer componentContext={componentContext}>
-            <View>{renderContent()}</View>
+            <DivStateScopeContext.Provider value={scopeValue}>
+                <View style={[contentStyle, { position: 'relative' }]} onLayout={handleContentLayout}>
+                    {stagedStateChange ? (<View style={{ opacity: 0 }}>
+                            <LayoutParamsContext.Provider value={{ parentContainerOrientation: 'vertical' }}>
+                                {renderContent()}
+                            </LayoutParamsContext.Provider>
+                        </View>) : (<LayoutParamsContext.Provider value={{ parentContainerOrientation: 'vertical' }}>
+                            {renderContent()}
+                        </LayoutParamsContext.Provider>)}
+                    {renderOverlay()}
+                </View>
+            </DivStateScopeContext.Provider>
         </Outer>);
 }
+function mapAlignmentToFlex(alignment) {
+    switch (alignment) {
+        case 'center':
+            return 'center';
+        case 'right':
+        case 'bottom':
+        case 'end':
+            return 'flex-end';
+        case 'left':
+        case 'top':
+        case 'start':
+        default:
+            return 'flex-start';
+    }
+}
+function getChangeBoundsDuration(transition) {
+    if (!transition)
+        return 0;
+    return flattenChangeTransition(transition).reduce((max, item) => {
+        const duration = Math.max(0, item.duration ?? 300);
+        const delay = Math.max(0, item.start_delay ?? 0);
+        return Math.max(max, duration + delay);
+    }, 0);
+}
+function createOverlayDiv(previousDiv) {
+    return {
+        ...previousDiv,
+        alignment_horizontal: 'left',
+        alignment_vertical: 'top',
+        width: { type: 'match_parent' },
+        height: { type: 'match_parent' },
+        margins: undefined,
+        transition_change: undefined,
+    };
+}
+function getChildFrame(div, container) {
+    const margins = div?.margins || {};
+    const leftMargin = numberOrZero(margins.left ?? margins.start);
+    const rightMargin = numberOrZero(margins.right ?? margins.end);
+    const topMargin = numberOrZero(margins.top);
+    const bottomMargin = numberOrZero(margins.bottom);
+    const availableWidth = Math.max(0, container.width - leftMargin - rightMargin);
+    const availableHeight = Math.max(0, container.height - topMargin - bottomMargin);
+    const width = resolveSize(div?.width, availableWidth);
+    const height = resolveSize(div?.height, availableHeight);
+    return {
+        left: resolvePosition(div?.alignment_horizontal, leftMargin, availableWidth, width),
+        top: resolvePosition(div?.alignment_vertical, topMargin, availableHeight, height),
+        width,
+        height,
+    };
+}
+function resolveSize(size, available) {
+    if (size?.type === 'fixed')
+        return Math.max(0, numberOrZero(size.value));
+    return available;
+}
+function resolvePosition(alignment, start, available, size) {
+    switch (alignment) {
+        case 'center':
+            return start + (available - size) / 2;
+        case 'right':
+        case 'bottom':
+        case 'end':
+            return start + available - size;
+        case 'left':
+        case 'top':
+        case 'start':
+        default:
+            return start;
+    }
+}
+function numberOrZero(value) {
+    return typeof value === 'number' && Number.isFinite(value) ? value : 0;
+}
 //# sourceMappingURL=DivState.js.map

package/dist/components/state/DivState.js.map

@@ -1 +1 @@
-{"version":3,"file":"DivState.js","sourceRoot":"","sources":["../../../src/components/state/DivState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,gBAAgB,EAAiB;IACxD,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC;IAClC,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAC;IAE5C,gCAAgC;IAChC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC;IAEvC,qBAAqB;IACrB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,gBAAgB,CAAC;QACjC,CAAC;QACD,iCAAiC;QACjC,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnC,CAAC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzC,mBAAmB;IACnB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAqB,cAAc,CAAC,CAAC;IAEzF,6CAA6C;IAC7C,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC;IACjD,MAAM,aAAa,GAAG,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAErF,2BAA2B;IAC3B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,aAAa,EAAE,CAAC;YAChB,gCAAgC;YAChC,MAAM,WAAW,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC,KAAc,EAAE,EAAE;gBAC3D,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,cAAc,EAAE,CAAC;oBACxD,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBAC7B,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,OAAO,WAAW,CAAC;QACvB,CAAC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEpC,qCAAqC;IACrC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,aAAa,IAAI,cAAc,EAAE,CAAC;YAClC,MAAM,YAAY,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAC;YAC9C,IAAI,YAAY,KAAK,cAAc,EAAE,CAAC;gBAClC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEpC,iDAAiD;IACjD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,EAAE,CAAC;YACV,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,EAAE,KAAK,EAAE,UAAkB,EAAE,EAAE;gBACnE,iBAAiB,CAAC,UAAU,CAAC,CAAC;gBAC9B,OAAO,SAAS,CAAC;YACrB,CAAC,CAAC,CAAC;YACH,OAAO,UAAU,CAAC;QACtB,CAAC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7B,kBAAkB;IAClB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3C,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAC,CAAC,CAAC;QAC3F,CAAC;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC,CAAC,CAAC;QACzF,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE7C,qBAAqB;IACrB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAsB,EAAE;QACjD,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAC;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,cAAc,CAAC,CAAC;QACnE,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ;YAAE,OAAO,SAAS,CAAC;QAChD,OAAO,KAAc,CAAC;IAC1B,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAElC,yCAAyC;IACzC,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,YAAY,EAAE,GAAG;YAAE,OAAO,SAAS,CAAC;QAEzC,OAAO,gBAAgB,CAAC,mBAAmB,CAAC,YAAY,CAAC,GAAG,EAAE;YAC1D,IAAI,EAAE,cAAc;SACvB,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAErD,uBAAuB;IACvB,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,YAAY,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACtC,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,+DAA+D;QAC/D,8DAA8D;QAC9D,MAAM,YAAY,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC,YAAY,CAAC;QAE7D,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,YAAY,CAAC,EAAG,CAAC;IAC5D,CAAC,CAAC;IAEF,OAAO,CACH,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACtC;YAAA,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI,CACjC;QAAA,EAAE,KAAK,CAAC,CACX,CAAC;AACN,CAAC"}
+{"version":3,"file":"DivState.js","sourceRoot":"","sources":["../../../src/components/state/DivState.tsx"],"names":[],"mappings":"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"}

package/dist/components/utilities/Background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../src/components/utilities/Background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAoB,MAAM,wBAAwB,CAAC;AAE7F,MAAM,WAAW,eAAe;IAC5B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAoFD,eAAO,MAAM,UAAU,GAAI,mBAAmB,eAAe,6BAyB5D,CAAC"}
+{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../src/components/utilities/Background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAoB,MAAM,wBAAwB,CAAC;AAG7F,MAAM,WAAW,eAAe;IAC5B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAoFD,eAAO,MAAM,UAAU,GAAI,mBAAmB,eAAe,6BAyB5D,CAAC"}

package/dist/components/utilities/Background.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import Svg, { Defs, RadialGradient, Stop, Rect } from 'react-native-svg';
+import { correctColor } from '../../utils/correctColor';
 const RadialGradientLayer = ({ layer }) => {
     // Default to 50% 50% if not specified
     let cx = '50%';
@@ -26,10 +27,10 @@ const RadialGradientLayer = ({ layer }) => {
     // If color_map provided, use it
     let stops = [];
     if (layer.colors) {
-        stops = layer.colors.map((color, index) => (<Stop key={index} offset={index / (layer.colors.length - 1)} stopColor={color} stopOpacity={1}/>));
+        stops = layer.colors.map((color, index) => (<Stop key={index} offset={index / (layer.colors.length - 1)} stopColor={correctColor(color)} stopOpacity={1}/>));
     }
     else if (layer.color_map) {
-        stops = layer.color_map.map((point, index) => (<Stop key={index} offset={point.position} stopColor={point.color} stopOpacity={1}/>));
+        stops = layer.color_map.map((point, index) => (<Stop key={index} offset={point.position} stopColor={correctColor(point.color)} stopOpacity={1}/>));
     }
     // Radius
     // DivKit defaults: farthest_corner
@@ -59,7 +60,7 @@ export const Background = ({ layers, style }) => {
     return (<View style={[StyleSheet.absoluteFill, style, { zIndex: -1, overflow: 'hidden' }]} pointerEvents="none">
             {layers.map((layer, index) => {
             if (layer.type === 'solid') {
-                return (<View key={index} style={[StyleSheet.absoluteFill, { backgroundColor: layer.color }]}/>);
+                return (<View key={index} style={[StyleSheet.absoluteFill, { backgroundColor: correctColor(layer.color) }]}/>);
             }
             if (layer.type === 'radial_gradient') {
                 return (<View key={index} style={StyleSheet.absoluteFill}>