@pagopa/io-app-design-system 1.0.0-0

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

@@ -0,0 +1,100 @@
+import * as React from "react";
+import { useCallback } from "react";
+import { Image, Platform, Pressable, StyleSheet, Text } from "react-native";
+import Animated, { Extrapolate, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
+import { IOColors, IOListItemIDPHSpacing, IOListItemIDPRadius, IOListItemIDPSavedVSpacing, IOListItemIDPVSpacing, IOListItemLogoMargin, IOScaleValues, IOSpringValues } from "../../core";
+import { toAndroidCacheTimestamp } from "../../utils/dates";
+import { makeFontStyleObject } from "../../utils/fonts";
+const styles = StyleSheet.create({
+  button: {
+    borderWidth: 1,
+    borderColor: IOColors["grey-100"],
+    borderRadius: IOListItemIDPRadius,
+    backgroundColor: IOColors.white,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    paddingVertical: IOListItemIDPVSpacing,
+    paddingHorizontal: IOListItemIDPHSpacing
+  },
+  idpName: {
+    color: IOColors["grey-700"],
+    fontSize: 12,
+    lineHeight: 16,
+    alignSelf: "center",
+    textTransform: "uppercase",
+    flexShrink: 1,
+    ...makeFontStyleObject("Regular", false, "ReadexPro")
+  },
+  idpLogo: {
+    marginStart: IOListItemLogoMargin,
+    width: 120,
+    height: 30,
+    resizeMode: "contain"
+  }
+});
+
+// https://github.com/facebook/react-native/issues/12606
+// Image cache forced refresh for Android by appending
+// the `ts` query parameter as DDMMYYYY to simulate a 24h TTL.
+const androidIdpLogoForcedRefreshed = () => Platform.OS === "android" ? `?ts=${toAndroidCacheTimestamp()}` : "";
+export const ListItemIDP = _ref => {
+  var _IOScaleValues$magnif;
+  let {
+    name,
+    localLogo,
+    logo,
+    saved,
+    onPress,
+    testID
+  } = _ref;
+  const isPressed = useSharedValue(0);
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 ? void 0 : (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
+  const scaleTraversed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
+
+  // Interpolate animation values from `isPressed` values
+  const animatedStyle = useAnimatedStyle(() => {
+    const scale = interpolate(scaleTraversed.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]);
+
+  // eslint-disable-next-line no-console
+  const urlLogoIDP = localLogo ? localLogo : {
+    uri: `${logo}${androidIdpLogoForcedRefreshed()}`
+  };
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    onTouchEnd: handlePressOut,
+    accessible: true,
+    accessibilityRole: "button",
+    accessibilityLabel: name,
+    testID: testID
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.button, saved && {
+      paddingVertical: IOListItemIDPSavedVSpacing
+    }, animatedStyle]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.idpName
+  }, name), /*#__PURE__*/React.createElement(Image, {
+    source: urlLogoIDP,
+    style: styles.idpLogo
+  })));
+};
+export default ListItemIDP;
+//# sourceMappingURL=ListItemIDP.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Image","Platform","Pressable","StyleSheet","Text","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemIDPHSpacing","IOListItemIDPRadius","IOListItemIDPSavedVSpacing","IOListItemIDPVSpacing","IOListItemLogoMargin","IOScaleValues","IOSpringValues","toAndroidCacheTimestamp","makeFontStyleObject","styles","create","button","borderWidth","borderColor","borderRadius","backgroundColor","white","flexDirection","justifyContent","alignItems","paddingVertical","paddingHorizontal","idpName","color","fontSize","lineHeight","alignSelf","textTransform","flexShrink","idpLogo","marginStart","width","height","resizeMode","androidIdpLogoForcedRefreshed","OS","ListItemIDP","_ref","_IOScaleValues$magnif","name","localLogo","logo","saved","onPress","testID","isPressed","animationScaleValue","magnifiedButton","pressedState","scaleTraversed","value","animatedStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","urlLogoIDP","uri","createElement","onPressIn","onPressOut","onTouchEnd","accessible","accessibilityRole","accessibilityLabel","View","style","source"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemIDP.tsx"],"mappings":"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"}

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

