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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","AnimatedIcon","Icon","styles","create","label","fontSize","lineHeight","legacyStyles","labelLegacy","ListItemAction","_ref","_IOScaleValues$basicB","variant","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","mapBackgroundStates","default","pressed","mapLegacyForegroundColor","primary","danger","mapForegroundColor","errorText","legacyItemActionIcon","createElement","name","color","size","iconSize","itemActionIcon","Fragment","itemActionIconComponent","textStyle","legacyTextStyle","textStyleComponent","animationScaleValue","basicButton","pressedState","progressPressed","value","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","onTouchEnd","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","flex"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAction.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","AnimatedIcon","Icon","buttonTextFontSize","styles","create","label","fontSize","lineHeight","legacyStyles","labelLegacy","ListItemAction","_ref","_IOScaleValues$basicB","variant","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","mapBackgroundStates","default","pressed","mapLegacyForegroundColor","primary","danger","mapForegroundColor","errorText","legacyItemActionIcon","createElement","name","color","size","iconSize","itemActionIcon","Fragment","itemActionIconComponent","textStyle","legacyTextStyle","textStyleComponent","animationScaleValue","basicButton","pressedState","progressPressed","value","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","onTouchEnd","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","flex"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAction.tsx"],"mappings":"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"}

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

@@ -0,0 +1,77 @@
+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); }
+import React, { useCallback, useMemo } from "react";
+import { View } from "react-native";
+import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { Icon } from "../icons";
+import { H6 } from "../typography";
+import { ButtonLink, IconButton } from "../buttons";
+import { Badge } from "../badge";
+export const ListItemHeader = _ref => {
+  let {
+    label,
+    iconName,
+    iconColor,
+    endElement,
+    accessibilityLabel,
+    testID
+  } = _ref;
+  const theme = useIOTheme();
+  const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}`, [label, accessibilityLabel]);
+  const itemInfoTextComponent = useMemo(() => /*#__PURE__*/React.createElement(View, {
+    accessible: endElement === undefined ? true : false,
+    importantForAccessibility: endElement === undefined || endElement.type === "badge" ? "yes" : "no-hide-descendants",
+    accessibilityElementsHidden: endElement !== undefined && endElement.type !== "badge"
+  }, /*#__PURE__*/React.createElement(H6, {
+    weight: "Regular",
+    color: theme["textBody-tertiary"]
+  }, label)), [label, theme, endElement]);
+  const listItemInfoAction = useCallback(() => {
+    if (endElement) {
+      const {
+        type,
+        componentProps
+      } = endElement;
+      switch (type) {
+        case "buttonLink":
+          const buttonLinkAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
+          return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, componentProps, {
+            accessibilityLabel: buttonLinkAccessibilityLabel
+          }));
+        case "iconButton":
+          const iconButtonAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
+          return /*#__PURE__*/React.createElement(IconButton, _extends({}, componentProps, {
+            accessibilityLabel: iconButtonAccessibilityLabel
+          }));
+        case "badge":
+          return /*#__PURE__*/React.createElement(Badge, componentProps);
+        default:
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+      }
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }, [endElement, listItemAccessibilityLabel]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: IOListItemStyles.listItem,
+    testID: testID,
+    accessible: endElement === undefined ? true : false,
+    accessibilityLabel: listItemAccessibilityLabel
+  }, /*#__PURE__*/React.createElement(View, {
+    style: IOListItemStyles.listItemInner
+  }, iconName && /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: IOListItemVisualParams.actionMargin
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: iconName,
+    color: iconColor ?? theme["icon-decorative"],
+    size: IOListItemVisualParams.iconSize
+  })), /*#__PURE__*/React.createElement(View, {
+    style: IOStyles.flex
+  }, itemInfoTextComponent), endElement && /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginLeft: IOListItemVisualParams.actionMargin
+    }
+  }, listItemInfoAction())));
+};
+export default ListItemHeader;
+//# sourceMappingURL=ListItemHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","H6","ButtonLink","IconButton","Badge","ListItemHeader","_ref","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","weight","color","listItemInfoAction","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","listItemInner","marginRight","actionMargin","name","size","iconSize","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemHeader.tsx"],"mappings":"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"}

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

@@ -5,13 +5,14 @@ import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "
 import { Icon } from "../icons";
 import { H6, LabelSmall } from "../typography";
 import { ButtonLink, IconButton } from "../buttons";
+import { Badge } from "../badge";
 export const ListItemInfo = _ref => {
   let {
     label,
     value,
     numberOfLines = 2,
     icon,
-    action,
+    endElement,
     accessibilityLabel,
     testID
   } = _ref;
@@ -19,43 +20,46 @@ export const ListItemInfo = _ref => {
   const componentValueToAccessibility = useMemo(() => typeof value === "string" ? value : "", [value]);
   const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
   const itemInfoTextComponent = useMemo(() => /*#__PURE__*/React.createElement(View, {
-    accessible: action === undefined ? true : false,
-    importantForAccessibility: action === undefined ? "yes" : "no-hide-descendants",
-    accessibilityElementsHidden: action !== undefined
+    accessible: endElement === undefined ? true : false,
+    importantForAccessibility: endElement === undefined || endElement.type === "badge" ? "yes" : "no-hide-descendants",
+    accessibilityElementsHidden: endElement !== undefined && endElement.type !== "badge"
   }, /*#__PURE__*/React.createElement(LabelSmall, {
     weight: "Regular",
     color: theme["textBody-tertiary"]
   }, label), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
     color: theme["textBody-default"],
     numberOfLines: numberOfLines
-  }, value) : value), [label, value, numberOfLines, theme, action]);
+  }, value) : value), [label, value, numberOfLines, theme, endElement]);
   const listItemInfoAction = useCallback(() => {
-    if (action) {
+    if (endElement) {
       const {
         type,
         componentProps
-      } = action;
-      const accessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
+      } = endElement;
       switch (type) {
         case "buttonLink":
+          const buttonLinkAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
           return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, componentProps, {
-            accessibilityLabel: accessibilityLabel
+            accessibilityLabel: buttonLinkAccessibilityLabel
           }));
         case "iconButton":
+          const iconButtonAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
           return /*#__PURE__*/React.createElement(IconButton, _extends({}, componentProps, {
-            accessibilityLabel: accessibilityLabel
+            accessibilityLabel: iconButtonAccessibilityLabel
           }));
+        case "badge":
+          return /*#__PURE__*/React.createElement(Badge, componentProps);
         default:
           return /*#__PURE__*/React.createElement(React.Fragment, null);
       }
     }
     return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }, [action, listItemAccessibilityLabel]);
+  }, [endElement, listItemAccessibilityLabel]);
   return /*#__PURE__*/React.createElement(View, {
     style: IOListItemStyles.listItem,
     testID: testID,
-    accessible: action === undefined ? true : false,
-    accessibilityLabel: accessibilityLabel
+    accessible: endElement === undefined ? true : false,
+    accessibilityLabel: listItemAccessibilityLabel
   }, /*#__PURE__*/React.createElement(View, {
     style: IOListItemStyles.listItemInner
   }, icon && /*#__PURE__*/React.createElement(View, {
@@ -68,7 +72,7 @@ export const ListItemInfo = _ref => {
     size: IOListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, itemInfoTextComponent), action && /*#__PURE__*/React.createElement(View, {
+  }, itemInfoTextComponent), endElement && /*#__PURE__*/React.createElement(View, {
     style: {
       marginLeft: IOListItemVisualParams.actionMargin
     }

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","H6","LabelSmall","ButtonLink","IconButton","ListItemInfo","_ref","label","value","numberOfLines","icon","action","accessibilityLabel","testID","theme","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","accessibilityElementsHidden","weight","color","listItemInfoAction","type","componentProps","_extends","Fragment","style","listItem","listItemInner","marginRight","actionMargin","name","size","iconSize","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","H6","LabelSmall","ButtonLink","IconButton","Badge","ListItemInfo","_ref","label","value","numberOfLines","icon","endElement","accessibilityLabel","testID","theme","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","weight","color","listItemInfoAction","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","listItemInner","marginRight","actionMargin","name","size","iconSize","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}

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

@@ -1,19 +1,9 @@
 import React, { useCallback } from "react";
-import { Pressable, StyleSheet, Text, View } from "react-native";
+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, useIOExperimentalDesign, useIOTheme } from "../../core";
-import { makeFontStyleObject } from "../../utils/fonts";
 import { Icon } from "../icons";
-import { VSpacer } from "../spacer";
-import { Body, H6, LabelSmall } from "../typography";
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyStyles = StyleSheet.create({
-  textValue: {
-    fontSize: 18,
-    lineHeight: 24,
-    ...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
-  }
-});
+import { H6, LabelSmall } from "../typography";
 export const ListItemInfoCopy = _ref => {
   var _IOScaleValues$basicB;
   let {
@@ -30,31 +20,16 @@ export const ListItemInfoCopy = _ref => {
     isExperimental
   } = useIOExperimentalDesign();
   const theme = useIOTheme();
-
-  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-  const legacyInfoCopyText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Body, {
-    weight: "Regular"
-  }, label), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 4
-  }), typeof value === "string" ? /*#__PURE__*/React.createElement(Text, {
-    style: [legacyStyles.textValue, {
-      color: IOColors.blue
-    }],
-    numberOfLines: numberOfLines
-  }, value) : {
-    value
-  });
-  const infoCopyText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelSmall, {
+  const foregroundColor = isExperimental ? theme["interactiveElem-default"] : "blue";
+  const listItemInfoCopyContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelSmall, {
     weight: "Regular",
     color: theme["textBody-tertiary"]
   }, label), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
-    color: theme["interactiveElem-default"],
+    color: foregroundColor,
     numberOfLines: numberOfLines
   }, value) : {
     value
   });
-  const infoCopyTextComponent = isExperimental ? infoCopyText : legacyInfoCopyText;
-  const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
   const mapBackgroundStates = {
     default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
     pressed: IOColors[theme["listItem-pressed"]]
@@ -109,13 +84,13 @@ export const ListItemInfoCopy = _ref => {
     size: IOListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, infoCopyTextComponent), /*#__PURE__*/React.createElement(View, {
+  }, listItemInfoCopyContent), /*#__PURE__*/React.createElement(View, {
     style: {
       marginLeft: IOListItemVisualParams.iconMargin
     }
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "copy",
-    color: iconColor,
+    color: foregroundColor,
     size: IOListItemVisualParams.chevronSize
   })))));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","Icon","VSpacer","Body","H6","LabelSmall","legacyStyles","create","textValue","fontSize","lineHeight","undefined","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","legacyInfoCopyText","createElement","Fragment","weight","size","style","color","blue","infoCopyText","infoCopyTextComponent","iconColor","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","name","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Icon","H6","LabelSmall","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","foregroundColor","listItemInfoCopyContent","createElement","Fragment","weight","color","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","name","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}

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

@@ -1,21 +1,12 @@
 import React, { useCallback } from "react";
-import { Pressable, StyleSheet, Text, View } from "react-native";
+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, useIOExperimentalDesign, useIOTheme } from "../../core";
-import { makeFontStyleObject } from "../../utils/fonts";
+import { Badge } from "../badge";
 import { Icon } from "../icons";
 import { LogoPayment } from "../logos";
-import { Body, H6, LabelSmall } from "../typography";
-
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyStyles = StyleSheet.create({
-  textValue: {
-    fontSize: 18,
-    lineHeight: 24,
-    color: IOColors.bluegreyDark,
-    ...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
-  }
-});
+import { VSpacer } from "../spacer";
+import { H6, LabelSmall } from "../typography";
 export const ListItemNav = _ref => {
   var _IOScaleValues$basicB;
   let {
@@ -26,27 +17,27 @@ export const ListItemNav = _ref => {
     iconColor = "grey-450",
     paymentLogo,
     accessibilityLabel,
-    testID
+    testID,
+    hideChevron = false,
+    badgeProps
   } = _ref;
   const isPressed = useSharedValue(0);
   const {
     isExperimental
   } = useIOExperimentalDesign();
   const theme = useIOTheme();
-
-  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-  const legacyNavText = /*#__PURE__*/React.createElement(React.Fragment, null, typeof value === "string" ? /*#__PURE__*/React.createElement(Text, {
-    style: legacyStyles.textValue
-  }, value) : value, description && /*#__PURE__*/React.createElement(React.Fragment, null, typeof description === "string" ? /*#__PURE__*/React.createElement(Body, {
-    weight: "Regular"
-  }, description) : description));
-  const navText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(H6, {
+  const listItemNavContent = /*#__PURE__*/React.createElement(React.Fragment, null, badgeProps && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: {
+      alignSelf: "flex-start"
+    }
+  }, /*#__PURE__*/React.createElement(Badge, badgeProps)), /*#__PURE__*/React.createElement(VSpacer, {
+    size: 4
+  })), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
     color: theme["textBody-default"]
-  }, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
+  }, value) : value, description && /*#__PURE__*/React.createElement(React.Fragment, null, typeof description === "string" ? /*#__PURE__*/React.createElement(LabelSmall, {
     weight: "Regular",
     color: theme["textBody-tertiary"]
-  }, description));
-  const navTextComponent = isExperimental ? navText : legacyNavText;
+  }, description) : description));
   const mapBackgroundStates = {
     default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
     pressed: IOColors[theme["listItem-pressed"]]
@@ -109,7 +100,7 @@ export const ListItemNav = _ref => {
     size: IOListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, navTextComponent), /*#__PURE__*/React.createElement(View, {
+  }, listItemNavContent), !hideChevron && /*#__PURE__*/React.createElement(View, {
     style: {
       marginLeft: IOListItemVisualParams.iconMargin
     }

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","Icon","LogoPayment","Body","H6","LabelSmall","legacyStyles","create","textValue","fontSize","lineHeight","color","bluegreyDark","undefined","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","iconColor","paymentLogo","accessibilityLabel","testID","isPressed","isExperimental","theme","legacyNavText","createElement","Fragment","style","weight","navText","navTextComponent","mapBackgroundStates","default","pressed","navIconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","name","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Badge","Icon","LogoPayment","VSpacer","H6","LabelSmall","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","iconColor","paymentLogo","accessibilityLabel","testID","hideChevron","badgeProps","isPressed","isExperimental","theme","listItemNavContent","createElement","Fragment","style","alignSelf","size","color","weight","mapBackgroundStates","default","pressed","navIconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","name","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}

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

@@ -1,18 +1,9 @@
 import React, { useCallback } from "react";
-import { Pressable, StyleSheet, Text, View } from "react-native";
+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, useIOExperimentalDesign, useIOTheme } from "../../core";
-import { makeFontStyleObject } from "../../utils/fonts";
 import { Icon } from "../icons";
-import { Body, H6, LabelSmall } from "../typography";
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyStyles = StyleSheet.create({
-  textValue: {
-    fontSize: 18,
-    lineHeight: 24,
-    ...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
-  }
-});
+import { H6, LabelSmall } from "../typography";
 export const ListItemNavAlert = _ref => {
   var _IOScaleValues$basicB;
   let {
@@ -30,21 +21,12 @@ export const ListItemNavAlert = _ref => {
   const theme = useIOTheme();
 
   // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-  const legacyNavAlertText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    style: [legacyStyles.textValue, {
-      color: IOColors.bluegreyDark
-    }]
-  }, value), description && /*#__PURE__*/React.createElement(Body, {
-    weight: "SemiBold",
-    color: theme.errorText
-  }, description));
-  const navAlertText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(H6, {
+  const listItemNavAlertContent = /*#__PURE__*/React.createElement(React.Fragment, null, typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
     color: theme["textBody-default"]
-  }, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
+  }, value) : value, description && /*#__PURE__*/React.createElement(React.Fragment, null, typeof description === "string" ? /*#__PURE__*/React.createElement(LabelSmall, {
     weight: "SemiBold",
     color: theme.errorText
-  }, description));
-  const navAlertTextComponent = isExperimental ? navAlertText : legacyNavAlertText;
+  }, description) : description));
   const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
   const mapBackgroundStates = {
     default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
@@ -100,7 +82,7 @@ export const ListItemNavAlert = _ref => {
     size: IOListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, navAlertTextComponent), /*#__PURE__*/React.createElement(View, {
+  }, listItemNavAlertContent), /*#__PURE__*/React.createElement(View, {
     style: {
       marginLeft: IOListItemVisualParams.iconMargin
     }

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

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