@pagopa/io-app-design-system 4.5.6 → 4.6.1

package/lib/module/components/accordion/AccordionItem.js

@@ -1,10 +1,10 @@
-import React, { useState } from "react";
+import React from "react";
 import { StyleSheet, TouchableWithoutFeedback, View } from "react-native";
 import LinearGradient from "react-native-linear-gradient";
-import Animated, { useAnimatedStyle, withSpring } from "react-native-reanimated";
+import Animated from "react-native-reanimated";
 import { IOAccordionRadius, IOStyles, useIOTheme } from "../../core";
-import { IOSpringValues } from "../../core/IOAnimations";
 import { IOColors, hexToRgba } from "../../core/IOColors";
+import { useAccordionAnimation } from "../../hooks/useAccordionAnimation";
 import { Icon } from "../icons/Icon";
 import { Body, H6 } from "../typography";
 const accordionBodySpacing = 16;
@@ -13,33 +13,6 @@ const accordionChevronMargin = 8;
 
 // Icon size
 const iconSize = 24;
-
-/* The code below is a re-adaptation of Dima Portenko's code:
-https://github.com/dimaportenko/reanimated-collapsable-card-tutorial
-*/
-export const AccordionBody = ({
-  children,
-  expanded
-}) => {
-  const [height, setHeight] = useState(0);
-  const onLayout = event => {
-    const {
-      height: onLayoutHeight
-    } = event.nativeEvent.layout;
-    if (onLayoutHeight > 0 && height !== onLayoutHeight) {
-      setHeight(onLayoutHeight);
-    }
-  };
-  const animatedHeightStyle = useAnimatedStyle(() => ({
-    height: expanded ? withSpring(height, IOSpringValues.accordion) : withSpring(0, IOSpringValues.accordion)
-  }), [expanded]);
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: [animatedHeightStyle, styles.accordionCollapsableContainer]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.accordionBodyContainer,
-    onLayout: onLayout
-  }, children));
-};
 export const AccordionItem = ({
   title,
   accessibilityLabel,
@@ -47,20 +20,19 @@ export const AccordionItem = ({
   icon
 }) => {
   const theme = useIOTheme();
-  const [expanded, setExpanded] = useState(false);
+  const {
+    expanded,
+    toggleAccordion,
+    onBodyLayout,
+    iconAnimatedStyle,
+    bodyAnimatedStyle,
+    bodyInnerStyle
+  } = useAccordionAnimation();
 
   // Visual attributes
   const accordionBackground = theme["appBackground-primary"];
   const accordionBorder = theme["cardBorder-default"];
   const accordionIconColor = theme["icon-decorative"];
-  const onItemPress = () => {
-    setExpanded(!expanded);
-  };
-  const animatedChevron = useAnimatedStyle(() => ({
-    transform: [{
-      rotate: expanded ? withSpring(`180deg`, IOSpringValues.accordion) : withSpring(`0deg`, IOSpringValues.accordion)
-    }]
-  }), [expanded]);
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.accordionWrapper, {
       backgroundColor: IOColors[accordionBackground],
@@ -73,7 +45,7 @@ export const AccordionItem = ({
       expanded
     },
     accessibilityLabel: accessibilityLabel ?? title,
-    onPress: onItemPress
+    onPress: toggleAccordion
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.textContainer
   }, /*#__PURE__*/React.createElement(View, {
@@ -98,13 +70,16 @@ export const AccordionItem = ({
   }, /*#__PURE__*/React.createElement(H6, {
     color: theme["textBody-default"]
   }, title))), /*#__PURE__*/React.createElement(Animated.View, {
-    style: animatedChevron
+    style: iconAnimatedStyle
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "chevronBottom",
     color: theme["interactiveElem-default"]
-  })))), /*#__PURE__*/React.createElement(AccordionBody, {
-    expanded: expanded
-  }, typeof body === "string" ? /*#__PURE__*/React.createElement(Body, null, body) : body), /*#__PURE__*/React.createElement(LinearGradient, {
+  })))), /*#__PURE__*/React.createElement(Animated.View, {
+    style: bodyAnimatedStyle
+  }, /*#__PURE__*/React.createElement(View, {
+    style: bodyInnerStyle,
+    onLayout: onBodyLayout
+  }, typeof body === "string" ? /*#__PURE__*/React.createElement(Body, null, body) : body)), /*#__PURE__*/React.createElement(LinearGradient, {
     style: {
       height: accordionBodySpacing,
       position: "absolute",
@@ -123,14 +98,6 @@ const styles = StyleSheet.create({
     borderRadius: IOAccordionRadius,
     borderCurve: "continuous"
   },
-  accordionCollapsableContainer: {
-    overflow: "hidden"
-  },
-  accordionBodyContainer: {
-    position: "absolute",
-    padding: accordionBodySpacing,
-    paddingTop: 0
-  },
   textContainer: {
     padding: accordionBodySpacing,
     flexDirection: "row",

package/lib/module/components/accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","StyleSheet","TouchableWithoutFeedback","View","LinearGradient","Animated","useAnimatedStyle","withSpring","IOAccordionRadius","IOStyles","useIOTheme","IOSpringValues","IOColors","hexToRgba","Icon","Body","H6","accordionBodySpacing","accordionIconMargin","accordionChevronMargin","iconSize","AccordionBody","children","expanded","height","setHeight","onLayout","event","onLayoutHeight","nativeEvent","layout","animatedHeightStyle","accordion","createElement","style","styles","accordionCollapsableContainer","accordionBodyContainer","AccordionItem","title","accessibilityLabel","body","icon","theme","setExpanded","accordionBackground","accordionBorder","accordionIconColor","onItemPress","animatedChevron","transform","rotate","accordionWrapper","backgroundColor","borderColor","accessible","accessibilityRole","accessibilityState","onPress","textContainer","row","alignCenter","flexShrink","marginRight","name","size","color","accessibilityElementsHidden","importantForAccessibility","position","bottom","left","right","colors","create","borderWidth","borderRadius","borderCurve","overflow","padding","paddingTop","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/accordion/AccordionItem.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","TouchableWithoutFeedback","View","LinearGradient","Animated","IOAccordionRadius","IOStyles","useIOTheme","IOColors","hexToRgba","useAccordionAnimation","Icon","Body","H6","accordionBodySpacing","accordionIconMargin","accordionChevronMargin","iconSize","AccordionItem","title","accessibilityLabel","body","icon","theme","expanded","toggleAccordion","onBodyLayout","iconAnimatedStyle","bodyAnimatedStyle","bodyInnerStyle","accordionBackground","accordionBorder","accordionIconColor","createElement","style","styles","accordionWrapper","backgroundColor","borderColor","accessible","accessibilityRole","accessibilityState","onPress","textContainer","row","alignCenter","flexShrink","marginRight","name","size","color","accessibilityElementsHidden","importantForAccessibility","onLayout","height","position","bottom","left","right","colors","create","borderWidth","borderRadius","borderCurve","padding","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/accordion/AccordionItem.tsx"],"mappings":"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"}

package/lib/module/components/claimsSelector/ClaimsSelector.js

@@ -0,0 +1,109 @@
+import React, { Fragment } from "react";
+import { StyleSheet, View } from "react-native";
+import Animated from "react-native-reanimated";
+import { TouchableWithoutFeedback } from "react-native-gesture-handler";
+import LinearGradient from "react-native-linear-gradient";
+import { hexToRgba, IOAccordionRadius, IOColors, useIOTheme } from "../../core";
+import { useAccordionAnimation } from "../../hooks/useAccordionAnimation";
+import { Divider } from "../divider";
+import { H6 } from "../typography";
+import { Icon } from "../icons";
+import { ListItemCheckbox, ListItemInfo } from "../listitems";
+const accordionBodySpacing = 16;
+export const ClaimsSelector = ({
+  title,
+  items,
+  defaultExpanded,
+  onItemSelected,
+  onToggle,
+  accessibilityLabel,
+  selectedItemIds,
+  selectionEnabled = true
+}) => {
+  const theme = useIOTheme();
+  const {
+    expanded,
+    toggleAccordion,
+    onBodyLayout,
+    iconAnimatedStyle,
+    bodyAnimatedStyle,
+    bodyInnerStyle
+  } = useAccordionAnimation({
+    defaultExpanded
+  });
+  const accordionBackground = theme["appBackground-secondary"];
+  const accordionBorder = theme["cardBorder-default"];
+  const onItemPress = () => {
+    toggleAccordion();
+    onToggle === null || onToggle === void 0 || onToggle(!expanded);
+  };
+  const body = items.map((item, index) => /*#__PURE__*/React.createElement(Fragment, {
+    key: item.id
+  }, index !== 0 && /*#__PURE__*/React.createElement(Divider, null), selectionEnabled ? /*#__PURE__*/React.createElement(ListItemCheckbox, {
+    value: item.title,
+    description: item.description,
+    selected: selectedItemIds === null || selectedItemIds === void 0 ? void 0 : selectedItemIds.includes(item.id),
+    onValueChange: onItemSelected ? selected => onItemSelected(item, selected) : undefined
+  }) : /*#__PURE__*/React.createElement(ListItemInfo, {
+    reversed: true,
+    value: item.title,
+    label: item.description
+  })));
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.accordionWrapper, {
+      backgroundColor: IOColors[accordionBackground],
+      borderColor: IOColors[accordionBorder]
+    }]
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    accessible: true,
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded
+    },
+    accessibilityLabel: accessibilityLabel ?? title,
+    onPress: onItemPress
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(H6, {
+    color: theme["textBody-default"]
+  }, title), /*#__PURE__*/React.createElement(Animated.View, {
+    style: iconAnimatedStyle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "chevronBottom",
+    color: theme["interactiveElem-default"]
+  })))), /*#__PURE__*/React.createElement(Animated.View, {
+    style: bodyAnimatedStyle
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [bodyInnerStyle, styles.bodyInnerContainer],
+    onLayout: onBodyLayout
+  }, body)), /*#__PURE__*/React.createElement(LinearGradient, {
+    style: styles.linearGradient,
+    colors: [hexToRgba(IOColors[accordionBackground], 0), IOColors[accordionBackground]]
+  }));
+};
+const styles = StyleSheet.create({
+  accordionWrapper: {
+    borderWidth: 1,
+    borderRadius: IOAccordionRadius,
+    borderCurve: "continuous"
+  },
+  textContainer: {
+    padding: accordionBodySpacing,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  bodyInnerContainer: {
+    width: "100%"
+  },
+  linearGradient: {
+    height: accordionBodySpacing,
+    position: "absolute",
+    // Place at the bottom
+    bottom: 0,
+    // Avoid gradient overlaps with border radius
+    left: accordionBodySpacing,
+    right: accordionBodySpacing
+  }
+});
+//# sourceMappingURL=ClaimsSelector.js.map

package/lib/module/components/claimsSelector/ClaimsSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","StyleSheet","View","Animated","TouchableWithoutFeedback","LinearGradient","hexToRgba","IOAccordionRadius","IOColors","useIOTheme","useAccordionAnimation","Divider","H6","Icon","ListItemCheckbox","ListItemInfo","accordionBodySpacing","ClaimsSelector","title","items","defaultExpanded","onItemSelected","onToggle","accessibilityLabel","selectedItemIds","selectionEnabled","theme","expanded","toggleAccordion","onBodyLayout","iconAnimatedStyle","bodyAnimatedStyle","bodyInnerStyle","accordionBackground","accordionBorder","onItemPress","body","map","item","index","createElement","key","id","value","description","selected","includes","onValueChange","undefined","reversed","label","style","styles","accordionWrapper","backgroundColor","borderColor","accessible","accessibilityRole","accessibilityState","onPress","textContainer","color","name","bodyInnerContainer","onLayout","linearGradient","colors","create","borderWidth","borderRadius","borderCurve","padding","flexDirection","alignItems","justifyContent","width","height","position","bottom","left","right"],"sourceRoot":"../../../../src","sources":["components/claimsSelector/ClaimsSelector.tsx"],"mappings":"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"}

package/lib/module/components/claimsSelector/__test__/ClaimsSelector.test.js

@@ -0,0 +1,41 @@
+import React from "react";
+import * as TestRenderer from "react-test-renderer";
+import { ClaimsSelector } from "../ClaimsSelector";
+describe("ClaimsSelector", () => {
+  it("ClaimsSelector Snapshot (controlled)", () => {
+    const claimsSelector = TestRenderer.create( /*#__PURE__*/React.createElement(ClaimsSelector, {
+      title: "Patente di guida",
+      selectedItemIds: ["name"],
+      items: [{
+        id: "name",
+        title: "Mario Rossi",
+        description: "Nome e cognome"
+      }]
+    }));
+    expect(claimsSelector).toMatchSnapshot();
+  });
+  it("ClaimsSelector Snapshot (uncontrolled)", () => {
+    const claimsSelector = TestRenderer.create( /*#__PURE__*/React.createElement(ClaimsSelector, {
+      title: "Patente di guida",
+      items: [{
+        id: "name",
+        title: "Mario Rossi",
+        description: "Nome e cognome"
+      }]
+    }));
+    expect(claimsSelector).toMatchSnapshot();
+  });
+  it("ClaimsSelector Snapshot (unselectable items)", () => {
+    const claimsSelector = TestRenderer.create( /*#__PURE__*/React.createElement(ClaimsSelector, {
+      title: "Patente di guida",
+      selectionEnabled: false,
+      items: [{
+        id: "name",
+        title: "Mario Rossi",
+        description: "Nome e cognome"
+      }]
+    }));
+    expect(claimsSelector).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=ClaimsSelector.test.js.map

package/lib/module/components/claimsSelector/__test__/ClaimsSelector.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TestRenderer","ClaimsSelector","describe","it","claimsSelector","create","createElement","title","selectedItemIds","items","id","description","expect","toMatchSnapshot","selectionEnabled"],"sourceRoot":"../../../../../src","sources":["components/claimsSelector/__test__/ClaimsSelector.test.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAO,KAAKC,YAAY,MAAM,qBAAqB;AACnD,SAASC,cAAc,QAAQ,mBAAmB;AAElDC,QAAQ,CAAC,gBAAgB,EAAE,MAAM;EAC/BC,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC/C,MAAMC,cAAc,GAAGJ,YAAY,CAACK,MAAM,eACxCN,KAAA,CAAAO,aAAA,CAACL,cAAc;MACbM,KAAK,EAAC,kBAAkB;MACxBC,eAAe,EAAE,CAAC,MAAM,CAAE;MAC1BC,KAAK,EAAE,CACL;QACEC,EAAE,EAAE,MAAM;QACVH,KAAK,EAAE,aAAa;QACpBI,WAAW,EAAE;MACf,CAAC;IACD,CACH,CACH,CAAC;IACDC,MAAM,CAACR,cAAc,CAAC,CAACS,eAAe,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFV,EAAE,CAAC,wCAAwC,EAAE,MAAM;IACjD,MAAMC,cAAc,GAAGJ,YAAY,CAACK,MAAM,eACxCN,KAAA,CAAAO,aAAA,CAACL,cAAc;MACbM,KAAK,EAAC,kBAAkB;MACxBE,KAAK,EAAE,CACL;QACEC,EAAE,EAAE,MAAM;QACVH,KAAK,EAAE,aAAa;QACpBI,WAAW,EAAE;MACf,CAAC;IACD,CACH,CACH,CAAC;IACDC,MAAM,CAACR,cAAc,CAAC,CAACS,eAAe,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFV,EAAE,CAAC,8CAA8C,EAAE,MAAM;IACvD,MAAMC,cAAc,GAAGJ,YAAY,CAACK,MAAM,eACxCN,KAAA,CAAAO,aAAA,CAACL,cAAc;MACbM,KAAK,EAAC,kBAAkB;MACxBO,gBAAgB,EAAE,KAAM;MACxBL,KAAK,EAAE,CACL;QACEC,EAAE,EAAE,MAAM;QACVH,KAAK,EAAE,aAAa;QACpBI,WAAW,EAAE;MACf,CAAC;IACD,CACH,CACH,CAAC;IACDC,MAAM,CAACR,cAAc,CAAC,CAACS,eAAe,CAAC,CAAC;EAC1C,CAAC,CAAC;AACJ,CAAC,CAAC"}