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

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

@@ -1,6 +1,6 @@
 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 { Platform, View } from "react-native";
 import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
 import { Icon } from "../icons";
 import { H6, LabelSmall } from "../typography";
@@ -22,16 +22,14 @@ export const ListItemInfo = ({
   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: endElement === undefined ? true : false,
-    importantForAccessibility: endElement !== undefined && endElement.type !== "badge" ? "no-hide-descendants" : "yes",
-    accessibilityElementsHidden: endElement !== undefined && endElement.type !== "badge"
+    accessible: Platform.OS === "ios"
   }, /*#__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, endElement]);
+  }, value) : value), [label, value, numberOfLines, theme]);
   const listItemInfoAction = useCallback(() => {
     if (endElement) {
       const {
@@ -40,12 +38,12 @@ export const ListItemInfo = ({
       } = endElement;
       switch (type) {
         case "buttonLink":
-          const buttonLinkAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
+          const buttonLinkAccessibilityLabel = `${componentProps.accessibilityLabel ?? componentProps.label}`;
           return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, componentProps, {
             accessibilityLabel: buttonLinkAccessibilityLabel
           }));
         case "iconButton":
-          const iconButtonAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
+          const iconButtonAccessibilityLabel = `${componentProps.accessibilityLabel}`;
           return /*#__PURE__*/React.createElement(IconButton, _extends({}, componentProps, {
             accessibilityLabel: iconButtonAccessibilityLabel
           }));
@@ -56,7 +54,7 @@ export const ListItemInfo = ({
       }
     }
     return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }, [endElement, listItemAccessibilityLabel]);
+  }, [endElement]);
   return /*#__PURE__*/React.createElement(View, {
     style: IOListItemStyles.listItem,
     testID: testID,

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

package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap

@@ -234,9 +234,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemInfo Snapshot
       }
     >
       <View
-        accessibilityElementsHidden={false}
         accessible={true}
-        importantForAccessibility="yes"
       >
         <Text
           allowFontScaling={true}
@@ -2065,9 +2063,7 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
       }
     >
       <View
-        accessibilityElementsHidden={false}
         accessible={true}
-        importantForAccessibility="yes"
       >
         <Text
           allowFontScaling={false}

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

@@ -1,11 +1,10 @@
 import React, { useCallback } from "react";
-import { View } from "react-native";
 import Placeholder from "rn-placeholder";
 import { IOListItemVisualParams, useIOTheme } from "../../core";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
 import { LoadingSpinner } from "../loadingSpinner";
-import { VSpacer } from "../spacer";
+import { HStack, VStack } from "../stack";
 import { LabelSmallAlt } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";
