@pagopa/io-app-design-system 6.0.4 → 6.0.5

package/lib/commonjs/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap

@@ -584,7 +584,7 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (controlled) 1`] = `
                         <RNSVGPath
                           d="m7 12 4 4 7-7"
                           fill={null}
-                          onLayout={[Function]}
+                          onSvgLayout={[Function]}
                           propList={
                             [
                               "fill",
@@ -906,7 +906,7 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (custom component) 1`] = `
       }
     >
       <View
-        accessibilityLabel="Nome e cognome; "
+        accessibilityLabel="Nome e cognome"
         accessibilityRole="image"
         accessible={true}
         style={
@@ -939,7 +939,8 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (custom component) 1`] = `
             }
           >
             <View
-              accessible={true}
+              accessible={false}
+              importantForAccessibility="no-hide-descendants"
               style={
                 {
                   "flexDirection": "column-reverse",
@@ -1825,7 +1826,7 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (unselectable items) 1`] = `
       }
     >
       <View
-        accessibilityLabel="Nome e cognome; Mario Rossi"
+        accessibilityLabel="Mario Rossi; Nome e cognome"
         accessibilityRole="text"
         accessible={true}
         style={
@@ -1858,7 +1859,8 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (unselectable items) 1`] = `
             }
           >
             <View
-              accessible={true}
+              accessible={false}
+              importantForAccessibility="no-hide-descendants"
               style={
                 {
                   "flexDirection": "column-reverse",

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

@@ -28,12 +28,12 @@ const EndElementComponent = ({
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttons.IOButton, {
         variant: "link",
         ...componentProps,
-        accessibilityLabel: `${componentProps.accessibilityLabel ?? componentProps.label}`
+        accessibilityLabel: componentProps.accessibilityLabel ?? componentProps.label
       });
     case "iconButton":
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttons.IconButton, {
         ...componentProps,
-        accessibilityLabel: `${componentProps.accessibilityLabel}`
+        accessibilityLabel: componentProps.accessibilityLabel
       });
     case "badge":
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.Badge, {
@@ -51,7 +51,9 @@ const ListItemInfoContent = ({
   numberOfLines,
   reversed,
   topElement,
-  endElement
+  endElement,
+  hasInteractiveElements,
+  listItemAccessibilityLabel
 }) => {
   const theme = (0, _context.useIOTheme)();
   const {
@@ -71,7 +73,9 @@ const ListItemInfoContent = ({
         flex: 1
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        accessible: _reactNative.Platform.OS === "ios",
+        accessible: hasInteractiveElements,
+        accessibilityLabel: hasInteractiveElements ? listItemAccessibilityLabel : undefined,
+        importantForAccessibility: hasInteractiveElements ? "yes" : "no-hide-descendants",
         style: {
           flexDirection: reversed ? "column-reverse" : "column"
         },
@@ -95,12 +99,44 @@ const ListItemInfoContent = ({
         }) : value]
       })
     }), endElement && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessible: false,
+      importantForAccessibility: hasInteractiveElements ? "auto" : "no-hide-descendants",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(EndElementComponent, {
         ...endElement
       })
     })]
   });
 };
