react-native-flip
Version:
47 lines (46 loc) • 2.21 kB
JavaScript
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-nocheck
import { createAnimatedPropAdapter } from './core';
export const SVGAdapter = createAnimatedPropAdapter((props) => {
'worklet';
var _a, _b;
const keys = Object.keys(props);
// transform
if (keys.includes('transform')) {
if (Array.isArray(props.transform)) {
// case of array with 6 values => https://github.com/react-native-svg/react-native-svg/blob/b2e2c355204ff4b10973d3afce1495f7e4167ff7/src/elements/Shape.tsx#L200
if (props.transform.length !== 6) {
throw new Error(`invalid transform length of ${props.transform.length}, should be 6`);
}
const transform = props.transform;
const x = (_a = props.x) !== null && _a !== void 0 ? _a : 0;
const y = (_b = props.y) !== null && _b !== void 0 ? _b : 0;
props.transform = [
{ translateX: transform[0] * x + transform[2] * y + transform[4] },
{ translateY: transform[1] * x + transform[3] * y + transform[5] },
];
}
else if (typeof props.transform === 'string') {
// case of string 'translate(translateX translateY)'
// todo: handle other cases of transform string like here https://github.com/react-native-svg/react-native-svg/blob/b2e2c355204ff4b10973d3afce1495f7e4167ff7/src/lib/extract/extractTransform.ts#L184
const arr = props.transform
.replace('translate(', '')
.replace(')', '')
.split(' ');
props.transform = [
{ translateX: parseFloat(arr[0]) },
{ translateY: parseFloat(arr[1]) },
];
}
}
// todo: other props
});
export const TextInputAdapter = createAnimatedPropAdapter((props) => {
'worklet';
const keys = Object.keys(props);
// convert text to value like RN does here: https://github.com/facebook/react-native/blob/f2c6279ca497b34d5a2bfbb6f2d33dc7a7bea02a/Libraries/Components/TextInput/TextInput.js#L878
if (keys.includes('value')) {
props.text = props.value;
delete props.value;
}
}, ['text']);