1186 lines
45 KiB
JavaScript
1186 lines
45 KiB
JavaScript
// Module ID: 1641
|
|
// Function ID: 1642
|
|
// Name: _isNativeReflectConstruct
|
|
// Dependencies: [41, 42, 93, 95, 98, 1642, 19, 17, 21, 1609, 1660, 38, 1701, 1702, 1710, 1712, 1650, 1631, 1713, 1715, 1709, 1693, 1646, 1635, 1617, 1719, 1634, 1703, 1705, 1720, 1721, 1722, 1744, 1745]
|
|
// Exports: createAnimatedComponent
|
|
|
|
// Module 1641 (_isNativeReflectConstruct)
|
|
import _classCallCheck from "_classCallCheck";
|
|
import _createClass from "_createClass";
|
|
import _possibleConstructorReturn from "_possibleConstructorReturn";
|
|
import _getPrototypeOf from "_getPrototypeOf";
|
|
import _inherits from "_inherits";
|
|
import startObservingProgress from "startObservingProgress";
|
|
import unprocessProps from "unprocessProps";
|
|
import get_ActivityIndicator from "isWorkletFunction";
|
|
import { jsx } from "findDescendantWithExitingAnimation";
|
|
import isJest from "isJest";
|
|
import isJest from "isJest";
|
|
import isJest from "isJest";
|
|
import isJest from "isJest";
|
|
|
|
let Platform;
|
|
let c10;
|
|
let c9;
|
|
const require = arg1;
|
|
function _isNativeReflectConstruct() {
|
|
try {
|
|
const _Boolean = Boolean;
|
|
const call = valueOf.call;
|
|
const _Reflect = Reflect;
|
|
const _Boolean2 = Boolean;
|
|
if (typeof call === "unknown") {
|
|
let callResult = valueOf();
|
|
} else {
|
|
callResult = call(constructResult);
|
|
}
|
|
let closure_0 = !callResult;
|
|
function _isNativeReflectConstruct() {
|
|
return closure_0;
|
|
}
|
|
return _isNativeReflectConstruct();
|
|
} catch (err) {
|
|
}
|
|
}
|
|
({ Platform, processColor: c9, StyleSheet: c10 } = get_ActivityIndicator);
|
|
isJest = isJest.isWeb();
|
|
isJest = isJest.isJest();
|
|
isJest = isJest.isReact19();
|
|
isJest = isJest.shouldBeUseWeb();
|
|
if (isJest) {
|
|
let result = require("startWebLayoutAnimation").configureWebLayoutAnimations();
|
|
let obj5 = require("startWebLayoutAnimation");
|
|
}
|
|
let c17 = 0;
|
|
|
|
export const createAnimatedComponent = function createAnimatedComponent(name) {
|
|
let AnimatedComponent = name;
|
|
const importDefault = arg1;
|
|
if (!isJest) {
|
|
let tmp4 = typeof name === "ZodObject";
|
|
if (typeof name !== "ZodObject") {
|
|
tmp4 = name.prototype && name.prototype.isReactComponent;
|
|
let tmp5 = name.prototype && name.prototype.isReactComponent;
|
|
}
|
|
class AnimatedComponent {
|
|
constructor(arg0) {
|
|
self = this;
|
|
tmp = _isNativeReflectConstruct(this, apply);
|
|
items = [];
|
|
items[0] = name;
|
|
tmp2 = _isNativeReflectConstruct;
|
|
obj = _isNativeReflectConstruct(apply);
|
|
tmp3 = _isNativeReflectConstruct;
|
|
if (_isNativeReflectConstruct()) {
|
|
tmp5 = globalThis;
|
|
_Reflect = Reflect;
|
|
constructResult = Reflect.construct(obj, items, tmp2(self).constructor);
|
|
} else {
|
|
constructResult = obj.apply(self, items);
|
|
}
|
|
tmp3Result = tmp3(self, constructResult);
|
|
apply = tmp3Result;
|
|
tmp3Result._styles = null;
|
|
tmp3Result._isFirstRender = true;
|
|
tmp3Result.jestAnimatedStyle = { value: {} };
|
|
tmp3Result.jestAnimatedProps = { value: {} };
|
|
tmp3Result._componentRef = null;
|
|
tmp3Result._componentDOMRef = null;
|
|
tmp3Result._sharedElementTransition = null;
|
|
tmp6 = closure_2;
|
|
tmp7 = new closure_1(closure_2[12])();
|
|
tmp3Result._jsPropsUpdater = tmp7;
|
|
tmp8 = closure_0;
|
|
inlinePropManager = new closure_0(closure_2[13]).InlinePropManager();
|
|
tmp3Result._InlinePropManager = inlinePropManager;
|
|
propsFilter = new closure_0(closure_2[14]).PropsFilter();
|
|
tmp3Result._PropsFilter = propsFilter;
|
|
tmp11 = +c17;
|
|
c17 = tmp11 + 1;
|
|
tmp3Result.reanimatedID = tmp11;
|
|
tmp3Result._willUnmount = false;
|
|
tmp3Result._resolveComponentRef = (getAnimatableRef) => {
|
|
if (getAnimatableRef) {
|
|
if (getAnimatableRef.getAnimatableRef) {
|
|
let animatableRef = getAnimatableRef.getAnimatableRef();
|
|
}
|
|
return animatableRef;
|
|
}
|
|
animatableRef = getAnimatableRef;
|
|
if (outer1_16) {
|
|
if (getAnimatableRef) {
|
|
if (getAnimatableRef.elementRef) {
|
|
closure_0._componentDOMRef = getAnimatableRef.elementRef.current;
|
|
animatableRef = getAnimatableRef;
|
|
}
|
|
}
|
|
closure_0._componentDOMRef = getAnimatableRef;
|
|
animatableRef = getAnimatableRef;
|
|
}
|
|
};
|
|
obj = {
|
|
getForwardedRef() {
|
|
return tmp3Result.props.forwardedRef;
|
|
},
|
|
setLocalRef(arg0) {
|
|
let entering;
|
|
let sharedTransitionTag;
|
|
if (arg0) {
|
|
if (arg0 !== tmp3Result._componentRef) {
|
|
obj._componentRef = obj._resolveComponentRef(arg0);
|
|
obj._viewInfo = undefined;
|
|
}
|
|
const props = obj.props;
|
|
({ entering, sharedTransitionTag } = props);
|
|
if (!outer1_16) {
|
|
const result = tmp3Result(outer1_2[16]).enableLayoutAnimations(true, false);
|
|
const obj2 = tmp3Result(outer1_2[16]);
|
|
}
|
|
if (sharedTransitionTag) {
|
|
const result1 = obj._configureSharedTransition();
|
|
}
|
|
const context = obj.context;
|
|
if (context != null) {
|
|
const current = context.current;
|
|
}
|
|
let isFabricResult = !entering;
|
|
if (entering) {
|
|
isFabricResult = tmp3Result(outer1_2[9]).isFabric();
|
|
const obj3 = tmp3Result(outer1_2[9]);
|
|
}
|
|
if (!isFabricResult) {
|
|
isFabricResult = current;
|
|
}
|
|
if (!isFabricResult) {
|
|
isFabricResult = outer1_13;
|
|
}
|
|
if (!isFabricResult) {
|
|
const result2 = obj._configureLayoutAnimation(tmp3Result(outer1_2[17]).LayoutAnimationType.ENTERING, obj.props.entering);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
tmp3Result._setComponentRef = closure_1(closure_2[15])(obj);
|
|
if (isJest) {
|
|
obj1 = { value: null };
|
|
obj1[0] = {};
|
|
tmp3Result.jestAnimatedStyle = obj1;
|
|
obj2 = { value: null };
|
|
obj2[0] = {};
|
|
tmp3Result.jestAnimatedProps = obj2;
|
|
}
|
|
tmp3Result.state = { settledProps: {}, reanimatedProps: {} };
|
|
context = tmp3Result.context;
|
|
current = undefined;
|
|
if (context != null) {
|
|
current = context.current;
|
|
}
|
|
tmp8Result = tmp8(tmp6[9]);
|
|
tmp13 = tmp8Result.isFabric() && !current;
|
|
if (tmp13) {
|
|
result = tmp3Result._configureLayoutAnimation(tmp8(tmp6[17]).LayoutAnimationType.ENTERING, tmp3Result.props.entering);
|
|
}
|
|
return tmp3Result;
|
|
}
|
|
}
|
|
importDefault(38)(tmp4, "Looks like you're passing a function component `" + name.name + "` to `createAnimatedComponent` function which supports only class components. Please wrap your function component with `React.forwardRef()` or use a class component instead.");
|
|
let tmp3 = importDefault(38);
|
|
}
|
|
class AnimatedComponent {
|
|
constructor(arg0) {
|
|
self = this;
|
|
tmp = _isNativeReflectConstruct(this, apply);
|
|
items = [];
|
|
items[0] = name;
|
|
tmp2 = _isNativeReflectConstruct;
|
|
obj = _isNativeReflectConstruct(apply);
|
|
tmp3 = _isNativeReflectConstruct;
|
|
if (_isNativeReflectConstruct()) {
|
|
tmp5 = globalThis;
|
|
_Reflect = Reflect;
|
|
constructResult = Reflect.construct(obj, items, tmp2(self).constructor);
|
|
} else {
|
|
constructResult = obj.apply(self, items);
|
|
}
|
|
tmp3Result = tmp3(self, constructResult);
|
|
apply = tmp3Result;
|
|
tmp3Result._styles = null;
|
|
tmp3Result._isFirstRender = true;
|
|
tmp3Result.jestAnimatedStyle = { value: {} };
|
|
tmp3Result.jestAnimatedProps = { value: {} };
|
|
tmp3Result._componentRef = null;
|
|
tmp3Result._componentDOMRef = null;
|
|
tmp3Result._sharedElementTransition = null;
|
|
tmp6 = closure_2;
|
|
tmp7 = new closure_1(closure_2[12])();
|
|
tmp3Result._jsPropsUpdater = tmp7;
|
|
tmp8 = closure_0;
|
|
inlinePropManager = new closure_0(closure_2[13]).InlinePropManager();
|
|
tmp3Result._InlinePropManager = inlinePropManager;
|
|
propsFilter = new closure_0(closure_2[14]).PropsFilter();
|
|
tmp3Result._PropsFilter = propsFilter;
|
|
tmp11 = +c17;
|
|
c17 = tmp11 + 1;
|
|
tmp3Result.reanimatedID = tmp11;
|
|
tmp3Result._willUnmount = false;
|
|
tmp3Result._resolveComponentRef = (getAnimatableRef) => {
|
|
if (getAnimatableRef) {
|
|
if (getAnimatableRef.getAnimatableRef) {
|
|
let animatableRef = getAnimatableRef.getAnimatableRef();
|
|
}
|
|
return animatableRef;
|
|
}
|
|
animatableRef = getAnimatableRef;
|
|
if (outer1_16) {
|
|
if (getAnimatableRef) {
|
|
if (getAnimatableRef.elementRef) {
|
|
closure_0._componentDOMRef = getAnimatableRef.elementRef.current;
|
|
animatableRef = getAnimatableRef;
|
|
}
|
|
}
|
|
closure_0._componentDOMRef = getAnimatableRef;
|
|
animatableRef = getAnimatableRef;
|
|
}
|
|
};
|
|
obj = {
|
|
getForwardedRef() {
|
|
return tmp3Result.props.forwardedRef;
|
|
},
|
|
setLocalRef(arg0) {
|
|
let entering;
|
|
let sharedTransitionTag;
|
|
if (arg0) {
|
|
if (arg0 !== tmp3Result._componentRef) {
|
|
obj._componentRef = obj._resolveComponentRef(arg0);
|
|
obj._viewInfo = undefined;
|
|
}
|
|
const props = obj.props;
|
|
({ entering, sharedTransitionTag } = props);
|
|
if (!outer1_16) {
|
|
const result = tmp3Result(outer1_2[16]).enableLayoutAnimations(true, false);
|
|
const obj2 = tmp3Result(outer1_2[16]);
|
|
}
|
|
if (sharedTransitionTag) {
|
|
const result1 = obj._configureSharedTransition();
|
|
}
|
|
const context = obj.context;
|
|
if (context != null) {
|
|
const current = context.current;
|
|
}
|
|
let isFabricResult = !entering;
|
|
if (entering) {
|
|
isFabricResult = tmp3Result(outer1_2[9]).isFabric();
|
|
const obj3 = tmp3Result(outer1_2[9]);
|
|
}
|
|
if (!isFabricResult) {
|
|
isFabricResult = current;
|
|
}
|
|
if (!isFabricResult) {
|
|
isFabricResult = outer1_13;
|
|
}
|
|
if (!isFabricResult) {
|
|
const result2 = obj._configureLayoutAnimation(tmp3Result(outer1_2[17]).LayoutAnimationType.ENTERING, obj.props.entering);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
tmp3Result._setComponentRef = closure_1(closure_2[15])(obj);
|
|
if (isJest) {
|
|
obj1 = { value: null };
|
|
obj1[0] = {};
|
|
tmp3Result.jestAnimatedStyle = obj1;
|
|
obj2 = { value: null };
|
|
obj2[0] = {};
|
|
tmp3Result.jestAnimatedProps = obj2;
|
|
}
|
|
tmp3Result.state = { settledProps: {}, reanimatedProps: {} };
|
|
context = tmp3Result.context;
|
|
current = undefined;
|
|
if (context != null) {
|
|
current = context.current;
|
|
}
|
|
tmp8Result = tmp8(tmp6[9]);
|
|
tmp13 = tmp8Result.isFabric() && !current;
|
|
if (tmp13) {
|
|
result = tmp3Result._configureLayoutAnimation(tmp8(tmp6[17]).LayoutAnimationType.ENTERING, tmp3Result.props.entering);
|
|
}
|
|
return tmp3Result;
|
|
}
|
|
}
|
|
callback2(AnimatedComponent, Component.Component);
|
|
let items = [
|
|
{
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
let firstChild1;
|
|
const self = this;
|
|
if (!outer1_13) {
|
|
const nativeEventsManager = new AnimatedComponent(tmp9[18]).NativeEventsManager(self, closure_1);
|
|
self._NativeEventsManager = nativeEventsManager;
|
|
}
|
|
const _NativeEventsManager = self._NativeEventsManager;
|
|
if (_NativeEventsManager != null) {
|
|
_NativeEventsManager.attachEvents();
|
|
}
|
|
const _jsPropsUpdater = self._jsPropsUpdater;
|
|
const result = _jsPropsUpdater.addOnJSPropsChangeListener(self);
|
|
const result1 = self._attachAnimatedStyles();
|
|
const _InlinePropManager = self._InlinePropManager;
|
|
_InlinePropManager.attachInlineProps(self, self._getViewInfo());
|
|
const componentViewTag = self.getComponentViewTag();
|
|
let isFabricResult = AnimatedComponent(tmp9[9]).isFabric();
|
|
if (isFabricResult) {
|
|
isFabricResult = -1 !== componentViewTag;
|
|
}
|
|
if (isFabricResult) {
|
|
const PropsRegistryGarbageCollector = tmp17(tmp18[19]).PropsRegistryGarbageCollector;
|
|
PropsRegistryGarbageCollector.registerView(componentViewTag, self);
|
|
}
|
|
if (-1 !== componentViewTag) {
|
|
const ComponentRegistry = tmp17(tmp18[20]).ComponentRegistry;
|
|
ComponentRegistry.register(componentViewTag, self);
|
|
}
|
|
const result2 = self._configureLayoutAnimation(tmp17(tmp18[17]).LayoutAnimationType.LAYOUT, self.props.layout);
|
|
const result3 = self._configureLayoutAnimation(tmp17(tmp18[17]).LayoutAnimationType.EXITING, self.props.exiting);
|
|
let tmp24 = tmp18;
|
|
let tmp25 = tmp17;
|
|
if (outer1_13) {
|
|
tmp24 = tmp18;
|
|
tmp25 = tmp17;
|
|
if (self._componentDOMRef) {
|
|
const _componentDOMRef = self._componentDOMRef;
|
|
const dummyClone = _componentDOMRef.dummyClone;
|
|
let firstChild;
|
|
if (dummyClone != null) {
|
|
firstChild = dummyClone.firstChild;
|
|
}
|
|
if (firstChild) {
|
|
do {
|
|
let appendChildResult = _componentDOMRef.appendChild(dummyClone.firstChild);
|
|
firstChild1 = undefined;
|
|
if (dummyClone != null) {
|
|
firstChild1 = dummyClone.firstChild;
|
|
}
|
|
} while (firstChild1);
|
|
}
|
|
delete tmp2[tmp];
|
|
if (self.props.exiting) {
|
|
AnimatedComponent(tmp9[10]).saveSnapshot(_componentDOMRef);
|
|
const obj2 = AnimatedComponent(tmp9[10]);
|
|
}
|
|
if (self.props.entering) {
|
|
if (obj3.getReducedMotionFromConfig(self.props.entering)) {
|
|
self._isFirstRender = false;
|
|
const entering = self.props.entering;
|
|
const callbackV = entering.callbackV;
|
|
if (callbackV != null) {
|
|
callbackV(true);
|
|
}
|
|
} else {
|
|
const context = self.context;
|
|
let current;
|
|
if (context != null) {
|
|
current = context.current;
|
|
}
|
|
if (current) {
|
|
tmp24 = tmp33;
|
|
tmp25 = tmp32;
|
|
if (_componentDOMRef.style) {
|
|
_componentDOMRef.style.visibility = "initial";
|
|
tmp24 = tmp33;
|
|
tmp25 = tmp32;
|
|
}
|
|
} else {
|
|
const result4 = tmp32(tmp33[10]).startWebLayoutAnimation(self.props, _componentDOMRef, tmp32(tmp33[17]).LayoutAnimationType.ENTERING);
|
|
tmp24 = tmp33;
|
|
tmp25 = tmp32;
|
|
const tmp32Result = tmp32(tmp33[10]);
|
|
}
|
|
}
|
|
obj3 = AnimatedComponent(tmp9[10]);
|
|
} else {
|
|
self._isFirstRender = false;
|
|
}
|
|
}
|
|
}
|
|
let _willUnmount = !outer1_16;
|
|
if (!outer1_16) {
|
|
let tmp25Result = tmp25(tmp24[9]);
|
|
_willUnmount = tmp25Result.isFabric();
|
|
}
|
|
if (_willUnmount) {
|
|
_willUnmount = self._willUnmount;
|
|
}
|
|
if (_willUnmount) {
|
|
_willUnmount = typeof componentViewTag === "Object";
|
|
}
|
|
if (_willUnmount) {
|
|
tmp25Result = tmp25(tmp24[16]);
|
|
const result5 = tmp25Result.unmarkNodeAsRemovable(componentViewTag);
|
|
}
|
|
self._isFirstRender = false;
|
|
}
|
|
},
|
|
{
|
|
key: "componentWillUnmount",
|
|
value: function componentWillUnmount() {
|
|
let _componentDOMRef;
|
|
let props;
|
|
const self = this;
|
|
const _NativeEventsManager = this._NativeEventsManager;
|
|
if (_NativeEventsManager != null) {
|
|
_NativeEventsManager.detachEvents();
|
|
}
|
|
const _jsPropsUpdater = self._jsPropsUpdater;
|
|
const result = _jsPropsUpdater.removeOnJSPropsChangeListener(self);
|
|
const componentViewTag = self.getComponentViewTag();
|
|
let isFabricResult = AnimatedComponent(tmp9[9]).isFabric();
|
|
if (isFabricResult) {
|
|
isFabricResult = -1 !== componentViewTag;
|
|
}
|
|
if (isFabricResult) {
|
|
const PropsRegistryGarbageCollector = tmp4(tmp5[19]).PropsRegistryGarbageCollector;
|
|
PropsRegistryGarbageCollector.unregisterView(componentViewTag);
|
|
}
|
|
self._detachStyles();
|
|
const _InlinePropManager = self._InlinePropManager;
|
|
_InlinePropManager.detachInlineProps();
|
|
if (self.props.sharedTransitionTag) {
|
|
const result1 = self._configureSharedTransition(true);
|
|
}
|
|
const _sharedElementTransition = self._sharedElementTransition;
|
|
if (_sharedElementTransition != null) {
|
|
_sharedElementTransition.unregisterTransition(self.getComponentViewTag(), true);
|
|
}
|
|
const exiting = self.props.exiting;
|
|
if (-1 !== componentViewTag) {
|
|
const ComponentRegistry = tmp4(tmp5[20]).ComponentRegistry;
|
|
ComponentRegistry.unregister(componentViewTag);
|
|
}
|
|
if (closure_13) {
|
|
if (self._componentDOMRef) {
|
|
if (exiting) {
|
|
let tmp4Result = tmp4(tmp5[10]);
|
|
if (tmp4Result.getReducedMotionFromConfig(exiting)) {
|
|
const callbackV = exiting.callbackV;
|
|
if (callbackV != null) {
|
|
callbackV(true);
|
|
}
|
|
} else {
|
|
tmp4Result = tmp4(tmp5[21]);
|
|
const result2 = tmp4Result.addHTMLMutationObserver();
|
|
({ props, _componentDOMRef } = self);
|
|
const result3 = tmp4(tmp5[10]).startWebLayoutAnimation(props, _componentDOMRef, tmp4(tmp5[17]).LayoutAnimationType.EXITING);
|
|
const tmp4Result1 = tmp4(tmp5[10]);
|
|
}
|
|
}
|
|
const _viewInfo = self._viewInfo;
|
|
let isFabricResult1 = !closure_16;
|
|
if (!closure_16) {
|
|
isFabricResult1 = tmp4(tmp5[9]).isFabric();
|
|
const tmp4Result2 = tmp4(tmp5[9]);
|
|
}
|
|
if (isFabricResult1) {
|
|
isFabricResult1 = shadowNodeWrapper;
|
|
}
|
|
if (isFabricResult1) {
|
|
tmp4(tmp5[16]).markNodeAsRemovable(shadowNodeWrapper);
|
|
const tmp4Result3 = tmp4(tmp5[16]);
|
|
}
|
|
self._willUnmount = true;
|
|
}
|
|
}
|
|
if (exiting) {
|
|
if (!closure_13) {
|
|
if (!tmp4Result4.isFabric()) {
|
|
if ("getReduceMotion" in exiting) {
|
|
if (typeof exiting.getReduceMotion === "find") {
|
|
let reduceMotionFromConfig = tmp4(tmp5[22]).getReduceMotionFromConfig(exiting.getReduceMotion());
|
|
const tmp4Result5 = tmp4(tmp5[22]);
|
|
}
|
|
if (!reduceMotionFromConfig) {
|
|
const result4 = self._configureLayoutAnimation(tmp4(tmp5[17]).LayoutAnimationType.EXITING, exiting);
|
|
}
|
|
}
|
|
reduceMotionFromConfig = tmp4(tmp5[22]).getReduceMotionFromConfig();
|
|
const tmp4Result6 = tmp4(tmp5[22]);
|
|
}
|
|
tmp4Result4 = tmp4(tmp5[9]);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
key: "_syncStylePropsBackToReact",
|
|
value: function _syncStylePropsBackToReact(arg0) {
|
|
let closure_0 = arg0;
|
|
this.setState((settledProps) => {
|
|
let obj = { settledProps: null };
|
|
obj = {};
|
|
const merged = Object.assign(settledProps.settledProps);
|
|
const merged1 = Object.assign(closure_0);
|
|
obj[0] = obj;
|
|
return obj;
|
|
});
|
|
}
|
|
},
|
|
{
|
|
key: "getComponentViewTag",
|
|
value: function getComponentViewTag() {
|
|
return this._getViewInfo().viewTag;
|
|
}
|
|
},
|
|
{
|
|
key: "_detachStyles",
|
|
value: function _detachStyles() {
|
|
const self = this;
|
|
const componentViewTag = this.getComponentViewTag();
|
|
if (-1 !== componentViewTag) {
|
|
if (null !== self._styles) {
|
|
const _styles = self._styles;
|
|
for (const item10009 of _styles) {
|
|
let viewDescriptors = item10009.viewDescriptors;
|
|
let removeResult = viewDescriptors.remove(componentViewTag);
|
|
continue;
|
|
}
|
|
const animatedProps = self.props.animatedProps;
|
|
viewDescriptors = undefined;
|
|
if (animatedProps != null) {
|
|
viewDescriptors = animatedProps.viewDescriptors;
|
|
}
|
|
if (viewDescriptors) {
|
|
const viewDescriptors2 = self.props.animatedProps.viewDescriptors;
|
|
viewDescriptors2.remove(componentViewTag);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
key: "_updateFromNative",
|
|
value: function _updateFromNative(props) {
|
|
let setNativeProps;
|
|
if (closure_1 != null) {
|
|
setNativeProps = obj.setNativeProps;
|
|
}
|
|
const self = this;
|
|
if (setNativeProps) {
|
|
obj.setNativeProps(self._componentRef, props);
|
|
} else {
|
|
const _componentRef = self._componentRef;
|
|
if (_componentRef != null) {
|
|
setNativeProps = _componentRef.setNativeProps;
|
|
if (setNativeProps != null) {
|
|
setNativeProps(props);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
key: "_updateReanimatedProps",
|
|
value: function _updateReanimatedProps(obj) {
|
|
let disableReactSync;
|
|
if (disableReactSync != null) {
|
|
disableReactSync = disableReactSync.disableReactSync;
|
|
}
|
|
if (!disableReactSync) {
|
|
obj = {};
|
|
for (const key10015 in arg0) {
|
|
let tmp7 = key10015;
|
|
let tmp8 = arg0[key10015];
|
|
if ("color" === key10015) {
|
|
if (tmp8) {
|
|
if (typeof tmp8 === "y") {
|
|
let tmp5 = outer1_9;
|
|
let tmp4 = outer1_9(tmp8);
|
|
obj[key10015] = tmp4;
|
|
continue;
|
|
}
|
|
}
|
|
}
|
|
if ("top" != key10015) {
|
|
if ("bottom" != key10015) {
|
|
if (!key10015.startsWith("margin")) {
|
|
tmp4 = tmp8;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
const self = this;
|
|
this.setState((reanimatedProps) => {
|
|
let obj = { reanimatedProps: null };
|
|
obj = {};
|
|
const merged = Object.assign(reanimatedProps.reanimatedProps);
|
|
const merged1 = Object.assign(obj);
|
|
obj[0] = obj;
|
|
return obj;
|
|
});
|
|
}
|
|
}
|
|
},
|
|
{
|
|
key: "_getViewInfo",
|
|
value: function _getViewInfo() {
|
|
let _componentDOMRef;
|
|
let viewConfig;
|
|
let viewName;
|
|
let viewTag;
|
|
const self = this;
|
|
if (undefined !== this._viewInfo) {
|
|
return self._viewInfo;
|
|
} else {
|
|
if (closure_16) {
|
|
({ _componentRef: viewTag, _componentDOMRef } = self);
|
|
let shadowNodeWrapperFromRef = null;
|
|
viewConfig = null;
|
|
viewName = null;
|
|
} else {
|
|
let obj = AnimatedComponent(tmp9[23]);
|
|
const findHostInstanceResult = obj.findHostInstance(self);
|
|
if (findHostInstanceResult) {
|
|
let tmpResult = tmp(tmp2[25]);
|
|
const viewInfo = tmpResult.getViewInfo(findHostInstanceResult);
|
|
({ viewTag, viewName, viewConfig } = viewInfo);
|
|
tmpResult = tmp(tmp2[9]);
|
|
shadowNodeWrapperFromRef = null;
|
|
if (tmpResult.isFabric()) {
|
|
shadowNodeWrapperFromRef = tmp(tmp2[26]).getShadowNodeWrapperFromRef(self, findHostInstanceResult);
|
|
const tmpResult1 = tmp(tmp2[26]);
|
|
}
|
|
_componentDOMRef = null;
|
|
} else {
|
|
const reanimatedError = new tmp(tmp2[24]).ReanimatedError("Cannot find host instance for this component. Maybe it renders nothing?");
|
|
throw reanimatedError;
|
|
}
|
|
}
|
|
obj = { viewTag: null, viewName: null, shadowNodeWrapper: null, viewConfig: null };
|
|
obj[0] = viewTag;
|
|
obj[1] = viewName;
|
|
obj[2] = shadowNodeWrapperFromRef;
|
|
obj[3] = viewConfig;
|
|
self._viewInfo = obj;
|
|
if (_componentDOMRef) {
|
|
self._viewInfo.DOMElement = _componentDOMRef;
|
|
}
|
|
return self._viewInfo;
|
|
}
|
|
}
|
|
},
|
|
{
|
|
key: "_attachAnimatedStyles",
|
|
value: function _attachAnimatedStyles() {
|
|
let self = this;
|
|
self = this;
|
|
if (this.props.style) {
|
|
let obj = isStyleAttached(_styles[27]);
|
|
let items = (function onlyAnimatedStyles(arr) {
|
|
return arr.filter((viewDescriptors) => {
|
|
viewDescriptors = undefined;
|
|
if (viewDescriptors != null) {
|
|
viewDescriptors = viewDescriptors.viewDescriptors;
|
|
}
|
|
return viewDescriptors;
|
|
});
|
|
})(obj.flattenArray(self.props.style));
|
|
} else {
|
|
items = [];
|
|
}
|
|
const animatedProps = self.props.animatedProps;
|
|
_styles = self._styles;
|
|
self._styles = items;
|
|
const _animatedProps = self._animatedProps;
|
|
self._animatedProps = animatedProps;
|
|
const _getViewInfoResult = self._getViewInfo();
|
|
const viewTag = _getViewInfoResult.viewTag;
|
|
const viewName = _getViewInfoResult.viewName;
|
|
const shadowNodeWrapper = _getViewInfoResult.shadowNodeWrapper;
|
|
const viewConfig = _getViewInfoResult.viewConfig;
|
|
const animatedProps2 = self.props.animatedProps;
|
|
let viewDescriptors;
|
|
if (animatedProps2 != null) {
|
|
viewDescriptors = animatedProps2.viewDescriptors;
|
|
}
|
|
if (!viewDescriptors) {
|
|
viewDescriptors = items.length;
|
|
}
|
|
if (viewDescriptors) {
|
|
viewDescriptors = viewConfig;
|
|
}
|
|
if (viewDescriptors) {
|
|
isStyleAttached(_styles[28]).adaptViewConfig(viewConfig);
|
|
const obj2 = isStyleAttached(_styles[28]);
|
|
}
|
|
const set = new Set(items);
|
|
isStyleAttached = function isStyleAttached(arg0) {
|
|
|
|
};
|
|
const tmp8 = null != _styles && items.length === _styles.length && items.every((viewDescriptors) => {
|
|
let hasItem = viewDescriptors === _styles[arg1];
|
|
if (hasItem) {
|
|
if (typeof isStyleAttached !== "find") {
|
|
HermesBuiltin.throwTypeError();
|
|
}
|
|
viewDescriptors = viewDescriptors.viewDescriptors;
|
|
hasItem = viewDescriptors.has(viewTag);
|
|
}
|
|
return hasItem;
|
|
});
|
|
const animatedProps3 = self.props.animatedProps;
|
|
let viewDescriptors1;
|
|
if (animatedProps3 != null) {
|
|
viewDescriptors1 = animatedProps3.viewDescriptors;
|
|
}
|
|
let tmp10 = !viewDescriptors1;
|
|
if (viewDescriptors1) {
|
|
let hasItem = _animatedProps === self.props.animatedProps;
|
|
if (hasItem) {
|
|
viewDescriptors = self.props.animatedProps.viewDescriptors;
|
|
hasItem = viewDescriptors.has(viewTag);
|
|
}
|
|
tmp10 = hasItem;
|
|
}
|
|
if (!tmp8) {
|
|
if (_styles) {
|
|
function _loop(iter) {
|
|
let closure_0 = iter;
|
|
if (!items.some((viewDescriptors) => {
|
|
let tmp = viewDescriptors !== closure_0;
|
|
if (!tmp) {
|
|
if (typeof closure_0 !== "find") {
|
|
HermesBuiltin.throwTypeError();
|
|
}
|
|
viewDescriptors = viewDescriptors.viewDescriptors;
|
|
tmp = !viewDescriptors.has(outer1_3);
|
|
}
|
|
return !tmp;
|
|
})) {
|
|
let viewDescriptors = iter.viewDescriptors;
|
|
viewDescriptors.remove(viewTag);
|
|
}
|
|
}
|
|
const iter = _styles[Symbol.iterator]();
|
|
while (iter !== undefined) {
|
|
let _loopResult = _loop(iter.next());
|
|
continue;
|
|
}
|
|
}
|
|
let tmp16 = animatedProps;
|
|
if (animatedProps) {
|
|
tmp16 = closure_14;
|
|
}
|
|
if (tmp16) {
|
|
obj = {};
|
|
let merged = Object.assign(self.jestAnimatedProps.value);
|
|
let value;
|
|
if (animatedProps != null) {
|
|
if (animatedProps.initial != null) {
|
|
value = iter2.value;
|
|
}
|
|
}
|
|
let merged1 = Object.assign(value);
|
|
self.jestAnimatedProps.value = obj;
|
|
let jestAnimatedValues;
|
|
if (animatedProps != null) {
|
|
jestAnimatedValues = animatedProps.jestAnimatedValues;
|
|
}
|
|
if (jestAnimatedValues) {
|
|
animatedProps.jestAnimatedValues.current = self.jestAnimatedProps;
|
|
}
|
|
}
|
|
if (!tmp8) {
|
|
const item = set.forEach((viewDescriptors) => {
|
|
viewDescriptors = viewDescriptors.viewDescriptors;
|
|
let obj = { tag: viewTag, name: viewName, shadowNodeWrapper };
|
|
viewDescriptors.add(obj, viewDescriptors.styleUpdaterContainer);
|
|
if (outer1_14) {
|
|
obj = {};
|
|
const merged = Object.assign(self.jestAnimatedStyle.value);
|
|
const merged1 = Object.assign(viewDescriptors.initial.value);
|
|
self.jestAnimatedStyle.value = obj;
|
|
viewDescriptors.jestAnimatedValues.current = self.jestAnimatedStyle;
|
|
}
|
|
});
|
|
}
|
|
let tmp26 = _animatedProps;
|
|
if (_animatedProps) {
|
|
tmp26 = _animatedProps !== self.props.animatedProps;
|
|
}
|
|
if (tmp26) {
|
|
let viewDescriptors2 = _animatedProps.viewDescriptors;
|
|
viewDescriptors2.remove(viewTag);
|
|
}
|
|
let tmp28 = !tmp10;
|
|
if (!tmp10) {
|
|
const animatedProps4 = self.props.animatedProps;
|
|
viewDescriptors2 = undefined;
|
|
if (animatedProps4 != null) {
|
|
viewDescriptors2 = animatedProps4.viewDescriptors;
|
|
}
|
|
tmp28 = viewDescriptors2;
|
|
}
|
|
if (tmp28) {
|
|
const viewDescriptors3 = self.props.animatedProps.viewDescriptors;
|
|
obj = { tag: null, name: null, shadowNodeWrapper: null };
|
|
obj[0] = viewTag;
|
|
obj[1] = viewName;
|
|
obj[2] = shadowNodeWrapper;
|
|
viewDescriptors3.add(obj, self.props.animatedProps.styleUpdaterContainer);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate(layout) {
|
|
const self = this;
|
|
const result = this._configureLayoutAnimation(AnimatedComponent(tmp9[17]).LayoutAnimationType.LAYOUT, this.props.layout, layout.layout);
|
|
const result1 = this._configureLayoutAnimation(AnimatedComponent(tmp9[17]).LayoutAnimationType.EXITING, this.props.exiting, layout.exiting);
|
|
if (!tmp5) {
|
|
const result2 = self._configureSharedTransition();
|
|
}
|
|
const _NativeEventsManager = self._NativeEventsManager;
|
|
if (_NativeEventsManager != null) {
|
|
_NativeEventsManager.updateEvents(layout);
|
|
}
|
|
const result3 = self._attachAnimatedStyles();
|
|
const _InlinePropManager = self._InlinePropManager;
|
|
_InlinePropManager.attachInlineProps(self, self._getViewInfo());
|
|
let _componentDOMRef = closure_13;
|
|
if (closure_13) {
|
|
_componentDOMRef = self.props.exiting;
|
|
}
|
|
if (_componentDOMRef) {
|
|
_componentDOMRef = self._componentDOMRef;
|
|
}
|
|
if (_componentDOMRef) {
|
|
let tmpResult = tmp(tmp2[10]);
|
|
tmpResult.saveSnapshot(self._componentDOMRef);
|
|
}
|
|
if (closure_13) {
|
|
if (arg2) {
|
|
if (self.props.layout) {
|
|
tmpResult = tmp(tmp2[10]);
|
|
if (tmpResult.getReducedMotionFromConfig(self.props.layout)) {
|
|
layout = self.props.layout;
|
|
const callbackV = layout.callbackV;
|
|
if (callbackV != null) {
|
|
callbackV(true);
|
|
}
|
|
} else {
|
|
const result4 = tmp(tmp2[10]).tryActivateLayoutTransition(self.props, self._componentDOMRef, arg2);
|
|
const tmpResult1 = tmp(tmp2[10]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
key: "_configureLayoutAnimation",
|
|
value: function _configureLayoutAnimation(EXITING, exiting, exiting2) {
|
|
if (!isJest) {
|
|
if (exiting !== exiting2) {
|
|
const self = this;
|
|
const obj = require(1720) /* updateLayoutAnimations */;
|
|
if (obj2.isFabric()) {
|
|
if (EXITING === tmp5(1631).LayoutAnimationType.ENTERING) {
|
|
let reanimatedID = self.reanimatedID;
|
|
}
|
|
let maybeBuildResult = tmp3;
|
|
if (tmp3) {
|
|
let tmp8;
|
|
if (EXITING !== tmp5(1631).LayoutAnimationType.LAYOUT) {
|
|
const props = self.props;
|
|
let style;
|
|
if (props != null) {
|
|
style = props.style;
|
|
}
|
|
tmp8 = style;
|
|
}
|
|
maybeBuildResult = tmp5(1721).maybeBuild(tmp3, tmp8, AnimatedComponent.displayName);
|
|
const tmp5Result = tmp5(1721);
|
|
}
|
|
const result = obj.updateLayoutAnimations(reanimatedID, EXITING, maybeBuildResult);
|
|
}
|
|
reanimatedID = self.getComponentViewTag();
|
|
obj2 = require(1609) /* isJest */;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
key: "_configureSharedTransition",
|
|
value: function _configureSharedTransition(flag) {
|
|
if (flag === undefined) {
|
|
flag = false;
|
|
}
|
|
if (!closure_13) {
|
|
const self = this;
|
|
const sharedTransitionTag = this.props.sharedTransitionTag;
|
|
if (sharedTransitionTag) {
|
|
let _sharedElementTransition2 = self.props.sharedTransitionStyle;
|
|
if (_sharedElementTransition2 == null) {
|
|
_sharedElementTransition2 = self._sharedElementTransition;
|
|
}
|
|
if (_sharedElementTransition2 == null) {
|
|
_sharedElementTransition2 = new AnimatedComponent(tmp9[31]).SharedTransition();
|
|
}
|
|
_sharedElementTransition2.registerTransition(self.getComponentViewTag(), sharedTransitionTag, flag);
|
|
self._sharedElementTransition = _sharedElementTransition2;
|
|
} else {
|
|
const _sharedElementTransition = self._sharedElementTransition;
|
|
if (_sharedElementTransition != null) {
|
|
_sharedElementTransition.unregisterTransition(self.getComponentViewTag(), flag);
|
|
}
|
|
self._sharedElementTransition = null;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
key: "_isReducedMotion",
|
|
value: function _isReducedMotion(getReduceMotion) {
|
|
if (getReduceMotion) {
|
|
if ("getReduceMotion" in getReduceMotion) {
|
|
if (typeof getReduceMotion.getReduceMotion === "find") {
|
|
let reduceMotionFromConfig = AnimatedComponent(tmp9[22]).getReduceMotionFromConfig(getReduceMotion.getReduceMotion());
|
|
const obj2 = AnimatedComponent(tmp9[22]);
|
|
}
|
|
return reduceMotionFromConfig;
|
|
}
|
|
}
|
|
reduceMotionFromConfig = AnimatedComponent(tmp9[22]).getReduceMotionFromConfig();
|
|
}
|
|
},
|
|
{
|
|
key: "getSnapshotBeforeUpdate",
|
|
value: function getSnapshotBeforeUpdate() {
|
|
let boundingClientRect = null;
|
|
if (closure_13) {
|
|
const self = this;
|
|
boundingClientRect = null;
|
|
if (this.props.layout) {
|
|
const _componentDOMRef = self._componentDOMRef;
|
|
let prop;
|
|
if (_componentDOMRef != null) {
|
|
prop = _componentDOMRef.getBoundingClientRect;
|
|
}
|
|
boundingClientRect = null;
|
|
if (prop) {
|
|
const _componentDOMRef2 = self._componentDOMRef;
|
|
boundingClientRect = _componentDOMRef2.getBoundingClientRect();
|
|
}
|
|
}
|
|
}
|
|
return boundingClientRect;
|
|
}
|
|
},
|
|
{
|
|
key: "render",
|
|
value: function render() {
|
|
const self = this;
|
|
const _PropsFilter = this._PropsFilter;
|
|
const result = _PropsFilter.filterNonAnimatedProps(this);
|
|
if (outer1_14) {
|
|
({ jestAnimatedStyle: tmp.jestAnimatedStyle, jestAnimatedProps: tmp.jestAnimatedProps } = self);
|
|
}
|
|
let tmp3 = self._isFirstRender && outer1_13 && result.entering;
|
|
if (tmp3) {
|
|
let obj = AnimatedComponent(tmp9[10]);
|
|
tmp3 = !obj.getReducedMotionFromConfig(result.entering);
|
|
}
|
|
if (!tmp3) {
|
|
const context = self.context;
|
|
let current;
|
|
if (context != null) {
|
|
current = context.current;
|
|
}
|
|
if (!current) {
|
|
let obj3 = AnimatedComponent(tmp9[9]);
|
|
if (obj3.isFabric()) {
|
|
const _HermesInternal = HermesInternal;
|
|
const combined = "" + self.reanimatedID;
|
|
}
|
|
}
|
|
if (outer1_14) {
|
|
let style2 = self.props.style;
|
|
if (style2) {
|
|
let style = self.props.style;
|
|
if (!style) {
|
|
style2 = style;
|
|
} else {
|
|
const _Array2 = Array;
|
|
if (Array.isArray(style)) {
|
|
style = style.filter((arg0) => {
|
|
let tmp = arg0;
|
|
if (arg0) {
|
|
tmp = "viewDescriptors" in arg0;
|
|
}
|
|
return !tmp;
|
|
});
|
|
let mapped = style.map((arr) => {
|
|
let tmp = arr;
|
|
if (Array.isArray(arr)) {
|
|
if (!arr) {
|
|
tmp = arr;
|
|
} else {
|
|
const _Array = Array;
|
|
if (Array.isArray(arr)) {
|
|
const found = arr.filter((arg0) => {
|
|
let tmp = arg0;
|
|
if (arg0) {
|
|
tmp = "viewDescriptors" in arg0;
|
|
}
|
|
return !tmp;
|
|
});
|
|
let mapped = found.map((arr) => {
|
|
let tmp = arr;
|
|
if (Array.isArray(arr)) {
|
|
if (!arr) {
|
|
tmp = arr;
|
|
} else {
|
|
const _Array = Array;
|
|
if (Array.isArray(arr)) {
|
|
const found = arr.filter((arg0) => {
|
|
let tmp = arg0;
|
|
if (arg0) {
|
|
tmp = "viewDescriptors" in arg0;
|
|
}
|
|
return !tmp;
|
|
});
|
|
let mapped = found.map((arr) => {
|
|
let tmp = arr;
|
|
if (Array.isArray(arr)) {
|
|
if (!arr) {
|
|
tmp = arr;
|
|
} else {
|
|
const _Array = Array;
|
|
if (Array.isArray(arr)) {
|
|
const found = arr.filter(() => { ... });
|
|
let mapped = found.map(() => { ... });
|
|
} else {
|
|
let viewDescriptors;
|
|
if (arr != null) {
|
|
viewDescriptors = arr.viewDescriptors;
|
|
}
|
|
mapped = arr;
|
|
if (viewDescriptors) {
|
|
mapped = {};
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return tmp;
|
|
});
|
|
} else {
|
|
let viewDescriptors;
|
|
if (arr != null) {
|
|
viewDescriptors = arr.viewDescriptors;
|
|
}
|
|
mapped = arr;
|
|
if (viewDescriptors) {
|
|
mapped = {};
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return tmp;
|
|
});
|
|
} else {
|
|
let viewDescriptors;
|
|
if (arr != null) {
|
|
viewDescriptors = arr.viewDescriptors;
|
|
}
|
|
mapped = arr;
|
|
if (viewDescriptors) {
|
|
mapped = {};
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return tmp;
|
|
});
|
|
} else {
|
|
let viewDescriptors;
|
|
if (style != null) {
|
|
viewDescriptors = style.viewDescriptors;
|
|
}
|
|
mapped = style;
|
|
if (viewDescriptors) {
|
|
mapped = {};
|
|
}
|
|
}
|
|
}
|
|
}
|
|
obj = { jestInlineStyle: null, jestAnimatedStyle: null, jestAnimatedProps: null };
|
|
obj[0] = style2;
|
|
({ jestAnimatedStyle: obj7[1], jestAnimatedProps: obj7[2] } = self);
|
|
} else {
|
|
obj = {};
|
|
}
|
|
const obj1 = { collapsable: false };
|
|
if (obj9.isFabric()) {
|
|
const obj2 = {};
|
|
const merged = Object.assign(outer1_10.flatten(result.style));
|
|
const merged1 = Object.assign(self.state.settledProps);
|
|
obj3 = { nativeID: null };
|
|
obj3[0] = combined;
|
|
const merged2 = Object.assign(result);
|
|
const merged3 = Object.assign(obj);
|
|
obj3.style = obj2;
|
|
const merged4 = Object.assign(self.state.settledProps);
|
|
const merged5 = Object.assign(self.state.reanimatedProps);
|
|
obj3.ref = self._setComponentRef;
|
|
const merged6 = Object.assign(obj1);
|
|
return outer1_11(AnimatedComponent, obj3);
|
|
} else {
|
|
const obj4 = { nativeID: null };
|
|
obj4[0] = combined;
|
|
const merged7 = Object.assign(result);
|
|
const merged8 = Object.assign(obj);
|
|
const merged9 = Object.assign(self.state.reanimatedProps);
|
|
obj4.ref = self._setComponentRef;
|
|
const merged10 = Object.assign(obj1);
|
|
return outer1_11(AnimatedComponent, obj4);
|
|
}
|
|
obj9 = AnimatedComponent(tmp9[9]);
|
|
} else {
|
|
let _Array = Array;
|
|
style = result.style;
|
|
if (Array.isArray(result.style)) {
|
|
const items = [{ visibility: "hidden" }];
|
|
let combined1 = style.concat(items);
|
|
} else {
|
|
let obj5 = style;
|
|
if (style == null) {
|
|
obj5 = {};
|
|
}
|
|
combined1 = {};
|
|
const merged11 = Object.assign(obj5);
|
|
combined1.visibility = "hidden";
|
|
}
|
|
result.style = combined1;
|
|
}
|
|
}
|
|
}
|
|
];
|
|
const tmp9 = callback(AnimatedComponent, items);
|
|
const dependencyMap = tmp9;
|
|
tmp9.contextType = AnimatedComponent(1744).SkipEnteringContext;
|
|
tmp9.displayName = "AnimatedComponent(" + name.displayName || name.name || "Component" + ")";
|
|
const componentWithRefResult = AnimatedComponent(1745).componentWithRef((arg0, arg1) => {
|
|
let obj = {};
|
|
const merged = Object.assign(arg0);
|
|
let tmp4 = null;
|
|
if (null !== arg1) {
|
|
obj = { forwardedRef: null };
|
|
obj[0] = arg1;
|
|
tmp4 = obj;
|
|
}
|
|
const merged1 = Object.assign(tmp4);
|
|
return outer1_11(closure_2, obj);
|
|
});
|
|
componentWithRefResult.displayName = name.displayName || name.name || "Component";
|
|
return componentWithRefResult;
|
|
};
|