55 lines
1.8 KiB
JavaScript
55 lines
1.8 KiB
JavaScript
"use strict";
|
|
|
|
import React, { forwardRef, useEffect, useRef } from 'react';
|
|
import { Platform, Text as RNText } from 'react-native';
|
|
import { GestureObjects as Gesture } from '../handlers/gestures/gestureObjects';
|
|
import { GestureDetector } from '../handlers/gestures/GestureDetector';
|
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
export const Text = /*#__PURE__*/forwardRef((props, ref) => {
|
|
const {
|
|
onPress,
|
|
onLongPress,
|
|
...rest
|
|
} = props;
|
|
const textRef = useRef(null);
|
|
const native = Gesture.Native().runOnJS(true);
|
|
const refHandler = node => {
|
|
textRef.current = node;
|
|
if (ref === null) {
|
|
return;
|
|
}
|
|
if (typeof ref === 'function') {
|
|
ref(node);
|
|
} else {
|
|
ref.current = node;
|
|
}
|
|
};
|
|
|
|
// This is a special case for `Text` component. After https://github.com/software-mansion/react-native-gesture-handler/pull/3379 we check for
|
|
// `displayName` field. However, `Text` from RN has this field set to `Text`, but is also present in `RNSVGElements` set.
|
|
// We don't want to treat our `Text` as the one from `SVG`, therefore we add special field to ref.
|
|
refHandler.rngh = true;
|
|
useEffect(() => {
|
|
if (Platform.OS !== 'web') {
|
|
return;
|
|
}
|
|
const textElement = ref ? ref.current : textRef.current;
|
|
|
|
// At this point we are sure that textElement is div in HTML tree
|
|
textElement?.setAttribute('rnghtext', 'true');
|
|
}, []);
|
|
return onPress || onLongPress ? /*#__PURE__*/_jsx(GestureDetector, {
|
|
gesture: native,
|
|
children: /*#__PURE__*/_jsx(RNText, {
|
|
onPress: onPress,
|
|
onLongPress: onLongPress,
|
|
ref: refHandler,
|
|
...rest
|
|
})
|
|
}) : /*#__PURE__*/_jsx(RNText, {
|
|
ref: ref,
|
|
...rest
|
|
});
|
|
});
|
|
// eslint-disable-next-line @typescript-eslint/no-redeclare
|
|
//# sourceMappingURL=Text.js.map
|