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

package/src/components/icons/svg/IconNotes.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconNotice.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconNoticeFilled.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconNoticePlain.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconNotification.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconOk.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconOption.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconPEC.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconPSP.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconPause.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconPhone.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconPinOff.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconPinOn.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconPlay.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconPrint.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconProductIOApp.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconProductIOAppBlueBg.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Path, Svg } from "react-native-svg";
 import { IOColors } from "../../../core";
 import { SVGIconProps } from "../types";

package/src/components/icons/svg/IconProductITWallet.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Path, Svg } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconProductPagoPA.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconProfile.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconProfileRegistered.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconQrCode.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconQuestion.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconRead.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconReceiptOff.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconReceiptOn.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconRefund.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconReload.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSave.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSearch.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSecurity.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSecurityPad.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSelfCertification.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconShareAndroid.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconShareiOs.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSignal.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSparkles.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSpid.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconStarEmpty.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconStarFilled.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconStarOff.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSuccess.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSwitchCard.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSwitchOff.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemAppsAndroid.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Rect, G, Circle } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemBiometricRecognitionOS.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path, Rect, G, Defs, ClipPath } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemLocationiOS.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Path, Rect, Svg } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemNFC.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemNotificationsInstructions.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Circle, Path, Rect, Svg } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemPasswordAndroid.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path, Rect } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemPasswordiOS.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path, Rect } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemPermissionsAndroid.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Path, Rect, Svg } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemPhotosiOS.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Path, Rect, Svg } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemPrivacyiOS.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Path, Rect, Svg } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemSettingsAndroid.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path, Rect } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemSettingsiOS.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path, Defs, LinearGradient, Stop } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconSystemToggleInstructions.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconTag.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconTerms.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconTheme.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconTouch.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconTransactions.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconTransactionsBoxed.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconTrashcan.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconTypeface.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconWarningFilled.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/IconWebsite.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
 import { SVGIconProps } from "../types";
 

package/src/components/icons/svg/_IconTemplate.tsx

@@ -1,7 +1,6 @@
-import React from "react";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore (ignore Path unused component)
-import { Svg, Path } from "react-native-svg";
+import { Svg } from "react-native-svg";
 import { SVGIconProps } from "../types";
 
 // The `generateNewIcons.js`s script uses this template to generate

package/src/components/image/Image.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import { useMemo } from "react";
 import { FlexStyle, Image, ImageProps, StyleSheet } from "react-native";
 
 type IOAspectRatioScale = "1:1" | "4:3" | "16:9" | "3:4" | "21:9";
