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

package/lib/module/components/listitems/ListItemCheckbox.js

@@ -1,13 +1,15 @@
 import * as React from "react";
-import { useCallback, useState } from "react";
+import { useState } from "react";
 import { Pressable, View } from "react-native";
 import ReactNativeHapticFeedback from "react-native-haptic-feedback";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
+import Animated from "react-native-reanimated";
+import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSelectionTickVisualParams, IOStyles, useIOTheme } from "../../core";
+import { useListItemAnimation } from "../../hooks";
+import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
 import { Icon } from "../icons";
 import { HSpacer, VSpacer } from "../spacer";
-import { H6, BodySmall } from "../typography";
+import { BodySmall, H6 } from "../typography";
 const DISABLED_OPACITY = 0.5;
 /**
  *  with the automatic state management that uses a {@link AnimatedCheckBox}
@@ -26,14 +28,18 @@ export const ListItemCheckbox = ({
   disabled,
   onValueChange
 }) => {
-  var _IOScaleValues$basicB;
+  const {
+    dynamicFontScale,
+    spacingScaleMultiplier,
+    hugeFontEnabled
+  } = useIOFontDynamicScale();
   const [toggleValue, setToggleValue] = useState(selected ?? false);
-  // Animations
-  const isPressed = useSharedValue(0);
-
-  // 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;
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  } = useListItemAnimation();
 
   // Theme
   const theme = useIOTheme();
@@ -41,34 +47,6 @@ export const ListItemCheckbox = ({
   // Accessibility
   // Comma = Small pause when announcing content
   const fallbackAccessibilityLabel = description ? `${value}, ${description}` : value;
-  const mapBackgroundStates = {
-    default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
-    pressed: IOColors[theme["listItem-pressed"]]
-  };
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = useAnimatedStyle(() => {
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      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 animatedBackgroundStyle = useAnimatedStyle(() => {
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
-    return {
-      backgroundColor
-    };
-  });
   const toggleCheckbox = () => {
     ReactNativeHapticFeedback.trigger("impactLight");
     setToggleValue(!toggleValue);
@@ -78,9 +56,9 @@ export const ListItemCheckbox = ({
   };
   return /*#__PURE__*/React.createElement(Pressable, {
     onPress: toggleCheckbox,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
-    onTouchEnd: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut,
     testID: "ListItemCheckbox",
     accessible: true,
     accessibilityLabel: accessibilityLabel || fallbackAccessibilityLabel,
@@ -92,7 +70,7 @@ export const ListItemCheckbox = ({
     },
     disabled: disabled
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOSelectionListItemStyles.listItem, animatedBackgroundStyle, {
+    style: [IOSelectionListItemStyles.listItem, backgroundAnimatedStyle, {
       opacity: disabled ? DISABLED_OPACITY : 1
     }]
     // This is required to avoid opacity
@@ -100,22 +78,20 @@ export const ListItemCheckbox = ({
     ,
     needsOffscreenAlphaCompositing: true
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: animatedScaleStyle
+    style: scaleAnimatedStyle
   }, /*#__PURE__*/React.createElement(View, {
     style: IOSelectionListItemStyles.listItemInner
   }, /*#__PURE__*/React.createElement(View, {
     style: [IOStyles.row, {
-      flexShrink: 1
+      flexShrink: 1,
+      columnGap: IOSelectionListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
     }]
-  }, icon && /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginRight: IOSelectionListItemVisualParams.iconMargin
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: icon,
     color: "grey-300",
     size: IOSelectionListItemVisualParams.iconSize
-  })), /*#__PURE__*/React.createElement(H6, {
+  }), /*#__PURE__*/React.createElement(H6, {
     color: theme["textBody-default"],
     style: {
       flexShrink: 1
@@ -127,6 +103,7 @@ export const ListItemCheckbox = ({
     accessibilityElementsHidden: true,
     importantForAccessibility: "no-hide-descendants"
   }, /*#__PURE__*/React.createElement(AnimatedCheckbox, {
+    size: IOSelectionTickVisualParams.size * dynamicFontScale,
     checked: selected ?? toggleValue
   }))), description && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(VSpacer, {
     size: IOSelectionListItemVisualParams.descriptionMargin

package/lib/module/components/listitems/ListItemCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","AnimatedCheckbox","Icon","HSpacer","VSpacer","H6","BodySmall","DISABLED_OPACITY","ListItemCheckbox","value","description","icon","selected","accessibilityLabel","accessibilityHint","disabled","onValueChange","_IOScaleValues$basicB","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","fallbackAccessibilityLabel","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleCheckbox","trigger","undefined","createElement","onPress","onPressIn","onPressOut","onTouchEnd","testID","accessible","accessibilityRole","accessibilityState","checked","style","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","row","flexShrink","marginRight","iconMargin","name","color","size","iconSize","pointerEvents","accessibilityElementsHidden","importantForAccessibility","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemCheckbox.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useState","Pressable","View","ReactNativeHapticFeedback","Animated","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSelectionTickVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","AnimatedCheckbox","Icon","HSpacer","VSpacer","BodySmall","H6","DISABLED_OPACITY","ListItemCheckbox","value","description","icon","selected","accessibilityLabel","accessibilityHint","disabled","onValueChange","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","toggleValue","setToggleValue","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","theme","fallbackAccessibilityLabel","toggleCheckbox","trigger","undefined","createElement","onPress","onTouchEnd","testID","accessible","accessibilityRole","accessibilityState","checked","style","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","row","flexShrink","columnGap","iconMargin","allowFontScaling","name","color","size","iconSize","pointerEvents","accessibilityElementsHidden","importantForAccessibility","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemCheckbox.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemHeader.js

@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useCallback, useMemo } from "react";
 import { View } from "react-native";
 import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { Badge } from "../badge";
 import { ButtonLink, IconButton } from "../buttons";
 import { Icon } from "../icons";
@@ -16,6 +17,11 @@ export const ListItemHeader = ({
   testID
 }) => {
   const theme = useIOTheme();
+  const {
+    dynamicFontScale,
+    spacingScaleMultiplier,
+    hugeFontEnabled
+  } = useIOFontDynamicScale();
   const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}`, [label, accessibilityLabel]);
   const itemInfoTextComponent = useMemo(() => /*#__PURE__*/React.createElement(View, {
     accessible: endElement === undefined ? true : false,
@@ -25,7 +31,7 @@ export const ListItemHeader = ({
     role: "heading",
     color: theme["textBody-tertiary"]
   }, label)), [label, theme, endElement]);
-  const listItemInfoAction = useCallback(() => {
+  const listItemAction = useCallback(() => {
     if (endElement) {
       const {
         type,
@@ -58,11 +64,12 @@ export const ListItemHeader = ({
   }, /*#__PURE__*/React.createElement(View, {
     style: IOListItemStyles.listItemInner,
     importantForAccessibility: endElement ? "auto" : "no-hide-descendants"
-  }, iconName && /*#__PURE__*/React.createElement(View, {
+  }, iconName && !hugeFontEnabled && /*#__PURE__*/React.createElement(View, {
     style: {
-      marginRight: iconMargin
+      marginRight: iconMargin * dynamicFontScale * spacingScaleMultiplier
     }
   }, /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: iconName,
     color: iconColor ?? theme["icon-decorative"],
     size: IOListItemVisualParams.iconSize
@@ -72,7 +79,7 @@ export const ListItemHeader = ({
     style: {
       marginLeft: IOListItemVisualParams.actionMargin
     }
-  }, listItemInfoAction())));
+  }, listItemAction())));
 };
 export default ListItemHeader;
 //# sourceMappingURL=ListItemHeader.js.map

package/lib/module/components/listitems/ListItemHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Badge","ButtonLink","IconButton","Icon","H6","iconMargin","ListItemHeader","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","role","color","listItemInfoAction","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","listItemInner","marginRight","name","size","iconSize","flex","marginLeft","actionMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemHeader.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAoBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnE,SAASC,IAAI,QAAQ,cAAc;AACnC,SACEC,gBAAgB,EAChBC,sBAAsB,EAEtBC,QAAQ,EACRC,UAAU,QACL,YAAY;AAEnB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,UAAU,EAAEC,UAAU,QAAQ,YAAY;AACnD,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,EAAE,QAAQ,eAAe;AAsClC,MAAMC,UAA0B,GAAG,CAAC;AAEpC,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,UAAU;EACVC,kBAAkB;EAClBC;AACc,CAAC,KAAK;EACpB,MAAMC,KAAK,GAAGd,UAAU,CAAC,CAAC;EAE1B,MAAMe,0BAA0B,GAAGpB,OAAO,CACxC,MAAOiB,kBAAkB,GAAGA,kBAAkB,GAAI,GAAEJ,KAAM,EAAE,EAC5D,CAACA,KAAK,EAAEI,kBAAkB,CAC5B,CAAC;EAED,MAAMI,qBAAqB,GAAGrB,OAAO,CACnC,mBACEF,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IACHsB,UAAU,EAAEP,UAAU,KAAKQ,SAAS,GAAG,IAAI,GAAG,KAAM;IACpDC,yBAAyB,EACvBT,UAAU,KAAKQ,SAAS,IAAIR,UAAU,CAACU,IAAI,KAAK,OAAO,GACnD,qBAAqB,GACrB,KACL;IACDC,2BAA2B,EACzBX,UAAU,KAAKQ,SAAS,IAAIR,UAAU,CAACU,IAAI,KAAK;EACjD,gBAED5B,KAAA,CAAAwB,aAAA,CAACZ,EAAE;IAACkB,IAAI,EAAC,SAAS;IAACC,KAAK,EAAEV,KAAK,CAAC,mBAAmB;EAAE,GAClDN,KACC,CACA,CACP,EACD,CAACA,KAAK,EAAEM,KAAK,EAAEH,UAAU,CAC3B,CAAC;EAED,MAAMc,kBAAkB,GAAG/B,WAAW,CAAC,MAAM;IAC3C,IAAIiB,UAAU,EAAE;MACd,MAAM;QAAEU,IAAI;QAAEK;MAAe,CAAC,GAAGf,UAAU;MAE3C,QAAQU,IAAI;QACV,KAAK,YAAY;UACf,MAAMM,4BAA4B,GAAI,GAAEZ,0BAA2B,KAAIW,cAAc,CAACd,kBAAmB,EAAC;UAE1G,oBACEnB,KAAA,CAAAwB,aAAA,CAACf,UAAU,EAAA0B,QAAA,KACLF,cAAc;YAClBd,kBAAkB,EAAEe;UAA6B,EAClD,CAAC;QAEN,KAAK,YAAY;UACf,MAAME,4BAA4B,GAAI,GAAEd,0BAA2B,KAAIW,cAAc,CAACd,kBAAmB,EAAC;UAC1G,oBACEnB,KAAA,CAAAwB,aAAA,CAACd,UAAU,EAAAyB,QAAA,KACLF,cAAc;YAClBd,kBAAkB,EAAEiB;UAA6B,EAClD,CAAC;QAEN,KAAK,OAAO;UACV,oBAAOpC,KAAA,CAAAwB,aAAA,CAAChB,KAAK,EAAKyB,cAAiB,CAAC;QACtC;UACE,oBAAOjC,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAqC,QAAA,MAAI,CAAC;MAChB;IACF;IACA,oBAAOrC,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAqC,QAAA,MAAI,CAAC;EACd,CAAC,EAAE,CAACnB,UAAU,EAAEI,0BAA0B,CAAC,CAAC;EAE5C,oBACEtB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IACHmC,KAAK,EAAElC,gBAAgB,CAACmC,QAAS;IACjCnB,MAAM,EAAEA,MAAO;IACfK,UAAU,EAAEP,UAAU,KAAKQ,SAAS,GAAG,IAAI,GAAG,KAAM;IACpDP,kBAAkB,EAAEG;EAA2B,gBAE/CtB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IACHmC,KAAK,EAAElC,gBAAgB,CAACoC,aAAc;IACtCb,yBAAyB,EAAET,UAAU,GAAG,MAAM,GAAG;EAAsB,GAEtEF,QAAQ,iBACPhB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IAACmC,KAAK,EAAE;MAAEG,WAAW,EAAE5B;IAAW;EAAE,gBACvCb,KAAA,CAAAwB,aAAA,CAACb,IAAI;IACH+B,IAAI,EAAE1B,QAAS;IACfe,KAAK,EAAEd,SAAS,IAAII,KAAK,CAAC,iBAAiB,CAAE;IAC7CsB,IAAI,EAAEtC,sBAAsB,CAACuC;EAAS,CACvC,CACG,CACP,eACD5C,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IAACmC,KAAK,EAAEhC,QAAQ,CAACuC;EAAK,GAAEtB,qBAA4B,CAAC,EACzDL,UAAU,iBACTlB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IAACmC,KAAK,EAAE;MAAEQ,UAAU,EAAEzC,sBAAsB,CAAC0C;IAAa;EAAE,GAC9Df,kBAAkB,CAAC,CAChB,CAEJ,CACF,CAAC;AAEX,CAAC;AAED,eAAelB,cAAc"}
+{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useIOFontDynamicScale","Badge","ButtonLink","IconButton","Icon","H6","iconMargin","ListItemHeader","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","role","color","listItemAction","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","listItemInner","marginRight","allowFontScaling","name","size","iconSize","flex","marginLeft","actionMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemHeader.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemInfo.js

@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useCallback, useMemo } from "react";
 import { Platform, View } from "react-native";
 import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { Badge } from "../badge";
 import { ButtonLink, IconButton } from "../buttons";
 import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
@@ -20,6 +21,11 @@ export const ListItemInfo = ({
   testID
 }) => {
   const theme = useIOTheme();
+  const {
+    dynamicFontScale,
+    spacingScaleMultiplier,
+    hugeFontEnabled
+  } = useIOFontDynamicScale();
   const componentValueToAccessibility = useMemo(() => typeof value === "string" ? value : "", [value]);
   const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
   const itemInfoTextComponent = useMemo(() => /*#__PURE__*/React.createElement(View, {
@@ -63,29 +69,20 @@ export const ListItemInfo = ({
     accessibilityLabel: listItemAccessibilityLabel,
     accessibilityRole: accessibilityRole
   }, /*#__PURE__*/React.createElement(View, {
-    style: IOListItemStyles.listItemInner
-  }, icon && /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginRight: IOListItemVisualParams.iconMargin
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
+    style: [IOListItemStyles.listItemInner, {
+      columnGap: IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
+    }]
+  }, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: icon,
     color: "grey-450",
     size: IOListItemVisualParams.iconSize
-  })), paymentLogoIcon && /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginRight: IOListItemVisualParams.iconMargin
-    }
-  }, /*#__PURE__*/React.createElement(LogoPaymentWithFallback, {
+  }), paymentLogoIcon && /*#__PURE__*/React.createElement(LogoPaymentWithFallback, {
     brand: paymentLogoIcon,
     size: PAYMENT_LOGO_SIZE
-  })), /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, itemInfoTextComponent), endElement && /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginLeft: IOListItemVisualParams.actionMargin
-    }
-  }, listItemInfoAction())));
+  }, itemInfoTextComponent), endElement && /*#__PURE__*/React.createElement(View, null, listItemInfoAction())));
 };
 export default ListItemInfo;
 //# sourceMappingURL=ListItemInfo.js.map

package/lib/module/components/listitems/ListItemInfo.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Platform","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Badge","ButtonLink","IconButton","LogoPaymentWithFallback","Icon","H6","BodySmall","PAYMENT_LOGO_SIZE","ListItemInfo","label","value","numberOfLines","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","testID","theme","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","OS","weight","color","listItemInfoAction","type","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","undefined","listItemInner","marginRight","iconMargin","name","size","iconSize","brand","flex","marginLeft","actionMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useMemo","Platform","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useIOFontDynamicScale","Badge","ButtonLink","IconButton","LogoPaymentWithFallback","Icon","H6","BodySmall","PAYMENT_LOGO_SIZE","ListItemInfo","label","value","numberOfLines","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","testID","theme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","OS","weight","color","listItemInfoAction","type","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","undefined","listItemInner","columnGap","iconMargin","allowFontScaling","name","size","iconSize","brand","flex"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemInfoCopy.js

@@ -1,7 +1,9 @@
-import React, { useCallback, useMemo } from "react";
+import React, { useMemo } from "react";
 import { Pressable, View } from "react-native";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
+import Animated from "react-native-reanimated";
+import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { useListItemAnimation } from "../../hooks";
+import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { Icon } from "../icons";
 import { BodySmall, H6 } from "../typography";
 export const ListItemInfoCopy = ({
@@ -14,15 +16,21 @@ export const ListItemInfoCopy = ({
   accessibilityHint,
   testID
 }) => {
-  var _IOScaleValues$basicB;
-  const isPressed = useSharedValue(0);
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
   const theme = useIOTheme();
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  } = useListItemAnimation();
+  const {
+    dynamicFontScale,
+    spacingScaleMultiplier,
+    hugeFontEnabled
+  } = useIOFontDynamicScale();
   const componentValueToAccessibility = useMemo(() => typeof value === "string" ? value : "", [value]);
   const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
-  const foregroundColor = isExperimental ? theme["interactiveElem-default"] : "blue";
+  const foregroundColor = theme["interactiveElem-default"];
   const listItemInfoCopyContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BodySmall, {
     weight: "Regular",
     color: theme["textBody-tertiary"]
@@ -32,42 +40,11 @@ export const ListItemInfoCopy = ({
   }, value) : {
     value
   });
-  const mapBackgroundStates = {
-    default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
-    pressed: IOColors[theme["listItem-pressed"]]
-  };
-
-  // 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;
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = useAnimatedStyle(() => {
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const animatedBackgroundStyle = useAnimatedStyle(() => {
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
-    return {
-      backgroundColor
-    };
-  });
-  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, {
     onPress: onPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut,
     accessible: true,
     accessibilityLabel: listItemAccessibilityLabel,
     accessibilityHint: accessibilityHint,
@@ -76,28 +53,24 @@ export const ListItemInfoCopy = ({
   }, /*#__PURE__*/React.createElement(Animated.View, {
     importantForAccessibility: "no-hide-descendants",
     accessibilityElementsHidden: true,
-    style: [IOListItemStyles.listItem, animatedBackgroundStyle]
+    style: [IOListItemStyles.listItem, backgroundAnimatedStyle]
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOListItemStyles.listItemInner, animatedScaleStyle]
-  }, icon && /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginRight: IOListItemVisualParams.iconMargin
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
+    style: [IOListItemStyles.listItemInner, {
+      columnGap: IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
+    }, scaleAnimatedStyle]
+  }, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: icon,
     color: "grey-450",
     size: IOListItemVisualParams.iconSize
-  })), /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, listItemInfoCopyContent), /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginLeft: IOListItemVisualParams.iconMargin
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, listItemInfoCopyContent), /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: "copy",
     color: foregroundColor,
     size: IOListItemVisualParams.chevronSize
-  })))));
+  }))));
 };
 export default ListItemInfoCopy;
 //# sourceMappingURL=ListItemInfoCopy.js.map

package/lib/module/components/listitems/ListItemInfoCopy.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Icon","BodySmall","H6","ListItemInfoCopy","label","value","numberOfLines","onPress","icon","accessibilityLabel","accessibilityHint","testID","_IOScaleValues$basicB","isPressed","isExperimental","theme","componentValueToAccessibility","listItemAccessibilityLabel","foregroundColor","listItemInfoCopyContent","createElement","Fragment","weight","color","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","importantForAccessibility","accessibilityElementsHidden","style","listItem","listItemInner","marginRight","iconMargin","name","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useMemo","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Icon","BodySmall","H6","ListItemInfoCopy","label","value","numberOfLines","onPress","icon","accessibilityLabel","accessibilityHint","testID","theme","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","componentValueToAccessibility","listItemAccessibilityLabel","foregroundColor","listItemInfoCopyContent","createElement","Fragment","weight","color","onTouchEnd","accessible","accessibilityRole","importantForAccessibility","accessibilityElementsHidden","style","listItem","listItemInner","columnGap","iconMargin","allowFontScaling","name","size","iconSize","flex","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}