@@ -30,24 +29,25 @@ const ModuleAttachmentContent = ({
       size: IOListItemVisualParams.chevronSize
     });
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(HStack, {
+    space: 8,
+    style: {
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(VStack, {
+    space: 4,
     style: {
       alignItems: "flex-start",
-      flexShrink: 1
+      flexShrink: 1,
+      flexGrow: 1
     }
   }, /*#__PURE__*/React.createElement(LabelSmallAlt, {
     numberOfLines: 2,
     color: theme["interactiveElem-default"]
-  }, title), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 4
-  }), /*#__PURE__*/React.createElement(Badge, {
+  }, title), /*#__PURE__*/React.createElement(Badge, {
     text: format.toUpperCase(),
     variant: "default"
-  })), /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginLeft: IOListItemVisualParams.iconMargin
-    }
-  }, /*#__PURE__*/React.createElement(IconOrActivityIndicatorComponent, null)));
+  })), /*#__PURE__*/React.createElement(IconOrActivityIndicatorComponent, null));
 };
 
 /**
@@ -104,17 +104,17 @@ export const ModuleAttachment = ({
   }));
 };
 const ModuleAttachmentSkeleton = () => /*#__PURE__*/React.createElement(ModuleStatic, {
-  startBlock: /*#__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: 107,
+    width: 114,
     height: 16
-  }), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 4
   }), /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 16,
-    width: 44,
+    width: 42,
     height: 20
   }))
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","View","Placeholder","IOListItemVisualParams","useIOTheme","Badge","Icon","LoadingSpinner","VSpacer","LabelSmallAlt","ModuleStatic","PressableModuleBase","ModuleAttachmentContent","isFetching","format","title","testID","theme","IconOrActivityIndicatorComponent","activityIndicatorTestId","undefined","createElement","color","name","size","chevronSize","Fragment","style","alignItems","flexShrink","numberOfLines","text","toUpperCase","variant","marginLeft","iconMargin","ModuleAttachment","accessibilityLabel","disabled","fetchingAccessibilityLabel","isLoading","onPress","handleOnPress","event","ModuleAttachmentSkeleton","pressableAccessibilityLabel","accessibilityHint","startBlock","Box","animate","radius","width","height"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleAttachment.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Placeholder","IOListItemVisualParams","useIOTheme","Badge","Icon","LoadingSpinner","HStack","VStack","LabelSmallAlt","ModuleStatic","PressableModuleBase","ModuleAttachmentContent","isFetching","format","title","testID","theme","IconOrActivityIndicatorComponent","activityIndicatorTestId","undefined","createElement","color","name","size","chevronSize","space","style","alignItems","flexShrink","flexGrow","numberOfLines","text","toUpperCase","variant","ModuleAttachment","accessibilityLabel","disabled","fetchingAccessibilityLabel","isLoading","onPress","handleOnPress","event","ModuleAttachmentSkeleton","pressableAccessibilityLabel","accessibilityHint","startBlock","Box","animate","radius","width","height"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleAttachment.tsx"],"mappings":"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"}

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

@@ -4,12 +4,13 @@ import Placeholder from "rn-placeholder";
 import { IOSelectionListItemVisualParams, useIOTheme } from "../../core";
 import { ButtonLink } from "../buttons";
 import { LogoPayment } from "../logos";
-import { HSpacer, VSpacer } from "../spacer";
+import { HStack, VStack } from "../stack";
 import { H6, LabelSmall } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";
 export const ModuleCheckout = props => {
   const theme = useIOTheme();
+  const imageMargin = 12;
   if (props.isLoading) {
     return /*#__PURE__*/React.createElement(ModuleCheckoutSkeleton, null);
   }
@@ -21,17 +22,25 @@ export const ModuleCheckout = props => {
     ctaText,
     onPress
   } = props;
-  const imageComponent = /*#__PURE__*/React.createElement(React.Fragment, null, paymentLogo && /*#__PURE__*/React.createElement(View, {
-    style: styles.imageWrapper
-  }, /*#__PURE__*/React.createElement(LogoPayment, {
+  const paymentLogoComponent = paymentLogo && /*#__PURE__*/React.createElement(LogoPayment, {
     name: paymentLogo
-  })), image && /*#__PURE__*/React.createElement(Image, {
+  });
+  const imageComponent = image && /*#__PURE__*/React.createElement(Image, {
     source: image,
-    style: [styles.imageWrapper, styles.image],
+    style: styles.image,
     accessibilityIgnoresInvertColors: true
-  }));
-  const ModuleBaseContent = () => /*#__PURE__*/React.createElement(React.Fragment, null, imageComponent, /*#__PURE__*/React.createElement(View, {
-    style: styles.content
+  });
+  const ModuleBaseContent = () => /*#__PURE__*/React.createElement(HStack, {
+    space: imageMargin,
+    style: {
+      alignItems: "center",
+      flexShrink: 1
+    }
+  }, paymentLogoComponent ?? imageComponent, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexGrow: 1,
+      flexShrink: 1
+    }
   }, /*#__PURE__*/React.createElement(H6, {
     color: theme["textBody-default"]
   }, title), subtitle && /*#__PURE__*/React.createElement(LabelSmall, {
@@ -40,37 +49,43 @@ export const ModuleCheckout = props => {
   }, subtitle)));
   return ctaText ? /*#__PURE__*/React.createElement(PressableModuleBase, {
     onPress: onPress
-  }, /*#__PURE__*/React.createElement(ModuleBaseContent, null), /*#__PURE__*/React.createElement(HSpacer, {
-    size: 4
-  }), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(HStack, {
+    space: 4,
+    style: {
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(ModuleBaseContent, null), /*#__PURE__*/React.createElement(View, {
     pointerEvents: "none",
     accessibilityElementsHidden: true,
     importantForAccessibility: "no-hide-descendants"
   }, /*#__PURE__*/React.createElement(ButtonLink, {
     label: ctaText,
     onPress: () => null
-  }))) : /*#__PURE__*/React.createElement(ModuleStatic, null, /*#__PURE__*/React.createElement(ModuleBaseContent, null));
+  })))) : /*#__PURE__*/React.createElement(ModuleStatic, null, /*#__PURE__*/React.createElement(ModuleBaseContent, null));
 };
 const ModuleCheckoutSkeleton = () => /*#__PURE__*/React.createElement(ModuleStatic, {
-  startBlock: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Placeholder.Box, {
+  startBlock: /*#__PURE__*/React.createElement(HStack, {
+    space: 8,
+    style: {
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 8,
     height: 24,
     width: 24
-  }), /*#__PURE__*/React.createElement(HSpacer, {
-    size: 8
-  }), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Placeholder.Box, {
+  }), /*#__PURE__*/React.createElement(VStack, {
+    space: 8
+  }, /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 8,
     height: 20,
     width: 170
-  }), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 8
   }), /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 8,
     height: 16,