@@ -0,0 +1,50 @@
+import React from "react";
+import { View } from "react-native";
+import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { Icon } from "../icons";
+import { VSpacer } from "../spacer/Spacer";
+import { H6, LabelSmall } from "../typography";
+export const ListItemInfo = _ref => {
+  let {
+    label,
+    value,
+    numberOfLines = 2,
+    icon,
+    action,
+    accessibilityLabel,
+    testID
+  } = _ref;
+  const theme = useIOTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: IOListItemStyles.listItem,
+    testID: testID,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel
+  }, /*#__PURE__*/React.createElement(View, {
+    style: IOListItemStyles.listItemInner
+  }, icon && /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: IOListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    color: "grey-450",
+    size: IOListItemVisualParams.iconSize
+  })), /*#__PURE__*/React.createElement(View, {
+    style: IOStyles.flex
+  }, /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: theme["textBody-tertiary"]
+  }, label), /*#__PURE__*/React.createElement(VSpacer, {
+    size: 4
+  }), /*#__PURE__*/React.createElement(H6, {
+    color: theme["textBody-default"],
+    numberOfLines: numberOfLines
+  }, value)), action && /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginLeft: IOListItemVisualParams.iconMargin
+    }
+  }, action)));
+};
+export default ListItemInfo;
+//# sourceMappingURL=ListItemInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","VSpacer","H6","LabelSmall","ListItemInfo","_ref","label","value","numberOfLines","icon","action","accessibilityLabel","testID","theme","createElement","style","listItem","accessible","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flex","weight","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SACIC,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACRC,UAAU,QACP,YAAY;AAEnB,SAASC,IAAI,QAAiB,UAAU;AACxC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAc9C,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAQR;EAAA,IARS;IACzBC,KAAK;IACLC,KAAK;IACLC,aAAa,GAAG,CAAC;IACjBC,IAAI;IACJC,MAAM;IACNC,kBAAkB;IAClBC;EACU,CAAC,GAAAP,IAAA;EACX,MAAMQ,KAAK,GAAGd,UAAU,CAAC,CAAC;EAC1B,oBACIL,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IACDoB,KAAK,EAAEnB,gBAAgB,CAACoB,QAAS;IACjCJ,MAAM,EAAEA,MAAO;IACfK,UAAU,EAAE,IAAK;IACjBN,kBAAkB,EAAEA;EAAmB,gBAEvCjB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAEnB,gBAAgB,CAACsB;EAAc,GACvCT,IAAI,iBACDf,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAE;MAAEI,WAAW,EAAEtB,sBAAsB,CAACuB;IAAW;EAAE,gBAC5D1B,KAAA,CAAAoB,aAAA,CAACd,IAAI;IACDqB,IAAI,EAAEZ,IAAK;IACXa,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAE1B,sBAAsB,CAAC2B;EAAS,CACzC,CACC,CACT,eACD9B,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAEjB,QAAQ,CAAC2B;EAAK,gBACvB/B,KAAA,CAAAoB,aAAA,CAACX,UAAU;IAACuB,MAAM,EAAC,SAAS;IAACJ,KAAK,EAAET,KAAK,CAAC,mBAAmB;EAAE,GAC1DP,KACO,CAAC,eACbZ,KAAA,CAAAoB,aAAA,CAACb,OAAO;IAACsB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB7B,KAAA,CAAAoB,aAAA,CAACZ,EAAE;IACCoB,KAAK,EAAET,KAAK,CAAC,kBAAkB,CAAE;IACjCL,aAAa,EAAEA;EAAc,GAE5BD,KACD,CACF,CAAC,EACNG,MAAM,iBACHhB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAE;MAAEY,UAAU,EAAE9B,sBAAsB,CAACuB;IAAW;EAAE,GAC1DV,MACC,CAER,CACJ,CAAC;AAEf,CAAC;AAED,eAAeN,YAAY"}

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

