@pagopa/io-app-design-system 4.2.1 → 4.4.0

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,13 +112,15 @@ 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, {
+    allowFontScaling: true,
     name: icon,
     size: iconSize,
     animatedProps: animatedColor,
     color: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.icon) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.default
   }) : /*#__PURE__*/React.createElement(AnimatedIcon, {
+    allowFontScaling: true,
     name: icon,
     size: iconSize,
     color: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.icon) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.disabled

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":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAAgCC,SAAS,QAAQ,cAAc;AAC/D,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,aAAa,EACbC,cAAc,EACdC,QAAQ,EACRC,SAAS,EACTC,uBAAuB,QAClB,YAAY;AAEnB,SACEC,YAAY,EAGZC,kBAAkB,QACb,UAAU;AAoBjB;AACA,MAAMC,oBAGL,GAAG;EACF;EACAC,OAAO,EAAE;IACPC,IAAI,EAAE;MACJC,OAAO,EAAEZ,QAAQ,CAACa,IAAI;MACtBC,OAAO,EAAEd,QAAQ,CAAC,UAAU,CAAC;MAC7Be,QAAQ,EAAEV,SAAS,CAACL,QAAQ,CAACa,IAAI,EAAE,IAAI;IACzC;EACF,CAAC;EACD;EACAG,OAAO,EAAE;IACPL,IAAI,EAAE;MACJC,OAAO,EAAEZ,QAAQ,CAACiB,KAAK;MACvBH,OAAO,EAAEd,QAAQ,CAACkB,YAAY;MAC9BH,QAAQ,EAAEf,QAAQ,CAACmB;IACrB;EACF,CAAC;EACD;EACAC,QAAQ,EAAE;IACRT,IAAI,EAAE;MACJC,OAAO,EAAEZ,QAAQ,CAACqB,KAAK;MACvBP,OAAO,EAAET,SAAS,CAACL,QAAQ,CAACqB,KAAK,EAAE,IAAI,CAAC;MACxCN,QAAQ,EAAEV,SAAS,CAACL,QAAQ,CAACqB,KAAK,EAAE,IAAI;IAC1C;EACF;AACF,CAAC;AAED,MAAMC,cAAqE,GAAG;EAC5E;EACAZ,OAAO,EAAE;IACPC,IAAI,EAAE;MACJC,OAAO,EAAEZ,QAAQ,CAAC,YAAY,CAAC;MAC/Bc,OAAO,EAAEd,QAAQ,CAAC,YAAY,CAAC;MAC/Be,QAAQ,EAAEV,SAAS,CAACL,QAAQ,CAAC,YAAY,CAAC,EAAE,IAAI;IAClD;EACF,CAAC;EACD;EACAgB,OAAO,EAAE;IACPL,IAAI,EAAE;MACJC,OAAO,EAAEZ,QAAQ,CAACiB,KAAK;MACvBH,OAAO,EAAEd,QAAQ,CAAC,UAAU,CAAC;MAC7Be,QAAQ,EAAEf,QAAQ,CAACmB;IACrB;EACF,CAAC;EACD;EACAC,QAAQ,EAAE;IACRT,IAAI,EAAE;MACJC,OAAO,EAAEZ,QAAQ,CAACqB,KAAK;MACvBP,OAAO,EAAET,SAAS,CAACL,QAAQ,CAACqB,KAAK,EAAE,IAAI,CAAC;MACxCN,QAAQ,EAAEV,SAAS,CAACL,QAAQ,CAACqB,KAAK,EAAE,IAAI;IAC1C;EACF;AACF,CAAC;AAED,MAAME,0BAA0B,GAC9BhC,QAAQ,CAACiC,uBAAuB,CAAChB,kBAAkB,CAAC;AAEtD,OAAO,MAAMiB,UAAU,GAAGA,CAAC;EACzBC,KAAK,GAAG,SAAS;EACjBf,IAAI;EACJgB,QAAQ,GAAG,EAAE;EACbZ,QAAQ,GAAG,KAAK;EAChBa,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC;AACU,CAAC,KAAK;EAAA,IAAAC,qBAAA,EAAAC,eAAA,EAAAC,gBAAA;EAChB,MAAMC,SAAS,GAAGrC,cAAc,CAAC,CAAC,CAAC;EAEnC,MAAM;IAAEsC;EAAe,CAAC,GAAG9B,uBAAuB,CAAC,CAAC;EAEpD,MAAM+B,QAAQ,GAAGhD,OAAO,CACtB,MAAO+C,cAAc,GAAGd,cAAc,GAAGb,oBAAqB,EAC9D,CAAC2B,cAAc,CACjB,CAAC;;EAED;EACA,MAAME,mBAAmB,GAAGpC,aAAa,aAAbA,aAAa,gBAAA8B,qBAAA,GAAb9B,aAAa,CAAEqC,iBAAiB,cAAAP,qBAAA,uBAAhCA,qBAAA,CAAkCQ,YAAY;;EAE1E;EACA,MAAMC,eAAe,GAAG5C,eAAe,CAAC,MACtCE,UAAU,CAACoC,SAAS,CAACO,KAAK,EAAEvC,cAAc,CAACwC,MAAM,CACnD,CAAC;;EAED;;EAEA,MAAMC,qBAAqB,GAAGhD,gBAAgB,CAAC,MAAM;IACnD;IACA,MAAMiD,KAAK,GAAGpD,WAAW,CACvBgD,eAAe,CAACC,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEJ,mBAAmB,CAAC,EACxB9C,WAAW,CAACsD,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;;EAEF;EACA,MAAMG,aAAa,GAAGrD,gBAAgB,CAAC,MAAM;IAC3C,MAAMsD,SAAS,GAAGvD,gBAAgB,CAChC+C,eAAe,CAACC,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACL,QAAQ,CAACX,KAAK,CAAC,CAACf,IAAI,CAACC,OAAO,EAAEyB,QAAQ,CAACX,KAAK,CAAC,CAACf,IAAI,CAACG,OAAO,CAC7D,CAAC;IACD,OAAO;MAAEY,KAAK,EAAEuB;IAAU,CAAC;EAC7B,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAG9D,WAAW,CAAC,MAAM;IACtC;IACA+C,SAAS,CAACO,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACP,SAAS,CAAC,CAAC;EACf,MAAMgB,cAAc,GAAG/D,WAAW,CAAC,MAAM;IACvC;IACA+C,SAAS,CAACO,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACP,SAAS,CAAC,CAAC;EAEf,oBACEhD,KAAA,CAAAiE,aAAA,CAAC9D,SAAS;IACRyB,QAAQ,EAAEA;IACV;IAAA;IACAa,OAAO,EAAEA,OAAQ;IACjByB,SAAS,EAAEH,aAAc;IACzBI,UAAU,EAAEH;IACZ;IAAA;IACAI,UAAU,EAAE,IAAK;IACjBC,iBAAiB,EAAE,QAAS;IAC5B3B,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrC2B,kBAAkB,EAAE;MAAE1C;IAAS;IAC/B;IACA;IAAA;IACA2C,OAAO,EAAE;IACT;IAAA;IACA3B,MAAM,EAAEA;EAAO,gBAEf5C,KAAA,CAAAiE,aAAA,CAAC7D,QAAQ,CAACoE,IAAI;IACZC,KAAK,EAAE,CACL3D,kBAAkB,CAAC4D,eAAe,EAClCzD,QAAQ,CAAC0D,WAAW,EACpB1D,QAAQ,CAAC2D,eAAe,EACxB,CAAChD,QAAQ,IAAI6B,qBAAqB;EAClC,GAED,CAAC7B,QAAQ,gBACR5B,KAAA,CAAAiE,aAAA,CAAC7B,0BAA0B;IACzByC,IAAI,EAAErD,IAAK;IACXsD,IAAI,EAAEtC,QAAS;IACfuC,aAAa,EAAElB,aAAc;IAC7BtB,KAAK,GAAAO,eAAA,GAAEI,QAAQ,CAACX,KAAK,CAAC,cAAAO,eAAA,gBAAAA,eAAA,GAAfA,eAAA,CAAiBtB,IAAI,cAAAsB,eAAA,uBAArBA,eAAA,CAAuBrB;EAAQ,CACvC,CAAC,gBAEFzB,KAAA,CAAAiE,aAAA,CAAC7C,YAAY;IACXyD,IAAI,EAAErD,IAAK;IACXsD,IAAI,EAAEtC,QAAS;IACfD,KAAK,GAAAQ,gBAAA,GAAEG,QAAQ,CAACX,KAAK,CAAC,cAAAQ,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CAAiBvB,IAAI,cAAAuB,gBAAA,uBAArBA,gBAAA,CAAuBnB;EAAS,CACxC,CAEU,CACN,CAAC;AAEhB,CAAC;AAED,eAAeU,UAAU"}
+{"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","allowFontScaling","name","size","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import * as React from "react";
-import { useCallback } from "react";
 import { Pressable } from "react-native";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedProps, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
+import Animated, { interpolateColor, useAnimatedProps, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
 import { AnimatedIcon, IconClassComponent } from "../../components/icons";
-import { IOButtonStyles, IOColors, IOIconButtonStyles, IOScaleValues, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core";
+import { IOButtonStyles, IOColors, IOIconButtonStyles, hexToRgba, useIOExperimentalDesign } from "../../core";
+import { useScaleAnimation } from "../../hooks";
 const mapColorStates = {
   // Primary button
   primary: {
@@ -96,50 +96,26 @@ export const IconButtonContained = ({
   accessibilityHint,
   testID
 }) => {
-  var _IOScaleValues$exagge, _colorMap$color, _colorMap$color2;
-  const isPressed = useSharedValue(0);
+  var _colorMap$color, _colorMap$color2;
   const {
     isExperimental
   } = useIOExperimentalDesign();
+  const {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  } = useScaleAnimation("exaggerated");
+  const reducedMotion = useReducedMotion();
   const colorMap = React.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(() => {
-    // Link color states to the pressed states
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
-
-    // Scale down button slightly when pressed
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      backgroundColor,
-      transform: [{
-        scale
-      }]
-    };
-  });
+  const backgroundColorAnimationStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed])
+  }));
 
   // Animate the <Icon> color prop
