@pagopa/io-app-design-system 1.16.0 → 1.17.0

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

@@ -3,17 +3,19 @@ import { useCallback, 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 Placeholder from "rn-placeholder";
 import { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
 import { Icon } from "../icons";
 import { HSpacer, VSpacer } from "../spacer";
 import { H6, LabelSmall } from "../typography";
 import { AnimatedRadio } from "../radio/AnimatedRadio";
+import { LogoPayment } from "../logos";
 const DISABLED_OPACITY = 0.5;
 
 // disabled: the component is no longer touchable
 // onPress:
 /**
- *  with the automatic state management that uses a {@link AnimatedCheckBox}
+ * `ListItemRadio` component with the automatic state management that uses a {@link AnimatedCheckBox}
  * The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
  *
  * @param props
@@ -24,16 +26,16 @@ export const ListItemRadio = _ref => {
   let {
     value,
     description,
-    icon,
+    startImage,
     selected,
     disabled,
     onValueChange,
+    loadingProps,
     testID
   } = _ref;
   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));
@@ -75,7 +77,63 @@ export const ListItemRadio = _ref => {
       onValueChange(!toggleValue);
     }
   };
-  return /*#__PURE__*/React.createElement(Pressable, {
+  const disabledStyle = {
+    opacity: disabled ? DISABLED_OPACITY : 1
+  };
+  const SkeletonDescriptionLines = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(Placeholder.Box, {
+    animate: "fade",
+    radius: 8,
+    width: "100%",
+    height: 8
+  }), /*#__PURE__*/React.createElement(VSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(Placeholder.Box, {
+    animate: "fade",
+    radius: 8,
+    width: "100%",
+    height: 8
+  }), /*#__PURE__*/React.createElement(VSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(Placeholder.Box, {
+    animate: "fade",
+    radius: 8,
+    width: "100%",
+    height: 8
+  }));
+  const SkeletonIcon = () => /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: IOSelectionListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/React.createElement(Placeholder.Box, {
+    animate: "fade",
+    radius: 4,
+    width: IOSelectionListItemVisualParams.iconSize,
+    height: IOSelectionListItemVisualParams.iconSize
+  }));
+  const SkeletonComponent = () => /*#__PURE__*/React.createElement(View, {
+    style: IOSelectionListItemStyles.listItem
+  }, /*#__PURE__*/React.createElement(View, {
+    style: IOSelectionListItemStyles.listItemInner
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [IOStyles.flex, IOStyles.rowSpaceBetween, IOStyles.alignCenter]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [IOStyles.row, IOStyles.alignCenter]
+  }, (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.skeletonIcon) && /*#__PURE__*/React.createElement(SkeletonIcon, null), /*#__PURE__*/React.createElement(Placeholder.Box, {
+    animate: "fade",
+    radius: 8,
+    width: 179,
+    height: 16
+  })), /*#__PURE__*/React.createElement(HSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none",
+    style: disabledStyle
+  }, /*#__PURE__*/React.createElement(AnimatedRadio, {
+    checked: toggleValue
+  })))), (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.skeletonDescription) && /*#__PURE__*/React.createElement(SkeletonDescriptionLines, null));
+  return loadingProps !== null && loadingProps !== void 0 && loadingProps.state ? /*#__PURE__*/React.createElement(SkeletonComponent, null) : /*#__PURE__*/React.createElement(Pressable, {
     onPress: toggleRadioItem,
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
@@ -83,9 +141,7 @@ export const ListItemRadio = _ref => {
     testID: testID,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOSelectionListItemStyles.listItem, animatedBackgroundStyle, {
-      opacity: disabled ? DISABLED_OPACITY : 1
-    }]
+    style: [IOSelectionListItemStyles.listItem, animatedBackgroundStyle, disabledStyle]
     // This is required to avoid opacity
     // inheritance on Android
     ,
@@ -98,14 +154,17 @@ export const ListItemRadio = _ref => {
     style: [IOStyles.row, {
       flexShrink: 1
     }]
-  }, icon && /*#__PURE__*/React.createElement(View, {
+  }, startImage && /*#__PURE__*/React.createElement(View, {
     style: {
       marginRight: IOSelectionListItemVisualParams.iconMargin
     }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: icon,
+  }, startImage.icon && /*#__PURE__*/React.createElement(Icon, {
+    name: startImage.icon,
     color: "grey-300",
     size: IOSelectionListItemVisualParams.iconSize
+  }), startImage.paymentLogo && /*#__PURE__*/React.createElement(LogoPayment, {
+    name: startImage.paymentLogo,
+    size: IOSelectionListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(H6, {
     color: "black",
     style: {

package/lib/module/components/listitems/ListItemRadio.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","Icon","HSpacer","VSpacer","H6","LabelSmall","AnimatedRadio","DISABLED_OPACITY","ListItemRadio","_ref","_IOScaleValues$basicB","value","description","icon","selected","disabled","onValueChange","testID","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleRadioItem","trigger","undefined","createElement","onPress","onPressIn","onPressOut","onTouchEnd","style","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","row","flexShrink","marginRight","iconMargin","name","color","size","iconSize","pointerEvents","checked","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Placeholder","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","AnimatedRadio","LogoPayment","DISABLED_OPACITY","ListItemRadio","_ref","_IOScaleValues$basicB","value","description","startImage","selected","disabled","onValueChange","loadingProps","testID","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleRadioItem","trigger","undefined","disabledStyle","opacity","SkeletonDescriptionLines","createElement","Fragment","size","Box","animate","radius","width","height","SkeletonIcon","style","marginRight","iconMargin","iconSize","SkeletonComponent","listItem","listItemInner","flex","rowSpaceBetween","alignCenter","row","skeletonIcon","pointerEvents","checked","skeletonDescription","state","onPress","onPressIn","onPressOut","onTouchEnd","needsOffscreenAlphaCompositing","flexShrink","icon","name","color","paymentLogo","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import RNReactNativeHapticFeedback from "react-native-haptic-feedback";
+import { useIOExperimentalDesign } from "../../core";
+import { Icon } from "../icons";
+import { AnimatedRadio } from "../radio/AnimatedRadio";
+import { HSpacer, VSpacer } from "../spacer";
+import { H6, LabelSmallAlt } from "../typography";
+import { LabelSmall } from "../typography/LabelSmall";
+import { PressableListItemBase } from "./PressableListItemsBase";
+export const ListItemRadioWithAmount = props => {
+  const [toggleValue, setToggleValue] = React.useState(props.selected ?? false);
+  const pressHandler = () => {
+    RNReactNativeHapticFeedback.trigger("impactLight");
+    setToggleValue(val => !val);
+  };
+  const isExperimental = useIOExperimentalDesign();
+  const interactiveColor = isExperimental ? "blueIO-500" : "blue";
+  const suggestColor = "hanPurple-500";
+  return /*#__PURE__*/React.createElement(PressableListItemBase, {
+    onPress: pressHandler
+  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(LabelSmallAlt, null, props.label), props.isSuggested && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
+    size: 4
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.rowCenter
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "sparkles",
+    size: 16,
+    color: suggestColor
+  }), /*#__PURE__*/React.createElement(HSpacer, {
+    size: 4
+  }), /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: suggestColor
+  }, props.suggestReason)))), /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none",
+    style: {
+      flexDirection: "row"
+    }
+  }, /*#__PURE__*/React.createElement(H6, {
+    color: interactiveColor
+  }, props.formattedAmountString), /*#__PURE__*/React.createElement(HSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(AnimatedRadio, {
+    checked: toggleValue
+  })));
+};
+const styles = StyleSheet.create({
+  rowCenter: {
+    flexDirection: "row",
+    alignItems: "center"
+  }
+});
+//# sourceMappingURL=ListItemRadioWithAmount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","RNReactNativeHapticFeedback","useIOExperimentalDesign","Icon","AnimatedRadio","HSpacer","VSpacer","H6","LabelSmallAlt","LabelSmall","PressableListItemBase","ListItemRadioWithAmount","props","toggleValue","setToggleValue","useState","selected","pressHandler","trigger","val","isExperimental","interactiveColor","suggestColor","createElement","onPress","label","isSuggested","Fragment","size","style","styles","rowCenter","name","color","weight","suggestReason","pointerEvents","flexDirection","formattedAmountString","checked","create","alignItems"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,2BAA2B,MAAM,8BAA8B;AACtE,SAAmBC,uBAAuB,QAAQ,YAAY;AAC9D,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,OAAO,EAAEC,OAAO,QAAQ,WAAW;AAC5C,SAASC,EAAE,EAAEC,aAAa,QAAQ,eAAe;AACjD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,qBAAqB,QAAQ,0BAA0B;AAehE,OAAO,MAAMC,uBAAuB,GAClCC,KAAmC,IAChC;EACH,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAACH,KAAK,CAACI,QAAQ,IAAI,KAAK,CAAC;EAC7E,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBhB,2BAA2B,CAACiB,OAAO,CAAC,aAAa,CAAC;IAClDJ,cAAc,CAACK,GAAG,IAAI,CAACA,GAAG,CAAC;EAC7B,CAAC;EACD,MAAMC,cAAc,GAAGlB,uBAAuB,CAAC,CAAC;EAEhD,MAAMmB,gBAA0B,GAAGD,cAAc,GAAG,YAAY,GAAG,MAAM;EACzE,MAAME,YAAsB,GAAG,eAAe;EAE9C,oBACExB,KAAA,CAAAyB,aAAA,CAACb,qBAAqB;IAACc,OAAO,EAAEP;EAAa,gBAC3CnB,KAAA,CAAAyB,aAAA,CAACvB,IAAI,qBACHF,KAAA,CAAAyB,aAAA,CAACf,aAAa,QAAEI,KAAK,CAACa,KAAqB,CAAC,EAC3Cb,KAAK,CAACc,WAAW,iBAChB5B,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA6B,QAAA,qBACE7B,KAAA,CAAAyB,aAAA,CAACjB,OAAO;IAACsB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB9B,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IAAC6B,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BjC,KAAA,CAAAyB,aAAA,CAACpB,IAAI;IAAC6B,IAAI,EAAC,UAAU;IAACJ,IAAI,EAAE,EAAG;IAACK,KAAK,EAAEX;EAAa,CAAE,CAAC,eACvDxB,KAAA,CAAAyB,aAAA,CAAClB,OAAO;IAACuB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB9B,KAAA,CAAAyB,aAAA,CAACd,UAAU;IAACyB,MAAM,EAAC,SAAS;IAACD,KAAK,EAAEX;EAAa,GAC9CV,KAAK,CAACuB,aACG,CACR,CACN,CAEA,CAAC,eACPrC,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IAACoC,aAAa,EAAC,MAAM;IAACP,KAAK,EAAE;MAAEQ,aAAa,EAAE;IAAM;EAAE,gBACzDvC,KAAA,CAAAyB,aAAA,CAAChB,EAAE;IAAC0B,KAAK,EAAEZ;EAAiB,GAAET,KAAK,CAAC0B,qBAA0B,CAAC,eAC/DxC,KAAA,CAAAyB,aAAA,CAAClB,OAAO;IAACuB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB9B,KAAA,CAAAyB,aAAA,CAACnB,aAAa;IAACmC,OAAO,EAAE1B;EAAY,CAAE,CAClC,CACe,CAAC;AAE5B,CAAC;AAED,MAAMiB,MAAM,GAAG/B,UAAU,CAACyC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTM,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

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

@@ -3,7 +3,7 @@ import { pipe } from "fp-ts/lib/function";
 import React from "react";
 import { StyleSheet, View } from "react-native";
 import Placeholder from "rn-placeholder";
-import { IOListItemLogoMargin, IOListItemStyles, IOListItemVisualParams, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
+import { IOListItemLogoMargin, IOListItemStyles, IOListItemVisualParams, IOStyles, IOVisualCostants, useIOExperimentalDesign, useIOTheme } from "../../core";
 import { getAccessibleAmountText } from "../../utils/accessibility";
 import { isImageUri } from "../../utils/url";
 import { Avatar } from "../avatar/Avatar";
@@ -11,7 +11,7 @@ import { Badge } from "../badge/Badge";
 import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
 import { Icon } from "../icons";
 import { VSpacer } from "../spacer";
-import { H6, LabelSmall } from "../typography";
+import { H6, LabelSmall, LabelSmallAlt } from "../typography";
 import { PressableListItemBase } from "./PressableListItemsBase";
 const CARD_LOGO_SIZE = 24;
 const MUNICIPALITY_LOGO_SIZE = 44;
@@ -53,24 +53,27 @@ export const ListItemTransaction = _ref2 => {
     transactionStatus = "success",
     accessible
   } = _ref2;
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   const theme = useIOTheme();
   const maybeBadgeText = pipe(badgeText, O.fromNullable, O.getOrElse(() => "-"));
   if (isLoading) {
     return /*#__PURE__*/React.createElement(SkeletonComponent, null);
   }
-  const designSystemBlue = "blueIO-500";
+  const interactiveColor = isExperimental ? theme["interactiveElem-default"] : "blue";
   const ListItemTransactionContent = () => {
     const TransactionAmountOrBadgeComponent = () => {
       switch (transactionStatus) {
         case "success":
           return /*#__PURE__*/React.createElement(H6, {
             accessibilityLabel: getAccessibleAmountText(transactionAmount),
-            color: hasChevronRight ? designSystemBlue : "black"
+            color: hasChevronRight ? interactiveColor : "black"
           }, transactionAmount || "");
         case "refunded":
           return /*#__PURE__*/React.createElement(H6, {
             accessibilityLabel: getAccessibleAmountText(transactionAmount),
-            color: hasChevronRight ? designSystemBlue : "success-700"
+            color: hasChevronRight ? interactiveColor : "success-700"
           }, transactionAmount || "");
         case "failure":
         case "cancelled":
@@ -100,7 +103,7 @@ export const ListItemTransaction = _ref2 => {
       logoIcon: paymentLogoIcon
     })), /*#__PURE__*/React.createElement(View, {
       style: IOStyles.flex
-    }, /*#__PURE__*/React.createElement(LabelSmall, {
+    }, /*#__PURE__*/React.createElement(LabelSmallAlt, {
       numberOfLines: 2,
       color: theme["textBody-default"]
     }, title), /*#__PURE__*/React.createElement(LabelSmall, {
@@ -110,7 +113,7 @@ export const ListItemTransaction = _ref2 => {
       style: Styles.rightSection
     }, /*#__PURE__*/React.createElement(TransactionAmountOrBadgeComponent, null), hasChevronRight && /*#__PURE__*/React.createElement(Icon, {
       name: "chevronRightListItem",
-      color: designSystemBlue,
+      color: interactiveColor,
       size: IOListItemVisualParams.chevronSize
     })));
   };

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

@@ -1 +1 @@
-{"version":3,"names":["O","pipe","React","StyleSheet","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","getAccessibleAmountText","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","H6","LabelSmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","LeftComponent","_ref","logoIcon","createElement","logoUri","size","shape","isValidElement","Fragment","brand","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transactionAmount","badgeText","transactionStatus","accessible","theme","maybeBadgeText","fromNullable","getOrElse","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","color","variant","text","style","marginRight","width","alignItems","flex","numberOfLines","weight","Styles","rightSection","name","chevronSize","fold","listItem","listItemInner","iconMargin","Box","animate","height","avatarSizeSmall","radius","marginLeft","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}
+{"version":3,"names":["O","pipe","React","StyleSheet","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOExperimentalDesign","useIOTheme","getAccessibleAmountText","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","H6","LabelSmall","LabelSmallAlt","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","LeftComponent","_ref","logoIcon","createElement","logoUri","size","shape","isValidElement","Fragment","brand","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transactionAmount","badgeText","transactionStatus","accessible","isExperimental","theme","maybeBadgeText","fromNullable","getOrElse","SkeletonComponent","interactiveColor","ListItemTransactionContent","TransactionAmountOrBadgeComponent","color","variant","text","style","marginRight","width","alignItems","flex","numberOfLines","weight","Styles","rightSection","name","chevronSize","fold","listItem","listItemInner","iconMargin","Box","animate","height","avatarSizeSmall","radius","marginLeft","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}