/** * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * * @flow * @format */ 'use strict'; import type {PlatformConfig} from '../AnimatedPlatformConfig'; import {findNodeHandle} from '../../ReactNative/RendererProxy'; import {AnimatedEvent} from '../AnimatedEvent'; import NativeAnimatedHelper from '../NativeAnimatedHelper'; import AnimatedNode from './AnimatedNode'; import AnimatedStyle from './AnimatedStyle'; import invariant from 'invariant'; export default class AnimatedProps extends AnimatedNode { _props: Object; _animatedView: any; _callback: () => void; constructor(props: Object, callback: () => void) { super(); if (props.style) { props = { ...props, style: new AnimatedStyle(props.style), }; } this._props = props; this._callback = callback; } __getValue(): Object { const props: {[string]: any | ((...args: any) => void)} = {}; for (const key in this._props) { const value = this._props[key]; if (value instanceof AnimatedNode) { props[key] = value.__getValue(); } else if (value instanceof AnimatedEvent) { props[key] = value.__getHandler(); } else { props[key] = value; } } return props; } __getAnimatedValue(): Object { const props: {[string]: any} = {}; for (const key in this._props) { const value = this._props[key]; if (value instanceof AnimatedNode) { props[key] = value.__getAnimatedValue(); } } return props; } __attach(): void { for (const key in this._props) { const value = this._props[key]; if (value instanceof AnimatedNode) { value.__addChild(this); } } } __detach(): void { if (this.__isNative && this._animatedView) { this.__disconnectAnimatedView(); } for (const key in this._props) { const value = this._props[key]; if (value instanceof AnimatedNode) { value.__removeChild(this); } } super.__detach(); } update(): void { this._callback(); } __makeNative(platformConfig: ?PlatformConfig): void { for (const key in this._props) { const value = this._props[key]; if (value instanceof AnimatedNode) { value.__makeNative(platformConfig); } } if (!this.__isNative) { this.__isNative = true; // Since this does not call the super.__makeNative, we need to store the // supplied platformConfig here, before calling __connectAnimatedView // where it will be needed to traverse the graph of attached values. super.__setPlatformConfig(platformConfig); if (this._animatedView) { this.__connectAnimatedView(); } } } setNativeView(animatedView: any): void { if (this._animatedView === animatedView) { return; } this._animatedView = animatedView; if (this.__isNative) { this.__connectAnimatedView(); } } __connectAnimatedView(): void { invariant(this.__isNative, 'Expected node to be marked as "native"'); const nativeViewTag: ?number = findNodeHandle(this._animatedView); invariant( nativeViewTag != null, 'Unable to locate attached view in the native tree', ); NativeAnimatedHelper.API.connectAnimatedNodeToView( this.__getNativeTag(), nativeViewTag, ); } __disconnectAnimatedView(): void { invariant(this.__isNative, 'Expected node to be marked as "native"'); const nativeViewTag: ?number = findNodeHandle(this._animatedView); invariant( nativeViewTag != null, 'Unable to locate attached view in the native tree', ); NativeAnimatedHelper.API.disconnectAnimatedNodeFromView( this.__getNativeTag(), nativeViewTag, ); } __restoreDefaultValues(): void { // When using the native driver, view properties need to be restored to // their default values manually since react no longer tracks them. This // is needed to handle cases where a prop driven by native animated is removed // after having been changed natively by an animation. if (this.__isNative) { NativeAnimatedHelper.API.restoreDefaultValues(this.__getNativeTag()); } } __getNativeConfig(): Object { const propsConfig: {[string]: number} = {}; for (const propKey in this._props) { const value = this._props[propKey]; if (value instanceof AnimatedNode) { value.__makeNative(this.__getPlatformConfig()); propsConfig[propKey] = value.__getNativeTag(); } } return { type: 'props', props: propsConfig, }; } }