@pagopa/io-app-design-system 4.2.0 → 4.3.0

package/lib/module/components/buttons/ButtonLink.js

@@ -1,9 +1,9 @@
-import React, { useCallback, useMemo } from "react";
+import React, { forwardRef, useMemo } from "react";
 import { Pressable } from "react-native";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedProps, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOButtonStyles, IOColors, IOScaleValues, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core";
+import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
+import { IOButtonStyles, IOColors, hexToRgba, useIOExperimentalDesign } from "../../core";
+import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon, IconClassComponent } from "../icons";
-import { HSpacer } from "../spacer/Spacer";
 import { IOText, buttonTextFontSize } from "../typography";
 const mapColorStates = {
   // Primary button
@@ -42,7 +42,7 @@ const mapLegacyColorStates = {
   }
 };
 const DISABLED_OPACITY = 0.5;
-export const ButtonLink = /*#__PURE__*/React.forwardRef(({
+export const ButtonLink = /*#__PURE__*/forwardRef(({
   color = "primary",
   label,
   disabled = false,
@@ -53,60 +53,27 @@ export const ButtonLink = /*#__PURE__*/React.forwardRef(({
   accessibilityHint,
   testID
 }, ref) => {
-  var _IOScaleValues$basicB, _colorMap$color, _colorMap$color2, _colorMap$color3;
-  const isPressed = useSharedValue(0);
+  var _colorMap$color, _colorMap$color2, _colorMap$color3;
   const {
     isExperimental
   } = useIOExperimentalDesign();
+  const {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  } = useScaleAnimation();
+  const reducedMotion = useReducedMotion();
   const colorMap = useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
   const AnimatedIOText = Animated.createAnimatedComponent(IOText);
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-
-  // Using a spring-based animation for our interpolations
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const pressedAnimationStyle = useAnimatedStyle(() => {
-    // Link color states to the pressed states
-
-    // Scale down button slightly when pressed
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const pressedColorLabelAnimationStyle = useAnimatedStyle(() => {
-    // Link color states to the pressed states
-
-    const labelColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].label.default, colorMap[color].label.pressed]);
-    return {
-      color: labelColor
-    };
-  });
-
-  // Animate the <Icon> color prop
-  const pressedColorIconAnimationStyle = useAnimatedProps(() => {
-    const iconColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].label.default, colorMap[color].label.pressed]);
-    return {
-      color: iconColor
-    };
-  });
+  const pressedColorAnimationStyle = useAnimatedStyle(() => ({
+    color: interpolateColor(progress.value, [0, 1], [colorMap[color].label.default, colorMap[color].label.pressed])
+  }));
   const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
-  const onPressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
 
   // Icon size
   const iconSize = 24;
+  const iconMargin = 8;
   return /*#__PURE__*/React.createElement(Pressable, {
     ref: ref,
     accessibilityLabel: accessibilityLabel || label,
@@ -132,23 +99,23 @@ export const ButtonLink = /*#__PURE__*/React.forwardRef(({
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [IOButtonStyles.buttonLink, iconPosition === "end" && {
       flexDirection: "row-reverse"
+    }, {
+      columnGap: iconMargin
     }, disabled ? {
       opacity: DISABLED_OPACITY
     } : {},
     /* Prevent Reanimated from overriding background colors
             if button is disabled */
-    !disabled && pressedAnimationStyle]
-  }, icon && /*#__PURE__*/React.createElement(React.Fragment, null, !disabled ? /*#__PURE__*/React.createElement(AnimatedIconClassComponent, {
+    !disabled && !reducedMotion && scaleAnimatedStyle]
+  }, icon && (!disabled ? /*#__PURE__*/React.createElement(AnimatedIconClassComponent, {
     name: icon,
-    animatedProps: pressedColorIconAnimationStyle,
+    animatedProps: pressedColorAnimationStyle,
     color: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.label) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.default,
     size: iconSize
   }) : /*#__PURE__*/React.createElement(AnimatedIcon, {
     name: icon,
     color: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.label) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.disabled,
     size: iconSize
-  }), /*#__PURE__*/React.createElement(HSpacer, {
-    size: 8
   })), /*#__PURE__*/React.createElement(AnimatedIOText, {
     accessible: false,
     accessibilityElementsHidden: true,
@@ -159,7 +126,7 @@ export const ButtonLink = /*#__PURE__*/React.forwardRef(({
     style: disabled ? {
       color: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.label) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.disabled
     } : {
-      ...pressedColorLabelAnimationStyle
+      ...pressedColorAnimationStyle
     },
     numberOfLines: 1,
     ellipsizeMode: "tail"

package/lib/module/components/buttons/ButtonLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedProps","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","hexToRgba","useIOExperimentalDesign","AnimatedIcon","IconClassComponent","HSpacer","IOText","buttonTextFontSize","mapColorStates","primary","label","default","pressed","disabled","contrast","white","mapLegacyColorStates","blue","DISABLED_OPACITY","ButtonLink","forwardRef","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","isPressed","isExperimental","colorMap","AnimatedIOText","createAnimatedComponent","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","pressedColorLabelAnimationStyle","labelColor","pressedColorIconAnimationStyle","iconColor","AnimatedIconClassComponent","onPressIn","onPressOut","iconSize","createElement","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","opacity","Fragment","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIOExperimentalDesign","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","mapColorStates","primary","label","default","pressed","disabled","contrast","white","mapLegacyColorStates","blue","DISABLED_OPACITY","ButtonLink","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","AnimatedIOText","createAnimatedComponent","pressedColorAnimationStyle","value","AnimatedIconClassComponent","iconSize","iconMargin","createElement","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}

package/lib/module/components/buttons/ButtonOutline.js

@@ -1,7 +1,8 @@
-import React, { useCallback } from "react";
+import React, { forwardRef } from "react";
 import { Pressable, StyleSheet } from "react-native";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedProps, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOButtonLegacyStyles, IOButtonStyles, IOColors, IOScaleValues, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core/";
+import Animated, { interpolateColor, useAnimatedProps, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
+import { IOButtonLegacyStyles, IOButtonStyles, IOColors, hexToRgba, useIOExperimentalDesign } from "../../core/";
+import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon, IconClassComponent } from "../icons";
 import { HSpacer } from "../spacer/Spacer";
 import { IOText, buttonTextFontSize } from "../typography";
@@ -120,22 +121,22 @@ const mapLegacyColorStates = {
   }
 };
 
+// Icon size
+const iconSize = 20;
+const DISABLED_OPACITY = 0.5;
+
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const IOButtonLegacyStylesLocal = StyleSheet.create({
   buttonWithBorder: {
     borderWidth: 1
   }
 });
-
-// Icon size
-const iconSize = 20;
-const DISABLED_OPACITY = 0.5;
 const IOButtonStylesLocal = StyleSheet.create({
   buttonWithBorder: {
     borderWidth: 2
   }
 });
-export const ButtonOutline = /*#__PURE__*/React.forwardRef(({
+export const ButtonOutline = /*#__PURE__*/forwardRef(({
   color = "primary",
   label,
   fullWidth = false,
@@ -147,62 +148,41 @@ export const ButtonOutline = /*#__PURE__*/React.forwardRef(({
   accessibilityHint,
   testID
 }, ref) => {
-  var _IOScaleValues$basicB, _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4, _colorMap$color5, _colorMap$color6, _colorMap$color7;
+  var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4, _colorMap$color5, _colorMap$color6, _colorMap$color7;
   const {
     isExperimental
   } = useIOExperimentalDesign();
-  const isPressed = useSharedValue(0);
+  const {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  } = useScaleAnimation();
+  const reducedMotion = useReducedMotion();
   const AnimatedIOText = Animated.createAnimatedComponent(IOText);
   const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
   const buttonStyles = React.useMemo(() => isExperimental ? IOButtonStyles : IOButtonLegacyStyles, [isExperimental]);
   const buttonStylesLocal = React.useMemo(() => isExperimental ? IOButtonStylesLocal : IOButtonLegacyStylesLocal, [isExperimental]);
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-
-  // Using a spring-based animation for our interpolations
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
 
   // Interpolate animation values from `isPressed` values
   const pressedAnimationStyle = useAnimatedStyle(() => {
     // Link color states to the pressed states
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
-    const borderColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed]);
-
-    // Scale down button slightly when pressed
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
+    const backgroundColor = interpolateColor(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
+    const borderColor = interpolateColor(progress.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed]);
     return {
       borderColor,
-      backgroundColor,
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const pressedColorLabelAnimationStyle = useAnimatedStyle(() => {
-    // Link color states to the pressed states
-
-    const labelColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed]);
-    return {
-      color: labelColor
+      backgroundColor
     };
   });
+  const pressedColorLabelAnimationStyle = useAnimatedStyle(() => ({
+    color: interpolateColor(progress.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed])
+  }));
 
   // Animate the <Icon> color prop
-  const pressedColorIconAnimationStyle = useAnimatedProps(() => {
-    const iconColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].label.default, colorMap[color].label.pressed]);
-    return {
-      color: iconColor
-    };
-  });
+  const pressedColorIconAnimationStyle = useAnimatedProps(() => ({
+    color: interpolateColor(progress.value, [0, 1], [colorMap[color].label.default, colorMap[color].label.pressed])
+  }));
   const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
-  const onPressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
   return /*#__PURE__*/React.createElement(Pressable, {
     ref: ref,
     accessibilityLabel: accessibilityLabel || label,
@@ -233,7 +213,7 @@ export const ButtonOutline = /*#__PURE__*/React.forwardRef(({
     },
     /* Prevent Reanimated from overriding background colors
             if button is disabled */
-    !disabled && pressedAnimationStyle]
+    !reducedMotion && !disabled && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
   }, icon && /*#__PURE__*/React.createElement(React.Fragment, null, !disabled ? /*#__PURE__*/React.createElement(AnimatedIconClassComponent, {
     name: icon,
     animatedProps: pressedColorIconAnimationStyle,

package/lib/module/components/buttons/ButtonOutline.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedProps","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonLegacyStyles","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","hexToRgba","useIOExperimentalDesign","AnimatedIcon","IconClassComponent","HSpacer","IOText","buttonTextFontSize","mapColorStates","primary","border","default","pressed","disabled","background","label","contrast","white","danger","red","bluegreyLight","grey","mapLegacyColorStates","blue","IOButtonLegacyStylesLocal","create","buttonWithBorder","borderWidth","iconSize","DISABLED_OPACITY","IOButtonStylesLocal","ButtonOutline","forwardRef","color","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","_colorMap$color5","_colorMap$color6","_colorMap$color7","isExperimental","isPressed","AnimatedIOText","createAnimatedComponent","colorMap","useMemo","buttonStyles","buttonStylesLocal","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","backgroundColor","borderColor","scale","CLAMP","transform","pressedColorLabelAnimationStyle","labelColor","pressedColorIconAnimationStyle","iconColor","AnimatedIconClassComponent","onPressIn","onPressOut","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","paddingHorizontal","buttonSizeDefault","flexDirection","opacity","Fragment","name","animatedProps","size","font","weight","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","Pressable","StyleSheet","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","IOButtonLegacyStyles","IOButtonStyles","IOColors","hexToRgba","useIOExperimentalDesign","useScaleAnimation","AnimatedIcon","IconClassComponent","HSpacer","IOText","buttonTextFontSize","mapColorStates","primary","border","default","pressed","disabled","background","label","contrast","white","danger","red","bluegreyLight","grey","mapLegacyColorStates","blue","iconSize","DISABLED_OPACITY","IOButtonLegacyStylesLocal","create","buttonWithBorder","borderWidth","IOButtonStylesLocal","ButtonOutline","color","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","_colorMap$color5","_colorMap$color6","_colorMap$color7","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","AnimatedIOText","createAnimatedComponent","colorMap","useMemo","buttonStyles","buttonStylesLocal","pressedAnimationStyle","backgroundColor","value","borderColor","pressedColorLabelAnimationStyle","pressedColorIconAnimationStyle","AnimatedIconClassComponent","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","paddingHorizontal","buttonSizeDefault","flexDirection","opacity","Fragment","name","animatedProps","size","font","weight","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}

package/lib/module/components/buttons/ButtonSolid.js

@@ -1,8 +1,9 @@
-import React, { useCallback, useEffect, useRef } from "react";
+import React, { useCallback } from "react";
 import { Pressable, StyleSheet } from "react-native";
 import ReactNativeHapticFeedback from "react-native-haptic-feedback";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOButtonLegacyStyles, IOButtonStyles, IOColors, IOScaleValues, IOSpringValues, enterTransitionInnerContent, enterTransitionInnerContentSmall, exitTransitionInnerContent, useIOExperimentalDesign } from "../../core";
+import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
+import { IOButtonLegacyStyles, IOButtonStyles, IOColors, enterTransitionInnerContent, enterTransitionInnerContentSmall, exitTransitionInnerContent, useIOExperimentalDesign } from "../../core";
+import { useScaleAnimation } from "../../hooks";
 import { Icon } from "../icons";
 import { LoadingSpinner } from "../loadingSpinner";
 import { HSpacer } from "../spacer/Spacer";
@@ -99,51 +100,28 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
   accessibilityHint,
   testID
 }, ref) => {
-  var _IOScaleValues$basicB, _colorMap$color, _colorMap$color2, _colorMap$color3;
-  const isPressed = useSharedValue(0);
+  var _colorMap$color, _colorMap$color2, _colorMap$color3;
   const {
     isExperimental
   } = useIOExperimentalDesign();
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-
-  /* Prevent the component from triggering the `isEntering' transition
-     on the on the first render. Solution from this discussion:
-     https://github.com/software-mansion/react-native-reanimated/discussions/2513
-  */
-  const isMounted = useRef(false);
-  useEffect(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isMounted.current = true;
-  }, []);
+  const {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  } = useScaleAnimation();
+  const reducedMotion = useReducedMotion();
   const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
   const buttonStyles = React.useMemo(() => isExperimental ? IOButtonStyles : IOButtonLegacyStyles, [isExperimental]);
 
-  // Using a spring-based animation for our interpolations
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
   // Interpolate animation values from `isPressed` values
   const pressedAnimationStyle = useAnimatedStyle(() => {
     // Link color states to the pressed states
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].default, colorMap[color].pressed]);
-
-    // Scale down button slightly when pressed
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
+    const backgroundColor = interpolateColor(progress.value, [0, 1], [colorMap[color].default, colorMap[color].pressed]);
     return {
-      backgroundColor,
-      transform: [{
-        scale
-      }]
+      backgroundColor
     };
   });
-  const onPressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
   const handleOnPress = useCallback(event => {
     /* Don't call `onPress` if the button is
     in loading state */
@@ -184,10 +162,10 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
     },
     /* Prevent Reanimated from overriding background colors
       if button is disabled */
-    !disabled && pressedAnimationStyle]
+    !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
   }, loading && /*#__PURE__*/React.createElement(Animated.View, {
     style: buttonStyles.buttonInner,
-    entering: isMounted.current ? enterTransitionInnerContentSmall : undefined,
+    entering: enterTransitionInnerContentSmall,
     exiting: exitTransitionInnerContent
   }, /*#__PURE__*/React.createElement(LoadingSpinner, {
     color: foregroundColor
@@ -195,10 +173,7 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
     style: [buttonStyles.buttonInner, iconPosition === "end" && {
       flexDirection: "row-reverse"
     }],
-    entering: isMounted.current ? enterTransitionInnerContent : undefined
-    /* Temporarily disable the exiting transition because it caused
-    a weird glitch on page exit */
-    // exiting={exitTransitionInnerContent}
+    entering: enterTransitionInnerContent
   }, icon && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: iconSize,

package/lib/module/components/buttons/ButtonSolid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonLegacyStyles","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","Icon","LoadingSpinner","HSpacer","ButtonText","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","isPressed","isExperimental","animationScaleValue","basicButton","pressedState","isMounted","current","colorMap","useMemo","buttonStyles","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","undefined","exiting","flexDirection","Fragment","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonLegacyStyles","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","useScaleAnimation","Icon","LoadingSpinner","HSpacer","ButtonText","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","useMemo","buttonStyles","pressedAnimationStyle","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","exiting","flexDirection","Fragment","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}

package/lib/module/components/buttons/IconButton.js

@@ -1,7 +1,8 @@
-import React, { useCallback, useMemo } from "react";
+import React, { useMemo } from "react";
 import { Pressable } from "react-native";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedProps, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOIconButtonStyles, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign } from "../../core";
+import Animated, { interpolateColor, useAnimatedProps, useReducedMotion } from "react-native-reanimated";
+import { IOColors, IOIconButtonStyles, IOStyles, hexToRgba, useIOExperimentalDesign } from "../../core";
+import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon, IconClassComponent } from "../icons";
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const mapLegacyColorStates = {
@@ -67,53 +68,33 @@ export const IconButton = ({
   accessibilityHint,
   testID
 }) => {
-  var _IOScaleValues$exagge, _colorMap$color, _colorMap$color2;
-  const isPressed = useSharedValue(0);
+  var _colorMap$color, _colorMap$color2;
+  const {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  } = useScaleAnimation("exaggerated");
+  const reducedMotion = useReducedMotion();
   const {
     isExperimental
   } = useIOExperimentalDesign();
   const colorMap = useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
 
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$exagge = IOScaleValues.exaggeratedButton) === null || _IOScaleValues$exagge === void 0 ? void 0 : _IOScaleValues$exagge.pressedState;
-
-  // Using a spring-based animation for our interpolations
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-
-  const pressedAnimationStyle = useAnimatedStyle(() => {
-    // Scale down button slightly when pressed
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-
   // Animate the <Icon> color prop
   const animatedColor = useAnimatedProps(() => {
-    const iconColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].icon.default, colorMap[color].icon.pressed]);
+    const iconColor = interpolateColor(progress.value, [0, 1], [colorMap[color].icon.default, colorMap[color].icon.pressed]);
     return {
       color: iconColor
     };
   });
-  const handlePressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
   return /*#__PURE__*/React.createElement(Pressable, {
     disabled: disabled
     // Events
     ,
     onPress: onPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut
+    onPressIn: onPressIn,
+    onPressOut: onPressOut
     // Accessibility
     ,
     accessible: true,
@@ -131,7 +112,7 @@ export const IconButton = ({
     ,
     testID: testID
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOIconButtonStyles.buttonSizeSmall, IOStyles.alignCenter, IOStyles.centerJustified, !disabled && pressedAnimationStyle]
+    style: [IOIconButtonStyles.buttonSizeSmall, IOStyles.alignCenter, IOStyles.centerJustified, !disabled && !reducedMotion && scaleAnimatedStyle]
   }, !disabled ? /*#__PURE__*/React.createElement(AnimatedIconClassComponent, {
     name: icon,
     size: iconSize,

package/lib/module/components/buttons/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedProps","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOIconButtonStyles","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","AnimatedIcon","IconClassComponent","mapLegacyColorStates","primary","icon","default","blue","pressed","disabled","neutral","black","bluegreyDark","grey","contrast","white","mapColorStates","AnimatedIconClassComponent","createAnimatedComponent","IconButton","color","iconSize","onPress","accessibilityLabel","accessibilityHint","testID","_IOScaleValues$exagge","_colorMap$color","_colorMap$color2","isPressed","isExperimental","colorMap","animationScaleValue","exaggeratedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","animatedColor","iconColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","accessible","accessibilityRole","accessibilityState","hitSlop","View","style","buttonSizeSmall","alignCenter","centerJustified","name","size","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useMemo","Pressable","Animated","interpolateColor","useAnimatedProps","useReducedMotion","IOColors","IOIconButtonStyles","IOStyles","hexToRgba","useIOExperimentalDesign","useScaleAnimation","AnimatedIcon","IconClassComponent","mapLegacyColorStates","primary","icon","default","blue","pressed","disabled","neutral","black","bluegreyDark","grey","contrast","white","mapColorStates","AnimatedIconClassComponent","createAnimatedComponent","IconButton","color","iconSize","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isExperimental","colorMap","animatedColor","iconColor","value","createElement","accessible","accessibilityRole","accessibilityState","hitSlop","View","style","buttonSizeSmall","alignCenter","centerJustified","name","size","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}