@pagopa/io-app-design-system 1.43.0 → 1.45.0

package/lib/module/components/modules/ModulePaymentNotice.js

@@ -1,17 +1,16 @@
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 import Placeholder from "rn-placeholder";
-import { IOListItemVisualParams, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { IOListItemVisualParams, useIOTheme } from "../../core";
 import { getAccessibleAmountText } from "../../utils/accessibility";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
-import { VSpacer } from "../spacer";
+import { HStack, VStack } from "../stack";
 import { H6, LabelSmall, LabelSmallAlt } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";
 const styles = StyleSheet.create({
-  rightSection: {
-    marginLeft: IOListItemVisualParams.iconMargin,
+  endBlock: {
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "flex-end"
@@ -25,15 +24,12 @@ const ModulePaymentNoticeContent = ({
   badgeText = ""
 }) => {
   const theme = useIOTheme();
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
   const AmountOrBadgeComponent = () => {
     switch (paymentNoticeStatus) {
       case "default":
         return /*#__PURE__*/React.createElement(H6, {
           accessibilityLabel: getAccessibleAmountText(paymentNoticeAmount),
-          color: isExperimental ? "blueIO-500" : "blue",
+          color: theme["interactiveElem-default"],
           numberOfLines: 1
         }, paymentNoticeAmount);
       case "paid":
@@ -68,11 +64,12 @@ const ModulePaymentNoticeContent = ({
         });
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(HStack, {
+    space: IOListItemVisualParams.iconMargin
+  }, /*#__PURE__*/React.createElement(View, {
     style: {
       flexGrow: 1,
-      flexShrink: 1,
-      paddingEnd: 8
+      flexShrink: 1
     }
   }, title && /*#__PURE__*/React.createElement(LabelSmall, {
     numberOfLines: 1,
@@ -82,10 +79,10 @@ const ModulePaymentNoticeContent = ({
     color: theme["interactiveElem-default"],
     numberOfLines: 2
   }, subtitle)), /*#__PURE__*/React.createElement(View, {
-    style: styles.rightSection
+    style: styles.endBlock
   }, /*#__PURE__*/React.createElement(AmountOrBadgeComponent, null), /*#__PURE__*/React.createElement(Icon, {
     name: "chevronRightListItem",
-    color: isExperimental ? "blueIO-500" : "blue",
+    color: theme["interactiveElem-default"],
     size: IOListItemVisualParams.chevronSize
   })));
 };
@@ -119,23 +116,23 @@ export const ModulePaymentNotice = ({
   }, /*#__PURE__*/React.createElement(ModulePaymentNoticeContent, rest));
 };
 const ModulePaymentNoticeSkeleton = () => /*#__PURE__*/React.createElement(ModuleStatic, {
-  startBlock: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Placeholder.Box, {
+  startBlock: /*#__PURE__*/React.createElement(VStack, {
+    space: 4
+  }, /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 8,
-    width: 121,
-    height: 13
-  }), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 8
+    width: 120,
+    height: 12
   }), /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 8,
-    width: 179,
+    width: 180,
     height: 16
-  }))),
+  })),
   endBlock: /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 16,
-    width: 62,
+    width: 64,
     height: 24
   })
 });

package/lib/module/components/modules/ModulePaymentNotice.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","Placeholder","IOListItemVisualParams","useIOExperimentalDesign","useIOTheme","getAccessibleAmountText","Badge","Icon","VSpacer","H6","LabelSmall","LabelSmallAlt","ModuleStatic","PressableModuleBase","styles","create","rightSection","marginLeft","iconMargin","flexDirection","alignItems","justifyContent","ModulePaymentNoticeContent","title","subtitle","paymentNoticeStatus","paymentNoticeAmount","badgeText","theme","isExperimental","AmountOrBadgeComponent","createElement","accessibilityLabel","color","numberOfLines","variant","text","Fragment","style","flexGrow","flexShrink","paddingEnd","weight","name","size","chevronSize","ModulePaymentNotice","isLoading","testID","onPress","rest","ModulePaymentNoticeSkeleton","startBlock","Box","animate","radius","width","height","endBlock"],"sourceRoot":"../../../../src","sources":["components/modules/ModulePaymentNotice.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","View","Placeholder","IOListItemVisualParams","useIOTheme","getAccessibleAmountText","Badge","Icon","HStack","VStack","H6","LabelSmall","LabelSmallAlt","ModuleStatic","PressableModuleBase","styles","create","endBlock","flexDirection","alignItems","justifyContent","ModulePaymentNoticeContent","title","subtitle","paymentNoticeStatus","paymentNoticeAmount","badgeText","theme","AmountOrBadgeComponent","createElement","accessibilityLabel","color","numberOfLines","variant","text","space","iconMargin","style","flexGrow","flexShrink","weight","name","size","chevronSize","ModulePaymentNotice","isLoading","testID","onPress","rest","ModulePaymentNoticeSkeleton","startBlock","Box","animate","radius","width","height"],"sourceRoot":"../../../../src","sources":["components/modules/ModulePaymentNotice.tsx"],"mappings":"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"}

