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

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

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ListItemInfoCopy = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 var _core = require("../../core");
+var _hooks = require("../../hooks");
 var _icons = require("../icons");
 var _typography = require("../typography");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const ListItemInfoCopy = ({
@@ -22,15 +24,16 @@ const ListItemInfoCopy = ({
   accessibilityHint,
   testID
 }) => {
-  var _IOScaleValues$basicB;
-  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
-  const {
-    isExperimental
-  } = (0, _core.useIOExperimentalDesign)();
   const theme = (0, _core.useIOTheme)();
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  } = (0, _hooks.useListItemAnimation)();
   const componentValueToAccessibility = (0, _react.useMemo)(() => typeof value === "string" ? value : "", [value]);
   const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ? accessibilityLabel : `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
-  const foregroundColor = isExperimental ? theme["interactiveElem-default"] : "blue";
+  const foregroundColor = theme["interactiveElem-default"];
   const listItemInfoCopyContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_typography.BodySmall, {
     weight: "Regular",
     color: theme["textBody-tertiary"]
@@ -40,42 +43,11 @@ const ListItemInfoCopy = ({
   }, value) : {
     value
   });
-  const mapBackgroundStates = {
-    default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
-    pressed: _core.IOColors[theme["listItem-pressed"]]
-  };
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const animatedBackgroundStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
-    return {
-      backgroundColor
-    };
-  });
-  const handlePressIn = (0, _react.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = (0, _react.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     onPress: onPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut,
     accessible: true,
     accessibilityLabel: listItemAccessibilityLabel,
     accessibilityHint: accessibilityHint,
@@ -84,9 +56,9 @@ const ListItemInfoCopy = ({
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
     importantForAccessibility: "no-hide-descendants",
     accessibilityElementsHidden: true,
-    style: [_core.IOListItemStyles.listItem, animatedBackgroundStyle]
+    style: [_core.IOListItemStyles.listItem, backgroundAnimatedStyle]
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [_core.IOListItemStyles.listItemInner, animatedScaleStyle]
+    style: [_core.IOListItemStyles.listItemInner, scaleAnimatedStyle]
   }, icon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       marginRight: _core.IOListItemVisualParams.iconMargin

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemInfoCopy","label","value","numberOfLines","onPress","icon","accessibilityLabel","accessibilityHint","testID","_IOScaleValues$basicB","isPressed","useSharedValue","isExperimental","useIOExperimentalDesign","theme","useIOTheme","componentValueToAccessibility","useMemo","listItemAccessibilityLabel","foregroundColor","listItemInfoCopyContent","createElement","Fragment","BodySmall","weight","color","H6","mapBackgroundStates","hexToRgba","IOColors","pressed","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","IOSpringValues","button","animatedScaleStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","animatedBackgroundStyle","backgroundColor","interpolateColor","handlePressIn","useCallback","handlePressOut","Pressable","onPressIn","onPressOut","accessible","accessibilityRole","View","importantForAccessibility","accessibilityElementsHidden","style","IOListItemStyles","listItem","listItemInner","marginRight","IOListItemVisualParams","iconMargin","Icon","name","size","iconSize","IOStyles","flex","marginLeft","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_hooks","_icons","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemInfoCopy","label","value","numberOfLines","onPress","icon","accessibilityLabel","accessibilityHint","testID","theme","useIOTheme","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","componentValueToAccessibility","useMemo","listItemAccessibilityLabel","foregroundColor","listItemInfoCopyContent","createElement","Fragment","BodySmall","weight","color","H6","Pressable","onTouchEnd","accessible","accessibilityRole","View","importantForAccessibility","accessibilityElementsHidden","style","IOListItemStyles","listItem","listItemInner","marginRight","IOListItemVisualParams","iconMargin","Icon","name","size","iconSize","IOStyles","flex","marginLeft","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}

package/lib/commonjs/components/listitems/ListItemNav.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ListItemNav = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 var _core = require("../../core");
+var _hooks = require("../../hooks");
 var _avatar = require("../avatar");
 var _badge = require("../badge");
 var _icons = require("../icons");
 var _loadingSpinner = require("../loadingSpinner");
 var _spacer = require("../spacer");
 var _typography = require("../typography");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const styles = _reactNative.StyleSheet.create({
   paymentLogoSize: {
@@ -39,11 +39,12 @@ const ListItemNav = ({
   loading,
   numberOfLines
 }) => {
-  var _IOScaleValues$basicB;
-  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
   const {
-    isExperimental
-  } = (0, _core.useIOExperimentalDesign)();
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  } = (0, _hooks.useListItemAnimation)();
   const theme = (0, _core.useIOTheme)();
   const withMargin = GraphicalAsset => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
@@ -78,49 +79,17 @@ const ListItemNav = ({
     weight: "Regular",
     color: theme["textBody-tertiary"]
   }, description) : description));
-  const mapBackgroundStates = {
-    default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
-    pressed: _core.IOColors[theme["listItem-pressed"]]
-  };
-  const navIconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const animatedBackgroundStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
-    return {
-      backgroundColor
-    };
-  });
-  const handlePressIn = (0, _react.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = (0, _react.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
+  const interactiveColor = theme["interactiveElem-default"];
   const handleOnPress = event => {
     if (!loading) {
       onPress(event);
     }
   };
-  const primaryColor = isExperimental ? "blueIO-500" : "blue";
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     onPress: handleOnPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut,
     accessible: true,
     accessibilityState: {
       busy: loading
@@ -130,9 +99,9 @@ const ListItemNav = ({
     accessibilityRole: "button",
     testID: testID
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [_core.IOListItemStyles.listItem, animatedBackgroundStyle]
+    style: [_core.IOListItemStyles.listItem, backgroundAnimatedStyle]
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [_core.IOListItemStyles.listItemInner, animatedScaleStyle]
+    style: [_core.IOListItemStyles.listItemInner, scaleAnimatedStyle]
   }, icon && withMargin( /*#__PURE__*/_react.default.createElement(_icons.Icon, {
     name: icon,
     color: iconColor,
@@ -148,10 +117,10 @@ const ListItemNav = ({
   }, avatar))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: _core.IOStyles.flex
   }, listItemNavContent), loading && /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
-    color: primaryColor
+    color: interactiveColor
   }), !loading && !hideChevron && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
     name: "chevronRightListItem",
-    color: navIconColor,
+    color: interactiveColor,
     size: _core.IOListItemVisualParams.chevronSize
   }))));
 };

package/lib/commonjs/components/listitems/ListItemNav.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_avatar","_badge","_icons","_loadingSpinner","_spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","styles","StyleSheet","create","paymentLogoSize","width","IOSelectionListItemVisualParams","iconSize","height","ListItemNav","value","description","onPress","icon","iconColor","avatarProps","avatar","paymentLogoUri","accessibilityLabel","accessibilityHint","testID","hideChevron","topElement","loading","numberOfLines","_IOScaleValues$basicB","isPressed","useSharedValue","isExperimental","useIOExperimentalDesign","theme","useIOTheme","withMargin","GraphicalAsset","createElement","View","style","marginRight","IOListItemVisualParams","iconMargin","listItemNavContent","Fragment","badgeProps","alignSelf","Badge","VSpacer","size","dateValue","flexDirection","Icon","name","color","HSpacer","Caption","H6","BodySmall","weight","mapBackgroundStates","hexToRgba","IOColors","pressed","navIconColor","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","IOSpringValues","button","animatedScaleStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","animatedBackgroundStyle","backgroundColor","interpolateColor","handlePressIn","useCallback","handlePressOut","handleOnPress","event","primaryColor","Pressable","onPressIn","onPressOut","accessible","accessibilityState","busy","accessibilityRole","IOListItemStyles","listItem","listItemInner","Image","accessibilityIgnoresInvertColors","uri","Avatar","IOStyles","flex","LoadingSpinner","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AASA,IAAAG,KAAA,GAAAH,OAAA;AAaA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAAuD,SAAAU,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAZ,wBAAAgB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AA0DvD,MAAMI,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,KAAK,EAAEC,qCAA+B,CAACC,QAAQ;IAC/CC,MAAM,EAAEF,qCAA+B,CAACC;EAC1C;AACF,CAAC,CAAC;AAEK,MAAME,WAAW,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC,OAAO;EACPC,IAAI;EACJC,SAAS,GAAG,UAAU;EACtBC,WAAW,EAAEC,MAAM;EACnBC,cAAc;EACdC,kBAAkB;EAClBC,iBAAiB;EACjBC,MAAM;EACNC,WAAW,GAAG,KAAK;EACnBC,UAAU;EACVC,OAAO;EACPC;AACW,CAAC,KAAK;EAAA,IAAAC,qBAAA;EACjB,MAAMC,SAAS,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EACnC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD,MAAMC,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,MAAMC,UAAU,GAAIC,cAAyB,iBAC3C3E,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACzE,YAAA,CAAA0E,IAAI;IAACC,KAAK,EAAE;MAAEC,WAAW,EAAEC,4BAAsB,CAACC;IAAW;EAAE,GAC7DN,cACG,CACP;EAED,MAAMO,kBAAkB,gBACtBlF,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAAA5E,MAAA,CAAAmB,OAAA,CAAAgE,QAAA,QACGnB,UAAU,iBACThE,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAAA5E,MAAA,CAAAmB,OAAA,CAAAgE,QAAA,QACGnB,UAAU,CAACoB,UAAU,iBACpBpF,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAAA5E,MAAA,CAAAmB,OAAA,CAAAgE,QAAA,qBACEnF,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACzE,YAAA,CAAA0E,IAAI;IAACC,KAAK,EAAE;MAAEO,SAAS,EAAE;IAAa;EAAE,gBACvCrF,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACrE,MAAA,CAAA+E,KAAK,EAAKtB,UAAU,CAACoB,UAAa,CAC/B,CAAC,eACPpF,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAAClE,OAAA,CAAA6E,OAAO;IAACC,IAAI,EAAE;EAAE,CAAE,CACnB,CACH,EACAxB,UAAU,CAACyB,SAAS,iBACnBzF,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAAA5E,MAAA,CAAAmB,OAAA,CAAAgE,QAAA,qBACEnF,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACzE,YAAA,CAAA0E,IAAI;IAACC,KAAK,EAAE;MAAEO,SAAS,EAAE,YAAY;MAAEK,aAAa,EAAE;IAAM;EAAE,gBAC7D1F,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACpE,MAAA,CAAAmF,IAAI;IAACC,IAAI,EAAC,UAAU;IAACJ,IAAI,EAAE,EAAG;IAACK,KAAK,EAAC;EAAU,CAAE,CAAC,eACnD7F,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAAClE,OAAA,CAAAoF,OAAO;IAACN,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBxF,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACjE,WAAA,CAAAoF,OAAO;IAACF,KAAK,EAAErB,KAAK,CAAC,mBAAmB;EAAE,GACxCR,UAAU,CAACyB,SACL,CACL,CAAC,eACPzF,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAAClE,OAAA,CAAA6E,OAAO;IAACC,IAAI,EAAE;EAAE,CAAE,CACnB,CAEJ,CACH,EAEA,OAAOpC,KAAK,KAAK,QAAQ,gBACxBpD,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACjE,WAAA,CAAAqF,EAAE;IAACH,KAAK,EAAErB,KAAK,CAAC,kBAAkB,CAAE;IAACN,aAAa,EAAEA;EAAc,GAChEd,KACC,CAAC,GAELA,KACD,EACAC,WAAW,iBACVrD,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAAA5E,MAAA,CAAAmB,OAAA,CAAAgE,QAAA,QACG,OAAO9B,WAAW,KAAK,QAAQ,gBAC9BrD,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACjE,WAAA,CAAAsF,SAAS;IAACC,MAAM,EAAC,SAAS;IAACL,KAAK,EAAErB,KAAK,CAAC,mBAAmB;EAAE,GAC3DnB,WACQ,CAAC,GAEZA,WAEF,CAEJ,CACH;EAED,MAAM8C,mBAA2C,GAAG;IAClDhF,OAAO,EAAE,IAAAiF,eAAS,EAACC,cAAQ,CAAC7B,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1D8B,OAAO,EAAED,cAAQ,CAAC7B,KAAK,CAAC,kBAAkB,CAAC;EAC7C,CAAC;EAED,MAAM+B,YAAY,GAAGjC,cAAc,GAC/BE,KAAK,CAAC,yBAAyB,CAAC,GAChC,MAAM;;EAEV;EACA,MAAMgC,mBAAmB,GAAGC,mBAAa,aAAbA,mBAAa,gBAAAtC,qBAAA,GAAbsC,mBAAa,CAAEC,WAAW,cAAAvC,qBAAA,uBAA1BA,qBAAA,CAA4BwC,YAAY;EAEpE,MAAMC,eAAe,GAAG,IAAAC,sCAAe,EAAC,MACtC,IAAAC,iCAAU,EAAC1C,SAAS,CAAChB,KAAK,EAAE2D,oBAAc,CAACC,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,kBAAkB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAChD,MAAMC,KAAK,GAAG,IAAAC,kCAAW,EACvBR,eAAe,CAACxD,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEoD,mBAAmB,CAAC,EACxBa,kCAAW,CAACC,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEJ;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMK,uBAAuB,GAAG,IAAAN,uCAAgB,EAAC,MAAM;IACrD,MAAMO,eAAe,GAAG,IAAAC,uCAAgB,EACtCd,eAAe,CAACxD,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC+C,mBAAmB,CAAChF,OAAO,EAAEgF,mBAAmB,CAACG,OAAO,CAC3D,CAAC;IAED,OAAO;MACLmB;IACF,CAAC;EACH,CAAC,CAAC;EAEF,MAAME,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtC;IACAxD,SAAS,CAAChB,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACgB,SAAS,CAAC,CAAC;EACf,MAAMyD,cAAc,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACvC;IACAxD,SAAS,CAAChB,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACgB,SAAS,CAAC,CAAC;EAEf,MAAM0D,aAAa,GAAIC,KAA4B,IAAK;IACtD,IAAI,CAAC9D,OAAO,EAAE;MACZX,OAAO,CAACyE,KAAK,CAAC;IAChB;EACF,CAAC;EAED,MAAMC,YAAsB,GAAG1D,cAAc,GAAG,YAAY,GAAG,MAAM;EAErE,oBACEtE,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACzE,YAAA,CAAA8H,SAAS;IACR3E,OAAO,EAAEwE,aAAc;IACvBI,SAAS,EAAEP,aAAc;IACzBQ,UAAU,EAAEN,cAAe;IAC3BO,UAAU,EAAE,IAAK;IACjBC,kBAAkB,EAAE;MAAEC,IAAI,EAAErE;IAAQ,CAAE;IACtCL,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrC0E,iBAAiB,EAAC,QAAQ;IAC1BzE,MAAM,EAAEA;EAAO,gBAEf9D,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACxE,sBAAA,CAAAe,OAAQ,CAAC0D,IAAI;IACZC,KAAK,EAAE,CAAC0D,sBAAgB,CAACC,QAAQ,EAAEjB,uBAAuB;EAAE,gBAE5DxH,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACxE,sBAAA,CAAAe,OAAQ,CAAC0D,IAAI;IACZC,KAAK,EAAE,CAAC0D,sBAAgB,CAACE,aAAa,EAAEzB,kBAAkB;EAAE,GAO3D1D,IAAI,IACHmB,UAAU,eACR1E,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACpE,MAAA,CAAAmF,IAAI;IACHC,IAAI,EAAErC,IAAK;IACXsC,KAAK,EAAErC,SAAU;IACjBgC,IAAI,EAAER,4BAAsB,CAAC/B;EAAS,CACvC,CACH,CAAC,EACFU,cAAc,IACbe,UAAU,eACR1E,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACzE,YAAA,CAAAwI,KAAK;IACJC,gCAAgC;IAChCnG,MAAM,EAAE;MAAEoG,GAAG,EAAElF;IAAe,CAAE;IAChCmB,KAAK,EAAEnC,MAAM,CAACG;EAAgB,CAC/B,CACH,CAAC,EACFY,MAAM,IAAIgB,UAAU,eAAC1E,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACtE,OAAA,CAAAwI,MAAM,EAAA5G,QAAA;IAACsD,IAAI,EAAC;EAAO,GAAK9B,MAAM,CAAG,CAAC,CAAC,eAE1D1D,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACzE,YAAA,CAAA0E,IAAI;IAACC,KAAK,EAAEiE,cAAQ,CAACC;EAAK,GAAE9D,kBAAyB,CAAC,EACtDjB,OAAO,iBAAIjE,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACnE,eAAA,CAAAwI,cAAc;IAACpD,KAAK,EAAEmC;EAAa,CAAE,CAAC,EAClD,CAAC/D,OAAO,IAAI,CAACF,WAAW,iBACvB/D,MAAA,CAAAmB,OAAA,CAAAyD,aAAA,CAACpE,MAAA,CAAAmF,IAAI;IACHC,IAAI,EAAC,sBAAsB;IAC3BC,KAAK,EAAEU,YAAa;IACpBf,IAAI,EAAER,4BAAsB,CAACkE;EAAY,CAC1C,CAEU,CACF,CACN,CAAC;AAEhB,CAAC;AAACC,OAAA,CAAAhG,WAAA,GAAAA,WAAA;AAAA,IAAAiG,QAAA,GAEajG,WAAW;AAAAgG,OAAA,CAAAhI,OAAA,GAAAiI,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_core","_hooks","_avatar","_badge","_icons","_loadingSpinner","_spacer","_typography","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","styles","StyleSheet","create","paymentLogoSize","width","IOSelectionListItemVisualParams","iconSize","height","ListItemNav","value","description","onPress","icon","iconColor","avatarProps","avatar","paymentLogoUri","accessibilityLabel","accessibilityHint","testID","hideChevron","topElement","loading","numberOfLines","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","theme","useIOTheme","withMargin","GraphicalAsset","createElement","View","style","marginRight","IOListItemVisualParams","iconMargin","listItemNavContent","Fragment","badgeProps","alignSelf","Badge","VSpacer","size","dateValue","flexDirection","Icon","name","color","HSpacer","Caption","H6","BodySmall","weight","interactiveColor","handleOnPress","event","Pressable","onTouchEnd","accessible","accessibilityState","busy","accessibilityRole","IOListItemStyles","listItem","listItemInner","Image","accessibilityIgnoresInvertColors","uri","Avatar","IOStyles","flex","LoadingSpinner","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}

package/lib/commonjs/components/listitems/ListItemNavAlert.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ListItemNavAlert = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 var _core = require("../../core");
+var _hooks = require("../../hooks");
 var _icons = require("../icons");
 var _typography = require("../typography");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ListItemNavAlert = ({
   value,
   description,
@@ -21,15 +21,16 @@ const ListItemNavAlert = ({
   accessibilityHint,
   testID
 }) => {
-  var _IOScaleValues$basicB;
-  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
-  const {
-    isExperimental
-  } = (0, _core.useIOExperimentalDesign)();
-  const componentValueToAccessibility = (0, _react.useMemo)(() => typeof value === "string" ? value : "", [value]);
-  const componentDescriptionToAccessibility = (0, _react.useMemo)(() => typeof description === "string" ? description : "", [description]);
-  const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ? accessibilityLabel : `${componentValueToAccessibility}; ${componentDescriptionToAccessibility}`, [componentDescriptionToAccessibility, componentValueToAccessibility, accessibilityLabel]);
   const theme = (0, _core.useIOTheme)();
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  } = (0, _hooks.useListItemAnimation)();
+  const componentValueToAccessibility = typeof value === "string" ? value : "";
+  const componentDescriptionToAccessibility = typeof description === "string" ? description : "";
+  const listItemAccessibilityLabel = accessibilityLabel ?? `${componentValueToAccessibility}; ${componentDescriptionToAccessibility}`;
 
   // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
   const listItemNavAlertContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, typeof value === "string" ? /*#__PURE__*/_react.default.createElement(_typography.H6, {
@@ -38,54 +39,22 @@ const ListItemNavAlert = ({
     weight: "Semibold",
     color: theme.errorText
   }, description) : description));
-  const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
-  const mapBackgroundStates = {
-    default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
-    pressed: _core.IOColors[theme["listItem-pressed"]]
-  };
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const animatedBackgroundStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
-    return {
-      backgroundColor
-    };
-  });
-  const handlePressIn = (0, _react.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = (0, _react.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     onPress: onPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut,
     accessible: true,
     accessibilityLabel: listItemAccessibilityLabel,
     accessibilityHint: accessibilityHint,
     accessibilityRole: "button",
     testID: testID
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [_core.IOListItemStyles.listItem, animatedBackgroundStyle],
+    style: [_core.IOListItemStyles.listItem, backgroundAnimatedStyle],
     importantForAccessibility: "no-hide-descendants",
     accessibilityElementsHidden: true
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [_core.IOListItemStyles.listItemInner, animatedScaleStyle]
+    style: [_core.IOListItemStyles.listItemInner, scaleAnimatedStyle]
   }, !withoutIcon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       marginRight: _core.IOListItemVisualParams.iconMargin
@@ -102,7 +71,7 @@ const ListItemNavAlert = ({
     }
   }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
     name: "chevronRightListItem",
-    color: iconColor,
+    color: theme["interactiveElem-default"],
     size: _core.IOListItemVisualParams.chevronSize
   })))));
 };

package/lib/commonjs/components/listitems/ListItemNavAlert.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemNavAlert","value","description","withoutIcon","onPress","accessibilityLabel","accessibilityHint","testID","_IOScaleValues$basicB","isPressed","useSharedValue","isExperimental","useIOExperimentalDesign","componentValueToAccessibility","useMemo","componentDescriptionToAccessibility","listItemAccessibilityLabel","theme","useIOTheme","listItemNavAlertContent","createElement","Fragment","H6","color","BodySmall","weight","errorText","iconColor","mapBackgroundStates","hexToRgba","IOColors","pressed","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","IOSpringValues","button","animatedScaleStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","animatedBackgroundStyle","backgroundColor","interpolateColor","handlePressIn","useCallback","handlePressOut","Pressable","onPressIn","onPressOut","accessible","accessibilityRole","View","style","IOListItemStyles","listItem","importantForAccessibility","accessibilityElementsHidden","listItemInner","marginRight","IOListItemVisualParams","iconMargin","Icon","name","errorIcon","size","iconSize","IOStyles","flex","marginLeft","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNavAlert.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","obj","__esModule","default","ListItemNavAlert","value","description","withoutIcon","onPress","accessibilityLabel","accessibilityHint","testID","theme","useIOTheme","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","componentValueToAccessibility","componentDescriptionToAccessibility","listItemAccessibilityLabel","listItemNavAlertContent","createElement","Fragment","H6","color","BodySmall","weight","errorText","Pressable","onTouchEnd","accessible","accessibilityRole","View","style","IOListItemStyles","listItem","importantForAccessibility","accessibilityElementsHidden","listItemInner","marginRight","IOListItemVisualParams","iconMargin","Icon","name","errorIcon","size","iconSize","IOStyles","flex","marginLeft","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNavAlert.tsx"],"mappings":"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"}

package/lib/commonjs/components/listitems/ListItemRadio.js

@@ -7,14 +7,16 @@ exports.ListItemRadio = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeHapticFeedback = _interopRequireDefault(require("react-native-haptic-feedback"));
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 var _rnPlaceholder = _interopRequireDefault(require("rn-placeholder"));
 var _core = require("../../core");
+var _hooks = require("../../hooks");
 var _icons = require("../icons");
 var _logos = require("../logos");
 var _AnimatedRadio = require("../radio/AnimatedRadio");
 var _spacer = require("../spacer");
 var _typography = require("../typography");
+var _stack = require("../stack");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -46,44 +48,14 @@ const ListItemRadio = ({
   loadingProps,
   testID
 }) => {
-  var _IOScaleValues$basicB;
   const [toggleValue, setToggleValue] = (0, React.useState)(selected ?? false);
-  // Animations
-  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
-
-  // Theme
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  } = (0, _hooks.useListItemAnimation)();
   const theme = (0, _core.useIOTheme)();
-  const mapBackgroundStates = {
-    default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
-    pressed: _core.IOColors[theme["listItem-pressed"]]
-  };
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const handlePressIn = (0, React.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = (0, React.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
-  const animatedBackgroundStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
-    return {
-      backgroundColor
-    };
-  });
   const toggleRadioItem = () => {
     _reactNativeHapticFeedback.default.trigger("impactLight");
     setToggleValue(!toggleValue);
@@ -94,22 +66,18 @@ const ListItemRadio = ({
   const disabledStyle = {
     opacity: disabled ? DISABLED_OPACITY : 1
   };
-  const SkeletonDescriptionLines = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_spacer.VSpacer, {
-    size: 8
-  }), /*#__PURE__*/React.createElement(_rnPlaceholder.default.Box, {
+  const SkeletonDescriptionLines = () => /*#__PURE__*/React.createElement(_stack.VStack, {
+    space: 8
+  }, /*#__PURE__*/React.createElement(_rnPlaceholder.default.Box, {
     animate: "fade",
     radius: 8,
     width: "100%",
     height: 8
-  }), /*#__PURE__*/React.createElement(_spacer.VSpacer, {
-    size: 8
   }), /*#__PURE__*/React.createElement(_rnPlaceholder.default.Box, {
     animate: "fade",
     radius: 8,
     width: "100%",
     height: 8
-  }), /*#__PURE__*/React.createElement(_spacer.VSpacer, {
-    size: 8
   }), /*#__PURE__*/React.createElement(_rnPlaceholder.default.Box, {
     animate: "fade",
     radius: 8,
@@ -127,7 +95,9 @@ const ListItemRadio = ({
     height: _core.IOSelectionListItemVisualParams.iconSize
   }));
   const SkeletonComponent = () => /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: _core.IOSelectionListItemStyles.listItem
+    style: [_core.IOSelectionListItemStyles.listItem, {
+      rowGap: 8
+    }]
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: _core.IOSelectionListItemStyles.listItemInner
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
@@ -156,19 +126,19 @@ const ListItemRadio = ({
     accessibilityLabel: accessibilityLabel,
     accessibilityHint: accessibilityHint,
     onPress: toggleRadioItem,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
-    onTouchEnd: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut,
     testID: testID,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
-    style: [_core.IOSelectionListItemStyles.listItem, animatedBackgroundStyle, disabledStyle]
+    style: [_core.IOSelectionListItemStyles.listItem, backgroundAnimatedStyle, disabledStyle]
     // This is required to avoid opacity
     // inheritance on Android
     ,
     needsOffscreenAlphaCompositing: true
   }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
-    style: animatedScaleStyle
+    style: scaleAnimatedStyle
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: _core.IOSelectionListItemStyles.listItemInner
   }, /*#__PURE__*/React.createElement(_reactNative.View, {