@artsy/palette-mobile 11.0.21 → 11.0.23

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# v11.0.23 (Thu May 04 2023)
+
+#### 🐛 Bug Fix
+
+- fix: no more implicit returns in reanimated hooks [#97](https://github.com/artsy/palette-mobile/pull/97) ([@brainbicycle](https://github.com/brainbicycle))
+
+#### Authors: 1
+
+- Brian Beckerle ([@brainbicycle](https://github.com/brainbicycle))
+
+---
+
+# v11.0.22 (Wed May 03 2023)
+
+:tada: This release contains work from a new contributor! :tada:
+
+Thank you, Brian Beckerle ([@brainbicycle](https://github.com/brainbicycle)), for all your work!
+
+#### 🐛 Bug Fix
+
+- fix: crash in eigen caused by tooltip [#96](https://github.com/artsy/palette-mobile/pull/96) ([@brainbicycle](https://github.com/brainbicycle))
+
+#### Authors: 1
+
+- Brian Beckerle ([@brainbicycle](https://github.com/brainbicycle))
+
+---
+
 # v11.0.21 (Wed May 03 2023)
 
 #### 🐛 Bug Fix

package/dist/elements/ButtonNew/Button.js

@@ -45,8 +45,12 @@ const Button = ({ children, disabled: disabledProp, haptic, icon, iconPosition =
     const [loading, setLoading, loadingV] = useStateWithProp(!!loadingProp);
     const [pressed, setPressed, pressedV] = useStateWithProp(!!testOnly_pressed);
     const pressAnimationProgress = (0, react_native_reanimated_1.useSharedValue)(0);
-    (0, react_native_reanimated_1.useAnimatedReaction)(() => pressedV.value, (pressedVal) => {
-        pressAnimationProgress.value = (0, react_native_reanimated_1.withTiming)(pressedVal, { duration: ANIMATION_DURATION });
+    (0, react_native_reanimated_1.useAnimatedReaction)(() => {
+        return pressedV.value;
+    }, (pressedVal) => {
+        return (pressAnimationProgress.value = (0, react_native_reanimated_1.withTiming)(pressedVal, {
+            duration: ANIMATION_DURATION,
+        }));
     });
     const textStyle = (0, Text_1.useTextStyleForPalette)(size === "small" ? "xs" : "sm");
     const [longestTextMeasurements, setLongestTextMeasurements] = (0, react_1.useState)({

package/dist/elements/ProgressBar/ProgressBar.js

@@ -34,7 +34,9 @@ const ProgressBar = ({ animationDuration = 200, backgroundColor = "black30", hei
     const color = (0, useColor_1.useColor)();
     const width = (0, react_native_reanimated_1.useSharedValue)("0%");
     const progress = clamp(unclampedProgress, 0, 100);
-    const progressAnim = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({ width: width.value }));
+    const progressAnim = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
+        return { width: width.value };
+    });
     const [onCompletionCalled, setOnCompletionCalled] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         width.value = (0, react_native_reanimated_1.withTiming)(`${progress}%`, { duration: animationDuration });

package/dist/elements/Skeleton/Skeleton.js

@@ -42,7 +42,9 @@ const Text_1 = require("../Text");
 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)(() => ({ opacity: opacity.value }), []);
+    const fadeLoopAnim = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
+        return { opacity: opacity.value };
+    }, []);
     return (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: fadeLoopAnim, children: children });
 };
 exports.Skeleton = Skeleton;

package/dist/elements/ToolTip/ToolTipFlyout.js

@@ -34,14 +34,17 @@ const Text_1 = require("../Text");
 const ToolTipFlyout = ({ containerStyle, tapToDismiss, height, width, onClose, onToolTipPress, testID, text, }) => {
     const initialBoxDimensions = { height: 0, width: 0 };
     const boxDimensions = (0, react_native_reanimated_1.useSharedValue)(initialBoxDimensions);
-    const animationStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
-        height: (0, react_native_reanimated_1.withTiming)(boxDimensions.value.height, {
-            duration: 500,
-        }),
-        width: (0, react_native_reanimated_1.withTiming)(boxDimensions.value.width, {
-            duration: 500,
-        }),
-    }));
+    const animationStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
+        "worklet";
+        return {
+            height: (0, react_native_reanimated_1.withTiming)(boxDimensions.value.height, {
+                duration: 500,
+            }),
+            width: (0, react_native_reanimated_1.withTiming)(boxDimensions.value.width, {
+                duration: 500,
+            }),
+        };
+    });
     (0, react_1.useEffect)(() => {
         if (text) {
             boxDimensions.value = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "11.0.21",
+  "version": "11.0.23",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "react-native run-android",