@@ -0,0 +1,96 @@
+import React, { useCallback } 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, useIOTheme } from "../../core";
+import { Icon } from "../icons";
+import { VSpacer } from "../spacer/Spacer";
+import { H6, LabelSmall } from "../typography";
+export const ListItemInfoCopy = _ref => {
+  var _IOScaleValues$basicB;
+  let {
+    label,
+    value,
+    numberOfLines = 2,
+    onPress,
+    icon,
+    accessibilityLabel,
+    testID
+  } = _ref;
+  const isPressed = useSharedValue(0);
+  const theme = useIOTheme();
+  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 ? 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,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "button",
+    testID: testID
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [IOListItemStyles.listItem, animatedBackgroundStyle]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [IOListItemStyles.listItemInner, animatedScaleStyle]
+  }, icon && /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: IOListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    color: "grey-450",
+    size: IOListItemVisualParams.iconSize
+  })), /*#__PURE__*/React.createElement(View, {
+    style: IOStyles.flex
+  }, /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: theme["textBody-tertiary"]
+  }, label), /*#__PURE__*/React.createElement(VSpacer, {
+    size: 4
+  }), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
+    color: theme["interactiveElem-default"],
+    numberOfLines: numberOfLines
+  }, value) : {
+    value
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginLeft: IOListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "copy",
+    color: theme["interactiveElem-default"],
+    size: IOListItemVisualParams.chevronSize
+  })))));
+};
+export default ListItemInfoCopy;
+//# sourceMappingURL=ListItemInfoCopy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","VSpacer","H6","LabelSmall","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","theme","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flex","weight","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAEIC,SAAS,EACTC,IAAI,QACD,cAAc;AACrB,OAAOC,QAAQ,IACXC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACP,yBAAyB;AAChC,SACIC,QAAQ,EACRC,gBAAgB,EAChBC,sBAAsB,EACtBC,aAAa,EACbC,cAAc,EACdC,QAAQ,EACRC,SAAS,EAAEC,UAAU,QAClB,YAAY;AAEnB,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAY9C,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAQR;EAAA,IAAAC,qBAAA;EAAA,IARS;IAC7BC,KAAK;IACLC,KAAK;IACLC,aAAa,GAAG,CAAC;IACjBC,OAAO;IACPC,IAAI;IACJC,kBAAkB;IAClBC;EACc,CAAC,GAAAR,IAAA;EACf,MAAMS,SAAS,GAAGxB,cAAc,CAAC,CAAC,CAAC;EAEnC,MAAMyB,KAAK,GAAGhB,UAAU,CAAC,CAAC;EAE1B,MAAMiB,mBAA2C,GAAG;IAChDC,OAAO,EAAEnB,SAAS,CAACN,QAAQ,CAACuB,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1DG,OAAO,EAAE1B,QAAQ,CAACuB,KAAK,CAAC,kBAAkB,CAAC;EAC/C,CAAC;;EAED;EACA,MAAMI,mBAAmB,GAAGxB,aAAa,aAAbA,aAAa,wBAAAW,qBAAA,GAAbX,aAAa,CAAEyB,WAAW,cAAAd,qBAAA,uBAA1BA,qBAAA,CAA4Be,YAAY;EAEpE,MAAMC,eAAe,GAAGjC,eAAe,CAAC,MACpCE,UAAU,CAACuB,SAAS,CAACN,KAAK,EAAEZ,cAAc,CAAC2B,MAAM,CACrD,CAAC;;EAED;EACA,MAAMC,kBAAkB,GAAGpC,gBAAgB,CAAC,MAAM;IAC9C,MAAMqC,KAAK,GAAGvC,WAAW,CACrBoC,eAAe,CAACd,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEW,mBAAmB,CAAC,EACxBlC,WAAW,CAACyC,KAChB,CAAC;IAED,OAAO;MACHC,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACzB,CAAC;EACL,CAAC,CAAC;EAEF,MAAMG,uBAAuB,GAAGxC,gBAAgB,CAAC,MAAM;IACnD,MAAMyC,eAAe,GAAG1C,gBAAgB,CACpCmC,eAAe,CAACd,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACQ,mBAAmB,CAACC,OAAO,EAAED,mBAAmB,CAACE,OAAO,CAC7D,CAAC;IAED,OAAO;MACHW;IACJ,CAAC;EACL,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAGjD,WAAW,CAAC,MAAM;IACpC;IACAiC,SAAS,CAACN,KAAK,GAAG,CAAC;EACvB,CAAC,EAAE,CAACM,SAAS,CAAC,CAAC;EACf,MAAMiB,cAAc,GAAGlD,WAAW,CAAC,MAAM;IACrC;IACAiC,SAAS,CAACN,KAAK,GAAG,CAAC;EACvB,CAAC,EAAE,CAACM,SAAS,CAAC,CAAC;EAEf,oBACIlC,KAAA,CAAAoD,aAAA,CAAClD,SAAS;IACN4B,OAAO,EAAEA,OAAQ;IACjBuB,SAAS,EAAEH,aAAc;IACzBI,UAAU,EAAEH,cAAe;IAC3BI,UAAU,EAAE,IAAK;IACjBvB,kBAAkB,EAAEA,kBAAmB;IACvCwB,iBAAiB,EAAC,QAAQ;IAC1BvB,MAAM,EAAEA;EAAO,gBAEfjC,KAAA,CAAAoD,aAAA,CAAChD,QAAQ,CAACD,IAAI;IACVsD,KAAK,EAAE,CAAC5C,gBAAgB,CAAC6C,QAAQ,EAAEV,uBAAuB;EAAE,gBAE5DhD,KAAA,CAAAoD,aAAA,CAAChD,QAAQ,CAACD,IAAI;IACVsD,KAAK,EAAE,CAAC5C,gBAAgB,CAAC8C,aAAa,EAAEf,kBAAkB;EAAE,GAE3Db,IAAI,iBACD/B,KAAA,CAAAoD,aAAA,CAACjD,IAAI;IAACsD,KAAK,EAAE;MAAEG,WAAW,EAAE9C,sBAAsB,CAAC+C;IAAW;EAAE,gBAC5D7D,KAAA,CAAAoD,aAAA,CAAChC,IAAI;IACD0C,IAAI,EAAE/B,IAAK;IACXgC,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAElD,sBAAsB,CAACmD;EAAS,CACzC,CACC,CACT,eACDjE,KAAA,CAAAoD,aAAA,CAACjD,IAAI;IAACsD,KAAK,EAAExC,QAAQ,CAACiD;EAAK,gBACvBlE,KAAA,CAAAoD,aAAA,CAAC7B,UAAU;IAAC4C,MAAM,EAAC,SAAS;IAACJ,KAAK,EAAE5B,KAAK,CAAC,mBAAmB;EAAE,GAC1DR,KACO,CAAC,eACb3B,KAAA,CAAAoD,aAAA,CAAC/B,OAAO;IAAC2C,IAAI,EAAE;EAAE,CAAE,CAAC,EAEnB,OAAOpC,KAAK,KAAK,QAAQ,gBACtB5B,KAAA,CAAAoD,aAAA,CAAC9B,EAAE;IACCyC,KAAK,EAAE5B,KAAK,CAAC,yBAAyB,CAAE;IACxCN,aAAa,EAAEA;EAAc,GAE5BD,KACD,CAAC,GAEL;IAAEA;EAAM,CAEV,CAAC,eACP5B,KAAA,CAAAoD,aAAA,CAACjD,IAAI;IAACsD,KAAK,EAAE;MAAEW,UAAU,EAAEtD,sBAAsB,CAAC+C;IAAW;EAAE,gBAC3D7D,KAAA,CAAAoD,aAAA,CAAChC,IAAI;IACD0C,IAAI,EAAC,MAAM;IACXC,KAAK,EAAE5B,KAAK,CAAC,yBAAyB,CAAE;IACxC6B,IAAI,EAAElD,sBAAsB,CAACuD;EAAY,CAC5C,CACC,CACK,CACJ,CACR,CAAC;AAEpB,CAAC;AAED,eAAe7C,gBAAgB"}

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