+
+/**
+ * ListItemInfo component displays information in a list item format with optional icons,
+ * labels, values, and end elements (buttons, badges).
+ *
+ * @remarks
+ * **Accessibility for Interactive Elements:**
+ * When using interactive end elements (`buttonLink` or `iconButton`), you must provide
+ * an appropriate `accessibilityLabel` directly to the interactive component props.
+ * This ensures that screen reader users can understand the relationship between the
+ * list item content and the action that the interactive element triggers.
+ *
+ * Example:
+ * ```tsx
+ * <ListItemInfo
+ *   label="Email"
+ *   value="user@example.com"
+ *   endElement={{
+ *     type: "buttonLink",
+ *     componentProps: {
+ *       label: "Edit",
+ *       accessibilityLabel: "Edit email address"
+ *     }
+ *   }}
+ * />
+ * ```
+ *
+ * The design system cannot enforce this pattern automatically, so it's the responsibility
+ * of the implementing software engineer to ensure proper accessibility labels are set.
+ */
 const ListItemInfo = ({
   value,
   label,
@@ -127,8 +163,31 @@ const ListItemInfo = ({
     scaleAnimatedStyle,
     backgroundAnimatedStyle
   } = (0, _hooks.useListItemAnimation)();
+
+  /**
+   * A11Y Support: Two different combinations based on interactive elements
+   *
+   * 1. NO interactive elements (or just badge):
+   *    - The outer container is accessible and receives the complete accessibility label
+   *    - This allows the entire list item to be treated as a single accessibility element
+   *
+   * 2. WITH interactive elements (buttonLink or iconButton):
+   *    - The outer container is NOT accessible
+   *    - The inner content becomes accessible with its label
+   *    - The interactive element is separately accessible with its own label
+   *    - This allows screen readers to navigate between the content and the action separately
+   */
+  const hasInteractiveElements = endElement?.type === "buttonLink" || endElement?.type === "iconButton";
   const componentValueToAccessibility = typeof value === "string" ? value : "";
-  const listItemAccessibilityLabel = accessibilityLabel ?? (label ? `${label}; ${componentValueToAccessibility}` : componentValueToAccessibility);
+  const topBadgeText = topElement?.type === "badge" ? topElement.componentProps.text ?? "" : "";
+  const endBadgeText = endElement?.type === "badge" ? endElement.componentProps.text ?? "" : "";
+
+  /**
+   * Build text in VISUAL ORDER
+   */
+  const mainTextParts = reversed ? [componentValueToAccessibility, label] : [label, componentValueToAccessibility];
+  const textParts = [topBadgeText, ...mainTextParts, endBadgeText];
+  const listItemAccessibilityLabel = accessibilityLabel ?? textParts.filter(Boolean).join("; ");
   const contentProps = {
     icon,
     paymentLogoIcon,
@@ -137,20 +196,22 @@ const ListItemInfo = ({
     numberOfLines,
     reversed,
     topElement,
-    endElement
+    endElement,
+    hasInteractiveElements,
+    listItemAccessibilityLabel
   };
   if (onLongPress) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
       onLongPress: onLongPress,
       testID: testID,
-      accessible: !endElement,
-      onPressIn: onPressIn,
-      onPressOut: onPressOut,
-      onTouchEnd: onPressOut,
+      accessible: true,
       accessibilityRole: "button",
       accessibilityLabel: listItemAccessibilityLabel,
       accessibilityActions: accessibilityActions,
       onAccessibilityAction: onAccessibilityAction,
+      onPressIn: onPressIn,
+      onPressOut: onPressOut,
+      onTouchEnd: onPressOut,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
         style: [_core.IOListItemStyles.listItem, backgroundAnimatedStyle],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
@@ -163,23 +224,22 @@ const ListItemInfo = ({
         })
       })
     });
-  } else {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: _core.IOListItemStyles.listItem,
-      testID: testID,
-      accessible: !endElement,
-      accessibilityLabel: listItemAccessibilityLabel,
-      accessibilityRole: accessibilityRole,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [_core.IOListItemStyles.listItemInner, {
-          columnGap: _core.IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemInfoContent, {
-          ...contentProps
-        })
-      })
-    });
   }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: _core.IOListItemStyles.listItem,