package/lib/module/components/modules/ModuleStatic.js

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { View } from "react-native";
 import { IOColors, IOModuleStyles, useIOTheme } from "../../core";
+import { HStack } from "../stack";
 const DISABLED_OPACITY = 0.5;
 export const ModuleStatic = ({
   disabled = false,
@@ -15,11 +16,17 @@ export const ModuleStatic = ({
       opacity: disabled ? DISABLED_OPACITY : 1
     }],
     accessible: false
-  }, startBlock && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  }, startBlock && /*#__PURE__*/React.createElement(HStack, {
+    space: 8,
     style: {
-      flexDirection: "row",
       alignItems: "center"
     }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: "row",
+      alignItems: "center",
+      flexGrow: 1
+    }
   }, startBlock), endBlock), children);
 };
 //# sourceMappingURL=ModuleStatic.js.map

package/lib/module/components/modules/ModuleStatic.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","IOColors","IOModuleStyles","useIOTheme","DISABLED_OPACITY","ModuleStatic","disabled","startBlock","endBlock","children","theme","createElement","style","button","borderColor","opacity","accessible","Fragment","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleStatic.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAyBC,IAAI,QAAQ,cAAc;AACnD,SAASC,QAAQ,EAAEC,cAAc,EAAEC,UAAU,QAAQ,YAAY;AAoBjE,MAAMC,gBAAgB,GAAG,GAAG;AAE5B,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,QAAQ,GAAG,KAAK;EAChBC,UAAU;EACVC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,MAAMC,KAAK,GAAGP,UAAU,CAAC,CAAC;EAE1B,oBACEJ,KAAA,CAAAY,aAAA,CAACX,IAAI;IACHY,KAAK,EAAE,CACLV,cAAc,CAACW,MAAM,EACrB;MACEC,WAAW,EAAEb,QAAQ,CAACS,KAAK,CAAC,oBAAoB,CAAC,CAAC;MAClDK,OAAO,EAAET,QAAQ,GAAGF,gBAAgB,GAAG;IACzC,CAAC,CACD;IACFY,UAAU,EAAE;EAAM,GAEjBT,UAAU,iBACTR,KAAA,CAAAY,aAAA,CAACZ,KAAK,CAACkB,QAAQ,qBACblB,KAAA,CAAAY,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE;MAAEM,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAS;EAAE,GACzDZ,UACG,CAAC,EACNC,QACa,CACjB,EAEAC,QACG,CAAC;AAEX,CAAC"}
+{"version":3,"names":["React","View","IOColors","IOModuleStyles","useIOTheme","HStack","DISABLED_OPACITY","ModuleStatic","disabled","startBlock","endBlock","children","theme","createElement","style","button","borderColor","opacity","accessible","space","alignItems","flexDirection","flexGrow"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleStatic.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAyBC,IAAI,QAAQ,cAAc;AACnD,SAASC,QAAQ,EAAEC,cAAc,EAAEC,UAAU,QAAQ,YAAY;AACjE,SAASC,MAAM,QAAQ,UAAU;AAoBjC,MAAMC,gBAAgB,GAAG,GAAG;AAE5B,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,QAAQ,GAAG,KAAK;EAChBC,UAAU;EACVC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,MAAMC,KAAK,GAAGR,UAAU,CAAC,CAAC;EAE1B,oBACEJ,KAAA,CAAAa,aAAA,CAACZ,IAAI;IACHa,KAAK,EAAE,CACLX,cAAc,CAACY,MAAM,EACrB;MACEC,WAAW,EAAEd,QAAQ,CAACU,KAAK,CAAC,oBAAoB,CAAC,CAAC;MAClDK,OAAO,EAAET,QAAQ,GAAGF,gBAAgB,GAAG;IACzC,CAAC,CACD;IACFY,UAAU,EAAE;EAAM,GAEjBT,UAAU,iBACTT,KAAA,CAAAa,aAAA,CAACR,MAAM;IAACc,KAAK,EAAE,CAAE;IAACL,KAAK,EAAE;MAAEM,UAAU,EAAE;IAAS;EAAE,gBAChDpB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IACHa,KAAK,EAAE;MAAEO,aAAa,EAAE,KAAK;MAAED,UAAU,EAAE,QAAQ;MAAEE,QAAQ,EAAE;IAAE;EAAE,GAElEb,UACG,CAAC,EACNC,QACK,CACT,EAEAC,QACG,CAAC;AAEX,CAAC"}

package/lib/module/components/numberpad/NumberPad.js

@@ -1,8 +1,8 @@
-import React, { Fragment, useCallback, useMemo } from "react";
+import React, { useCallback, useMemo } from "react";
 import { StyleSheet, View } from "react-native";
 import { IONumberPadButtonStyles, IOStyles } from "../../core";
-import { VSpacer } from "../spacer";
 import { IconButton } from "../buttons";
+import { VStack } from "../stack";
 import { NumberButton } from "./NumberButton";
 const mapIconSpecByBiometric = {
   FACE_ID: {
@@ -75,13 +75,12 @@ export const NumberPad = ({
   }), [biometricAccessibilityLabel, biometricType, deleteAccessibilityLabel, onBiometricPress, onDeletePress, onNumberPress, variant]);
 
   // eslint-disable-next-line arrow-body-style
-  const numberPad = useMemo(() => {
-    return [[1, 2, 3], [4, 5, 6], [7, 8, 9], [biometricType, 0, "delete"]].map((row, i, self) => /*#__PURE__*/React.createElement(Fragment, {
-      key: i
-    }, /*#__PURE__*/React.createElement(View, {
-      style: [IOStyles.rowSpaceBetween, styles.numberPad]
-    }, renderButtonsRow(row)), i < self.length - 1 && /*#__PURE__*/React.createElement(VSpacer, null)));
-  }, [biometricType, renderButtonsRow]);
+  const numberPad = useMemo(() => /*#__PURE__*/React.createElement(VStack, {
+    space: 16
+  }, [[1, 2, 3], [4, 5, 6], [7, 8, 9], [biometricType, 0, "delete"]].map((row, i) => /*#__PURE__*/React.createElement(View, {
+    key: i,
+    style: [IOStyles.rowSpaceBetween, styles.numberPad]
+  }, renderButtonsRow(row)))), [biometricType, renderButtonsRow]);
   return /*#__PURE__*/React.createElement(View, {
     style: IOStyles.horizontalContentPadding
   }, numberPad);

package/lib/module/components/numberpad/NumberPad.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","useCallback","useMemo","StyleSheet","View","IONumberPadButtonStyles","IOStyles","VSpacer","IconButton","NumberButton","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","NumberPad","variant","biometricType","biometricAccessibilityLabel","deleteAccessibilityLabel","onNumberPress","onBiometricPress","onDeletePress","renderButtonsRow","row","map","item","createElement","key","number","onPress","ButtonWrapper","color","accessibilityLabel","iconSize","style","buttonSize","numberPad","i","self","rowSpaceBetween","styles","length","horizontalContentPadding","children","alignCenter","centerJustified","create","justifyContent","alignItems","flexGrow"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useMemo","StyleSheet","View","IONumberPadButtonStyles","IOStyles","IconButton","VStack","NumberButton","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","NumberPad","variant","biometricType","biometricAccessibilityLabel","deleteAccessibilityLabel","onNumberPress","onBiometricPress","onDeletePress","renderButtonsRow","row","map","item","createElement","key","number","onPress","ButtonWrapper","color","accessibilityLabel","iconSize","style","buttonSize","numberPad","space","i","rowSpaceBetween","styles","horizontalContentPadding","children","alignCenter","centerJustified","create","justifyContent","alignItems","flexGrow"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}