@@ -0,0 +1,89 @@
+import React, { useCallback } 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, useIOTheme } from "../../core";
+import { Icon } from "../icons";
+import { H6, LabelSmall } from "../typography";
+export const ListItemNav = _ref => {
+  var _IOScaleValues$basicB;
+  let {
+    value,
+    description,
+    onPress,
+    icon,
+    accessibilityLabel,
+    testID
+  } = _ref;
+  const isPressed = useSharedValue(0);
+  const theme = useIOTheme();
+  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 ? 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,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "button",
+    testID: testID
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [IOListItemStyles.listItem, animatedBackgroundStyle]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [IOListItemStyles.listItemInner, animatedScaleStyle]
+  }, icon && /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: IOListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    color: "grey-450",
+    size: IOListItemVisualParams.iconSize
+  })), /*#__PURE__*/React.createElement(View, {
+    style: IOStyles.flex
+  }, /*#__PURE__*/React.createElement(H6, {
+    color: theme["textBody-default"]
+  }, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: theme["textBody-tertiary"]
+  }, description)), /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginLeft: IOListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "chevronRightListItem",
+    color: theme["interactiveElem-default"],
+    size: IOListItemVisualParams.chevronSize
+  })))));
+};
+export default ListItemNav;
+//# sourceMappingURL=ListItemNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","H6","LabelSmall","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","accessibilityLabel","testID","isPressed","theme","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flex","weight","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}

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