+    testID: testID,
+    accessible: !hasInteractiveElements,
+    accessibilityLabel: hasInteractiveElements ? undefined : listItemAccessibilityLabel,
+    accessibilityRole: hasInteractiveElements ? undefined : accessibilityRole,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_core.IOListItemStyles.listItemInner, {
+        columnGap: _core.IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemInfoContent, {
+        ...contentProps
+      })
+    })
+  });
 };
 exports.ListItemInfo = ListItemInfo;
 //# sourceMappingURL=ListItemInfo.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireDefault","_context","_core","_hooks","_accessibility","_badge","_buttons","_LogoPaymentWithFallback","_icons","_layout","_typography","_jsxRuntime","e","__esModule","default","PAYMENT_LOGO_SIZE","EndElementComponent","type","componentProps","jsx","IOButton","variant","accessibilityLabel","label","IconButton","Badge","ListItemInfoContent","icon","paymentLogoIcon","value","numberOfLines","reversed","topElement","endElement","theme","useIOTheme","hugeFontEnabled","useIOFontDynamicScale","jsxs","Fragment","children","Icon","allowFontScaling","name","color","size","IOListItemVisualParams","iconSize","LogoPaymentWithFallback","brand","View","style","flex","accessible","Platform","OS","flexDirection","alignSelf","VSpacer","BodySmall","weight","H6","ListItemInfo","accessibilityRole","accessibilityActions","onAccessibilityAction","onLongPress","testID","dynamicFontScale","spacingScaleMultiplier","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","componentValueToAccessibility","listItemAccessibilityLabel","contentProps","Pressable","onTouchEnd","IOListItemStyles","listItem","listItemInner","columnGap","iconMargin","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireDefault","_context","_core","_hooks","_accessibility","_badge","_buttons","_LogoPaymentWithFallback","_icons","_layout","_typography","_jsxRuntime","e","__esModule","default","PAYMENT_LOGO_SIZE","EndElementComponent","type","componentProps","jsx","IOButton","variant","accessibilityLabel","label","IconButton","Badge","ListItemInfoContent","icon","paymentLogoIcon","value","numberOfLines","reversed","topElement","endElement","hasInteractiveElements","listItemAccessibilityLabel","theme","useIOTheme","hugeFontEnabled","useIOFontDynamicScale","jsxs","Fragment","children","Icon","allowFontScaling","name","color","size","IOListItemVisualParams","iconSize","LogoPaymentWithFallback","brand","View","style","flex","accessible","undefined","importantForAccessibility","flexDirection","alignSelf","VSpacer","BodySmall","weight","H6","ListItemInfo","accessibilityRole","accessibilityActions","onAccessibilityAction","onLongPress","testID","dynamicFontScale","spacingScaleMultiplier","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","componentValueToAccessibility","topBadgeText","text","endBadgeText","mainTextParts","textParts","filter","Boolean","join","contentProps","Pressable","onTouchEnd","IOListItemStyles","listItem","listItemInner","columnGap","iconMargin","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -190,7 +190,8 @@ exports[`Test List Item Components - Experimental Enabled  ListItemInfo Snapshot
       }
     >
       <View