-  const animatedColor = useAnimatedProps(() => {
-    const iconColor = interpolateColor(progressPressed.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]);
+  const iconColorAnimationStyle = useAnimatedProps(() => ({
+    color: interpolateColor(progress.value, [0, 1], [colorMap[color].icon.default, colorMap[color].icon.pressed])
+  }));
   return /*#__PURE__*/React.createElement(Pressable, {
     accessibilityLabel: accessibilityLabel,
     accessibilityHint: accessibilityHint,
@@ -149,16 +125,16 @@ export const IconButtonContained = ({
     },
     testID: testID,
     onPress: onPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
     accessible: true,
     disabled: disabled,
     style: IOButtonStyles.dimensionsDefault
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOIconButtonStyles.button, IOIconButtonStyles.buttonSizeDefault, !disabled && pressedAnimationStyle]
+    style: [IOIconButtonStyles.button, IOIconButtonStyles.buttonSizeDefault, !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && backgroundColorAnimationStyle]
   }, !disabled ? /*#__PURE__*/React.createElement(AnimatedIconClassComponent, {
     name: icon,
-    animatedProps: animatedColor,
+    animatedProps: iconColorAnimationStyle,
     color: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.icon) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.default
   }) : /*#__PURE__*/React.createElement(AnimatedIcon, {
     name: icon,

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

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

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

@@ -1,9 +1,9 @@
 import * as React from "react";
-import { useCallback } from "react";
 import { Pressable } from "react-native";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOButtonStyles, IOIconButtonStyles, IOScaleValues, IOSpringValues, useIOExperimentalDesign } from "../../core";
+import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
+import { IOButtonStyles, IOIconButtonStyles, useIOExperimentalDesign } from "../../core";
 import { IOColors, hexToRgba } from "../../core/IOColors";
+import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon } from "../icons";
 const mapColorStates = {
   // Primary button
@@ -66,38 +66,21 @@ export const IconButtonSolid = ({
   accessibilityHint,
   testID
 }) => {
-  var _IOScaleValues$exagge, _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4;
-  const isPressed = useSharedValue(0);
+  var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4;
   const {
     isExperimental
   } = useIOExperimentalDesign();
-  // 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));
+  const {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  } = useScaleAnimation("exaggerated");
+  const reducedMotion = useReducedMotion();
   const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
-  // Interpolate animation values from `isPressed` values
-  const pressedAnimationStyle = useAnimatedStyle(() => {
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
-
-    // Scale down button slightly when pressed
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      backgroundColor,
-      transform: [{
-        scale
-      }]
-    };
-  });
-  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]);
+  const backgroundColorAnimationStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed])
+  }));
   return /*#__PURE__*/React.createElement(Pressable, {
     accessibilityLabel: accessibilityLabel,
     accessibilityHint: accessibilityHint,
@@ -107,18 +90,19 @@ export const IconButtonSolid = ({
     },
     testID: testID,
     onPress: onPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
     accessible: true,
     disabled: disabled,
     style: IOButtonStyles.dimensionsDefault
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOIconButtonStyles.button, IOIconButtonStyles.buttonSizeLarge, !disabled && pressedAnimationStyle, disabled ? {
+    style: [IOIconButtonStyles.button, IOIconButtonStyles.buttonSizeLarge, !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && backgroundColorAnimationStyle, disabled ? {
       backgroundColor: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.background) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.disabled
     } : {
       backgroundColor: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.background) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.default
     }]
   }, /*#__PURE__*/React.createElement(AnimatedIcon, {
+    allowFontScaling: true,
     name: icon,
     color: !disabled ? (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.icon) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.default : (_colorMap$color4 = colorMap[color]) === null || _colorMap$color4 === void 0 || (_colorMap$color4 = _colorMap$color4.icon) === null || _colorMap$color4 === void 0 ? void 0 : _colorMap$color4.disabled
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonStyles","IOIconButtonStyles","IOScaleValues","IOSpringValues","useIOExperimentalDesign","IOColors","hexToRgba","AnimatedIcon","mapColorStates","primary","background","default","pressed","disabled","icon","white","contrast","mapLegacyColorStates","blue","IconButtonSolid","color","onPress","accessibilityLabel","accessibilityHint","testID","_IOScaleValues$exagge","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","isPressed","isExperimental","animationScaleValue","exaggeratedButton","pressedState","progressPressed","value","button","colorMap","useMemo","pressedAnimationStyle","backgroundColor","scale","CLAMP","transform","handlePressIn","handlePressOut","createElement","accessibilityRole","accessibilityState","onPressIn","onPressOut","accessible","style","dimensionsDefault","View","buttonSizeLarge","name"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonSolid.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOIconButtonStyles","useIOExperimentalDesign","IOColors","hexToRgba","useScaleAnimation","AnimatedIcon","mapColorStates","primary","background","default","pressed","disabled","icon","white","contrast","mapLegacyColorStates","blue","IconButtonSolid","color","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","useMemo","backgroundColorAnimationStyle","backgroundColor","value","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","buttonSizeLarge","allowFontScaling","name"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonSolid.tsx"],"mappings":"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"}