@@ -0,0 +1,89 @@
+import React, { useCallback } 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, useIOTheme } from "../../core";
+import { Icon } from "../icons";
+import { H6, LabelSmall } from "../typography";
+export const ListItemNavAlert = _ref => {
+  var _IOScaleValues$basicB;
+  let {
+    value,
+    description,
+    withoutIcon = false,
+    onPress,
+    accessibilityLabel,
+    testID
+  } = _ref;
+  const isPressed = useSharedValue(0);
+  const theme = useIOTheme();
+  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 ? 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,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "button",
+    testID: testID
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [IOListItemStyles.listItem, animatedBackgroundStyle]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [IOListItemStyles.listItemInner, animatedScaleStyle]
+  }, !withoutIcon && /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: IOListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "errorFilled",
+    color: theme.errorIcon,
+    size: IOListItemVisualParams.iconSize
+  })), /*#__PURE__*/React.createElement(View, {
+    style: IOStyles.flex
+  }, /*#__PURE__*/React.createElement(H6, {
+    color: theme["textBody-default"]
+  }, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "SemiBold",
+    color: theme.errorText
+  }, description)), /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginLeft: IOListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "chevronRightListItem",
+    color: theme["interactiveElem-default"],
+    size: IOListItemVisualParams.chevronSize
+  })))));
+};
+export default ListItemNavAlert;
+//# sourceMappingURL=ListItemNavAlert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","H6","LabelSmall","ListItemNavAlert","_ref","_IOScaleValues$basicB","value","description","withoutIcon","onPress","accessibilityLabel","testID","isPressed","theme","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","name","color","errorIcon","size","iconSize","flex","weight","errorText","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNavAlert.tsx"],"mappings":"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"}

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