-        accessible={true}
+        accessible={false}
+        importantForAccessibility="no-hide-descendants"
         style={
           {
             "flexDirection": "column",
@@ -1379,7 +1380,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
                 <RNSVGPath
                   d="m7 12 4 4 7-7"
                   fill={null}
-                  onLayout={[Function]}
+                  onSvgLayout={[Function]}
                   propList={
                     [
                       "fill",
@@ -2308,7 +2309,8 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
       }
     >
       <View
-        accessible={true}
+        accessible={false}
+        importantForAccessibility="no-hide-descendants"
         style={
           {
             "flexDirection": "column",
@@ -3497,7 +3499,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
                 <RNSVGPath
                   d="m7 12 4 4 7-7"
                   fill={null}
-                  onLayout={[Function]}
+                  onSvgLayout={[Function]}
                   propList={
                     [
                       "fill",

package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js

@@ -6,21 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.LoadingSpinner = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _context = require("../../context");
 var _IOColors = require("../../core/IOColors");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
- * Size scale, 76 is kept for backward compatibility with the old design system but 48 is enough for the new one.
- * It will be removed in the future.
+ * Size scale
  */
 
+const spinKeyframes = {
+  from: {
+    transform: [{
+      rotateZ: "0deg"
+    }]
+  },
+  to: {
+    transform: [{
+      rotateZ: "360deg"
+    }]
+  }
+};
 const strokeMap = {
   24: 3,
-  48: 5,
-  76: 7
+  48: 5
 };
 const LoadingSpinner = ({
   color: customColor,
@@ -31,21 +42,11 @@ const LoadingSpinner = ({
   testID = "LoadingSpinnerTestID"
 }) => {
   const theme = (0, _context.useIOTheme)();
-  const rotation = (0, _reactNativeReanimated.useSharedValue)(0);
+  const id = (0, _react.useId)();
   const stroke = strokeMap[size];
   const color = customColor ?? _IOColors.IOColors[theme["interactiveElem-default"]];
-  (0, _react.useEffect)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    rotation.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(360, {
-      duration: durationMs,
-      easing: _reactNativeReanimated.Easing.linear
-    }), -1, false);
-  }, [durationMs, rotation]);
-  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    transform: [{
-      rotateZ: `${rotation.value}deg`
-    }]
-  }));
+  const secondHalfId = `${id}-secondHalf`;
+  const firstHalfId = `${id}-firstHalf`;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: {
       width: size,
@@ -58,7 +59,13 @@ const LoadingSpinner = ({
     testID: testID,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       testID: "LoadingSpinnerAnimatedTestID",
-      style: animatedStyle,
+      style: {
+        animationName: spinKeyframes,
+        animationDuration: durationMs,
+        animationIterationCount: "infinite",
+        animationTimingFunction: "linear",
+        transformOrigin: "center"
+      },
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
         width: size,
         height: size,
@@ -66,7 +73,7 @@ const LoadingSpinner = ({
         fill: "none",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Defs, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient, {
-            id: "spinner-secondHalf",
+            id: secondHalfId,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
               offset: "0%",
               stopOpacity: "0",
@@ -77,7 +84,7 @@ const LoadingSpinner = ({
               stopColor: color
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient, {
-            id: "spinner-firstHalf",
+            id: firstHalfId,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
               offset: "0%",
               stopOpacity: "1",
@@ -91,10 +98,10 @@ const LoadingSpinner = ({
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
           strokeWidth: stroke,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-            stroke: "url(#spinner-secondHalf)",
+            stroke: `url(#${secondHalfId})`,
             d: `M ${stroke / 2} ${size / 2} A ${size / 2 - stroke / 2} ${size / 2 - stroke / 2} 0 0 1 ${size - stroke / 2} ${size / 2}`
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-            stroke: "url(#spinner-firstHalf)",
+            stroke: `url(#${firstHalfId})`,
             d: `M ${size - stroke / 2} ${size / 2} A ${size / 2 - stroke / 2} ${size / 2 - stroke / 2} 0 0 1 ${stroke / 2} ${size / 2}`
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
             stroke: color,

package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_context","_IOColors","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","strokeMap","LoadingSpinner","color","customColor","size","durationMs","accessibilityHint","accessibilityLabel","testID","theme","useIOTheme","rotation","useSharedValue","stroke","IOColors","useEffect","value","withRepeat","withTiming","duration","easing","Easing","linear","animatedStyle","useAnimatedStyle","transform","rotateZ","jsx","View","style","width","height","accessible","accessibilityRole","children","jsxs","viewBox","fill","Defs","LinearGradient","id","Stop","offset","stopOpacity","stopColor","G","strokeWidth","Path","d","strokeLinecap","exports"],"sourceRoot":"../../../../src","sources":["components/loadingSpinner/LoadingSpinner.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_reactNativeSvg","_interopRequireWildcard","_context","_IOColors","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","spinKeyframes","from","transform","rotateZ","to","strokeMap","LoadingSpinner","color","customColor","size","durationMs","accessibilityHint","accessibilityLabel","testID","theme","useIOTheme","id","useId","stroke","IOColors","secondHalfId","firstHalfId","jsx","View","style","width","height","accessible","accessibilityRole","children","animationName","animationDuration","animationIterationCount","animationTimingFunction","transformOrigin","jsxs","viewBox","fill","Defs","LinearGradient","Stop","offset","stopOpacity","stopColor","G","strokeWidth","Path","d","strokeLinecap","exports"],"sourceRoot":"../../../../src","sources":["components/loadingSpinner/LoadingSpinner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap

@@ -584,7 +584,7 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (controlled) 1`] = `
                         <RNSVGPath
                           d="m7 12 4 4 7-7"
                           fill={null}
-                          onLayout={[Function]}
+                          onSvgLayout={[Function]}
                           propList={
                             [
                               "fill",
@@ -906,7 +906,7 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (custom component) 1`] = `
       }
     >
       <View
-        accessibilityLabel="Nome e cognome; "
+        accessibilityLabel="Nome e cognome"
         accessibilityRole="image"
         accessible={true}
         style={
@@ -939,7 +939,8 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (custom component) 1`] = `
             }
           >
             <View
-              accessible={true}
+              accessible={false}
+              importantForAccessibility="no-hide-descendants"
               style={
                 {
                   "flexDirection": "column-reverse",
@@ -1825,7 +1826,7 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (unselectable items) 1`] = `
       }
     >
       <View
-        accessibilityLabel="Nome e cognome; Mario Rossi"
+        accessibilityLabel="Mario Rossi; Nome e cognome"
         accessibilityRole="text"
         accessible={true}
         style={
@@ -1858,7 +1859,8 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (unselectable items) 1`] = `
             }
           >
             <View
-              accessible={true}
+              accessible={false}
+              importantForAccessibility="no-hide-descendants"
               style={
                 {
                   "flexDirection": "column-reverse",