react-native-ios-utilities/build/native_components/RNIDetachedView/RNIDetachedView.js

Utilities for react-native + iOS

import * as React from 'react';
import { StyleSheet } from 'react-native';
import { RNIDetachedViewModule } from './RNIDetachedViewModule';
import { RNIDetachedNativeView } from './RNIDetachedNativeView';
import { RNIUtilitiesModule } from '../../modules/RNIUtilitiesModule';
export class RNIDetachedView extends React.PureComponent {
    nativeRef;
    reactTag;
    constructor(props) {
        super(props);
        this.state = {
            isDetached: false,
        };
    }
    ;
    componentWillUnmount() {
        const props = this.getProps();
        if (!props.shouldCleanupOnComponentWillUnmount)
            return;
        const reactTag = this.getNativeReactTag();
        if (typeof reactTag !== 'number')
            return;
        RNIUtilitiesModule.notifyOnComponentWillUnmount(reactTag, {
            shouldForceCleanup: true,
            shouldIgnoreCleanupTriggers: false,
        });
    }
    ;
    getProps() {
        const { shouldCleanupOnComponentWillUnmount, contentTargetMode, shouldApplyStyleOverride, shouldNotifyOnComponentWillUnmount, ...viewProps } = this.props;
        return {
            shouldCleanupOnComponentWillUnmount: shouldCleanupOnComponentWillUnmount ?? false,
            contentTargetMode,
            shouldApplyStyleOverride: shouldApplyStyleOverride ?? true,
            shouldNotifyOnComponentWillUnmount: shouldNotifyOnComponentWillUnmount ?? false,
            viewProps,
        };
    }
    ;
    getNativeRef = () => {
        return this.nativeRef;
    };
    getNativeReactTag = () => {
        // @ts-ignore
        return this.nativeRef?.nativeTag ?? this.reactTag;
    };
    _handleOnLayout = (event) => {
        this.props.onLayout?.(event);
        // @ts-ignore
        this.reactTag = event.nativeEvent.target;
    };
    debugAttachToWindow = async () => {
        const reactTag = this.getNativeReactTag();
        if (typeof reactTag !== 'number')
            return;
        await RNIDetachedViewModule.debugAttachToWindow(reactTag);
    };
    _handleOnNativeRef = (ref) => {
        this.nativeRef = ref;
    };
    _handleOnViewDidDetach = (event) => {
        this.setState({ isDetached: true });
        this.props.onViewDidDetach?.(event);
    };
    render() {
        const props = this.getProps();
        const state = this.state;
        const didSetReactTag = this.reactTag != null;
        const nativeStyleOverride = {
            ...(!state.isDetached && {
                opacity: 0.001,
                width: 0,
                height: 0,
            }),
        };
        return React.createElement(RNIDetachedNativeView, {
            ...props.viewProps,
            style: (props.shouldApplyStyleOverride ? [
                props.viewProps.style,
                styles.nativeView,
                nativeStyleOverride,
            ] : [
                props.viewProps.style,
            ]),
            // @ts-ignore
            ref: this._handleOnNativeRef,
            onLayout: (didSetReactTag
                ? undefined
                : this._handleOnLayout),
            onViewDidDetach: this._handleOnViewDidDetach,
            shouldCleanupOnComponentWillUnmount: props.shouldCleanupOnComponentWillUnmount,
            contentTargetMode: props.contentTargetMode,
        });
    }
    ;
}
;
const styles = StyleSheet.create({
    nativeView: {
        position: 'absolute',
    },
});
//# sourceMappingURL=RNIDetachedView.js.map