@@ -0,0 +1,158 @@
+import * as O from "fp-ts/lib/Option";
+import { pipe } from "fp-ts/lib/function";
+import I18n from "i18n-js";
+import React from "react";
+import { StyleSheet, View } from "react-native";
+import Placeholder from "rn-placeholder";
+import { IOListItemStyles, IOListItemVisualParams, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
+import { Avatar } from "../avatar/Avatar";
+import { Badge } from "../badge/Badge";
+import { Icon } from "../icons";
+import { LogoPayment } from "../logos";
+import { VSpacer } from "../spacer";
+import { H6, LabelSmall } from "../typography";
+import { PressableListItemBase } from "./PressableListItemsBase";
+const isImageUrI = value => typeof value === "object" && value.uri !== undefined;
+const LeftComponent = _ref => {
+  let {
+    logoNameOrUrl
+  } = _ref;
+  if (isImageUrI(logoNameOrUrl)) {
+    return /*#__PURE__*/React.createElement(Avatar, {
+      shape: "circle",
+      size: "small",
+      logoUri: [logoNameOrUrl]
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: IOVisualCostants.avatarSizeSmall,
+        height: IOVisualCostants.avatarSizeSmall,
+        alignItems: "center",
+        justifyContent: "center"
+      }
+    }, /*#__PURE__*/React.createElement(LogoPayment, {
+      name: logoNameOrUrl
+    }));
+  }
+};
+export const ListItemTransaction = _ref2 => {
+  let {
+    accessibilityLabel,
+    hasChevronRight = false,
+    isLoading = false,
+    paymentLogoOrUrl,
+    onPress,
+    subtitle,
+    testID,
+    title,
+    transactionAmount,
+    transactionStatus = "success"
+  } = _ref2;
+  const theme = useIOTheme();
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(SkeletonComponent, null);
+  }
+  const designSystemBlue = "blue";
+  const ListItemTransactionContent = () => {
+    const TransactionAmountOrBadgeComponent = () => {
+      switch (transactionStatus) {
+        case "success":
+          return /*#__PURE__*/React.createElement(H6, {
+            color: hasChevronRight ? designSystemBlue : "black"
+          }, transactionAmount || "-");
+        case "failure":
+          return /*#__PURE__*/React.createElement(Badge, {
+            variant: "error",
+            text: I18n.t("global.badges.failed")
+          });
+        case "pending":
+          return /*#__PURE__*/React.createElement(Badge, {
+            variant: "info",
+            text: I18n.t("global.badges.onGoing")
+          });
+      }
+    };
+    return /*#__PURE__*/React.createElement(React.Fragment, null, paymentLogoOrUrl && /*#__PURE__*/React.createElement(View, {
+      style: {
+        marginRight: IOListItemVisualParams.iconMargin
+      }
+    }, /*#__PURE__*/React.createElement(LeftComponent, {
+      logoNameOrUrl: paymentLogoOrUrl
+    })), /*#__PURE__*/React.createElement(View, {
+      style: IOStyles.flex
+    }, /*#__PURE__*/React.createElement(H6, {
+      color: theme["textBody-default"]
+    }, title), /*#__PURE__*/React.createElement(LabelSmall, {
+      weight: "Regular",
+      color: theme["textBody-tertiary"]
+    }, subtitle), /*#__PURE__*/React.createElement(VSpacer, {
+      size: 4
+    })), /*#__PURE__*/React.createElement(View, {
+      style: Styles.rightSection
+    }, /*#__PURE__*/React.createElement(TransactionAmountOrBadgeComponent, null), hasChevronRight && /*#__PURE__*/React.createElement(Icon, {
+      name: "chevronRightListItem",
+      color: designSystemBlue,
+      size: IOListItemVisualParams.chevronSize
+    })));
+  };
+  return pipe(onPress, O.fromNullable, O.fold(() => /*#__PURE__*/React.createElement(View, {
+    style: IOListItemStyles.listItem,
+    testID: testID,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel
+  }, /*#__PURE__*/React.createElement(View, {
+    style: IOListItemStyles.listItemInner
+  }, /*#__PURE__*/React.createElement(ListItemTransactionContent, null))), onPress => /*#__PURE__*/React.createElement(PressableListItemBase, {
+    onPress: onPress,
+    testID: testID,
+    accessibilityLabel: accessibilityLabel
+  }, /*#__PURE__*/React.createElement(ListItemTransactionContent, null))));
+};
+const SkeletonComponent = () => /*#__PURE__*/React.createElement(View, {
+  style: IOListItemStyles.listItem,
+  accessible: false
+}, /*#__PURE__*/React.createElement(View, {
+  style: IOListItemStyles.listItemInner
+}, /*#__PURE__*/React.createElement(View, {
+  style: {
+    marginRight: IOListItemVisualParams.iconMargin
+  }
+}, /*#__PURE__*/React.createElement(Placeholder.Box, {
+  animate: "fade",
+  height: IOVisualCostants.avatarSizeSmall,
+  width: IOVisualCostants.avatarSizeSmall,
+  radius: 100
+})), /*#__PURE__*/React.createElement(View, {
+  style: IOStyles.flex
+}, /*#__PURE__*/React.createElement(Placeholder.Box, {
+  animate: "fade",
+  radius: 8,
+  width: 62,
+  height: 16
+}), /*#__PURE__*/React.createElement(VSpacer, {
+  size: 4
+}), /*#__PURE__*/React.createElement(Placeholder.Box, {
+  animate: "fade",
+  radius: 8,
+  width: 107,
+  height: 16
+})), /*#__PURE__*/React.createElement(View, {
+  style: {
+    marginLeft: IOListItemVisualParams.iconMargin
+  }
+}, /*#__PURE__*/React.createElement(Placeholder.Box, {
+  animate: "fade",
+  radius: 8,
+  width: 70,
+  height: 24
+}))));
+const Styles = StyleSheet.create({
+  rightSection: {
+    marginLeft: IOListItemVisualParams.iconMargin,
+    flexDirection: "row",
+    alignItems: "center",
+    height: "100%"
+  }
+});
+//# sourceMappingURL=ListItemTransaction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["O","pipe","I18n","React","StyleSheet","View","Placeholder","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","Avatar","Badge","Icon","LogoPayment","VSpacer","H6","LabelSmall","PressableListItemBase","isImageUrI","value","uri","undefined","LeftComponent","_ref","logoNameOrUrl","createElement","shape","size","logoUri","style","width","avatarSizeSmall","height","alignItems","justifyContent","name","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoOrUrl","onPress","subtitle","testID","title","transactionAmount","transactionStatus","theme","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","color","variant","text","t","Fragment","marginRight","iconMargin","flex","weight","Styles","rightSection","chevronSize","fromNullable","fold","listItem","accessible","listItemInner","Box","animate","radius","marginLeft","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}