-    width: 116
+    width: 110
   }))),
   endBlock: /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
@@ -79,19 +94,11 @@ const ModuleCheckoutSkeleton = () => /*#__PURE__*/React.createElement(ModuleStat
     radius: 8
   })
 });
-const imageMarginRight = 12;
 const styles = StyleSheet.create({
-  imageWrapper: {
-    marginRight: imageMarginRight
-  },
   image: {
     width: IOSelectionListItemVisualParams.iconSize,
     height: IOSelectionListItemVisualParams.iconSize,
     resizeMode: "contain"
-  },
-  content: {
-    flexGrow: 1,
-    flexShrink: 1
   }
 });
 //# sourceMappingURL=ModuleCheckout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOSelectionListItemVisualParams","useIOTheme","ButtonLink","LogoPayment","HSpacer","VSpacer","H6","LabelSmall","ModuleStatic","PressableModuleBase","ModuleCheckout","props","theme","isLoading","createElement","ModuleCheckoutSkeleton","paymentLogo","image","title","subtitle","ctaText","onPress","imageComponent","Fragment","style","styles","imageWrapper","name","source","accessibilityIgnoresInvertColors","ModuleBaseContent","content","color","weight","size","pointerEvents","accessibilityElementsHidden","importantForAccessibility","label","startBlock","Box","animate","radius","height","width","endBlock","imageMarginRight","create","marginRight","iconSize","resizeMode","flexGrow","flexShrink"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCheckout.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOSelectionListItemVisualParams","useIOTheme","ButtonLink","LogoPayment","HStack","VStack","H6","LabelSmall","ModuleStatic","PressableModuleBase","ModuleCheckout","props","theme","imageMargin","isLoading","createElement","ModuleCheckoutSkeleton","paymentLogo","image","title","subtitle","ctaText","onPress","paymentLogoComponent","name","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","ModuleBaseContent","space","alignItems","flexShrink","flexGrow","color","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility","label","startBlock","Box","animate","radius","height","width","endBlock","create","iconSize","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCheckout.tsx"],"mappings":"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"}

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

