From f074923308e09ebe0ee1d3d964b01ad303fcaa74 Mon Sep 17 00:00:00 2001 From: Marek Kotarba Date: Mon, 8 Apr 2024 07:43:29 +0200 Subject: [PATCH 01/37] changix jsx to tsx --- .../components/InteractiveExample/index.tsx | 10 +++++- ...ropAdapter.jsx => AnimatedPropAdapter.tsx} | 5 +-- ...ionBasic.jsx => AnimatedReactionBasic.tsx} | 2 +- ...easure.jsx => AnimatedReactionMeasure.tsx} | 15 +++++---- .../{AnimatedRef.jsx => AnimatedRef.tsx} | 4 +-- ...{AnimatedSensor.jsx => AnimatedSensor.tsx} | 4 ++- ...{AnimatingProps.jsx => AnimatingProps.tsx} | 3 +- ...nimatingStyles.jsx => AnimatingStyles.tsx} | 3 +- ...ancelAnimation.jsx => CancelAnimation.tsx} | 3 +- docs/src/examples/{Clamp.jsx => Clamp.tsx} | 6 ++-- ...ponent.jsx => CreateAnimatedComponent.tsx} | 5 +-- .../{DecayBasic.jsx => DecayBasic.tsx} | 9 ++--- .../{DecayTrain.jsx => DecayTrain.tsx} | 12 ++++--- .../examples/{DelayText.jsx => DelayText.tsx} | 7 ++-- .../{DerivedValue.jsx => DerivedValue.tsx} | 5 +-- ...{FirstAnimation.jsx => FirstAnimation.tsx} | 4 +-- ...CallbackDino.jsx => FrameCallbackDino.tsx} | 33 ++++++++++++------- ...backSimple.jsx => FrameCallbackSimple.tsx} | 3 +- .../{Interpolate.jsx => Interpolate.tsx} | 3 +- ...onConfig.jsx => LayoutAnimationConfig.tsx} | 2 +- .../{MeasureBasic.jsx => MeasureBasic.tsx} | 10 +++--- .../{RepeatBasic.jsx => RepeatBasic.tsx} | 3 +- .../src/examples/{RunOnJS.jsx => RunOnJS.tsx} | 0 .../src/examples/{RunOnUI.jsx => RunOnUI.tsx} | 13 ++++---- .../examples/{ScrollTo.jsx => ScrollTo.tsx} | 8 +++-- ...ollViewOffset.jsx => ScrollViewOffset.tsx} | 10 +++--- 26 files changed, 113 insertions(+), 69 deletions(-) rename docs/src/examples/{AnimatedPropAdapter.jsx => AnimatedPropAdapter.tsx} (91%) rename docs/src/examples/{AnimatedReactionBasic.jsx => AnimatedReactionBasic.tsx} (92%) rename docs/src/examples/{AnimatedReactionMeasure.jsx => AnimatedReactionMeasure.tsx} (75%) rename docs/src/examples/{AnimatedRef.jsx => AnimatedRef.tsx} (82%) rename docs/src/examples/{AnimatedSensor.jsx => AnimatedSensor.tsx} (89%) rename docs/src/examples/{AnimatingProps.jsx => AnimatingProps.tsx} (93%) rename docs/src/examples/{AnimatingStyles.jsx => AnimatingStyles.tsx} (92%) rename docs/src/examples/{CancelAnimation.jsx => CancelAnimation.tsx} (94%) rename docs/src/examples/{Clamp.jsx => Clamp.tsx} (89%) rename docs/src/examples/{CreateAnimatedComponent.jsx => CreateAnimatedComponent.tsx} (84%) rename docs/src/examples/{DecayBasic.jsx => DecayBasic.tsx} (86%) rename docs/src/examples/{DecayTrain.jsx => DecayTrain.tsx} (91%) rename docs/src/examples/{DelayText.jsx => DelayText.tsx} (91%) rename docs/src/examples/{DerivedValue.jsx => DerivedValue.tsx} (89%) rename docs/src/examples/{FirstAnimation.jsx => FirstAnimation.tsx} (79%) rename docs/src/examples/{FrameCallbackDino.jsx => FrameCallbackDino.tsx} (79%) rename docs/src/examples/{FrameCallbackSimple.jsx => FrameCallbackSimple.tsx} (93%) rename docs/src/examples/{Interpolate.jsx => Interpolate.tsx} (92%) rename docs/src/examples/{LayoutAnimationConfig.jsx => LayoutAnimationConfig.tsx} (97%) rename docs/src/examples/{MeasureBasic.jsx => MeasureBasic.tsx} (83%) rename docs/src/examples/{RepeatBasic.jsx => RepeatBasic.tsx} (93%) rename docs/src/examples/{RunOnJS.jsx => RunOnJS.tsx} (100%) rename docs/src/examples/{RunOnUI.jsx => RunOnUI.tsx} (79%) rename docs/src/examples/{ScrollTo.jsx => ScrollTo.tsx} (87%) rename docs/src/examples/{ScrollViewOffset.jsx => ScrollViewOffset.tsx} (85%) diff --git a/docs/src/components/InteractiveExample/index.tsx b/docs/src/components/InteractiveExample/index.tsx index 595eab2e427..f2e438354bb 100644 --- a/docs/src/components/InteractiveExample/index.tsx +++ b/docs/src/components/InteractiveExample/index.tsx @@ -68,7 +68,15 @@ export default function InteractiveExample({ !showPreview ? styles.actionButtonActive : '' )} onClick={() => setShowPreview(false)}> - Code + TypeScript + + = useSharedValue(0); React.useEffect(() => { opacity.value = withRepeat(withTiming(1), -1, true); }, []); - const ellipseAnimatedProps = useAnimatedProps( + const ellipseAnimatedProps: any = useAnimatedProps( () => { const coordinates = { cx: 50, cy: 50, rx: 40, ry: 40 }; diff --git a/docs/src/examples/AnimatedReactionBasic.jsx b/docs/src/examples/AnimatedReactionBasic.tsx similarity index 92% rename from docs/src/examples/AnimatedReactionBasic.jsx rename to docs/src/examples/AnimatedReactionBasic.tsx index fc9f57085ca..e04140f026e 100644 --- a/docs/src/examples/AnimatedReactionBasic.jsx +++ b/docs/src/examples/AnimatedReactionBasic.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { StyleSheet, View } from 'react-native'; -import Animated, { useSharedValue } from 'react-native-reanimated'; +import Animated, { useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated'; import { Gesture, GestureDetector, diff --git a/docs/src/examples/AnimatedReactionMeasure.jsx b/docs/src/examples/AnimatedReactionMeasure.tsx similarity index 75% rename from docs/src/examples/AnimatedReactionMeasure.jsx rename to docs/src/examples/AnimatedReactionMeasure.tsx index c7ae9cc1f48..f6ba650fe41 100644 --- a/docs/src/examples/AnimatedReactionMeasure.jsx +++ b/docs/src/examples/AnimatedReactionMeasure.tsx @@ -1,6 +1,9 @@ import React from 'react'; import { Button, StyleSheet, View, Text } from 'react-native'; import Animated, { + AnimatedRef, + MeasuredDimensions, + SharedValue, measure, runOnJS, useAnimatedReaction, @@ -10,8 +13,8 @@ import Animated, { } from 'react-native-reanimated'; export default function App() { - const animatedRef = useAnimatedRef(); - const width = useSharedValue(100); + const animatedRef: AnimatedRef = useAnimatedRef(); + const width: SharedValue = useSharedValue(100); const [text, setText] = React.useState(width.value); const handlePress = () => { @@ -22,12 +25,10 @@ export default function App() { useAnimatedReaction( () => width.value, () => { - const measurement = measure(animatedRef); + const measurement: MeasuredDimensions | null = measure(animatedRef); - if (measurement !== null) { - const measuredWidth = parseInt(measurement.width, 10); - runOnJS(setText)(measuredWidth); - } + if (measurement !== null) + runOnJS(setText)(measurement.width); } ); // highlight-end diff --git a/docs/src/examples/AnimatedRef.jsx b/docs/src/examples/AnimatedRef.tsx similarity index 82% rename from docs/src/examples/AnimatedRef.jsx rename to docs/src/examples/AnimatedRef.tsx index 159caed92f4..c932823acb6 100644 --- a/docs/src/examples/AnimatedRef.jsx +++ b/docs/src/examples/AnimatedRef.tsx @@ -1,10 +1,10 @@ import React from 'react'; import { StyleSheet, View } from 'react-native'; -import Animated, { useAnimatedRef } from 'react-native-reanimated'; +import Animated, { AnimatedRef, useAnimatedRef } from 'react-native-reanimated'; export default function App() { // highlight-next-line - const animatedRef = useAnimatedRef(); + const animatedRef: AnimatedRef = useAnimatedRef(); return ( diff --git a/docs/src/examples/AnimatedSensor.jsx b/docs/src/examples/AnimatedSensor.tsx similarity index 89% rename from docs/src/examples/AnimatedSensor.jsx rename to docs/src/examples/AnimatedSensor.tsx index 5d67fdbb9d9..fbb8190893d 100644 --- a/docs/src/examples/AnimatedSensor.jsx +++ b/docs/src/examples/AnimatedSensor.tsx @@ -5,11 +5,13 @@ import Animated, { useAnimatedSensor, SensorType, withSpring, + AnimatedSensor, + Value3D, } from 'react-native-reanimated'; export default function App() { // highlight-next-line - const gravity = useAnimatedSensor(SensorType.GRAVITY); + const gravity: AnimatedSensor = useAnimatedSensor(SensorType.GRAVITY); const animatedStyle = useAnimatedStyle(() => { return { diff --git a/docs/src/examples/AnimatingProps.jsx b/docs/src/examples/AnimatingProps.tsx similarity index 93% rename from docs/src/examples/AnimatingProps.jsx rename to docs/src/examples/AnimatingProps.tsx index 54636fc9b6c..ac80058367d 100644 --- a/docs/src/examples/AnimatingProps.jsx +++ b/docs/src/examples/AnimatingProps.tsx @@ -4,13 +4,14 @@ import Animated, { useSharedValue, useAnimatedProps, withTiming, + SharedValue, } from 'react-native-reanimated'; import { Svg, Circle } from 'react-native-svg'; const AnimatedCircle = Animated.createAnimatedComponent(Circle); export default function App() { - const r = useSharedValue(20); + const r: SharedValue = useSharedValue(20); const handlePress = () => { r.value += 10; diff --git a/docs/src/examples/AnimatingStyles.jsx b/docs/src/examples/AnimatingStyles.tsx similarity index 92% rename from docs/src/examples/AnimatingStyles.jsx rename to docs/src/examples/AnimatingStyles.tsx index e7ebcf46346..479777f1f1a 100644 --- a/docs/src/examples/AnimatingStyles.jsx +++ b/docs/src/examples/AnimatingStyles.tsx @@ -4,10 +4,11 @@ import Animated, { useSharedValue, withSpring, useAnimatedStyle, + SharedValue, } from 'react-native-reanimated'; export default function App() { - const translateX = useSharedValue(0); + const translateX: SharedValue = useSharedValue(0); const handlePress = () => { translateX.value += 50; diff --git a/docs/src/examples/CancelAnimation.jsx b/docs/src/examples/CancelAnimation.tsx similarity index 94% rename from docs/src/examples/CancelAnimation.jsx rename to docs/src/examples/CancelAnimation.tsx index b91a143405f..2b639181e21 100644 --- a/docs/src/examples/CancelAnimation.jsx +++ b/docs/src/examples/CancelAnimation.tsx @@ -6,12 +6,13 @@ import Animated, { withTiming, withRepeat, cancelAnimation, + SharedValue, } from 'react-native-reanimated'; const OFFSET = 200; export default function App() { - const offset = useSharedValue(OFFSET); + const offset: SharedValue = useSharedValue(OFFSET); const animatedStyles = useAnimatedStyle(() => ({ transform: [{ translateX: offset.value }], diff --git a/docs/src/examples/Clamp.jsx b/docs/src/examples/Clamp.tsx similarity index 89% rename from docs/src/examples/Clamp.jsx rename to docs/src/examples/Clamp.tsx index 996671127cf..282fa6935b2 100644 --- a/docs/src/examples/Clamp.jsx +++ b/docs/src/examples/Clamp.tsx @@ -1,6 +1,7 @@ import React from 'react'; import { StyleSheet, View } from 'react-native'; import Animated, { + SharedValue, clamp, useAnimatedStyle, useSharedValue, @@ -9,12 +10,13 @@ import { Gesture, GestureDetector, GestureHandlerRootView, + PanGesture, } from 'react-native-gesture-handler'; export default function App() { - const offset = useSharedValue(0); + const offset: SharedValue = useSharedValue(0); - const pan = Gesture.Pan().onChange((event) => { + const pan: PanGesture = Gesture.Pan().onChange((event) => { // highlight-next-line offset.value += clamp(event.changeX, -5, 5); }); diff --git a/docs/src/examples/CreateAnimatedComponent.jsx b/docs/src/examples/CreateAnimatedComponent.tsx similarity index 84% rename from docs/src/examples/CreateAnimatedComponent.jsx rename to docs/src/examples/CreateAnimatedComponent.tsx index daf71e23329..04105f92920 100644 --- a/docs/src/examples/CreateAnimatedComponent.jsx +++ b/docs/src/examples/CreateAnimatedComponent.tsx @@ -1,8 +1,8 @@ -import React from 'react'; +import React, { useRef } from 'react'; import { StyleSheet, View, Button } from 'react-native'; import Animated, { useSharedValue, withSpring } from 'react-native-reanimated'; -const MyView = React.forwardRef((props, ref) => { +const MyView = React.forwardRef((props: {style: Object}, ref: any) => { // some additional logic return ; }); @@ -11,6 +11,7 @@ const MyView = React.forwardRef((props, ref) => { const MyAnimatedView = Animated.createAnimatedComponent(MyView); export default function App() { + const ref = useRef(null); const width = useSharedValue(100); const handlePress = () => { diff --git a/docs/src/examples/DecayBasic.jsx b/docs/src/examples/DecayBasic.tsx similarity index 86% rename from docs/src/examples/DecayBasic.jsx rename to docs/src/examples/DecayBasic.tsx index 7a1a0f0f500..00eb1d05b07 100644 --- a/docs/src/examples/DecayBasic.jsx +++ b/docs/src/examples/DecayBasic.tsx @@ -1,6 +1,7 @@ import React from 'react'; -import { StyleSheet, View } from 'react-native'; +import { LayoutChangeEvent, StyleSheet, View } from 'react-native'; import Animated, { + SharedValue, useAnimatedStyle, useSharedValue, withDecay, @@ -14,10 +15,10 @@ import { const SIZE = 120; export default function App() { - const offset = useSharedValue(0); - const width = useSharedValue(0); + const offset: SharedValue = useSharedValue(0); + const width: SharedValue = useSharedValue(0); - const onLayout = (event) => { + const onLayout = (event: LayoutChangeEvent) => { width.value = event.nativeEvent.layout.width; }; diff --git a/docs/src/examples/DecayTrain.jsx b/docs/src/examples/DecayTrain.tsx similarity index 91% rename from docs/src/examples/DecayTrain.jsx rename to docs/src/examples/DecayTrain.tsx index 0ab82324255..a6f0e48f02e 100644 --- a/docs/src/examples/DecayTrain.jsx +++ b/docs/src/examples/DecayTrain.tsx @@ -1,6 +1,7 @@ import React from 'react'; -import { StyleSheet, View } from 'react-native'; +import { LayoutChangeEvent, StyleSheet, View } from 'react-native'; import Animated, { + SharedValue, useAnimatedStyle, useSharedValue, withDecay, @@ -9,19 +10,20 @@ import { Gesture, GestureDetector, GestureHandlerRootView, + PanGesture, } from 'react-native-gesture-handler'; const SIZE = 180; export default function App() { - const offset = useSharedValue(0); - const width = useSharedValue(0); + const offset: SharedValue = useSharedValue(0); + const width: SharedValue = useSharedValue(0); - const onLayout = (event) => { + const onLayout = (event: LayoutChangeEvent) => { width.value = event.nativeEvent.layout.width; }; - const pan = Gesture.Pan() + const pan: PanGesture = Gesture.Pan() .onChange((event) => { offset.value += event.changeX; }) diff --git a/docs/src/examples/DelayText.jsx b/docs/src/examples/DelayText.tsx similarity index 91% rename from docs/src/examples/DelayText.jsx rename to docs/src/examples/DelayText.tsx index e3db9ea5d68..47ef8c2912c 100644 --- a/docs/src/examples/DelayText.jsx +++ b/docs/src/examples/DelayText.tsx @@ -1,6 +1,7 @@ import React, { useState } from 'react'; import { Button, StyleSheet, View } from 'react-native'; import Animated, { + SharedValue, useSharedValue, withDelay, withTiming, @@ -14,9 +15,9 @@ const text = ['React', 'Native', 'Reanimated']; export default function App() { const [isShown, setShown] = useState(false); - const opacity1 = useSharedValue(0); - const opacity2 = useSharedValue(0); - const opacity3 = useSharedValue(0); + const opacity1: SharedValue = useSharedValue(0); + const opacity2: SharedValue = useSharedValue(0); + const opacity3: SharedValue = useSharedValue(0); // prettier-ignore const show = () => { diff --git a/docs/src/examples/DerivedValue.jsx b/docs/src/examples/DerivedValue.tsx similarity index 89% rename from docs/src/examples/DerivedValue.jsx rename to docs/src/examples/DerivedValue.tsx index 3a303706f40..03ac3cf4f36 100644 --- a/docs/src/examples/DerivedValue.jsx +++ b/docs/src/examples/DerivedValue.tsx @@ -6,13 +6,14 @@ import Animated, { withTiming, withRepeat, useDerivedValue, + SharedValue, } from 'react-native-reanimated'; export default function App() { - const scale = useSharedValue(1); + const scale: SharedValue = useSharedValue(1); // highlight-start - const rotate = useDerivedValue(() => { + const rotate: Readonly> = useDerivedValue(() => { return `${scale.value * 2}rad`; }); // highlight-end diff --git a/docs/src/examples/FirstAnimation.jsx b/docs/src/examples/FirstAnimation.tsx similarity index 79% rename from docs/src/examples/FirstAnimation.jsx rename to docs/src/examples/FirstAnimation.tsx index a6f07317754..9cf4f7af5af 100644 --- a/docs/src/examples/FirstAnimation.jsx +++ b/docs/src/examples/FirstAnimation.tsx @@ -1,9 +1,9 @@ import React from 'react'; import { Button, StyleSheet, View } from 'react-native'; -import Animated, { useSharedValue, withSpring } from 'react-native-reanimated'; +import Animated, { SharedValue, useSharedValue, withSpring } from 'react-native-reanimated'; export default function App() { - const width = useSharedValue(100); + const width: SharedValue = useSharedValue(100); const handlePress = () => { width.value = withSpring(width.value + 50); diff --git a/docs/src/examples/FrameCallbackDino.jsx b/docs/src/examples/FrameCallbackDino.tsx similarity index 79% rename from docs/src/examples/FrameCallbackDino.jsx rename to docs/src/examples/FrameCallbackDino.tsx index 373cbd3e06a..17558844d1b 100644 --- a/docs/src/examples/FrameCallbackDino.jsx +++ b/docs/src/examples/FrameCallbackDino.tsx @@ -5,10 +5,19 @@ import Animated, { withSequence, withTiming, Easing, + SharedValue, + FrameInfo, } from 'react-native-reanimated'; -import { View, StyleSheet, Pressable, Text } from 'react-native'; +import { View, StyleSheet, Pressable, Text, LayoutChangeEvent } from 'react-native'; import React from 'react'; +interface CollisionObject { + height: number; + width: number; + x: number; + y: number; +} + const HEIGHT = 200; const DEFAULT_VELOCITY = 0.6; const VELOCITY_INCREMENT = 0.00005; @@ -30,27 +39,29 @@ const DEFAULT_HORSE = { }; export default function FrameCallbackDino() { - const vx = useSharedValue(DEFAULT_VELOCITY); - const width = useSharedValue(0); + const vx: SharedValue = useSharedValue(DEFAULT_VELOCITY); + const width: SharedValue = useSharedValue(0); - const obstacleX = useSharedValue(DEFAULT_X); - const horseY = useSharedValue(DEFAULT_Y); + const obstacleX: SharedValue = useSharedValue(DEFAULT_X); + const horseY: SharedValue = useSharedValue(DEFAULT_Y); - const gameOver = useSharedValue(false); + const gameOver: SharedValue = useSharedValue(false); - const getDimensions = (event) => { + const getDimensions = (event: LayoutChangeEvent) => { width.value = event.nativeEvent.layout.width; }; // highlight-next-line - useFrameCallback((frameInfo) => { + useFrameCallback((frameInfo: FrameInfo) => { const { timeSincePreviousFrame: dt } = frameInfo; if (dt == null) { return; } - const horse = { ...DEFAULT_HORSE, y: horseY.value }; - const obstacle = { ...DEFAULT_OBSTACLE, x: obstacleX.value }; + const horse: CollisionObject = { ...DEFAULT_HORSE, y: horseY.value }; + const obstacle: CollisionObject = { ...DEFAULT_OBSTACLE, x: obstacleX.value }; + + console.log(horse, obstacle); if (isColliding(horse, obstacle) || gameOver.value) { gameOver.value = true; @@ -164,7 +175,7 @@ const styles = StyleSheet.create({ }, }); -function isColliding(obj1, obj2) { +function isColliding(obj1: CollisionObject, obj2: CollisionObject) { 'worklet'; return ( obj1.x < obj2.x + obj2.width && diff --git a/docs/src/examples/FrameCallbackSimple.jsx b/docs/src/examples/FrameCallbackSimple.tsx similarity index 93% rename from docs/src/examples/FrameCallbackSimple.jsx rename to docs/src/examples/FrameCallbackSimple.tsx index 41e5a71bab6..71875cf5e2c 100644 --- a/docs/src/examples/FrameCallbackSimple.jsx +++ b/docs/src/examples/FrameCallbackSimple.tsx @@ -4,10 +4,11 @@ import Animated, { useFrameCallback, useSharedValue, useAnimatedStyle, + SharedValue, } from 'react-native-reanimated'; export default function App() { - const t = useSharedValue(0); + const t: SharedValue = useSharedValue(0); // highlight-start useFrameCallback((frameInfo) => { diff --git a/docs/src/examples/Interpolate.jsx b/docs/src/examples/Interpolate.tsx similarity index 92% rename from docs/src/examples/Interpolate.jsx rename to docs/src/examples/Interpolate.tsx index 9efe0565af0..93d87b96d77 100644 --- a/docs/src/examples/Interpolate.jsx +++ b/docs/src/examples/Interpolate.tsx @@ -6,10 +6,11 @@ import Animated, { withTiming, withRepeat, interpolate, + SharedValue, } from 'react-native-reanimated'; export default function App() { - const offset = useSharedValue(200); + const offset: SharedValue = useSharedValue(200); const animatedStyles = useAnimatedStyle(() => ({ // highlight-next-line diff --git a/docs/src/examples/LayoutAnimationConfig.jsx b/docs/src/examples/LayoutAnimationConfig.tsx similarity index 97% rename from docs/src/examples/LayoutAnimationConfig.jsx rename to docs/src/examples/LayoutAnimationConfig.tsx index 06cb727ef42..c999258d9d5 100644 --- a/docs/src/examples/LayoutAnimationConfig.jsx +++ b/docs/src/examples/LayoutAnimationConfig.tsx @@ -49,7 +49,7 @@ export default function App() { ); } -function toggleString(value) { +function toggleString(value: boolean) { return value ? 'Hide' : 'Show'; } diff --git a/docs/src/examples/MeasureBasic.jsx b/docs/src/examples/MeasureBasic.tsx similarity index 83% rename from docs/src/examples/MeasureBasic.jsx rename to docs/src/examples/MeasureBasic.tsx index 41400e498a6..034a50c6675 100644 --- a/docs/src/examples/MeasureBasic.jsx +++ b/docs/src/examples/MeasureBasic.tsx @@ -1,6 +1,8 @@ import React from 'react'; import { Button, StyleSheet, View, Text } from 'react-native'; import Animated, { + MeasuredDimensions, + SharedValue, measure, runOnJS, useAnimatedRef, @@ -10,16 +12,16 @@ import Animated, { export default function App() { const animatedRef = useAnimatedRef(); - const width = useSharedValue(100); + const width: SharedValue = useSharedValue(100); const [text, setText] = React.useState(width.value); const handlePress = () => { width.value = withTiming(width.value + 50, {}, () => { // highlight-next-line - const measurement = measure(animatedRef); - if (measurement === null) { + const measurement: MeasuredDimensions | null = measure(animatedRef); + + if (measurement === null) return; - } runOnJS(setText)(Math.floor(measurement.width)); }); diff --git a/docs/src/examples/RepeatBasic.jsx b/docs/src/examples/RepeatBasic.tsx similarity index 93% rename from docs/src/examples/RepeatBasic.jsx rename to docs/src/examples/RepeatBasic.tsx index 88d1996fe6f..d98688b6da9 100644 --- a/docs/src/examples/RepeatBasic.jsx +++ b/docs/src/examples/RepeatBasic.tsx @@ -1,6 +1,7 @@ import React from 'react'; import Animated, { Easing, + SharedValue, useAnimatedStyle, useSharedValue, withRepeat, @@ -12,7 +13,7 @@ const duration = 2000; const easing = Easing.bezier(0.25, -0.5, 0.25, 1); export default function App() { - const sv = useSharedValue(0); + const sv: SharedValue = useSharedValue(0); React.useEffect(() => { // highlight-next-line diff --git a/docs/src/examples/RunOnJS.jsx b/docs/src/examples/RunOnJS.tsx similarity index 100% rename from docs/src/examples/RunOnJS.jsx rename to docs/src/examples/RunOnJS.tsx diff --git a/docs/src/examples/RunOnUI.jsx b/docs/src/examples/RunOnUI.tsx similarity index 79% rename from docs/src/examples/RunOnUI.jsx rename to docs/src/examples/RunOnUI.tsx index a4decca270e..5dbf45307d3 100644 --- a/docs/src/examples/RunOnUI.jsx +++ b/docs/src/examples/RunOnUI.tsx @@ -1,15 +1,16 @@ import React from 'react'; import { View, StyleSheet, Text } from 'react-native'; -import { +import Animated, { runOnJS, measure, useAnimatedRef, runOnUI, + AnimatedRef, } from 'react-native-reanimated'; -function MeasurableText(props) { +function MeasurableText(props: {children: any; onPress: (measurements: any) => void}) { const { children, onPress } = props; - const animatedRef = useAnimatedRef(); + const animatedRef: AnimatedRef = useAnimatedRef(); const handleMeasure = () => { // highlight-next-line @@ -21,16 +22,16 @@ function MeasurableText(props) { }; return ( - + {children} - + ); } export default function App() { const [text, setText] = React.useState(0); - const handlePress = (measurements) => { + const handlePress = (measurements: any) => { setText(Math.floor(measurements.width)); }; diff --git a/docs/src/examples/ScrollTo.jsx b/docs/src/examples/ScrollTo.tsx similarity index 87% rename from docs/src/examples/ScrollTo.jsx rename to docs/src/examples/ScrollTo.tsx index f0d30bfa9fb..6f47e18a6b0 100644 --- a/docs/src/examples/ScrollTo.jsx +++ b/docs/src/examples/ScrollTo.tsx @@ -5,6 +5,8 @@ import Animated, { useDerivedValue, useSharedValue, scrollTo, + AnimatedRef, + SharedValue, } from 'react-native-reanimated'; const ITEM_COUNT = 10; @@ -12,8 +14,8 @@ const ITEM_SIZE = 100; const ITEM_MARGIN = 10; export default function App() { - const animatedRef = useAnimatedRef(); - const scroll = useSharedValue(0); + const animatedRef: AnimatedRef = useAnimatedRef(); + const scroll: SharedValue = useSharedValue(0); useDerivedValue(() => { // highlight-start @@ -45,7 +47,7 @@ export default function App() { ); } -const Incrementor = ({ increment, scroll }) => ( +const Incrementor = ({ increment, scroll }: { increment: number, scroll: SharedValue }) => ( { if (!actionPerformed) { - copy(src); + copy(tab === Tab.JAVASCRIPT ? jsxCode : src); setActionPerformed(true); } }} />
- {showPreview ? ( + {tab === Tab.PREVIEW ? ( <> {component} @@ -116,9 +185,13 @@ export default function InteractiveExample({ />
+ ) : tab === Tab.TYPESCRIPT ? ( +
+ {src} +
) : (
- {src} + {jsxCode}
)} diff --git a/docs/src/examples/AnimatedPropAdapter.tsx b/docs/src/examples/AnimatedPropAdapter.tsx index 2514568d3a8..50edbe71b7c 100644 --- a/docs/src/examples/AnimatedPropAdapter.tsx +++ b/docs/src/examples/AnimatedPropAdapter.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { Svg, Ellipse } from 'react-native-svg'; import Animated, { - SharedValue, createAnimatedPropAdapter, processColor, useAnimatedProps, @@ -27,7 +26,7 @@ const adapter = createAnimatedPropAdapter( ); export default function App() { - const opacity: SharedValue = useSharedValue(0); + const opacity = useSharedValue(0); React.useEffect(() => { opacity.value = withRepeat(withTiming(1), -1, true); diff --git a/docs/src/examples/AnimatedReactionBasic.tsx b/docs/src/examples/AnimatedReactionBasic.tsx deleted file mode 100644 index e04140f026e..00000000000 --- a/docs/src/examples/AnimatedReactionBasic.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import React from 'react'; -import { StyleSheet, View } from 'react-native'; -import Animated, { useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated'; -import { - Gesture, - GestureDetector, - GestureHandlerRootView, -} from 'react-native-gesture-handler'; - -export default function App() { - const offset = useSharedValue(0); - - const pan = Gesture.Pan().onChange((event) => { - offset.value += event.changeX; - }); - - const animatedStyles = useAnimatedStyle(() => ({ - transform: [{ translateX: offset.value }], - })); - - // highlight-next-line - const derivedOffset = useDerivedValue(() => offset.value * -1); - - const derivedStyles = useAnimatedStyle(() => ({ - transform: [{ translateX: derivedOffset.value }], - })); - - return ( - - - - - - - - - ); -} - -const styles = StyleSheet.create({ - container: { - flex: 1, - alignItems: 'center', - }, - box: { - height: 64, - width: 64, - backgroundColor: '#b58df1', - borderRadius: 20, - marginVertical: 64, - }, - label: { - fontSize: 24, - }, -}); diff --git a/docs/src/examples/AnimatedReactionMeasure.tsx b/docs/src/examples/AnimatedReactionMeasure.tsx index f6ba650fe41..54bab8572bd 100644 --- a/docs/src/examples/AnimatedReactionMeasure.tsx +++ b/docs/src/examples/AnimatedReactionMeasure.tsx @@ -1,9 +1,7 @@ import React from 'react'; import { Button, StyleSheet, View, Text } from 'react-native'; import Animated, { - AnimatedRef, MeasuredDimensions, - SharedValue, measure, runOnJS, useAnimatedReaction, @@ -13,8 +11,8 @@ import Animated, { } from 'react-native-reanimated'; export default function App() { - const animatedRef: AnimatedRef = useAnimatedRef(); - const width: SharedValue = useSharedValue(100); + const animatedRef = useAnimatedRef(); + const width = useSharedValue(100); const [text, setText] = React.useState(width.value); const handlePress = () => { diff --git a/docs/src/examples/AnimatedRef.tsx b/docs/src/examples/AnimatedRef.tsx index c932823acb6..4bf0e5c3f3e 100644 --- a/docs/src/examples/AnimatedRef.tsx +++ b/docs/src/examples/AnimatedRef.tsx @@ -1,10 +1,10 @@ import React from 'react'; import { StyleSheet, View } from 'react-native'; -import Animated, { AnimatedRef, useAnimatedRef } from 'react-native-reanimated'; +import Animated, { useAnimatedRef } from 'react-native-reanimated'; export default function App() { // highlight-next-line - const animatedRef: AnimatedRef = useAnimatedRef(); + const animatedRef = useAnimatedRef(); return ( diff --git a/docs/src/examples/AnimatedSensor.tsx b/docs/src/examples/AnimatedSensor.tsx index fbb8190893d..4beae468019 100644 --- a/docs/src/examples/AnimatedSensor.tsx +++ b/docs/src/examples/AnimatedSensor.tsx @@ -11,7 +11,7 @@ import Animated, { export default function App() { // highlight-next-line - const gravity: AnimatedSensor = useAnimatedSensor(SensorType.GRAVITY); + const gravity = useAnimatedSensor(SensorType.GRAVITY); const animatedStyle = useAnimatedStyle(() => { return { diff --git a/docs/src/examples/AnimatingProps.tsx b/docs/src/examples/AnimatingProps.tsx index ac80058367d..043e0375fdc 100644 --- a/docs/src/examples/AnimatingProps.tsx +++ b/docs/src/examples/AnimatingProps.tsx @@ -4,14 +4,13 @@ import Animated, { useSharedValue, useAnimatedProps, withTiming, - SharedValue, } from 'react-native-reanimated'; import { Svg, Circle } from 'react-native-svg'; const AnimatedCircle = Animated.createAnimatedComponent(Circle); export default function App() { - const r: SharedValue = useSharedValue(20); + const r = useSharedValue(20); const handlePress = () => { r.value += 10; diff --git a/docs/src/examples/AnimatingStyles.tsx b/docs/src/examples/AnimatingStyles.tsx index 479777f1f1a..bb84ff235eb 100644 --- a/docs/src/examples/AnimatingStyles.tsx +++ b/docs/src/examples/AnimatingStyles.tsx @@ -4,11 +4,10 @@ import Animated, { useSharedValue, withSpring, useAnimatedStyle, - SharedValue, } from 'react-native-reanimated'; export default function App() { - const translateX: SharedValue = useSharedValue(0); + const translateX = useSharedValue(0); const handlePress = () => { translateX.value += 50; diff --git a/docs/src/examples/ApplyingModifiers/Delay.jsx b/docs/src/examples/ApplyingModifiers/Delay.tsx similarity index 96% rename from docs/src/examples/ApplyingModifiers/Delay.jsx rename to docs/src/examples/ApplyingModifiers/Delay.tsx index d7afdc3ccfa..5d0237eb544 100644 --- a/docs/src/examples/ApplyingModifiers/Delay.jsx +++ b/docs/src/examples/ApplyingModifiers/Delay.tsx @@ -11,7 +11,7 @@ import { View, Button, StyleSheet } from 'react-native'; import React from 'react'; export default function App() { - const offset = useSharedValue(0); + const offset = useSharedValue(0); const style = useAnimatedStyle(() => ({ transform: [{ translateX: offset.value }], diff --git a/docs/src/examples/ApplyingModifiers/Repeat.jsx b/docs/src/examples/ApplyingModifiers/Repeat.tsx similarity index 95% rename from docs/src/examples/ApplyingModifiers/Repeat.jsx rename to docs/src/examples/ApplyingModifiers/Repeat.tsx index 946322d1cfe..815887159a0 100644 --- a/docs/src/examples/ApplyingModifiers/Repeat.jsx +++ b/docs/src/examples/ApplyingModifiers/Repeat.tsx @@ -8,7 +8,7 @@ import { View, Button, StyleSheet } from 'react-native'; import React from 'react'; export default function App() { - const offset = useSharedValue(0); + const offset = useSharedValue(0); const style = useAnimatedStyle(() => ({ transform: [{ translateX: offset.value }], diff --git a/docs/src/examples/ApplyingModifiers/Sequence.jsx b/docs/src/examples/ApplyingModifiers/Sequence.tsx similarity index 96% rename from docs/src/examples/ApplyingModifiers/Sequence.jsx rename to docs/src/examples/ApplyingModifiers/Sequence.tsx index c157cc3f663..9d0105bdfd3 100644 --- a/docs/src/examples/ApplyingModifiers/Sequence.jsx +++ b/docs/src/examples/ApplyingModifiers/Sequence.tsx @@ -1,7 +1,6 @@ import Animated, { useSharedValue, withTiming, - Easing, useAnimatedStyle, withRepeat, withSequence, @@ -10,7 +9,7 @@ import { View, Button, StyleSheet } from 'react-native'; import React from 'react'; export default function App() { - const offset = useSharedValue(0); + const offset = useSharedValue(0); const style = useAnimatedStyle(() => ({ transform: [{ translateX: offset.value }], diff --git a/docs/src/examples/ApplyingModifiers/Timing.jsx b/docs/src/examples/ApplyingModifiers/Timing.tsx similarity index 95% rename from docs/src/examples/ApplyingModifiers/Timing.jsx rename to docs/src/examples/ApplyingModifiers/Timing.tsx index b03ec2a1ca4..60ce7305bdb 100644 --- a/docs/src/examples/ApplyingModifiers/Timing.jsx +++ b/docs/src/examples/ApplyingModifiers/Timing.tsx @@ -7,7 +7,7 @@ import { View, Button, StyleSheet } from 'react-native'; import React from 'react'; export default function App() { - const offset = useSharedValue(0); + const offset = useSharedValue(0); // highlight-start const style = useAnimatedStyle(() => ({ diff --git a/docs/src/examples/CancelAnimation.tsx b/docs/src/examples/CancelAnimation.tsx index 2b639181e21..0b14171d7ad 100644 --- a/docs/src/examples/CancelAnimation.tsx +++ b/docs/src/examples/CancelAnimation.tsx @@ -6,13 +6,12 @@ import Animated, { withTiming, withRepeat, cancelAnimation, - SharedValue, } from 'react-native-reanimated'; const OFFSET = 200; export default function App() { - const offset: SharedValue = useSharedValue(OFFSET); + const offset = useSharedValue(OFFSET); const animatedStyles = useAnimatedStyle(() => ({ transform: [{ translateX: offset.value }], diff --git a/docs/src/examples/Clamp.tsx b/docs/src/examples/Clamp.tsx index 282fa6935b2..0e6b4a9dadd 100644 --- a/docs/src/examples/Clamp.tsx +++ b/docs/src/examples/Clamp.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { StyleSheet, View } from 'react-native'; import Animated, { - SharedValue, clamp, useAnimatedStyle, useSharedValue, @@ -14,7 +13,7 @@ import { } from 'react-native-gesture-handler'; export default function App() { - const offset: SharedValue = useSharedValue(0); + const offset = useSharedValue(0); const pan: PanGesture = Gesture.Pan().onChange((event) => { // highlight-next-line diff --git a/docs/src/examples/DecayBasic.tsx b/docs/src/examples/DecayBasic.tsx index 00eb1d05b07..ea35e81fa7f 100644 --- a/docs/src/examples/DecayBasic.tsx +++ b/docs/src/examples/DecayBasic.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { LayoutChangeEvent, StyleSheet, View } from 'react-native'; import Animated, { - SharedValue, useAnimatedStyle, useSharedValue, withDecay, @@ -15,8 +14,8 @@ import { const SIZE = 120; export default function App() { - const offset: SharedValue = useSharedValue(0); - const width: SharedValue = useSharedValue(0); + const offset = useSharedValue(0); + const width = useSharedValue(0); const onLayout = (event: LayoutChangeEvent) => { width.value = event.nativeEvent.layout.width; diff --git a/docs/src/examples/DecayTrain.tsx b/docs/src/examples/DecayTrain.tsx index a6f0e48f02e..b6095dd312c 100644 --- a/docs/src/examples/DecayTrain.tsx +++ b/docs/src/examples/DecayTrain.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { LayoutChangeEvent, StyleSheet, View } from 'react-native'; import Animated, { - SharedValue, useAnimatedStyle, useSharedValue, withDecay, @@ -16,8 +15,8 @@ import { const SIZE = 180; export default function App() { - const offset: SharedValue = useSharedValue(0); - const width: SharedValue = useSharedValue(0); + const offset = useSharedValue(0); + const width = useSharedValue(0); const onLayout = (event: LayoutChangeEvent) => { width.value = event.nativeEvent.layout.width; diff --git a/docs/src/examples/DelayText.tsx b/docs/src/examples/DelayText.tsx index 47ef8c2912c..88abb0a25bd 100644 --- a/docs/src/examples/DelayText.tsx +++ b/docs/src/examples/DelayText.tsx @@ -1,7 +1,6 @@ import React, { useState } from 'react'; import { Button, StyleSheet, View } from 'react-native'; import Animated, { - SharedValue, useSharedValue, withDelay, withTiming, @@ -13,11 +12,11 @@ const DELAY = 500; const text = ['React', 'Native', 'Reanimated']; export default function App() { - const [isShown, setShown] = useState(false); + const [isShown, setShown] = useState(false); - const opacity1: SharedValue = useSharedValue(0); - const opacity2: SharedValue = useSharedValue(0); - const opacity3: SharedValue = useSharedValue(0); + const opacity1 = useSharedValue(0); + const opacity2 = useSharedValue(0); + const opacity3 = useSharedValue(0); // prettier-ignore const show = () => { diff --git a/docs/src/examples/DerivedValue.tsx b/docs/src/examples/DerivedValue.tsx index 03ac3cf4f36..5b77c457c25 100644 --- a/docs/src/examples/DerivedValue.tsx +++ b/docs/src/examples/DerivedValue.tsx @@ -6,14 +6,13 @@ import Animated, { withTiming, withRepeat, useDerivedValue, - SharedValue, } from 'react-native-reanimated'; export default function App() { - const scale: SharedValue = useSharedValue(1); + const scale = useSharedValue(1); // highlight-start - const rotate: Readonly> = useDerivedValue(() => { + const rotate = useDerivedValue(() => { return `${scale.value * 2}rad`; }); // highlight-end diff --git a/docs/src/examples/FirstAnimation.tsx b/docs/src/examples/FirstAnimation.tsx index 9cf4f7af5af..6822cddcb81 100644 --- a/docs/src/examples/FirstAnimation.tsx +++ b/docs/src/examples/FirstAnimation.tsx @@ -3,7 +3,7 @@ import { Button, StyleSheet, View } from 'react-native'; import Animated, { SharedValue, useSharedValue, withSpring } from 'react-native-reanimated'; export default function App() { - const width: SharedValue = useSharedValue(100); + const width = useSharedValue(100); const handlePress = () => { width.value = withSpring(width.value + 50); diff --git a/docs/src/examples/FrameCallbackDino.tsx b/docs/src/examples/FrameCallbackDino.tsx index 17558844d1b..24e9c69ec8b 100644 --- a/docs/src/examples/FrameCallbackDino.tsx +++ b/docs/src/examples/FrameCallbackDino.tsx @@ -39,13 +39,13 @@ const DEFAULT_HORSE = { }; export default function FrameCallbackDino() { - const vx: SharedValue = useSharedValue(DEFAULT_VELOCITY); - const width: SharedValue = useSharedValue(0); + const vx = useSharedValue(DEFAULT_VELOCITY); + const width = useSharedValue(0); - const obstacleX: SharedValue = useSharedValue(DEFAULT_X); - const horseY: SharedValue = useSharedValue(DEFAULT_Y); + const obstacleX = useSharedValue(DEFAULT_X); + const horseY = useSharedValue(DEFAULT_Y); - const gameOver: SharedValue = useSharedValue(false); + const gameOver = useSharedValue(false); const getDimensions = (event: LayoutChangeEvent) => { width.value = event.nativeEvent.layout.width; diff --git a/docs/src/examples/FrameCallbackSimple.tsx b/docs/src/examples/FrameCallbackSimple.tsx index 71875cf5e2c..861666f211d 100644 --- a/docs/src/examples/FrameCallbackSimple.tsx +++ b/docs/src/examples/FrameCallbackSimple.tsx @@ -8,7 +8,7 @@ import Animated, { } from 'react-native-reanimated'; export default function App() { - const t: SharedValue = useSharedValue(0); + const t = useSharedValue(0); // highlight-start useFrameCallback((frameInfo) => { diff --git a/docs/src/examples/HandlingGestures/PanGesture.jsx b/docs/src/examples/HandlingGestures/PanGesture.tsx similarity index 94% rename from docs/src/examples/HandlingGestures/PanGesture.jsx rename to docs/src/examples/HandlingGestures/PanGesture.tsx index bcd09d463d8..62429590723 100644 --- a/docs/src/examples/HandlingGestures/PanGesture.jsx +++ b/docs/src/examples/HandlingGestures/PanGesture.tsx @@ -14,9 +14,10 @@ import { } from 'react-native-gesture-handler'; export default function App() { - const pressed = useSharedValue(false); + const pressed = useSharedValue(false); // highlight-next-line - const offset = useSharedValue(0); + + const offset = useSharedValue(0); const pan = Gesture.Pan() .onBegin(() => { diff --git a/docs/src/examples/HandlingGestures/TapGesture.jsx b/docs/src/examples/HandlingGestures/TapGesture.tsx similarity index 96% rename from docs/src/examples/HandlingGestures/TapGesture.jsx rename to docs/src/examples/HandlingGestures/TapGesture.tsx index e3f5b417a0f..6b5dc40c0aa 100644 --- a/docs/src/examples/HandlingGestures/TapGesture.jsx +++ b/docs/src/examples/HandlingGestures/TapGesture.tsx @@ -15,7 +15,7 @@ import { // highlight-end export default function App() { - const pressed = useSharedValue(false); + const pressed = useSharedValue(false); const tap = Gesture.Tap() .onBegin(() => { diff --git a/docs/src/examples/Interpolate.tsx b/docs/src/examples/Interpolate.tsx index 93d87b96d77..68dffffc1b8 100644 --- a/docs/src/examples/Interpolate.tsx +++ b/docs/src/examples/Interpolate.tsx @@ -6,11 +6,10 @@ import Animated, { withTiming, withRepeat, interpolate, - SharedValue, } from 'react-native-reanimated'; export default function App() { - const offset: SharedValue = useSharedValue(200); + const offset = useSharedValue(200); const animatedStyles = useAnimatedStyle(() => ({ // highlight-next-line diff --git a/docs/src/examples/InterpolateRotation.tsx b/docs/src/examples/InterpolateRotation.tsx index eebf7eb08fe..80c253e5905 100644 --- a/docs/src/examples/InterpolateRotation.tsx +++ b/docs/src/examples/InterpolateRotation.tsx @@ -16,7 +16,7 @@ import { } from 'react-native-gesture-handler'; export default function App() { - const offset = useSharedValue(0); + const offset = useSharedValue(0); return ( diff --git a/docs/src/examples/LayoutAnimationConfig.tsx b/docs/src/examples/LayoutAnimationConfig.tsx index c999258d9d5..691a7be4428 100644 --- a/docs/src/examples/LayoutAnimationConfig.tsx +++ b/docs/src/examples/LayoutAnimationConfig.tsx @@ -7,8 +7,8 @@ import Animated, { import { Button, StyleSheet, View } from 'react-native'; export default function App() { - const [outer, setOuter] = React.useState(true); - const [inner, setInner] = React.useState(true); + const [outer, setOuter] = React.useState(true); + const [inner, setInner] = React.useState(true); return ( diff --git a/docs/src/examples/MeasureBasic.tsx b/docs/src/examples/MeasureBasic.tsx index 034a50c6675..49479925ab0 100644 --- a/docs/src/examples/MeasureBasic.tsx +++ b/docs/src/examples/MeasureBasic.tsx @@ -2,7 +2,6 @@ import React from 'react'; import { Button, StyleSheet, View, Text } from 'react-native'; import Animated, { MeasuredDimensions, - SharedValue, measure, runOnJS, useAnimatedRef, @@ -11,8 +10,8 @@ import Animated, { } from 'react-native-reanimated'; export default function App() { - const animatedRef = useAnimatedRef(); - const width: SharedValue = useSharedValue(100); + const animatedRef = useAnimatedRef(); + const width = useSharedValue(100); const [text, setText] = React.useState(width.value); const handlePress = () => { diff --git a/docs/src/examples/RepeatBasic.tsx b/docs/src/examples/RepeatBasic.tsx index d98688b6da9..6390c0a4d1c 100644 --- a/docs/src/examples/RepeatBasic.tsx +++ b/docs/src/examples/RepeatBasic.tsx @@ -1,7 +1,6 @@ import React from 'react'; import Animated, { Easing, - SharedValue, useAnimatedStyle, useSharedValue, withRepeat, @@ -13,7 +12,7 @@ const duration = 2000; const easing = Easing.bezier(0.25, -0.5, 0.25, 1); export default function App() { - const sv: SharedValue = useSharedValue(0); + const sv = useSharedValue(0); React.useEffect(() => { // highlight-next-line diff --git a/docs/src/examples/RunOnJS.tsx b/docs/src/examples/RunOnJS.tsx index c7c1dd1ef67..3f8957bca29 100644 --- a/docs/src/examples/RunOnJS.tsx +++ b/docs/src/examples/RunOnJS.tsx @@ -8,8 +8,8 @@ import Animated, { import { useAnimatedStyle } from 'react-native-reanimated'; export default function App() { - const scale = useSharedValue(1); - const [finished, setFinished] = React.useState(false); + const scale = useSharedValue(1); + const [finished, setFinished] = React.useState(false); const handlePress = () => { scale.value = withSpring(2, {}, () => { diff --git a/docs/src/examples/RunOnUI.tsx b/docs/src/examples/RunOnUI.tsx index 5dbf45307d3..260dbffd7c0 100644 --- a/docs/src/examples/RunOnUI.tsx +++ b/docs/src/examples/RunOnUI.tsx @@ -5,12 +5,11 @@ import Animated, { measure, useAnimatedRef, runOnUI, - AnimatedRef, } from 'react-native-reanimated'; function MeasurableText(props: {children: any; onPress: (measurements: any) => void}) { const { children, onPress } = props; - const animatedRef: AnimatedRef = useAnimatedRef(); + const animatedRef = useAnimatedRef(); const handleMeasure = () => { // highlight-next-line diff --git a/docs/src/examples/ScrollTo.tsx b/docs/src/examples/ScrollTo.tsx index 6f47e18a6b0..a5d2b96f0ac 100644 --- a/docs/src/examples/ScrollTo.tsx +++ b/docs/src/examples/ScrollTo.tsx @@ -5,7 +5,6 @@ import Animated, { useDerivedValue, useSharedValue, scrollTo, - AnimatedRef, SharedValue, } from 'react-native-reanimated'; @@ -14,8 +13,8 @@ const ITEM_SIZE = 100; const ITEM_MARGIN = 10; export default function App() { - const animatedRef: AnimatedRef = useAnimatedRef(); - const scroll: SharedValue = useSharedValue(0); + const animatedRef = useAnimatedRef(); + const scroll = useSharedValue(0); useDerivedValue(() => { // highlight-start diff --git a/docs/src/examples/ScrollViewOffset.tsx b/docs/src/examples/ScrollViewOffset.tsx index 8fb7abf7497..8094e48a625 100644 --- a/docs/src/examples/ScrollViewOffset.tsx +++ b/docs/src/examples/ScrollViewOffset.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { View, Text, StyleSheet, TextInput, Button } from 'react-native'; import Animated, { - AnimatedRef, SharedValue, useAnimatedProps, useAnimatedRef, @@ -10,14 +9,14 @@ import Animated, { } from 'react-native-reanimated'; export default function App() { - const animatedRef: AnimatedRef = useAnimatedRef(); + const animatedRef = useAnimatedRef(); // highlight-start - const offset: SharedValue = useScrollViewOffset(animatedRef); + const offset = useScrollViewOffset(animatedRef); const text = useDerivedValue( () => `Scroll offset: ${offset.value.toFixed(1)}` ); // highlight-end - const [isScrollHorizontal, setIsScrollHorizontal] = React.useState(false); + const [isScrollHorizontal, setIsScrollHorizontal] = React.useState(false); return ( diff --git a/docs/src/examples/SequenceBasic.jsx b/docs/src/examples/SequenceBasic.tsx similarity index 95% rename from docs/src/examples/SequenceBasic.jsx rename to docs/src/examples/SequenceBasic.tsx index da2464fb478..5f4735018f1 100644 --- a/docs/src/examples/SequenceBasic.jsx +++ b/docs/src/examples/SequenceBasic.tsx @@ -13,7 +13,7 @@ const initialOffset = 200; const duration = 800; export default function App() { - const offset = useSharedValue(initialOffset); + const offset = useSharedValue(initialOffset); const animatedStyles = useAnimatedStyle(() => ({ transform: [{ translateX: offset.value }], diff --git a/docs/src/examples/SequenceWobble.jsx b/docs/src/examples/SequenceWobble.tsx similarity index 96% rename from docs/src/examples/SequenceWobble.jsx rename to docs/src/examples/SequenceWobble.tsx index 71ac7fb70de..086db312899 100644 --- a/docs/src/examples/SequenceWobble.jsx +++ b/docs/src/examples/SequenceWobble.tsx @@ -14,7 +14,7 @@ const TIME = 100; const EASING = Easing.elastic(1.5); export default function App() { - const rotation = useSharedValue(0); + const rotation = useSharedValue(0); const animatedStyle = useAnimatedStyle(() => ({ transform: [{ rotateZ: `${rotation.value}deg` }], diff --git a/docs/src/examples/SetNativeProps.jsx b/docs/src/examples/SetNativeProps.tsx similarity index 94% rename from docs/src/examples/SetNativeProps.jsx rename to docs/src/examples/SetNativeProps.tsx index 65246787f3c..a6f405662f9 100644 --- a/docs/src/examples/SetNativeProps.jsx +++ b/docs/src/examples/SetNativeProps.tsx @@ -9,7 +9,7 @@ import Animated, { const COLORS = ['#FFE780', '#87CCE8', '#FFA3A1', '#B1DFD0', '#B58DF1']; export default function Example() { - const animatedRef = useAnimatedRef(); + const animatedRef = useAnimatedRef(); const handlePress = () => { runOnUI(() => { diff --git a/docs/src/examples/SharedValue.jsx b/docs/src/examples/SharedValue.tsx similarity index 93% rename from docs/src/examples/SharedValue.jsx rename to docs/src/examples/SharedValue.tsx index 38f7fdc0032..fdceb0081de 100644 --- a/docs/src/examples/SharedValue.jsx +++ b/docs/src/examples/SharedValue.tsx @@ -4,7 +4,7 @@ import Animated, { useSharedValue } from 'react-native-reanimated'; export default function App() { // highlight-next-line - const width = useSharedValue(100); + const width = useSharedValue(100); const handlePress = () => { // highlight-next-line diff --git a/docs/src/examples/SpringBasic.jsx b/docs/src/examples/SpringBasic.tsx similarity index 93% rename from docs/src/examples/SpringBasic.jsx rename to docs/src/examples/SpringBasic.tsx index 158c71c2ca4..cf75f5d79b8 100644 --- a/docs/src/examples/SpringBasic.jsx +++ b/docs/src/examples/SpringBasic.tsx @@ -10,7 +10,7 @@ import Animated, { const initialOffset = 200; export default function App() { - const offset = useSharedValue(initialOffset); + const offset = useSharedValue(initialOffset); const animatedStyles = useAnimatedStyle(() => ({ transform: [{ translateX: offset.value }], diff --git a/docs/src/examples/SpringCarousel.jsx b/docs/src/examples/SpringCarousel.tsx similarity index 95% rename from docs/src/examples/SpringCarousel.jsx rename to docs/src/examples/SpringCarousel.tsx index 22670989dff..654d6f01f7f 100644 --- a/docs/src/examples/SpringCarousel.jsx +++ b/docs/src/examples/SpringCarousel.tsx @@ -4,6 +4,7 @@ import Animated, { useSharedValue, useAnimatedStyle, withSpring, + SharedValue, } from 'react-native-reanimated'; const INITIAL_OFFSET = 110; @@ -20,13 +21,13 @@ const items = [ ]; export default function App() { - const offset = useSharedValue(INITIAL_OFFSET); + const offset = useSharedValue(INITIAL_OFFSET); const animatedStyles = useAnimatedStyle(() => ({ transform: [{ translateX: offset.value }], })); - const advanceBy = (position) => { + const advanceBy = (position: number) => { const previousOffset = offset.value; if ( (previousOffset < LEFT_BOUNDARY && position === -1) || diff --git a/docs/src/examples/SpringMassCompare.jsx b/docs/src/examples/SpringMassCompare.tsx similarity index 93% rename from docs/src/examples/SpringMassCompare.jsx rename to docs/src/examples/SpringMassCompare.tsx index 8f1e67f7530..8ab4d6a22b9 100644 --- a/docs/src/examples/SpringMassCompare.jsx +++ b/docs/src/examples/SpringMassCompare.tsx @@ -5,13 +5,14 @@ import Animated, { useAnimatedStyle, withSpring, withRepeat, + SharedValue, } from 'react-native-reanimated'; const duration = 1800; export default function App() { - const defaultAnim = useSharedValue(200); - const changedAnim = useSharedValue(200); + const defaultAnim = useSharedValue(200); + const changedAnim = useSharedValue(200); const animatedLinear = useAnimatedStyle(() => ({ transform: [{ translateX: defaultAnim.value }], diff --git a/docs/src/examples/TimingBasic.jsx b/docs/src/examples/TimingBasic.tsx similarity index 95% rename from docs/src/examples/TimingBasic.jsx rename to docs/src/examples/TimingBasic.tsx index b2610c6c1cb..e5848037b4e 100644 --- a/docs/src/examples/TimingBasic.jsx +++ b/docs/src/examples/TimingBasic.tsx @@ -8,7 +8,7 @@ import Animated, { } from 'react-native-reanimated'; export default function App() { - const offset = useSharedValue(200); + const offset = useSharedValue(200); const animatedStyles = useAnimatedStyle(() => ({ transform: [{ translateX: offset.value }], diff --git a/docs/src/examples/TimingEasingCompare.jsx b/docs/src/examples/TimingEasingCompare.tsx similarity index 93% rename from docs/src/examples/TimingEasingCompare.jsx rename to docs/src/examples/TimingEasingCompare.tsx index c93456724c3..ff5375e3940 100644 --- a/docs/src/examples/TimingEasingCompare.jsx +++ b/docs/src/examples/TimingEasingCompare.tsx @@ -6,13 +6,14 @@ import Animated, { withTiming, Easing, withRepeat, + SharedValue, } from 'react-native-reanimated'; const duration = 2000; export default function App() { - const defaultAnim = useSharedValue(200); - const linear = useSharedValue(200); + const defaultAnim = useSharedValue(200); + const linear = useSharedValue(200); const animatedDefault = useAnimatedStyle(() => ({ transform: [{ translateX: defaultAnim.value }], diff --git a/docs/src/examples/TimingTabs.jsx b/docs/src/examples/TimingTabs.tsx similarity index 94% rename from docs/src/examples/TimingTabs.jsx rename to docs/src/examples/TimingTabs.tsx index 8e1b2e51e07..73f56d731a9 100644 --- a/docs/src/examples/TimingTabs.jsx +++ b/docs/src/examples/TimingTabs.tsx @@ -10,13 +10,13 @@ const TAB_WIDTH = 150; const TABS = ['Home', 'Search', 'Profile']; export default function App() { - const offset = useSharedValue(-TAB_WIDTH); + const offset = useSharedValue(-TAB_WIDTH); const animatedStyles = useAnimatedStyle(() => ({ transform: [{ translateX: offset.value }], })); - const handlePress = (tab) => { + const handlePress = (tab: string) => { const newOffset = (() => { switch (tab) { case 'Home': diff --git a/docs/src/examples/UseReducedMotion.jsx b/docs/src/examples/UseReducedMotion.tsx similarity index 93% rename from docs/src/examples/UseReducedMotion.jsx rename to docs/src/examples/UseReducedMotion.tsx index f118d891c07..b5a42b3d918 100644 --- a/docs/src/examples/UseReducedMotion.jsx +++ b/docs/src/examples/UseReducedMotion.tsx @@ -1,6 +1,7 @@ import React from 'react'; import { StyleSheet, View } from 'react-native'; import Animated, { + SharedValue, useAnimatedStyle, useReducedMotion, useSharedValue, @@ -9,7 +10,7 @@ import Animated, { } from 'react-native-reanimated'; export default function App() { - const sv = useSharedValue(-200); + const sv = useSharedValue(-200); // highlight-next-line const reduceMotion = useReducedMotion(); diff --git a/docs/yarn.lock b/docs/yarn.lock index 211c0a65523..9f0ea46930d 100644 --- a/docs/yarn.lock +++ b/docs/yarn.lock @@ -153,11 +153,24 @@ "@babel/highlight" "^7.22.13" chalk "^2.4.2" +"@babel/code-frame@^7.23.5": + version "7.24.2" + resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.2.tgz#718b4b19841809a58b29b68cde80bc5e1aa6d9ae" + integrity sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ== + dependencies: + "@babel/highlight" "^7.24.2" + picocolors "^1.0.0" + "@babel/compat-data@^7.17.7", "@babel/compat-data@^7.20.1", "@babel/compat-data@^7.20.5": version "7.20.14" resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.20.14.tgz#4106fc8b755f3e3ee0a0a7c27dde5de1d2b2baf8" integrity sha512-0YpKHD6ImkWMEINCyDAD0HLLUH/lPCefG8ld9it8DJB2wnApraKuhgYTvTY1z7UFIfBTGy5LwncZ+5HWWGbhFw== +"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.23.5", "@babel/compat-data@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.4.tgz#6f102372e9094f25d908ca0d34fc74c74606059a" + integrity sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ== + "@babel/core@7.12.9": version "7.12.9" resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.9.tgz#fd450c4ec10cdbb980e2928b7aa7a28484593fc8" @@ -289,6 +302,13 @@ dependencies: "@babel/types" "^7.18.6" +"@babel/helper-annotate-as-pure@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882" + integrity sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg== + dependencies: + "@babel/types" "^7.22.5" + "@babel/helper-builder-binary-assignment-operator-visitor@^7.18.6": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.18.9.tgz#acd4edfd7a566d1d51ea975dff38fd52906981bb" @@ -297,6 +317,13 @@ "@babel/helper-explode-assignable-expression" "^7.18.6" "@babel/types" "^7.18.9" +"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.15": + version "7.22.15" + resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956" + integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw== + dependencies: + "@babel/types" "^7.22.15" + "@babel/helper-compilation-targets@^7.17.7", "@babel/helper-compilation-targets@^7.18.9", "@babel/helper-compilation-targets@^7.20.0", "@babel/helper-compilation-targets@^7.20.7": version "7.20.7" resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz#a6cd33e93629f5eb473b021aac05df62c4cd09bb" @@ -308,6 +335,17 @@ lru-cache "^5.1.1" semver "^6.3.0" +"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.23.6": + version "7.23.6" + resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz#4d79069b16cbcf1461289eccfbbd81501ae39991" + integrity sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ== + dependencies: + "@babel/compat-data" "^7.23.5" + "@babel/helper-validator-option" "^7.23.5" + browserslist "^4.22.2" + lru-cache "^5.1.1" + semver "^6.3.1" + "@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.20.12", "@babel/helper-create-class-features-plugin@^7.20.5", "@babel/helper-create-class-features-plugin@^7.20.7": version "7.20.12" resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.20.12.tgz#4349b928e79be05ed2d1643b20b99bb87c503819" @@ -336,6 +374,21 @@ "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0" "@babel/helper-split-export-declaration" "^7.18.6" +"@babel/helper-create-class-features-plugin@^7.24.1", "@babel/helper-create-class-features-plugin@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.4.tgz#c806f73788a6800a5cfbbc04d2df7ee4d927cce3" + integrity sha512-lG75yeuUSVu0pIcbhiYMXBXANHrpUPaOfu7ryAzskCgKUHuAxRQI5ssrtmF0X9UXldPlvT0XM/A4F44OXRt6iQ== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-function-name" "^7.23.0" + "@babel/helper-member-expression-to-functions" "^7.23.0" + "@babel/helper-optimise-call-expression" "^7.22.5" + "@babel/helper-replace-supers" "^7.24.1" + "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" + "@babel/helper-split-export-declaration" "^7.22.6" + semver "^6.3.1" + "@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.20.5": version "7.20.5" resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.20.5.tgz#5ea79b59962a09ec2acf20a963a01ab4d076ccca" @@ -344,6 +397,15 @@ "@babel/helper-annotate-as-pure" "^7.18.6" regexpu-core "^5.2.1" +"@babel/helper-create-regexp-features-plugin@^7.22.15", "@babel/helper-create-regexp-features-plugin@^7.22.5": + version "7.22.15" + resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1" + integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + regexpu-core "^5.3.1" + semver "^6.3.1" + "@babel/helper-define-polyfill-provider@^0.3.3": version "0.3.3" resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz#8612e55be5d51f0cd1f36b4a5a83924e89884b7a" @@ -356,6 +418,17 @@ resolve "^1.14.2" semver "^6.1.2" +"@babel/helper-define-polyfill-provider@^0.6.1": + version "0.6.1" + resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.1.tgz#fadc63f0c2ff3c8d02ed905dcea747c5b0fb74fd" + integrity sha512-o7SDgTJuvx5vLKD6SFvkydkSMBvahDKGiNJzG22IZYXhiqoe9efY7zocICBgzHV4IRg5wdgl2nEL/tulKIEIbA== + dependencies: + "@babel/helper-compilation-targets" "^7.22.6" + "@babel/helper-plugin-utils" "^7.22.5" + debug "^4.1.1" + lodash.debounce "^4.0.8" + resolve "^1.14.2" + "@babel/helper-environment-visitor@^7.18.9": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be" @@ -389,7 +462,7 @@ "@babel/template" "^7.20.7" "@babel/types" "^7.21.0" -"@babel/helper-function-name@^7.23.0": +"@babel/helper-function-name@^7.22.5", "@babel/helper-function-name@^7.23.0": version "7.23.0" resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759" integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw== @@ -425,6 +498,13 @@ dependencies: "@babel/types" "^7.21.0" +"@babel/helper-member-expression-to-functions@^7.23.0": + version "7.23.0" + resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz#9263e88cc5e41d39ec18c9a3e0eced59a3e7d366" + integrity sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA== + dependencies: + "@babel/types" "^7.23.0" + "@babel/helper-module-imports@^7.16.7": version "7.21.4" resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz#ac88b2f76093637489e718a90cec6cf8a9b029af" @@ -439,6 +519,13 @@ dependencies: "@babel/types" "^7.18.6" +"@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.24.1": + version "7.24.3" + resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz#6ac476e6d168c7c23ff3ba3cf4f7841d46ac8128" + integrity sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg== + dependencies: + "@babel/types" "^7.24.0" + "@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.20.11": version "7.20.11" resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.20.11.tgz#df4c7af713c557938c50ea3ad0117a7944b2f1b0" @@ -467,6 +554,17 @@ "@babel/traverse" "^7.21.2" "@babel/types" "^7.21.2" +"@babel/helper-module-transforms@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz#d7d12c3c5d30af5b3c0fcab2a6d5217773e2d0f1" + integrity sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ== + dependencies: + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-module-imports" "^7.22.15" + "@babel/helper-simple-access" "^7.22.5" + "@babel/helper-split-export-declaration" "^7.22.6" + "@babel/helper-validator-identifier" "^7.22.20" + "@babel/helper-optimise-call-expression@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe" @@ -474,6 +572,13 @@ dependencies: "@babel/types" "^7.18.6" +"@babel/helper-optimise-call-expression@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e" + integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw== + dependencies: + "@babel/types" "^7.22.5" + "@babel/helper-plugin-utils@7.10.4": version "7.10.4" resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375" @@ -484,7 +589,7 @@ resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629" integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ== -"@babel/helper-plugin-utils@^7.24.0": +"@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.24.0": version "7.24.0" resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.0.tgz#945681931a52f15ce879fd5b86ce2dae6d3d7f2a" integrity sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w== @@ -499,6 +604,15 @@ "@babel/helper-wrap-function" "^7.18.9" "@babel/types" "^7.18.9" +"@babel/helper-remap-async-to-generator@^7.22.20": + version "7.22.20" + resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz#7b68e1cb4fa964d2996fd063723fb48eca8498e0" + integrity sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-wrap-function" "^7.22.20" + "@babel/helper-replace-supers@^7.18.6", "@babel/helper-replace-supers@^7.20.7": version "7.20.7" resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.20.7.tgz#243ecd2724d2071532b2c8ad2f0f9f083bcae331" @@ -511,6 +625,15 @@ "@babel/traverse" "^7.20.7" "@babel/types" "^7.20.7" +"@babel/helper-replace-supers@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.24.1.tgz#7085bd19d4a0b7ed8f405c1ed73ccb70f323abc1" + integrity sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ== + dependencies: + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-member-expression-to-functions" "^7.23.0" + "@babel/helper-optimise-call-expression" "^7.22.5" + "@babel/helper-simple-access@^7.20.2": version "7.20.2" resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz#0ab452687fe0c2cfb1e2b9e0015de07fc2d62dd9" @@ -518,6 +641,13 @@ dependencies: "@babel/types" "^7.20.2" +"@babel/helper-simple-access@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de" + integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w== + dependencies: + "@babel/types" "^7.22.5" + "@babel/helper-skip-transparent-expression-wrappers@^7.20.0": version "7.20.0" resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz#fbe4c52f60518cab8140d77101f0e63a8a230684" @@ -556,6 +686,11 @@ resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f" integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw== +"@babel/helper-string-parser@^7.23.4": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz#f99c36d3593db9540705d0739a1f10b5e20c696e" + integrity sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ== + "@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1": version "7.19.1" resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2" @@ -576,6 +711,11 @@ resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180" integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ== +"@babel/helper-validator-option@^7.23.5": + version "7.23.5" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307" + integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw== + "@babel/helper-wrap-function@^7.18.9": version "7.20.5" resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.20.5.tgz#75e2d84d499a0ab3b31c33bcfe59d6b8a45f62e3" @@ -586,6 +726,15 @@ "@babel/traverse" "^7.20.5" "@babel/types" "^7.20.5" +"@babel/helper-wrap-function@^7.22.20": + version "7.22.20" + resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz#15352b0b9bfb10fc9c76f79f6342c00e3411a569" + integrity sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw== + dependencies: + "@babel/helper-function-name" "^7.22.5" + "@babel/template" "^7.22.15" + "@babel/types" "^7.22.19" + "@babel/helpers@^7.12.5", "@babel/helpers@^7.20.7": version "7.20.13" resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.20.13.tgz#e3cb731fb70dc5337134cadc24cbbad31cc87ad2" @@ -622,6 +771,16 @@ chalk "^2.4.2" js-tokens "^4.0.0" +"@babel/highlight@^7.24.2": + version "7.24.2" + resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.2.tgz#3f539503efc83d3c59080a10e6634306e0370d26" + integrity sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA== + dependencies: + "@babel/helper-validator-identifier" "^7.22.20" + chalk "^2.4.2" + js-tokens "^4.0.0" + picocolors "^1.0.0" + "@babel/parser@^7.12.7", "@babel/parser@^7.18.8", "@babel/parser@^7.20.7": version "7.20.15" resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.15.tgz#eec9f36d8eaf0948bb88c87a46784b5ee9fd0c89" @@ -642,6 +801,19 @@ resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.0.tgz#da950e622420bf96ca0d0f2909cdddac3acd8719" integrity sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw== +"@babel/parser@^7.24.0": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.4.tgz#234487a110d89ad5a3ed4a8a566c36b9453e8c88" + integrity sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg== + +"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.4.tgz#6125f0158543fb4edf1c22f322f3db67f21cb3e1" + integrity sha512-qpl6vOOEEzTLLcsuqYYo8yDtrTocmu2xkGvgNebvPjT9DTtfFYGmgDqY+rBYXNlqL4s9qLDn6xkrJv4RxAPiTA== + dependencies: + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.18.6.tgz#da5b8f9a580acdfbe53494dba45ea389fb09a4d2" @@ -649,6 +821,13 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.1.tgz#b645d9ba8c2bc5b7af50f0fe949f9edbeb07c8cf" + integrity sha512-y4HqEnkelJIOQGd+3g1bTeKsA5c6qM7eOn7VggGVbBc0y8MLSKHacwcIE2PplNlQSj0PqS9rrXL/nkPVK+kUNg== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.18.9": version "7.20.7" resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.20.7.tgz#d9c85589258539a22a901033853101a6198d4ef1" @@ -658,6 +837,23 @@ "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0" "@babel/plugin-proposal-optional-chaining" "^7.20.7" +"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.1.tgz#da8261f2697f0f41b0855b91d3a20a1fbfd271d3" + integrity sha512-Hj791Ii4ci8HqnaKHAlLNs+zaLXb0EzSDhiAWp5VNlyvCNymYfacs64pxTxbH1znW/NcArSmwpmG9IKE/TUVVQ== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" + "@babel/plugin-transform-optional-chaining" "^7.24.1" + +"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.1.tgz#1181d9685984c91d657b8ddf14f0487a6bab2988" + integrity sha512-m9m/fXsXLiHfwdgydIFnpk+7jlVbnvlK5B2EKiPdLUb6WX654ZaaEWJUjk8TftRbZpK0XibovlLWX4KIZhV6jw== + dependencies: + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-proposal-async-generator-functions@^7.0.0", "@babel/plugin-proposal-async-generator-functions@^7.20.1": version "7.20.7" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.7.tgz#bfb7276d2d573cb67ba379984a2334e262ba5326" @@ -806,6 +1002,11 @@ "@babel/helper-create-class-features-plugin" "^7.18.6" "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2": + version "7.21.0-placeholder-for-preset-env.2" + resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703" + integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w== + "@babel/plugin-proposal-private-property-in-object@^7.18.6": version "7.20.5" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.20.5.tgz#309c7668f2263f1c711aa399b5a9a6291eef6135" @@ -887,6 +1088,27 @@ dependencies: "@babel/helper-plugin-utils" "^7.19.0" +"@babel/plugin-syntax-import-assertions@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.1.tgz#db3aad724153a00eaac115a3fb898de544e34971" + integrity sha512-IuwnI5XnuF189t91XbxmXeCDz3qs6iDRO7GJ++wcfgeXNs/8FmIlKcpDSXNVyuLQxlwvskmI3Ct73wUODkJBlQ== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-syntax-import-attributes@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.1.tgz#c66b966c63b714c4eec508fcf5763b1f2d381093" + integrity sha512-zhQTMH0X2nVLnb04tz+s7AMuasX8U0FnpE+nHTOhSOINjWMnopoZTxtIKsd45n4GQ/HIZLyfIpoul8e2m0DnRA== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-syntax-import-meta@^7.10.4": + version "7.10.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51" + integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g== + dependencies: + "@babel/helper-plugin-utils" "^7.10.4" + "@babel/plugin-syntax-json-strings@^7.8.3": version "7.8.3" resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a" @@ -971,6 +1193,14 @@ dependencies: "@babel/helper-plugin-utils" "^7.19.0" +"@babel/plugin-syntax-unicode-sets-regex@^7.18.6": + version "7.18.6" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357" + integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg== + dependencies: + "@babel/helper-create-regexp-features-plugin" "^7.18.6" + "@babel/helper-plugin-utils" "^7.18.6" + "@babel/plugin-transform-arrow-functions@^7.0.0", "@babel/plugin-transform-arrow-functions@^7.18.6": version "7.20.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.20.7.tgz#bea332b0e8b2dab3dafe55a163d8227531ab0551" @@ -978,13 +1208,23 @@ dependencies: "@babel/helper-plugin-utils" "^7.20.2" -"@babel/plugin-transform-arrow-functions@^7.0.0-0": +"@babel/plugin-transform-arrow-functions@^7.0.0-0", "@babel/plugin-transform-arrow-functions@^7.24.1": version "7.24.1" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.1.tgz#2bf263617060c9cc45bcdbf492b8cc805082bf27" integrity sha512-ngT/3NkRhsaep9ck9uj2Xhv9+xB1zShY3tM3g6om4xxCELwCDN4g4Aq5dRn48+0hasAql7s2hdBOysCfNpr4fw== dependencies: "@babel/helper-plugin-utils" "^7.24.0" +"@babel/plugin-transform-async-generator-functions@^7.24.3": + version "7.24.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.3.tgz#8fa7ae481b100768cc9842c8617808c5352b8b89" + integrity sha512-Qe26CMYVjpQxJ8zxM1340JFNjZaF+ISWpr1Kt/jGo+ZTUzKkfw/pphEWbRCb+lmSM6k/TOgfYLvmbHkUQ0asIg== + dependencies: + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-remap-async-to-generator" "^7.22.20" + "@babel/plugin-syntax-async-generators" "^7.8.4" + "@babel/plugin-transform-async-to-generator@^7.0.0", "@babel/plugin-transform-async-to-generator@^7.18.6": version "7.20.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.20.7.tgz#dfee18623c8cb31deb796aa3ca84dda9cea94354" @@ -994,6 +1234,15 @@ "@babel/helper-plugin-utils" "^7.20.2" "@babel/helper-remap-async-to-generator" "^7.18.9" +"@babel/plugin-transform-async-to-generator@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.1.tgz#0e220703b89f2216800ce7b1c53cb0cf521c37f4" + integrity sha512-AawPptitRXp1y0n4ilKcGbRYWfbbzFWz2NqNu7dacYDtFtz0CMjG64b3LQsb3KIgnf4/obcUL78hfaOS7iCUfw== + dependencies: + "@babel/helper-module-imports" "^7.24.1" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-remap-async-to-generator" "^7.22.20" + "@babel/plugin-transform-block-scoped-functions@^7.0.0", "@babel/plugin-transform-block-scoped-functions@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.18.6.tgz#9187bf4ba302635b9d70d986ad70f038726216a8" @@ -1001,6 +1250,13 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-transform-block-scoped-functions@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.1.tgz#1c94799e20fcd5c4d4589523bbc57b7692979380" + integrity sha512-TWWC18OShZutrv9C6mye1xwtam+uNi2bnTOCBUd5sZxyHOiWbU6ztSROofIMrK84uweEZC219POICK/sTYwfgg== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-transform-block-scoping@^7.0.0": version "7.21.0" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.21.0.tgz#e737b91037e5186ee16b76e7ae093358a5634f02" @@ -1015,6 +1271,30 @@ dependencies: "@babel/helper-plugin-utils" "^7.20.2" +"@babel/plugin-transform-block-scoping@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.4.tgz#28f5c010b66fbb8ccdeef853bef1935c434d7012" + integrity sha512-nIFUZIpGKDf9O9ttyRXpHFpKC+X3Y5mtshZONuEUYBomAKoM4y029Jr+uB1bHGPhNmK8YXHevDtKDOLmtRrp6g== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-class-properties@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.1.tgz#bcbf1aef6ba6085cfddec9fc8d58871cf011fc29" + integrity sha512-OMLCXi0NqvJfORTaPQBwqLXHhb93wkBKZ4aNwMl6WtehO7ar+cmp+89iPEQPqxAnxsOKTaMcs3POz3rKayJ72g== + dependencies: + "@babel/helper-create-class-features-plugin" "^7.24.1" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-class-static-block@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.4.tgz#1a4653c0cf8ac46441ec406dece6e9bc590356a4" + integrity sha512-B8q7Pz870Hz/q9UgP8InNpY01CSLDSCyqX7zcRuv3FcPl87A2G17lASroHWaCtbdIcbYzOZ7kWmXFKbijMSmFg== + dependencies: + "@babel/helper-create-class-features-plugin" "^7.24.4" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-class-static-block" "^7.14.5" + "@babel/plugin-transform-classes@^7.0.0": version "7.21.0" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.21.0.tgz#f469d0b07a4c5a7dbb21afad9e27e57b47031665" @@ -1045,6 +1325,20 @@ "@babel/helper-split-export-declaration" "^7.18.6" globals "^11.1.0" +"@babel/plugin-transform-classes@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.1.tgz#5bc8fc160ed96378184bc10042af47f50884dcb1" + integrity sha512-ZTIe3W7UejJd3/3R4p7ScyyOoafetUShSf4kCqV0O7F/RiHxVj/wRaRnQlrGwflvcehNA8M42HkAiEDYZu2F1Q== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-function-name" "^7.23.0" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-replace-supers" "^7.24.1" + "@babel/helper-split-export-declaration" "^7.22.6" + globals "^11.1.0" + "@babel/plugin-transform-computed-properties@^7.0.0", "@babel/plugin-transform-computed-properties@^7.18.9": version "7.20.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.20.7.tgz#704cc2fd155d1c996551db8276d55b9d46e4d0aa" @@ -1053,6 +1347,14 @@ "@babel/helper-plugin-utils" "^7.20.2" "@babel/template" "^7.20.7" +"@babel/plugin-transform-computed-properties@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.1.tgz#bc7e787f8e021eccfb677af5f13c29a9934ed8a7" + integrity sha512-5pJGVIUfJpOS+pAqBQd+QMaTD2vCL/HcePooON6pDpHgRp4gNRmzyHTPIkXntwKsq3ayUFVfJaIKPw2pOkOcTw== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/template" "^7.24.0" + "@babel/plugin-transform-destructuring@^7.0.0", "@babel/plugin-transform-destructuring@^7.20.2": version "7.20.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.20.7.tgz#8bda578f71620c7de7c93af590154ba331415454" @@ -1060,6 +1362,13 @@ dependencies: "@babel/helper-plugin-utils" "^7.20.2" +"@babel/plugin-transform-destructuring@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.1.tgz#b1e8243af4a0206841973786292b8c8dd8447345" + integrity sha512-ow8jciWqNxR3RYbSNVuF4U2Jx130nwnBnhRw6N6h1bOejNkABmcI5X5oz29K4alWX7vf1C+o6gtKXikzRKkVdw== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-transform-dotall-regex@^7.18.6", "@babel/plugin-transform-dotall-regex@^7.4.4": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.18.6.tgz#b286b3e7aae6c7b861e45bed0a2fafd6b1a4fef8" @@ -1068,6 +1377,14 @@ "@babel/helper-create-regexp-features-plugin" "^7.18.6" "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-transform-dotall-regex@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.1.tgz#d56913d2f12795cc9930801b84c6f8c47513ac13" + integrity sha512-p7uUxgSoZwZ2lPNMzUkqCts3xlp8n+o05ikjy7gbtFJSt9gdU88jAmtfmOxHM14noQXBxfgzf2yRWECiNVhTCw== + dependencies: + "@babel/helper-create-regexp-features-plugin" "^7.22.15" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-transform-duplicate-keys@^7.18.9": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.18.9.tgz#687f15ee3cdad6d85191eb2a372c4528eaa0ae0e" @@ -1075,6 +1392,21 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.9" +"@babel/plugin-transform-duplicate-keys@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.1.tgz#5347a797fe82b8d09749d10e9f5b83665adbca88" + integrity sha512-msyzuUnvsjsaSaocV6L7ErfNsa5nDWL1XKNnDePLgmz+WdU4w/J8+AxBMrWfi9m4IxfL5sZQKUPQKDQeeAT6lA== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-dynamic-import@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.1.tgz#2a5a49959201970dd09a5fca856cb651e44439dd" + integrity sha512-av2gdSTyXcJVdI+8aFZsCAtR29xJt0S5tas+Ef8NvBNmD1a+N/3ecMLeMBgfcK+xzsjdLDT6oHt+DFPyeqUbDA== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-dynamic-import" "^7.8.3" + "@babel/plugin-transform-exponentiation-operator@^7.0.0", "@babel/plugin-transform-exponentiation-operator@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.18.6.tgz#421c705f4521888c65e91fdd1af951bfefd4dacd" @@ -1083,6 +1415,22 @@ "@babel/helper-builder-binary-assignment-operator-visitor" "^7.18.6" "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-transform-exponentiation-operator@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.1.tgz#6650ebeb5bd5c012d5f5f90a26613a08162e8ba4" + integrity sha512-U1yX13dVBSwS23DEAqU+Z/PkwE9/m7QQy8Y9/+Tdb8UWYaGNDYwTLi19wqIAiROr8sXVum9A/rtiH5H0boUcTw== + dependencies: + "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.15" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-export-namespace-from@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.1.tgz#f033541fc036e3efb2dcb58eedafd4f6b8078acd" + integrity sha512-Ft38m/KFOyzKw2UaJFkWG9QnHPG/Q/2SkOrRk4pNBPg5IPZ+dOxcmkK5IyuBcxiNPyyYowPGUReyBvrvZs7IlQ== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-export-namespace-from" "^7.8.3" + "@babel/plugin-transform-flow-strip-types@^7.0.0", "@babel/plugin-transform-flow-strip-types@^7.18.6": version "7.21.0" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.21.0.tgz#6aeca0adcb81dc627c8986e770bfaa4d9812aff5" @@ -1105,6 +1453,14 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-transform-for-of@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.1.tgz#67448446b67ab6c091360ce3717e7d3a59e202fd" + integrity sha512-OxBdcnF04bpdQdR3i4giHZNZQn7cm8RQKcSwA17wAAqEELo1ZOwp5FFgeptWUQXFyT9kwHo10aqqauYkRZPCAg== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" + "@babel/plugin-transform-function-name@^7.0.0", "@babel/plugin-transform-function-name@^7.18.9": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.18.9.tgz#cc354f8234e62968946c61a46d6365440fc764e0" @@ -1114,6 +1470,23 @@ "@babel/helper-function-name" "^7.18.9" "@babel/helper-plugin-utils" "^7.18.9" +"@babel/plugin-transform-function-name@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.1.tgz#8cba6f7730626cc4dfe4ca2fa516215a0592b361" + integrity sha512-BXmDZpPlh7jwicKArQASrj8n22/w6iymRnvHYYd2zO30DbE277JO20/7yXJT3QxDPtiQiOxQBbZH4TpivNXIxA== + dependencies: + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-function-name" "^7.23.0" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-json-strings@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.1.tgz#08e6369b62ab3e8a7b61089151b161180c8299f7" + integrity sha512-U7RMFmRvoasscrIFy5xA4gIp8iWnWubnKkKuUGJjsuOH7GfbMkB+XZzeslx2kLdEGdOJDamEmCqOks6e8nv8DQ== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-json-strings" "^7.8.3" + "@babel/plugin-transform-literals@^7.0.0", "@babel/plugin-transform-literals@^7.18.9": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.18.9.tgz#72796fdbef80e56fba3c6a699d54f0de557444bc" @@ -1121,6 +1494,21 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.9" +"@babel/plugin-transform-literals@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.1.tgz#0a1982297af83e6b3c94972686067df588c5c096" + integrity sha512-zn9pwz8U7nCqOYIiBaOxoQOtYmMODXTJnkxG4AtX8fPmnCRYWBOHD0qcpwS9e2VDSp1zNJYpdnFMIKb8jmwu6g== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-logical-assignment-operators@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.1.tgz#719d8aded1aa94b8fb34e3a785ae8518e24cfa40" + integrity sha512-OhN6J4Bpz+hIBqItTeWJujDOfNP+unqv/NJgyhlpSqgBTPm37KkMmZV6SYcOj+pnDbdcl1qRGV/ZiIjX9Iy34w== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" + "@babel/plugin-transform-member-expression-literals@^7.0.0", "@babel/plugin-transform-member-expression-literals@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.18.6.tgz#ac9fdc1a118620ac49b7e7a5d2dc177a1bfee88e" @@ -1128,6 +1516,13 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-transform-member-expression-literals@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.1.tgz#896d23601c92f437af8b01371ad34beb75df4489" + integrity sha512-4ojai0KysTWXzHseJKa1XPNXKRbuUrhkOPY4rEGeR+7ChlJVKxFa3H3Bz+7tWaGKgJAXUWKOGmltN+u9B3+CVg== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-transform-modules-amd@^7.19.6": version "7.20.11" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.20.11.tgz#3daccca8e4cc309f03c3a0c4b41dc4b26f55214a" @@ -1136,6 +1531,14 @@ "@babel/helper-module-transforms" "^7.20.11" "@babel/helper-plugin-utils" "^7.20.2" +"@babel/plugin-transform-modules-amd@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.1.tgz#b6d829ed15258536977e9c7cc6437814871ffa39" + integrity sha512-lAxNHi4HVtjnHd5Rxg3D5t99Xm6H7b04hUS7EHIXcUl2EV4yl1gWdqZrNzXnSrHveL9qMdbODlLF55mvgjAfaQ== + dependencies: + "@babel/helper-module-transforms" "^7.23.3" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-transform-modules-commonjs@^7.0.0", "@babel/plugin-transform-modules-commonjs@^7.13.8": version "7.21.2" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.21.2.tgz#6ff5070e71e3192ef2b7e39820a06fb78e3058e7" @@ -1154,6 +1557,15 @@ "@babel/helper-plugin-utils" "^7.20.2" "@babel/helper-simple-access" "^7.20.2" +"@babel/plugin-transform-modules-commonjs@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.1.tgz#e71ba1d0d69e049a22bf90b3867e263823d3f1b9" + integrity sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw== + dependencies: + "@babel/helper-module-transforms" "^7.23.3" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-simple-access" "^7.22.5" + "@babel/plugin-transform-modules-systemjs@^7.19.6": version "7.20.11" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.20.11.tgz#467ec6bba6b6a50634eea61c9c232654d8a4696e" @@ -1164,6 +1576,16 @@ "@babel/helper-plugin-utils" "^7.20.2" "@babel/helper-validator-identifier" "^7.19.1" +"@babel/plugin-transform-modules-systemjs@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.1.tgz#2b9625a3d4e445babac9788daec39094e6b11e3e" + integrity sha512-mqQ3Zh9vFO1Tpmlt8QPnbwGHzNz3lpNEMxQb1kAemn/erstyqw1r9KeOlOfo3y6xAnFEcOv2tSyrXfmMk+/YZA== + dependencies: + "@babel/helper-hoist-variables" "^7.22.5" + "@babel/helper-module-transforms" "^7.23.3" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-validator-identifier" "^7.22.20" + "@babel/plugin-transform-modules-umd@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.18.6.tgz#81d3832d6034b75b54e62821ba58f28ed0aab4b9" @@ -1172,6 +1594,14 @@ "@babel/helper-module-transforms" "^7.18.6" "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-transform-modules-umd@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.1.tgz#69220c66653a19cf2c0872b9c762b9a48b8bebef" + integrity sha512-tuA3lpPj+5ITfcCluy6nWonSL7RvaG0AOTeAuvXqEKS34lnLzXpDb0dcP6K8jD0zWZFNDVly90AGFJPnm4fOYg== + dependencies: + "@babel/helper-module-transforms" "^7.23.3" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-transform-named-capturing-groups-regex@^7.0.0", "@babel/plugin-transform-named-capturing-groups-regex@^7.19.1": version "7.20.5" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.20.5.tgz#626298dd62ea51d452c3be58b285d23195ba69a8" @@ -1180,6 +1610,14 @@ "@babel/helper-create-regexp-features-plugin" "^7.20.5" "@babel/helper-plugin-utils" "^7.20.2" +"@babel/plugin-transform-named-capturing-groups-regex@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz#67fe18ee8ce02d57c855185e27e3dc959b2e991f" + integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ== + dependencies: + "@babel/helper-create-regexp-features-plugin" "^7.22.5" + "@babel/helper-plugin-utils" "^7.22.5" + "@babel/plugin-transform-new-target@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.18.6.tgz#d128f376ae200477f37c4ddfcc722a8a1b3246a8" @@ -1187,7 +1625,14 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" -"@babel/plugin-transform-nullish-coalescing-operator@^7.0.0-0": +"@babel/plugin-transform-new-target@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.1.tgz#29c59988fa3d0157de1c871a28cd83096363cc34" + integrity sha512-/rurytBM34hYy0HKZQyA0nHbQgQNFm4Q/BOc9Hflxi2X3twRof7NaE5W46j4kQitm7SvACVRXsa6N/tSZxvPug== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-nullish-coalescing-operator@^7.0.0-0", "@babel/plugin-transform-nullish-coalescing-operator@^7.24.1": version "7.24.1" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.1.tgz#0cd494bb97cb07d428bd651632cb9d4140513988" integrity sha512-iQ+caew8wRrhCikO5DrUYx0mrmdhkaELgFa+7baMcVuhxIkN7oxt06CZ51D65ugIb1UWRQ8oQe+HXAVM6qHFjw== @@ -1195,6 +1640,24 @@ "@babel/helper-plugin-utils" "^7.24.0" "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3" +"@babel/plugin-transform-numeric-separator@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.1.tgz#5bc019ce5b3435c1cadf37215e55e433d674d4e8" + integrity sha512-7GAsGlK4cNL2OExJH1DzmDeKnRv/LXq0eLUSvudrehVA5Rgg4bIrqEUW29FbKMBRT0ztSqisv7kjP+XIC4ZMNw== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-numeric-separator" "^7.10.4" + +"@babel/plugin-transform-object-rest-spread@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.1.tgz#5a3ce73caf0e7871a02e1c31e8b473093af241ff" + integrity sha512-XjD5f0YqOtebto4HGISLNfiNMTTs6tbkFf2TOqJlYKYmbo+mN9Dnpl4SRoofiziuOWMIyq3sZEUqLo3hLITFEA== + dependencies: + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-object-rest-spread" "^7.8.3" + "@babel/plugin-transform-parameters" "^7.24.1" + "@babel/plugin-transform-object-super@^7.0.0", "@babel/plugin-transform-object-super@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.18.6.tgz#fb3c6ccdd15939b6ff7939944b51971ddc35912c" @@ -1203,7 +1666,23 @@ "@babel/helper-plugin-utils" "^7.18.6" "@babel/helper-replace-supers" "^7.18.6" -"@babel/plugin-transform-optional-chaining@^7.0.0-0": +"@babel/plugin-transform-object-super@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.1.tgz#e71d6ab13483cca89ed95a474f542bbfc20a0520" + integrity sha512-oKJqR3TeI5hSLRxudMjFQ9re9fBVUU0GICqM3J1mi8MqlhVr6hC/ZN4ttAyMuQR6EZZIY6h/exe5swqGNNIkWQ== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-replace-supers" "^7.24.1" + +"@babel/plugin-transform-optional-catch-binding@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.1.tgz#92a3d0efe847ba722f1a4508669b23134669e2da" + integrity sha512-oBTH7oURV4Y+3EUrf6cWn1OHio3qG/PVwO5J03iSJmBg6m2EhKjkAu/xuaXaYwWW9miYtvbWv4LNf0AmR43LUA== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-optional-catch-binding" "^7.8.3" + +"@babel/plugin-transform-optional-chaining@^7.0.0-0", "@babel/plugin-transform-optional-chaining@^7.24.1": version "7.24.1" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.1.tgz#26e588acbedce1ab3519ac40cc748e380c5291e6" integrity sha512-n03wmDt+987qXwAgcBlnUUivrZBPZ8z1plL0YvgQalLm+ZE5BMhGm94jhxXtA1wzv1Cu2aaOv1BM9vbVttrzSg== @@ -1219,6 +1698,31 @@ dependencies: "@babel/helper-plugin-utils" "^7.20.2" +"@babel/plugin-transform-parameters@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.1.tgz#983c15d114da190506c75b616ceb0f817afcc510" + integrity sha512-8Jl6V24g+Uw5OGPeWNKrKqXPDw2YDjLc53ojwfMcKwlEoETKU9rU0mHUtcg9JntWI/QYzGAXNWEcVHZ+fR+XXg== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-private-methods@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.1.tgz#a0faa1ae87eff077e1e47a5ec81c3aef383dc15a" + integrity sha512-tGvisebwBO5em4PaYNqt4fkw56K2VALsAbAakY0FjTYqJp7gfdrgr7YX76Or8/cpik0W6+tj3rZ0uHU9Oil4tw== + dependencies: + "@babel/helper-create-class-features-plugin" "^7.24.1" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-private-property-in-object@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.1.tgz#756443d400274f8fb7896742962cc1b9f25c1f6a" + integrity sha512-pTHxDVa0BpUbvAgX3Gat+7cSciXqUcY9j2VZKTbSB6+VQGpNgNO9ailxTGHSXlqOnX1Hcx1Enme2+yv7VqP9bg== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-create-class-features-plugin" "^7.24.1" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-private-property-in-object" "^7.14.5" + "@babel/plugin-transform-property-literals@^7.0.0", "@babel/plugin-transform-property-literals@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.18.6.tgz#e22498903a483448e94e032e9bbb9c5ccbfc93a3" @@ -1226,6 +1730,13 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-transform-property-literals@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.1.tgz#d6a9aeab96f03749f4eebeb0b6ea8e90ec958825" + integrity sha512-LetvD7CrHmEx0G442gOomRr66d7q8HzzGGr4PMHGr+5YIm6++Yke+jxj246rpvsbyhJwCLxcTn6zW1P1BSenqA== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-transform-react-constant-elements@^7.18.12": version "7.20.2" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.20.2.tgz#3f02c784e0b711970d7d8ccc96c4359d64e27ac7" @@ -1299,6 +1810,14 @@ "@babel/helper-plugin-utils" "^7.20.2" regenerator-transform "^0.15.1" +"@babel/plugin-transform-regenerator@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.1.tgz#625b7545bae52363bdc1fbbdc7252b5046409c8c" + integrity sha512-sJwZBCzIBE4t+5Q4IGLaaun5ExVMRY0lYwos/jNecjMrVCygCdph3IKv0tkP5Fc87e/1+bebAmEAGBfnRD+cnw== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + regenerator-transform "^0.15.2" + "@babel/plugin-transform-reserved-words@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.18.6.tgz#b1abd8ebf8edaa5f7fe6bbb8d2133d23b6a6f76a" @@ -1306,6 +1825,13 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-transform-reserved-words@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.1.tgz#8de729f5ecbaaf5cf83b67de13bad38a21be57c1" + integrity sha512-JAclqStUfIwKN15HrsQADFgeZt+wexNQ0uLhuqvqAUFoqPMjEcFCYZBhq0LUdz6dZK/mD+rErhW71fbx8RYElg== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-transform-runtime@^7.0.0": version "7.21.0" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.21.0.tgz#2a884f29556d0a68cd3d152dcc9e6c71dfb6eee8" @@ -1337,7 +1863,7 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" -"@babel/plugin-transform-shorthand-properties@^7.0.0-0": +"@babel/plugin-transform-shorthand-properties@^7.0.0-0", "@babel/plugin-transform-shorthand-properties@^7.24.1": version "7.24.1" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.1.tgz#ba9a09144cf55d35ec6b93a32253becad8ee5b55" integrity sha512-LyjVB1nsJ6gTTUKRjRWx9C1s9hE7dLfP/knKdrfeH9UPtAGjYGgxIbFfx7xyLIEWs7Xe1Gnf8EWiUqfjLhInZA== @@ -1352,6 +1878,14 @@ "@babel/helper-plugin-utils" "^7.20.2" "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0" +"@babel/plugin-transform-spread@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.1.tgz#a1acf9152cbf690e4da0ba10790b3ac7d2b2b391" + integrity sha512-KjmcIM+fxgY+KxPVbjelJC6hrH1CgtPmTvdXAfn3/a9CnWGSTY7nH4zm5+cjmWJybdcPSsD0++QssDsjcpe47g== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" + "@babel/plugin-transform-sticky-regex@^7.0.0", "@babel/plugin-transform-sticky-regex@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.18.6.tgz#c6706eb2b1524028e317720339583ad0f444adcc" @@ -1359,6 +1893,13 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-transform-sticky-regex@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.1.tgz#f03e672912c6e203ed8d6e0271d9c2113dc031b9" + integrity sha512-9v0f1bRXgPVcPrngOQvLXeGNNVLc8UjMVfebo9ka0WF3/7+aVUHmaJVT3sa0XCzEFioPfPHZiOcYG9qOsH63cw== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-transform-template-literals@^7.0.0", "@babel/plugin-transform-template-literals@^7.18.9": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.18.9.tgz#04ec6f10acdaa81846689d63fae117dd9c243a5e" @@ -1366,7 +1907,7 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.9" -"@babel/plugin-transform-template-literals@^7.0.0-0": +"@babel/plugin-transform-template-literals@^7.0.0-0", "@babel/plugin-transform-template-literals@^7.24.1": version "7.24.1" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.1.tgz#15e2166873a30d8617e3e2ccadb86643d327aab7" integrity sha512-WRkhROsNzriarqECASCNu/nojeXCDTE/F2HmRgOzi7NGvyfYGq1NEjKBK3ckLfRgGc6/lPAqP0vDOSw3YtG34g== @@ -1380,6 +1921,13 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.9" +"@babel/plugin-transform-typeof-symbol@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.1.tgz#6831f78647080dec044f7e9f68003d99424f94c7" + integrity sha512-CBfU4l/A+KruSUoW+vTQthwcAdwuqbpRNB8HQKlZABwHRhsdHZ9fezp4Sn18PeAlYxTNiLMlx4xUBV3AWfg1BA== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-transform-typescript@^7.18.6": version "7.20.13" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.20.13.tgz#e3581b356b8694f6ff450211fe6774eaff8d25ab" @@ -1405,6 +1953,21 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.9" +"@babel/plugin-transform-unicode-escapes@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.1.tgz#fb3fa16676549ac7c7449db9b342614985c2a3a4" + integrity sha512-RlkVIcWT4TLI96zM660S877E7beKlQw7Ig+wqkKBiWfj0zH5Q4h50q6er4wzZKRNSYpfo6ILJ+hrJAGSX2qcNw== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-unicode-property-regex@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.1.tgz#56704fd4d99da81e5e9f0c0c93cabd91dbc4889e" + integrity sha512-Ss4VvlfYV5huWApFsF8/Sq0oXnGO+jB+rijFEFugTd3cwSObUSnUi88djgR5528Csl0uKlrI331kRqe56Ov2Ng== + dependencies: + "@babel/helper-create-regexp-features-plugin" "^7.22.15" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-transform-unicode-regex@^7.0.0", "@babel/plugin-transform-unicode-regex@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.18.6.tgz#194317225d8c201bbae103364ffe9e2cea36cdca" @@ -1413,7 +1976,23 @@ "@babel/helper-create-regexp-features-plugin" "^7.18.6" "@babel/helper-plugin-utils" "^7.18.6" -"@babel/preset-env@^7.12.9", "@babel/preset-env@^7.18.6", "@babel/preset-env@^7.19.4", "@babel/preset-env@^7.20.2": +"@babel/plugin-transform-unicode-regex@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.1.tgz#57c3c191d68f998ac46b708380c1ce4d13536385" + integrity sha512-2A/94wgZgxfTsiLaQ2E36XAOdcZmGAaEEgVmxQWwZXWkGhvoHbaqXcKnU8zny4ycpu3vNqg0L/PcCiYtHtA13g== + dependencies: + "@babel/helper-create-regexp-features-plugin" "^7.22.15" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-unicode-sets-regex@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.1.tgz#c1ea175b02afcffc9cf57a9c4658326625165b7f" + integrity sha512-fqj4WuzzS+ukpgerpAoOnMfQXwUHFxXUZUE84oL2Kao2N8uSlvcpnAidKASgsNgzZHBsHWvcm8s9FPWUhAb8fA== + dependencies: + "@babel/helper-create-regexp-features-plugin" "^7.22.15" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/preset-env@^7.12.9", "@babel/preset-env@^7.18.6", "@babel/preset-env@^7.19.4": version "7.20.2" resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.20.2.tgz#9b1642aa47bb9f43a86f9630011780dab7f86506" integrity sha512-1G0efQEWR1EHkKvKHqbG+IN/QdgwfByUpM5V5QroDzGV2t3S/WXNQd693cHiHTlCFMpr9B6FkPFXDA2lQcKoDg== @@ -1494,6 +2073,93 @@ core-js-compat "^3.25.1" semver "^6.3.0" +"@babel/preset-env@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.24.4.tgz#46dbbcd608771373b88f956ffb67d471dce0d23b" + integrity sha512-7Kl6cSmYkak0FK/FXjSEnLJ1N9T/WA2RkMhu17gZ/dsxKJUuTYNIylahPTzqpLyJN4WhDif8X0XK1R8Wsguo/A== + dependencies: + "@babel/compat-data" "^7.24.4" + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-validator-option" "^7.23.5" + "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.24.4" + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.24.1" + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.24.1" + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.24.1" + "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2" + "@babel/plugin-syntax-async-generators" "^7.8.4" + "@babel/plugin-syntax-class-properties" "^7.12.13" + "@babel/plugin-syntax-class-static-block" "^7.14.5" + "@babel/plugin-syntax-dynamic-import" "^7.8.3" + "@babel/plugin-syntax-export-namespace-from" "^7.8.3" + "@babel/plugin-syntax-import-assertions" "^7.24.1" + "@babel/plugin-syntax-import-attributes" "^7.24.1" + "@babel/plugin-syntax-import-meta" "^7.10.4" + "@babel/plugin-syntax-json-strings" "^7.8.3" + "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" + "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3" + "@babel/plugin-syntax-numeric-separator" "^7.10.4" + "@babel/plugin-syntax-object-rest-spread" "^7.8.3" + "@babel/plugin-syntax-optional-catch-binding" "^7.8.3" + "@babel/plugin-syntax-optional-chaining" "^7.8.3" + "@babel/plugin-syntax-private-property-in-object" "^7.14.5" + "@babel/plugin-syntax-top-level-await" "^7.14.5" + "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6" + "@babel/plugin-transform-arrow-functions" "^7.24.1" + "@babel/plugin-transform-async-generator-functions" "^7.24.3" + "@babel/plugin-transform-async-to-generator" "^7.24.1" + "@babel/plugin-transform-block-scoped-functions" "^7.24.1" + "@babel/plugin-transform-block-scoping" "^7.24.4" + "@babel/plugin-transform-class-properties" "^7.24.1" + "@babel/plugin-transform-class-static-block" "^7.24.4" + "@babel/plugin-transform-classes" "^7.24.1" + "@babel/plugin-transform-computed-properties" "^7.24.1" + "@babel/plugin-transform-destructuring" "^7.24.1" + "@babel/plugin-transform-dotall-regex" "^7.24.1" + "@babel/plugin-transform-duplicate-keys" "^7.24.1" + "@babel/plugin-transform-dynamic-import" "^7.24.1" + "@babel/plugin-transform-exponentiation-operator" "^7.24.1" + "@babel/plugin-transform-export-namespace-from" "^7.24.1" + "@babel/plugin-transform-for-of" "^7.24.1" + "@babel/plugin-transform-function-name" "^7.24.1" + "@babel/plugin-transform-json-strings" "^7.24.1" + "@babel/plugin-transform-literals" "^7.24.1" + "@babel/plugin-transform-logical-assignment-operators" "^7.24.1" + "@babel/plugin-transform-member-expression-literals" "^7.24.1" + "@babel/plugin-transform-modules-amd" "^7.24.1" + "@babel/plugin-transform-modules-commonjs" "^7.24.1" + "@babel/plugin-transform-modules-systemjs" "^7.24.1" + "@babel/plugin-transform-modules-umd" "^7.24.1" + "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5" + "@babel/plugin-transform-new-target" "^7.24.1" + "@babel/plugin-transform-nullish-coalescing-operator" "^7.24.1" + "@babel/plugin-transform-numeric-separator" "^7.24.1" + "@babel/plugin-transform-object-rest-spread" "^7.24.1" + "@babel/plugin-transform-object-super" "^7.24.1" + "@babel/plugin-transform-optional-catch-binding" "^7.24.1" + "@babel/plugin-transform-optional-chaining" "^7.24.1" + "@babel/plugin-transform-parameters" "^7.24.1" + "@babel/plugin-transform-private-methods" "^7.24.1" + "@babel/plugin-transform-private-property-in-object" "^7.24.1" + "@babel/plugin-transform-property-literals" "^7.24.1" + "@babel/plugin-transform-regenerator" "^7.24.1" + "@babel/plugin-transform-reserved-words" "^7.24.1" + "@babel/plugin-transform-shorthand-properties" "^7.24.1" + "@babel/plugin-transform-spread" "^7.24.1" + "@babel/plugin-transform-sticky-regex" "^7.24.1" + "@babel/plugin-transform-template-literals" "^7.24.1" + "@babel/plugin-transform-typeof-symbol" "^7.24.1" + "@babel/plugin-transform-unicode-escapes" "^7.24.1" + "@babel/plugin-transform-unicode-property-regex" "^7.24.1" + "@babel/plugin-transform-unicode-regex" "^7.24.1" + "@babel/plugin-transform-unicode-sets-regex" "^7.24.1" + "@babel/preset-modules" "0.1.6-no-external-plugins" + babel-plugin-polyfill-corejs2 "^0.4.10" + babel-plugin-polyfill-corejs3 "^0.10.4" + babel-plugin-polyfill-regenerator "^0.6.1" + core-js-compat "^3.31.0" + semver "^6.3.1" + "@babel/preset-flow@^7.13.13": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.18.6.tgz#83f7602ba566e72a9918beefafef8ef16d2810cb" @@ -1503,6 +2169,15 @@ "@babel/helper-validator-option" "^7.18.6" "@babel/plugin-transform-flow-strip-types" "^7.18.6" +"@babel/preset-modules@0.1.6-no-external-plugins": + version "0.1.6-no-external-plugins" + resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a" + integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA== + dependencies: + "@babel/helper-plugin-utils" "^7.0.0" + "@babel/types" "^7.4.4" + esutils "^2.0.2" + "@babel/preset-modules@^0.1.5": version "0.1.5" resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.5.tgz#ef939d6e7f268827e1841638dc6ff95515e115d9" @@ -1600,6 +2275,15 @@ "@babel/parser" "^7.22.15" "@babel/types" "^7.22.15" +"@babel/template@^7.24.0": + version "7.24.0" + resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.0.tgz#c6a524aa93a4a05d66aaf31654258fae69d87d50" + integrity sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA== + dependencies: + "@babel/code-frame" "^7.23.5" + "@babel/parser" "^7.24.0" + "@babel/types" "^7.24.0" + "@babel/traverse@^7.12.9", "@babel/traverse@^7.18.8", "@babel/traverse@^7.20.0", "@babel/traverse@^7.20.10", "@babel/traverse@^7.20.12", "@babel/traverse@^7.20.13", "@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.3": version "7.23.2" resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.23.2.tgz#329c7a06735e144a506bdb2cad0268b7f46f4ad8" @@ -1661,6 +2345,15 @@ "@babel/helper-validator-identifier" "^7.22.20" to-fast-properties "^2.0.0" +"@babel/types@^7.22.19", "@babel/types@^7.24.0": + version "7.24.0" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.0.tgz#3b951f435a92e7333eba05b7566fd297960ea1bf" + integrity sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w== + dependencies: + "@babel/helper-string-parser" "^7.23.4" + "@babel/helper-validator-identifier" "^7.22.20" + to-fast-properties "^2.0.0" + "@colors/colors@1.5.0": version "1.5.0" resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9" @@ -1952,7 +2645,7 @@ "@docusaurus/theme-search-algolia" "2.4.3" "@docusaurus/types" "2.4.3" -"@docusaurus/react-loadable@5.5.2", "react-loadable@npm:@docusaurus/react-loadable@5.5.2": +"@docusaurus/react-loadable@5.5.2": version "5.5.2" resolved "https://registry.yarnpkg.com/@docusaurus/react-loadable/-/react-loadable-5.5.2.tgz#81aae0db81ecafbdaee3651f12804580868fa6ce" integrity sha512-A3dYjdBGuy0IGT+wyLIGIKLRE+sAk1iNk0f1HjNDysO7u8lhL4N3VEm+FAubmJbAztn94F7MxBTPmnixbiyFdQ== @@ -3948,6 +4641,23 @@ babel-plugin-polyfill-corejs2@^0.3.3: "@babel/helper-define-polyfill-provider" "^0.3.3" semver "^6.1.1" +babel-plugin-polyfill-corejs2@^0.4.10: + version "0.4.10" + resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz#276f41710b03a64f6467433cab72cbc2653c38b1" + integrity sha512-rpIuu//y5OX6jVU+a5BCn1R5RSZYWAl2Nar76iwaOdycqb6JPxediskWFMMl7stfwNJR4b7eiQvh5fB5TEQJTQ== + dependencies: + "@babel/compat-data" "^7.22.6" + "@babel/helper-define-polyfill-provider" "^0.6.1" + semver "^6.3.1" + +babel-plugin-polyfill-corejs3@^0.10.4: + version "0.10.4" + resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz#789ac82405ad664c20476d0233b485281deb9c77" + integrity sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg== + dependencies: + "@babel/helper-define-polyfill-provider" "^0.6.1" + core-js-compat "^3.36.1" + babel-plugin-polyfill-corejs3@^0.6.0: version "0.6.0" resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.6.0.tgz#56ad88237137eade485a71b52f72dbed57c6230a" @@ -3963,6 +4673,13 @@ babel-plugin-polyfill-regenerator@^0.4.1: dependencies: "@babel/helper-define-polyfill-provider" "^0.3.3" +babel-plugin-polyfill-regenerator@^0.6.1: + version "0.6.1" + resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.1.tgz#4f08ef4c62c7a7f66a35ed4c0d75e30506acc6be" + integrity sha512-JfTApdE++cgcTWjsiCQlLyFBMbTUft9ja17saCc93lgV33h4tuCVj7tlvu//qpLwaG+3yEz7/KhahGrUMkVq9g== + dependencies: + "@babel/helper-define-polyfill-provider" "^0.6.1" + babel-plugin-react-native-web@~0.18.2: version "0.18.12" resolved "https://registry.yarnpkg.com/babel-plugin-react-native-web/-/babel-plugin-react-native-web-0.18.12.tgz#3e9764484492ea612a16b40135b07c2d05b7969d" @@ -4541,6 +5258,16 @@ browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.18.1, browserslist@^4 node-releases "^2.0.8" update-browserslist-db "^1.0.10" +browserslist@^4.22.2, browserslist@^4.23.0: + version "4.23.0" + resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.0.tgz#8f3acc2bbe73af7213399430890f86c63a5674ab" + integrity sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ== + dependencies: + caniuse-lite "^1.0.30001587" + electron-to-chromium "^1.4.668" + node-releases "^2.0.14" + update-browserslist-db "^1.0.13" + bser@2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05" @@ -4676,6 +5403,11 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001426, caniuse-lite@^1.0.30001449: resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001549.tgz" integrity sha512-qRp48dPYSCYaP+KurZLhDYdVE+yEyht/3NlmcJgVQ2VMGt6JL36ndQ/7rgspdZsJuxDPFIo/OzBT2+GmIJ53BA== +caniuse-lite@^1.0.30001587: + version "1.0.30001607" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001607.tgz#b91e8e033f6bca4e13d3d45388d87fa88931d9a5" + integrity sha512-WcvhVRjXLKFB/kmOFVwELtMxyhq3iM/MvmXcyCe2PNf166c39mptscOc/45TTS96n2gpNV2z7+NakArTWZCQ3w== + ccount@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.1.0.tgz#246687debb6014735131be8abab2d93898f8d043" @@ -5141,6 +5873,13 @@ core-js-compat@^3.25.1: dependencies: browserslist "^4.21.5" +core-js-compat@^3.31.0, core-js-compat@^3.36.1: + version "3.36.1" + resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.36.1.tgz#1818695d72c99c25d621dca94e6883e190cea3c8" + integrity sha512-Dk997v9ZCt3X/npqzyGdTlq6t7lDBhZwGvV94PKzDArjp7BTRm7WlDAXYd/OWdeFHO8OChQYRJNJvUCqCbrtKA== + dependencies: + browserslist "^4.23.0" + core-js-pure@^3.25.1: version "3.28.0" resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.28.0.tgz#4ef2888475b6c856ef6f5aeef8b4f618b76ad048" @@ -5739,6 +6478,11 @@ electron-to-chromium@^1.4.284: resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.301.tgz#175d9fa1509a5b062752c6db321051e610fe2eae" integrity sha512-bz00ASIIDjcgszZKuEA1JEFhbDjqUNbQ/PEhNEl1wbixzYpeTp2H2QWjsQvAL2T1wJBdOwCF5hE896BoMwYKrA== +electron-to-chromium@^1.4.668: + version "1.4.729" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.729.tgz#8477d21e2a50993781950885b2731d92ad532c00" + integrity sha512-bx7+5Saea/qu14kmPTDHQxkp2UnziG3iajUQu3BxFvCOnpAJdDbMV4rSl+EqFDkkpNNVUFlR1kDfpL59xfy1HA== + emoji-regex@^8.0.0: version "8.0.0" resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37" @@ -9150,6 +9894,11 @@ node-int64@^0.4.0: resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b" integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw== +node-releases@^2.0.14: + version "2.0.14" + resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b" + integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw== + node-releases@^2.0.8: version "2.0.10" resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f" @@ -10334,6 +11083,14 @@ react-loadable-ssr-addon-v5-slorber@^1.0.1: dependencies: "@babel/runtime" "^7.10.3" +"react-loadable@npm:@docusaurus/react-loadable@5.5.2": + version "5.5.2" + resolved "https://registry.yarnpkg.com/@docusaurus/react-loadable/-/react-loadable-5.5.2.tgz#81aae0db81ecafbdaee3651f12804580868fa6ce" + integrity sha512-A3dYjdBGuy0IGT+wyLIGIKLRE+sAk1iNk0f1HjNDysO7u8lhL4N3VEm+FAubmJbAztn94F7MxBTPmnixbiyFdQ== + dependencies: + "@types/react" "*" + prop-types "^15.6.2" + react-native-codegen@^0.71.5: version "0.71.5" resolved "https://registry.yarnpkg.com/react-native-codegen/-/react-native-codegen-0.71.5.tgz#454a42a891cd4ca5fc436440d301044dc1349c14" @@ -10669,6 +11426,13 @@ regenerator-transform@^0.15.1: dependencies: "@babel/runtime" "^7.8.4" +regenerator-transform@^0.15.2: + version "0.15.2" + resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4" + integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg== + dependencies: + "@babel/runtime" "^7.8.4" + regex-not@^1.0.0, regex-not@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/regex-not/-/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c" @@ -10689,6 +11453,18 @@ regexpu-core@^5.2.1: unicode-match-property-ecmascript "^2.0.0" unicode-match-property-value-ecmascript "^2.1.0" +regexpu-core@^5.3.1: + version "5.3.2" + resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b" + integrity sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ== + dependencies: + "@babel/regjsgen" "^0.8.0" + regenerate "^1.4.2" + regenerate-unicode-properties "^10.1.0" + regjsparser "^0.9.1" + unicode-match-property-ecmascript "^2.0.0" + unicode-match-property-value-ecmascript "^2.1.0" + registry-auth-token@^4.0.0: version "4.2.2" resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-4.2.2.tgz#f02d49c3668884612ca031419491a13539e21fac" @@ -11111,7 +11887,7 @@ semver@^5.4.1, semver@^5.5.0, semver@^5.6.0: resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8" integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g== -semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0: +semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0, semver@^6.3.1: version "6.3.1" resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4" integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA== @@ -11522,7 +12298,16 @@ std-env@^3.0.1: resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.3.2.tgz#af27343b001616015534292178327b202b9ee955" integrity sha512-uUZI65yrV2Qva5gqE0+A7uVAvO40iPo6jGhs7s8keRfHCmtg+uB2X6EiLGCI9IgL1J17xGhvoOqSz79lzICPTA== -"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0": + version "4.2.3" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" + integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== + dependencies: + emoji-regex "^8.0.0" + is-fullwidth-code-point "^3.0.0" + strip-ansi "^6.0.1" + +string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -11571,7 +12356,7 @@ stringify-object@^3.3.0: is-obj "^1.0.1" is-regexp "^1.0.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1": version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -11592,6 +12377,13 @@ strip-ansi@^5.0.0, strip-ansi@^5.2.0: dependencies: ansi-regex "^4.1.0" +strip-ansi@^6.0.0, strip-ansi@^6.0.1: + version "6.0.1" + resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" + integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== + dependencies: + ansi-regex "^5.0.1" + strip-ansi@^7.0.1: version "7.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.0.1.tgz#61740a08ce36b61e50e65653f07060d000975fb2" @@ -12264,6 +13056,14 @@ update-browserslist-db@^1.0.10: escalade "^3.1.1" picocolors "^1.0.0" +update-browserslist-db@^1.0.13: + version "1.0.13" + resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4" + integrity sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg== + dependencies: + escalade "^3.1.1" + picocolors "^1.0.0" + update-notifier@^5.1.0: version "5.1.0" resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-5.1.0.tgz#4ab0d7c7f36a231dd7316cf7729313f0214d9ad9" @@ -12719,7 +13519,7 @@ wildcard@^2.0.0: resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec" integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw== -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": version "7.0.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== @@ -12737,6 +13537,15 @@ wrap-ansi@^6.2.0: string-width "^4.1.0" strip-ansi "^6.0.0" +wrap-ansi@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" + integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== + dependencies: + ansi-styles "^4.0.0" + string-width "^4.1.0" + strip-ansi "^6.0.0" + wrap-ansi@^8.0.1, wrap-ansi@^8.1.0: version "8.1.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214" From 70ec8d33661697af5c5403bb731ef67ad6e8443b Mon Sep 17 00:00:00 2001 From: Marek Kotarba Date: Tue, 9 Apr 2024 12:13:52 +0200 Subject: [PATCH 03/37] Changes from comments --- .../components/InteractiveExample/index.tsx | 92 ++++++++++--------- docs/src/examples/AnimatedPropAdapter.tsx | 2 +- docs/src/examples/AnimatedReactionMeasure.tsx | 3 +- docs/src/examples/AnimatedSensor.tsx | 2 - docs/src/examples/CreateAnimatedComponent.tsx | 4 +- docs/src/examples/FirstAnimation.tsx | 2 +- docs/src/examples/FrameCallbackDino.tsx | 3 - docs/src/examples/FrameCallbackSimple.tsx | 1 - docs/src/examples/RunOnUI.tsx | 4 +- 9 files changed, 55 insertions(+), 58 deletions(-) diff --git a/docs/src/components/InteractiveExample/index.tsx b/docs/src/components/InteractiveExample/index.tsx index e465e5bdf45..52975089dff 100644 --- a/docs/src/components/InteractiveExample/index.tsx +++ b/docs/src/components/InteractiveExample/index.tsx @@ -15,46 +15,55 @@ import ResetDark from '@site/static/img/reset-dark.svg'; import styles from './styles.module.css'; -import ts from "typescript"; -import prettier from "prettier/standalone"; +import ts from 'typescript'; +import prettier from 'prettier/standalone'; import babelParser from 'prettier/parser-babel'; import { lightGreen } from '@mui/material/colors'; import { plugins } from '@site/babel.config'; -function compileTSXtoJSX(tsxCode) { - const TEXT_TO_REPLACE_1 = "// 1-COMMENT-TO-REPLACE"; - const TEXT_TO_REPLACE_2 = "// 2-COMMENT-TO-REPLACE"; - - tsxCode = tsxCode.split("\n").map((line) => line.trim() === "" ? TEXT_TO_REPLACE_1 : line + TEXT_TO_REPLACE_2).join("\n"); +function compileTSXtoJSX(tsxCode: string) { + const TEXT_TO_REPLACE_1 = '// 1-COMMENT-TO-REPLACE'; + const TEXT_TO_REPLACE_2 = '// 2-COMMENT-TO-REPLACE'; + + // Adding comments to the end of each line to avoid vanishing empty lines + tsxCode = tsxCode + .split('\n') + .map((line) => + line.trim() === '' ? TEXT_TO_REPLACE_1 : line + TEXT_TO_REPLACE_2 + ) + .join('\n'); const result = ts.transpileModule(tsxCode, { - compilerOptions: { - module: ts.ModuleKind.ESNext, - jsx: ts.JsxEmit.Preserve, - pretty: true, - target: ts.ScriptTarget.ES2015, - removeComments: false, - noEmit: false, - indentSize: 2 - } + compilerOptions: { + module: ts.ModuleKind.ESNext, + jsx: ts.JsxEmit.Preserve, + pretty: true, + target: ts.ScriptTarget.ES2015, + removeComments: false, + noEmit: false, + indentSize: 2, + }, }); - const output = result.outputText.split("\n").map((line, index) => { - // line.trim() === TEXT_TO_REPLACE ? "" : line.endsWith("// test cmd") ? line.slice(0, line.indexOf("// test cmd")) + '\n' : line; - - if (line.trim() === TEXT_TO_REPLACE_1) { - return ""; - } else if (line.includes(TEXT_TO_REPLACE_2)) { - line = line.slice(0, line.indexOf(TEXT_TO_REPLACE_2)).trimEnd(); - - if (line === '') - return null; - - return line; - } else { - return line; - } - }).filter(line => line !== null).join("\n"); + const output = result.outputText + .split('\n') + .map((line, index) => { + if (line.trim() === TEXT_TO_REPLACE_1) { + return ''; + } else if (line.includes(TEXT_TO_REPLACE_2)) { + line = line.slice(0, line.indexOf(TEXT_TO_REPLACE_2)).trimEnd(); + + if (line === '') { + return null; + } + + return line; + } else { + return line; + } + }) + .filter((line) => line !== null) + .join('\n'); return prettier.format(output, { parser: 'babel', @@ -64,17 +73,8 @@ function compileTSXtoJSX(tsxCode) { trailingComma: 'es5', tabWidth: 2, arrowParens: 'always', - plugins: [babelParser] + plugins: [babelParser], }); - - // return output.split('\n').map(line => { - // const n = (line.length - line.trimStart().length); - - // if (n === 0) - // return line; - - // return line.slice(Math.floor(n / 2)); - // }).join('\n'); } interface Props { @@ -88,7 +88,7 @@ interface Props { enum Tab { PREVIEW, TYPESCRIPT, - JAVASCRIPT + JAVASCRIPT, } export default function InteractiveExample({ @@ -101,7 +101,7 @@ export default function InteractiveExample({ const [_, copy] = useCopyToClipboard(); const [key, setKey] = React.useState(0); const [tab, setTab] = React.useState(Tab.PREVIEW); - const [jsxCode, setJsxCode] = React.useState(compileTSXtoJSX(src)); + const [jsxCode, setJsxCode] = React.useState(() => compileTSXtoJSX(src)); const resetExample = () => { setKey(key + 1); @@ -116,7 +116,9 @@ export default function InteractiveExample({ className={`${styles.container} ${larger && styles.largerContainer} ${tab !== Tab.PREVIEW ? styles.code : ''}`} data-ispreview={tab === Tab.PREVIEW}> - {tab === Tab.PREVIEW && prefersReducedMotion && } + {tab === Tab.PREVIEW && prefersReducedMotion && ( + + )}
{ const coordinates = { cx: 50, cy: 50, rx: 40, ry: 40 }; diff --git a/docs/src/examples/AnimatedReactionMeasure.tsx b/docs/src/examples/AnimatedReactionMeasure.tsx index 54bab8572bd..e68f4d92b26 100644 --- a/docs/src/examples/AnimatedReactionMeasure.tsx +++ b/docs/src/examples/AnimatedReactionMeasure.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { Button, StyleSheet, View, Text } from 'react-native'; import Animated, { - MeasuredDimensions, measure, runOnJS, useAnimatedReaction, @@ -23,7 +22,7 @@ export default function App() { useAnimatedReaction( () => width.value, () => { - const measurement: MeasuredDimensions | null = measure(animatedRef); + const measurement = measure(animatedRef); if (measurement !== null) runOnJS(setText)(measurement.width); diff --git a/docs/src/examples/AnimatedSensor.tsx b/docs/src/examples/AnimatedSensor.tsx index 4beae468019..5d67fdbb9d9 100644 --- a/docs/src/examples/AnimatedSensor.tsx +++ b/docs/src/examples/AnimatedSensor.tsx @@ -5,8 +5,6 @@ import Animated, { useAnimatedSensor, SensorType, withSpring, - AnimatedSensor, - Value3D, } from 'react-native-reanimated'; export default function App() { diff --git a/docs/src/examples/CreateAnimatedComponent.tsx b/docs/src/examples/CreateAnimatedComponent.tsx index 04105f92920..45c2b1b9c75 100644 --- a/docs/src/examples/CreateAnimatedComponent.tsx +++ b/docs/src/examples/CreateAnimatedComponent.tsx @@ -1,8 +1,8 @@ import React, { useRef } from 'react'; -import { StyleSheet, View, Button } from 'react-native'; +import { StyleSheet, View, Button, ViewProps } from 'react-native'; import Animated, { useSharedValue, withSpring } from 'react-native-reanimated'; -const MyView = React.forwardRef((props: {style: Object}, ref: any) => { +const MyView = React.forwardRef((props: ViewProps, ref: React.LegacyRef) => { // some additional logic return ; }); diff --git a/docs/src/examples/FirstAnimation.tsx b/docs/src/examples/FirstAnimation.tsx index 6822cddcb81..97211614a08 100644 --- a/docs/src/examples/FirstAnimation.tsx +++ b/docs/src/examples/FirstAnimation.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { Button, StyleSheet, View } from 'react-native'; -import Animated, { SharedValue, useSharedValue, withSpring } from 'react-native-reanimated'; +import Animated, { useSharedValue, withSpring } from 'react-native-reanimated'; export default function App() { const width = useSharedValue(100); diff --git a/docs/src/examples/FrameCallbackDino.tsx b/docs/src/examples/FrameCallbackDino.tsx index 24e9c69ec8b..40c69526452 100644 --- a/docs/src/examples/FrameCallbackDino.tsx +++ b/docs/src/examples/FrameCallbackDino.tsx @@ -5,7 +5,6 @@ import Animated, { withSequence, withTiming, Easing, - SharedValue, FrameInfo, } from 'react-native-reanimated'; import { View, StyleSheet, Pressable, Text, LayoutChangeEvent } from 'react-native'; @@ -61,8 +60,6 @@ export default function FrameCallbackDino() { const horse: CollisionObject = { ...DEFAULT_HORSE, y: horseY.value }; const obstacle: CollisionObject = { ...DEFAULT_OBSTACLE, x: obstacleX.value }; - console.log(horse, obstacle); - if (isColliding(horse, obstacle) || gameOver.value) { gameOver.value = true; return; diff --git a/docs/src/examples/FrameCallbackSimple.tsx b/docs/src/examples/FrameCallbackSimple.tsx index 861666f211d..b7760374efe 100644 --- a/docs/src/examples/FrameCallbackSimple.tsx +++ b/docs/src/examples/FrameCallbackSimple.tsx @@ -4,7 +4,6 @@ import Animated, { useFrameCallback, useSharedValue, useAnimatedStyle, - SharedValue, } from 'react-native-reanimated'; export default function App() { diff --git a/docs/src/examples/RunOnUI.tsx b/docs/src/examples/RunOnUI.tsx index 260dbffd7c0..2e270d103f5 100644 --- a/docs/src/examples/RunOnUI.tsx +++ b/docs/src/examples/RunOnUI.tsx @@ -7,7 +7,9 @@ import Animated, { runOnUI, } from 'react-native-reanimated'; -function MeasurableText(props: {children: any; onPress: (measurements: any) => void}) { +type MeasurableTextProps = React.PropsWithChildren<{ onPress: (measurements: any) => void }> + +function MeasurableText(props: MeasurableTextProps){ const { children, onPress } = props; const animatedRef = useAnimatedRef(); From ab3a12d93156b6022feff31b0dc262aafce0b535 Mon Sep 17 00:00:00 2001 From: Marek Kotarba Date: Tue, 9 Apr 2024 12:19:59 +0200 Subject: [PATCH 04/37] fixing prettier --- docs/src/examples/AnimatedReactionMeasure.tsx | 3 +-- docs/src/examples/CreateAnimatedComponent.tsx | 10 ++++++---- docs/src/examples/FrameCallbackDino.tsx | 13 +++++++++++-- docs/src/examples/HandlingGestures/PanGesture.tsx | 2 +- docs/src/examples/MeasureBasic.tsx | 5 ++--- docs/src/examples/RunOnUI.tsx | 11 ++++++++--- docs/src/examples/ScrollTo.tsx | 8 +++++++- docs/src/examples/ScrollViewOffset.tsx | 5 +++-- 8 files changed, 39 insertions(+), 18 deletions(-) diff --git a/docs/src/examples/AnimatedReactionMeasure.tsx b/docs/src/examples/AnimatedReactionMeasure.tsx index e68f4d92b26..157e5bd9244 100644 --- a/docs/src/examples/AnimatedReactionMeasure.tsx +++ b/docs/src/examples/AnimatedReactionMeasure.tsx @@ -24,8 +24,7 @@ export default function App() { () => { const measurement = measure(animatedRef); - if (measurement !== null) - runOnJS(setText)(measurement.width); + if (measurement !== null) runOnJS(setText)(measurement.width); } ); // highlight-end diff --git a/docs/src/examples/CreateAnimatedComponent.tsx b/docs/src/examples/CreateAnimatedComponent.tsx index 45c2b1b9c75..a8d728873bf 100644 --- a/docs/src/examples/CreateAnimatedComponent.tsx +++ b/docs/src/examples/CreateAnimatedComponent.tsx @@ -2,10 +2,12 @@ import React, { useRef } from 'react'; import { StyleSheet, View, Button, ViewProps } from 'react-native'; import Animated, { useSharedValue, withSpring } from 'react-native-reanimated'; -const MyView = React.forwardRef((props: ViewProps, ref: React.LegacyRef) => { - // some additional logic - return ; -}); +const MyView = React.forwardRef( + (props: ViewProps, ref: React.LegacyRef) => { + // some additional logic + return ; + } +); // highlight-next-line const MyAnimatedView = Animated.createAnimatedComponent(MyView); diff --git a/docs/src/examples/FrameCallbackDino.tsx b/docs/src/examples/FrameCallbackDino.tsx index 40c69526452..038854175af 100644 --- a/docs/src/examples/FrameCallbackDino.tsx +++ b/docs/src/examples/FrameCallbackDino.tsx @@ -7,7 +7,13 @@ import Animated, { Easing, FrameInfo, } from 'react-native-reanimated'; -import { View, StyleSheet, Pressable, Text, LayoutChangeEvent } from 'react-native'; +import { + View, + StyleSheet, + Pressable, + Text, + LayoutChangeEvent, +} from 'react-native'; import React from 'react'; interface CollisionObject { @@ -58,7 +64,10 @@ export default function FrameCallbackDino() { } const horse: CollisionObject = { ...DEFAULT_HORSE, y: horseY.value }; - const obstacle: CollisionObject = { ...DEFAULT_OBSTACLE, x: obstacleX.value }; + const obstacle: CollisionObject = { + ...DEFAULT_OBSTACLE, + x: obstacleX.value, + }; if (isColliding(horse, obstacle) || gameOver.value) { gameOver.value = true; diff --git a/docs/src/examples/HandlingGestures/PanGesture.tsx b/docs/src/examples/HandlingGestures/PanGesture.tsx index 62429590723..9361af4b6b1 100644 --- a/docs/src/examples/HandlingGestures/PanGesture.tsx +++ b/docs/src/examples/HandlingGestures/PanGesture.tsx @@ -16,7 +16,7 @@ import { export default function App() { const pressed = useSharedValue(false); // highlight-next-line - + const offset = useSharedValue(0); const pan = Gesture.Pan() diff --git a/docs/src/examples/MeasureBasic.tsx b/docs/src/examples/MeasureBasic.tsx index 49479925ab0..a8bce893859 100644 --- a/docs/src/examples/MeasureBasic.tsx +++ b/docs/src/examples/MeasureBasic.tsx @@ -18,9 +18,8 @@ export default function App() { width.value = withTiming(width.value + 50, {}, () => { // highlight-next-line const measurement: MeasuredDimensions | null = measure(animatedRef); - - if (measurement === null) - return; + + if (measurement === null) return; runOnJS(setText)(Math.floor(measurement.width)); }); diff --git a/docs/src/examples/RunOnUI.tsx b/docs/src/examples/RunOnUI.tsx index 2e270d103f5..cc54b574df5 100644 --- a/docs/src/examples/RunOnUI.tsx +++ b/docs/src/examples/RunOnUI.tsx @@ -7,9 +7,11 @@ import Animated, { runOnUI, } from 'react-native-reanimated'; -type MeasurableTextProps = React.PropsWithChildren<{ onPress: (measurements: any) => void }> +type MeasurableTextProps = React.PropsWithChildren<{ + onPress: (measurements: any) => void; +}>; -function MeasurableText(props: MeasurableTextProps){ +function MeasurableText(props: MeasurableTextProps) { const { children, onPress } = props; const animatedRef = useAnimatedRef(); @@ -23,7 +25,10 @@ function MeasurableText(props: MeasurableTextProps){ }; return ( - + {children} ); diff --git a/docs/src/examples/ScrollTo.tsx b/docs/src/examples/ScrollTo.tsx index a5d2b96f0ac..71dd7d42124 100644 --- a/docs/src/examples/ScrollTo.tsx +++ b/docs/src/examples/ScrollTo.tsx @@ -46,7 +46,13 @@ export default function App() { ); } -const Incrementor = ({ increment, scroll }: { increment: number, scroll: SharedValue }) => ( +const Incrementor = ({ + increment, + scroll, +}: { + increment: number; + scroll: SharedValue; +}) => (