@@ -36,7 +36,7 @@ export const IOImage = ({
   alt,
   aspectRatio = "1:1"
 }: IOImageProps) => {
-  const aspectRatioStyle: Pick<FlexStyle, "aspectRatio"> = React.useMemo(
+  const aspectRatioStyle: Pick<FlexStyle, "aspectRatio"> = useMemo(
     () => ({
       aspectRatio: IOAspectRatioScaleMap[aspectRatio]
     }),

package/src/components/layout/ContentWrapper.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, ReactNode } from "react";
+import { forwardRef, ReactNode } from "react";
 import { View, ViewProps, ViewStyle } from "react-native";
 import { WithTestID } from "src/utils/types";
 import type { IOAppMargin } from "../../core";

package/src/components/layout/Divider.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { StyleSheet, View } from "react-native";
 import { useIOTheme } from "../../context";
 import { IOColors } from "../../core/IOColors";

package/src/components/layout/FooterActions.tsx

@@ -1,4 +1,4 @@
-import React, { Fragment, PropsWithChildren, useState } from "react";
+import { Fragment, PropsWithChildren, useState } from "react";
 import {
   ColorValue,
   LayoutChangeEvent,

package/src/components/layout/FooterActionsInline.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from "react";
+import { PropsWithChildren } from "react";
 import { ColorValue, LayoutChangeEvent, StyleSheet, View } from "react-native";
 import { useIOTheme, useIOThemeContext } from "../../context";
 import {

package/src/components/layout/Spacer.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from "react";
+import { useMemo } from "react";
 import { View } from "react-native";
 import { hexToRgba, IOColors, IOSpacer } from "../../core";
 import { useIOFontDynamicScale } from "../../utils/accessibility";

package/src/components/layout/Stack.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from "react";
+import { PropsWithChildren } from "react";
 import { View, ViewProps, ViewStyle } from "react-native";
 import { IOSpacer } from "../../core";
 import { useIOFontDynamicScale } from "../../utils/accessibility";

package/src/components/listitems/ListItemAction.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps, useMemo } from "react";
+import { ComponentProps } from "react";
 import { GestureResponderEvent, Pressable, View } from "react-native";
 import Animated from "react-native-reanimated";
 import { useIOTheme } from "../../context";
@@ -36,10 +36,7 @@ export const ListItemAction = ({
 
   const { dynamicFontScale, spacingScaleMultiplier } = useIOFontDynamicScale();
 
-  const listItemAccessibilityLabel = useMemo(
-    () => (accessibilityLabel ? accessibilityLabel : `${label}`),
-    [label, accessibilityLabel]
-  );
+  const listItemAccessibilityLabel = accessibilityLabel || `${label}`;
 
   const mapForegroundColor: Record<
     NonNullable<ListItemAction["variant"]>,
@@ -94,5 +91,3 @@ export const ListItemAction = ({
     </Pressable>
   );
 };
-
-export default ListItemAction;

package/src/components/listitems/ListItemAmount.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps, useMemo } from "react";
+import { ComponentProps } from "react";
 import { View } from "react-native";
 import { useIOTheme } from "../../context";
 import {
@@ -44,10 +44,7 @@ export const ListItemAmount = ({
   const { dynamicFontScale, spacingScaleMultiplier, hugeFontEnabled } =
     useIOFontDynamicScale();
 
-  const listItemAccessibilityLabel = useMemo(
-    () => (accessibilityLabel ? accessibilityLabel : `${label}`),
-    [label, accessibilityLabel]
-  );
+  const listItemAccessibilityLabel = accessibilityLabel || `${label}`;
 
   const itemInfoTextComponent = (
     <View
@@ -94,5 +91,3 @@ export const ListItemAmount = ({
     </View>
   );
 };
-
-export default ListItemAmount;

package/src/components/listitems/ListItemCheckbox.tsx

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useState } from "react";
+import { ComponentProps, useState } from "react";
 import { Pressable, View } from "react-native";
 import ReactNativeHapticFeedback from "react-native-haptic-feedback";
 import Animated from "react-native-reanimated";
@@ -28,7 +27,7 @@ const DISABLED_OPACITY = 0.5;
 
 type ListItemCheckboxProps = Props &
   Pick<
-    React.ComponentProps<typeof Pressable>,
+    ComponentProps<typeof Pressable>,
     "onPress" | "accessibilityLabel" | "accessibilityHint" | "disabled"
   >;
 

package/src/components/listitems/ListItemHeader.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps, useCallback, useMemo } from "react";
+import { ComponentProps, useCallback, useMemo } from "react";
 import { View } from "react-native";
 import { useIOTheme } from "../../context";
 import {
@@ -76,9 +76,7 @@ export const ListItemHeader = ({
         accessibilityRole="header"
         accessibilityLabel={accessibilityLabel ?? label}
       >
-        <H6 role="heading" color={theme["textBody-tertiary"]}>
-          {label}
-        </H6>
+        <H6 color={theme["textBody-tertiary"]}>{label}</H6>
       </View>
     ),
     [label, accessibilityLabel, theme]
@@ -138,5 +136,3 @@ export const ListItemHeader = ({
     </View>
   );
 };
-
-export default ListItemHeader;