@artsy/palette-mobile 11.2.10 → 11.2.11

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v11.2.11 (Fri Jul 28 2023)
+
+#### 🐛 Bug Fix
+
+- build: bumps palette to reanimated 3 [#125](https://github.com/artsy/palette-mobile/pull/125) ([@gkartalis](https://github.com/gkartalis))
+
+#### Authors: 1
+
+- George ([@gkartalis](https://github.com/gkartalis))
+
+---
+
 # v11.2.10 (Fri Jul 28 2023)
 
 #### 🐛 Bug Fix

package/dist/elements/ButtonNew/Button.js

@@ -80,7 +80,6 @@ const Button = ({ children, disabled: disabledProp, haptic, icon, iconPosition =
     };
     const colorsForVariantAndState = (0, colors_1.useColorsForVariantAndState)();
     const containerColorsAnim = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
-        "worklet";
         const colors = colorsForVariantAndState[variant];
         if (disabled) {
             return {
@@ -94,7 +93,6 @@ const Button = ({ children, disabled: disabledProp, haptic, icon, iconPosition =
         };
     });
     const textAnim = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
-        "worklet";
         const colors = colorsForVariantAndState[variant];
         if (loading) {
             return { color: "rgba(0, 0, 0, 0)" };
@@ -125,7 +123,6 @@ const useStateWithProp = (prop) => {
         setState(!!prop);
     }, [prop]);
     const stateV = (0, react_native_reanimated_1.useDerivedValue)(() => {
-        "worklet";
         if (!!state) {
             return 1;
         }

package/dist/elements/Pill/Pill.js

@@ -41,7 +41,6 @@ const Pill = ({ variant = "default", src, selected, disabled, Icon, children, on
     const stateString = selected ? "selected" : disabled ? "disabled" : "default";
     const color = TEXT_COLOR[variant][stateString];
     return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { ...rest, children: (0, jsx_runtime_1.jsxs)(Container, { variant: variant, selected: selected, disabled: disabled, onPress: onPress, animate: (0, react_1.useMemo)(() => ({ hovered, pressed }) => {
-                "worklet";
                 return {
                     opacity: hovered || pressed ? 0.5 : 1,
                 };

package/dist/elements/ProgressBar/ProgressBar.js

@@ -35,7 +35,6 @@ const ProgressBar = ({ animationDuration = 200, backgroundColor = "black30", hei
     const width = (0, react_native_reanimated_1.useSharedValue)("0%");
     const progress = clamp(unclampedProgress, 0, 100);
     const progressAnim = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
-        "worklet";
         return { width: width.value };
     });
     const [onCompletionCalled, setOnCompletionCalled] = (0, react_1.useState)(false);

package/dist/elements/Screen/hooks/useAnimatedHeaderScrolling.js

@@ -20,10 +20,8 @@ const useAnimatedHeaderScrolling = (scrollY) => {
         };
     }, [listenForScroll]);
     (0, react_native_reanimated_1.useAnimatedReaction)(() => {
-        "worklet";
         return [scrollY.value, listenForScroll.value];
     }, ([animatedScrollY, isListeningForScroll], previousScroll) => {
-        "worklet";
         const [prevScrollY] = previousScroll ?? [0, false];
         // Hacky way to avoid some weird header behavior.
         // look at HACKS.md for more info.

package/dist/elements/Screen/hooks/useListenForScreenScroll.js

@@ -11,7 +11,6 @@ const useListenForScreenScroll = () => {
     const scrollY = (0, useAnimatedHeaderScrolling_1.useAnimatedHeaderScrolling)(animatedScrollY);
     const scrollHandler = (0, react_native_reanimated_1.useAnimatedScrollHandler)({
         onScroll: (event) => {
-            "worklet";
             animatedScrollY.value = event.contentOffset.y;
         },
     });

package/dist/elements/Skeleton/Skeleton.js

@@ -43,7 +43,6 @@ const Skeleton = ({ children }) => {
     const opacity = (0, react_native_reanimated_1.useSharedValue)(0.5);
     opacity.value = (0, react_native_reanimated_1.withRepeat)((0, react_native_reanimated_1.withTiming)(1, { duration: 1000, easing: react_native_reanimated_1.Easing.ease }), -1, true);
     const fadeLoopAnim = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
-        "worklet";
         return { opacity: opacity.value };
     }, []);
     return (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: fadeLoopAnim, children: children });

package/dist/elements/Tabs/SubTabBar.js

@@ -17,7 +17,6 @@ const SubTabBar = ({ children }) => {
     const scrollY = (0, react_native_collapsible_tab_view_1.useCurrentTabScrollY)();
     const space = (0, useSpace_1.useSpace)();
     const style = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
-        "worklet";
         return {
             transform: [
                 {

package/dist/elements/ToolTip/ToolTipFlyout.js

@@ -35,7 +35,6 @@ const ToolTipFlyout = ({ containerStyle, tapToDismiss, height, width, onClose, o
     const initialBoxDimensions = { height: 0, width: 0 };
     const boxDimensions = (0, react_native_reanimated_1.useSharedValue)(initialBoxDimensions);
     const animationStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
-        "worklet";
         return {
             height: (0, react_native_reanimated_1.withTiming)(boxDimensions.value.height, {
                 duration: 500,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "11.2.10",
+  "version": "11.2.11",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "react-native run-android",
@@ -116,7 +116,7 @@
     "react-native-flipper": "0.178.1",
     "react-native-haptic-feedback": "1.14.0",
     "react-native-linear-gradient": "2.6.2",
-    "react-native-reanimated": "2.14.4",
+    "react-native-reanimated": "^3.3.0",
     "react-native-safe-area-context": "4.5.0",
     "react-native-svg": "13.7.0",
     "react-test-renderer": "18.2.0",