@@ -6,6 +6,7 @@ import { IOListItemVisualParams, IOSelectionListItemVisualParams, IOStyles, IOVi
 import { Badge } from "../badge";
 import { Icon } from "../icons";
 import { LoadingSpinner } from "../loadingSpinner";
+import { HStack } from "../stack/Stack";
 import { LabelSmallAlt } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";
@@ -24,22 +25,35 @@ const ModuleCredential = props => {
     isFetching,
     ...pressableProps
   } = props;
-  const ModuleContent = () => /*#__PURE__*/React.createElement(React.Fragment, null, icon ? /*#__PURE__*/React.createElement(View, {
-    style: styles.icon
-  }, /*#__PURE__*/React.createElement(Icon, {
+  const iconComponent = icon && /*#__PURE__*/React.createElement(Icon, {
     name: icon,
-    size: 24,
+    size: IOSelectionListItemVisualParams.iconSize,
     color: "grey-300"
-  })) : image ? /*#__PURE__*/React.createElement(Image, {
+  });
+  const imageComponent = image && /*#__PURE__*/React.createElement(Image, {
     source: image,
     style: styles.image,
     accessibilityIgnoresInvertColors: true
-  }) : null, /*#__PURE__*/React.createElement(View, {
-    style: styles.label
-  }, /*#__PURE__*/React.createElement(LabelSmallAlt, {
+  });
+  const ModuleContent = () => /*#__PURE__*/React.createElement(HStack, {
+    space: 8,
+    style: {
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(HStack, {
+    space: IOVisualCostants.iconMargin,
+    style: {
+      flexGrow: 1,
+      flexShrink: 1,
+      alignItems: "center"
+    }
+  }, iconComponent ?? imageComponent, /*#__PURE__*/React.createElement(LabelSmallAlt, {
     color: theme["interactiveElem-default"],
     numberOfLines: 2,
-    lineBreakMode: "middle"
+    lineBreakMode: "middle",
+    style: {
+      flexShrink: 1
+    }
   }, label)), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.row
   }, badge ? /*#__PURE__*/React.createElement(Badge, _extends({}, badge, {
@@ -59,16 +73,17 @@ const ModuleCredential = props => {
   }), /*#__PURE__*/React.createElement(ModuleContent, null)) : /*#__PURE__*/React.createElement(ModuleStatic, null, /*#__PURE__*/React.createElement(ModuleContent, null));
 };
 const ModuleCredentialSkeleton = () => /*#__PURE__*/React.createElement(ModuleStatic, {
-  startBlock: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  startBlock: /*#__PURE__*/React.createElement(HStack, {
     style: {
-      marginRight: IOVisualCostants.iconMargin
-    }
+      alignItems: "center"
+    },
+    space: IOVisualCostants.iconMargin
   }, /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     width: 24,
     height: 24,
     radius: 8
-  })), /*#__PURE__*/React.createElement(Placeholder.Box, {
+  }), /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     width: 96,
     height: 16,
@@ -85,16 +100,7 @@ const styles = StyleSheet.create({
   image: {
     width: IOSelectionListItemVisualParams.iconSize,
     height: IOSelectionListItemVisualParams.iconSize,
-    marginRight: IOVisualCostants.iconMargin,
     resizeMode: "contain"
-  },
-  icon: {
-    marginRight: IOVisualCostants.iconMargin
-  },
-  label: {
-    flexGrow: 1,
-    flexShrink: 1,
-    paddingRight: 8
   }
 });
 export { ModuleCredential };

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

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","Badge","Icon","LoadingSpinner","LabelSmallAlt","ModuleStatic","PressableModuleBase","ModuleCredential","props","theme","isLoading","createElement","ModuleCredentialSkeleton","testID","icon","image","label","onPress","badge","isFetching","pressableProps","ModuleContent","Fragment","style","styles","name","size","color","source","accessibilityIgnoresInvertColors","numberOfLines","lineBreakMode","row","_extends","undefined","chevronSize","startBlock","marginRight","iconMargin","Box","animate","width","height","radius","endBlock","create","iconSize","resizeMode","flexGrow","flexShrink","paddingRight"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCredential.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","Badge","Icon","LoadingSpinner","HStack","LabelSmallAlt","ModuleStatic","PressableModuleBase","ModuleCredential","props","theme","isLoading","createElement","ModuleCredentialSkeleton","testID","icon","image","label","onPress","badge","isFetching","pressableProps","iconComponent","name","size","iconSize","color","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","ModuleContent","space","alignItems","iconMargin","flexGrow","flexShrink","numberOfLines","lineBreakMode","row","_extends","undefined","chevronSize","startBlock","Box","animate","width","height","radius","endBlock","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCredential.tsx"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import Placeholder from "rn-placeholder";
 import { IOListItemVisualParams, IOSelectionListItemVisualParams, IOVisualCostants, useIOTheme } from "../../core";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
-import { VSpacer } from "../spacer";
+import { HStack, VStack } from "../stack";
 import { Chip, LabelSmallAlt } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";
@@ -23,60 +23,67 @@ export const ModuleNavigation = props => {
     badge,
     ...pressableProps
   } = props;
-  const iconComponent = /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginRight: IOVisualCostants.iconMargin
-    }
-  }, icon && /*#__PURE__*/React.createElement(Icon, {
+  const iconComponent = icon && /*#__PURE__*/React.createElement(Icon, {
     name: icon,
-    size: 24,
+    size: IOSelectionListItemVisualParams.iconSize,
     color: "grey-300"
-  }), image && /*#__PURE__*/React.createElement(Image, {
+  });
+  const imageComponent = image && /*#__PURE__*/React.createElement(Image, {
     source: image,
     style: styles.image,
     accessibilityIgnoresInvertColors: true
-  }));
+  });
   return /*#__PURE__*/React.createElement(PressableModuleBase, _extends({}, pressableProps, {
     onPress: onPress
-  }), (icon || image) && iconComponent, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(HStack, {
+    space: 8,
+    style: {
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(HStack, {
+    space: IOVisualCostants.iconMargin,
     style: {
+      alignItems: "center",
       flexGrow: 1,
-      flexShrink: 1,
-      paddingRight: 8
+      flexShrink: 1
+    }
+  }, iconComponent ?? imageComponent, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexShrink: 1
     }
   }, /*#__PURE__*/React.createElement(LabelSmallAlt, {
     color: theme["interactiveElem-default"],
     numberOfLines: 2,
-    lineBreakMode: "middle"
+    lineBreakMode: "middle",
+    style: {
+      flexShrink: 1
+    }
   }, title), subtitle && /*#__PURE__*/React.createElement(Chip, {
     color: theme["textBody-tertiary"]
-  }, subtitle)), /*#__PURE__*/React.createElement(View, null, badge ? /*#__PURE__*/React.createElement(Badge, badge) : onPress ? /*#__PURE__*/React.createElement(Icon, {
+  }, subtitle))), badge ? /*#__PURE__*/React.createElement(Badge, badge) : onPress ? /*#__PURE__*/React.createElement(Icon, {
     name: "chevronRightListItem",
     color: theme["interactiveElem-default"],
     size: IOListItemVisualParams.chevronSize
   }) : null));
 };
 const ModuleNavigationSkeleton = () => /*#__PURE__*/React.createElement(ModuleStatic, {
-  startBlock: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  startBlock: /*#__PURE__*/React.createElement(HStack, {
     style: {
-      marginRight: IOVisualCostants.iconMargin
-    }
+      alignItems: "center"
+    },
+    space: IOVisualCostants.iconMargin
   }, /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     width: 24,
     height: 24,
     radius: 8
-  })), /*#__PURE__*/React.createElement(View, {
-    style: {
-      paddingRight: 8
-    }
+  }), /*#__PURE__*/React.createElement(VStack, {
+    space: 4
   }, /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     width: 96,
     height: 16,
     radius: 8
-  }), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 4
   }), /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     width: 160,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","Badge","Icon","VSpacer","Chip","LabelSmallAlt","ModuleStatic","PressableModuleBase","ModuleNavigation","props","theme","isLoading","createElement","ModuleNavigationSkeleton","icon","image","title","subtitle","onPress","badge","pressableProps","iconComponent","style","marginRight","iconMargin","name","size","color","source","styles","accessibilityIgnoresInvertColors","_extends","flexGrow","flexShrink","paddingRight","numberOfLines","lineBreakMode","chevronSize","startBlock","Fragment","Box","animate","width","height","radius","endBlock","create","iconSize","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleNavigation.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","Badge","Icon","HStack","VStack","Chip","LabelSmallAlt","ModuleStatic","PressableModuleBase","ModuleNavigation","props","theme","isLoading","createElement","ModuleNavigationSkeleton","icon","image","title","subtitle","onPress","badge","pressableProps","iconComponent","name","size","iconSize","color","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","_extends","space","alignItems","iconMargin","flexGrow","flexShrink","numberOfLines","lineBreakMode","chevronSize","startBlock","Box","animate","width","height","radius","endBlock","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleNavigation.tsx"],"mappings":"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"}