@pagopa/io-app-design-system 4.4.7 → 4.4.8

package/lib/commonjs/components/layout/HeaderFirstLevel.js

@@ -15,7 +15,6 @@ var _typography = require("../typography");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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); }
-const HEADER_BG_COLOR_DARK = "bluegrey";
 const styles = _reactNative.StyleSheet.create({
   headerInner: {
     paddingHorizontal: _core.IOVisualCostants.appMarginDefault,
@@ -24,19 +23,27 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between"
+  },
+  headerDivider: {
+    position: "absolute",
+    width: "100%",
+    height: _reactNative.StyleSheet.hairlineWidth,
+    left: 0,
+    right: 0,
+    bottom: 0
   }
 });
 const HeaderFirstLevel = ({
   title,
-  type,
   testID,
-  backgroundColor = "light",
-  ignoreSafeAreaMargin = false,
   firstAction,
   secondAction,
-  thirdAction
+  thirdAction,
+  ignoreSafeAreaMargin = false,
+  animatedRef,
+  animatedFlatListRef
 }) => {
-  const titleRef = /*#__PURE__*/React.createRef();
+  const titleRef = /*#__PURE__*/(0, React.createRef)();
   const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
   const theme = (0, _core.useIOTheme)();
   const paddingTop = (0, _reactNativeReanimated.useSharedValue)(ignoreSafeAreaMargin ? 0 : insets.top);
@@ -46,6 +53,9 @@ const HeaderFirstLevel = ({
       _reactNative.AccessibilityInfo.setAccessibilityFocus(reactNode);
     }
   });
+
+  /* We show the divider only when the header is scrolled down */
+  const offset = (0, _reactNativeReanimated.useScrollViewOffset)(animatedRef || animatedFlatListRef);
   (0, React.useEffect)(() => {
     // eslint-disable-next-line functional/immutable-data
     paddingTop.value = (0, _reactNativeReanimated.withTiming)(ignoreSafeAreaMargin ? 0 : insets.top, _core.alertEdgeToEdgeInsetTransitionConfig);
@@ -53,13 +63,23 @@ const HeaderFirstLevel = ({
   const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     paddingTop: paddingTop.value
   }));
+  const animatedDivider = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: (0, _reactNativeReanimated.withTiming)(offset.value > 0 ? 1 : 0, {
+      duration: 200
+    })
+  }));
   return /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
     style: [{
-      backgroundColor: backgroundColor === "light" ? _core.IOColors[theme["appBackground-primary"]] : _core.IOColors[HEADER_BG_COLOR_DARK]
+      backgroundColor: _core.IOColors[theme["appBackground-primary"]]
     }, animatedStyle],
     accessibilityRole: "header",
     testID: testID
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, (animatedRef || animatedFlatListRef) && /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+    style: [{
+      ...styles.headerDivider,
+      backgroundColor: _core.IOColors[theme["divider-default"]]
+    }, animatedDivider]
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.headerInner
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
     ref: titleRef,
@@ -71,18 +91,18 @@ const HeaderFirstLevel = ({
       flexShrink: 1
     },
     numberOfLines: 1,
-    color: backgroundColor === "dark" ? "white" : theme["textBody-default"]
+    color: theme["textHeading-default"]
   }, title)), /*#__PURE__*/React.createElement(_stack.HStack, {
     space: 16,
     style: {
       flexShrink: 0
     }
-  }, type === "threeActions" && /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, thirdAction, {
-    color: backgroundColor === "dark" ? "contrast" : "primary"
-  })), (type === "twoActions" || type === "threeActions") && /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, secondAction, {
-    color: backgroundColor === "dark" ? "contrast" : "primary"
-  })), type !== "base" && /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, firstAction, {
-    color: backgroundColor === "dark" ? "contrast" : "primary"
+  }, thirdAction && /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, thirdAction, {
+    color: "primary"
+  })), /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, secondAction, {
+    color: "primary"
+  })), /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, firstAction, {
+    color: "primary"
   })))));
 };
 exports.HeaderFirstLevel = HeaderFirstLevel;

package/lib/commonjs/components/layout/HeaderFirstLevel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_core","_buttons","_stack","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","HEADER_BG_COLOR_DARK","styles","StyleSheet","create","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","title","type","testID","backgroundColor","ignoreSafeAreaMargin","firstAction","secondAction","thirdAction","titleRef","createRef","insets","useSafeAreaInsets","theme","useIOTheme","paddingTop","useSharedValue","top","useLayoutEffect","reactNode","findNodeHandle","current","AccessibilityInfo","setAccessibilityFocus","useEffect","value","withTiming","alertEdgeToEdgeInsetTransitionConfig","animatedStyle","useAnimatedStyle","createElement","View","style","IOColors","accessibilityRole","ref","accessible","H3","weight","flexShrink","numberOfLines","color","HStack","space","IconButton","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_core","_buttons","_stack","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","styles","StyleSheet","create","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","headerDivider","position","hairlineWidth","left","right","bottom","HeaderFirstLevel","title","testID","firstAction","secondAction","thirdAction","ignoreSafeAreaMargin","animatedRef","animatedFlatListRef","titleRef","createRef","insets","useSafeAreaInsets","theme","useIOTheme","paddingTop","useSharedValue","top","useLayoutEffect","reactNode","findNodeHandle","current","AccessibilityInfo","setAccessibilityFocus","offset","useScrollViewOffset","useEffect","value","withTiming","alertEdgeToEdgeInsetTransitionConfig","animatedStyle","useAnimatedStyle","animatedDivider","opacity","duration","createElement","View","style","backgroundColor","IOColors","accessibilityRole","ref","accessible","H3","weight","flexShrink","numberOfLines","color","HStack","space","IconButton","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":"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"}

package/lib/commonjs/components/otpInput/OTPInput.js

@@ -132,7 +132,8 @@ const OTPInput = /*#__PURE__*/React.forwardRef(({
     autoComplete: autocomplete ? "sms-otp" : undefined,
     inputAccessoryViewID: inputAccessoryViewID,
     accessible: true,
-    autoFocus: autoFocus
+    autoFocus: autoFocus,
+    secureTextEntry: true
   }), [...Array(length)].map((_, i) => /*#__PURE__*/React.createElement(_BoxedInput.BoxedInput, {
     key: i,
     status: hasError ? "error" : hasFocus && value.length === i ? "focus" : "default",

package/lib/commonjs/components/otpInput/OTPInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_IOStyles","_functions","_useErrorShakeAnimation","_spacer","_typography","_BoxedInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OTPInput","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","AccessibilityInfo","announceForAccessibility","createElement","View","style","flexGrow","Pressable","onPress","_inputRef$current","focus","IOStyles","row","justifyContent","accessible","accessibilityValue","text","TextInput","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","Array","map","_","i","BoxedInput","status","VSpacer","size","BodySmall","weight","color","textAlign","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_IOStyles","_functions","_useErrorShakeAnimation","_spacer","_typography","_BoxedInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OTPInput","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","AccessibilityInfo","announceForAccessibility","createElement","View","style","flexGrow","Pressable","onPress","_inputRef$current","focus","IOStyles","row","justifyContent","accessible","accessibilityValue","text","TextInput","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","secureTextEntry","Array","map","_","i","BoxedInput","status","VSpacer","size","BodySmall","weight","color","textAlign","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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"}

package/lib/module/components/layout/HeaderFirstLevel.js

@@ -1,14 +1,13 @@
 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 * as React from "react";
-import { useEffect, useLayoutEffect } from "react";
+import { createRef, useEffect, useLayoutEffect } from "react";
 import { AccessibilityInfo, findNodeHandle, StyleSheet, View } from "react-native";
-import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import Animated, { useAnimatedStyle, useScrollViewOffset, useSharedValue, withTiming } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { alertEdgeToEdgeInsetTransitionConfig, IOColors, IOVisualCostants, useIOTheme } from "../../core";
 import { IconButton } from "../buttons";
 import { HStack } from "../stack";
 import { H3 } from "../typography";
-const HEADER_BG_COLOR_DARK = "bluegrey";
 const styles = StyleSheet.create({
   headerInner: {
     paddingHorizontal: IOVisualCostants.appMarginDefault,
@@ -17,19 +16,27 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between"
+  },
+  headerDivider: {
+    position: "absolute",
+    width: "100%",
+    height: StyleSheet.hairlineWidth,
+    left: 0,
+    right: 0,
+    bottom: 0
   }
 });
 export const HeaderFirstLevel = ({
   title,
-  type,
   testID,
-  backgroundColor = "light",
-  ignoreSafeAreaMargin = false,
   firstAction,
   secondAction,
-  thirdAction
+  thirdAction,
+  ignoreSafeAreaMargin = false,
+  animatedRef,
+  animatedFlatListRef
 }) => {
-  const titleRef = /*#__PURE__*/React.createRef();
+  const titleRef = /*#__PURE__*/createRef();
   const insets = useSafeAreaInsets();
   const theme = useIOTheme();
   const paddingTop = useSharedValue(ignoreSafeAreaMargin ? 0 : insets.top);
@@ -39,6 +46,9 @@ export const HeaderFirstLevel = ({
       AccessibilityInfo.setAccessibilityFocus(reactNode);
     }
   });
+
+  /* We show the divider only when the header is scrolled down */
+  const offset = useScrollViewOffset(animatedRef || animatedFlatListRef);
   useEffect(() => {
     // eslint-disable-next-line functional/immutable-data
     paddingTop.value = withTiming(ignoreSafeAreaMargin ? 0 : insets.top, alertEdgeToEdgeInsetTransitionConfig);
@@ -46,13 +56,23 @@ export const HeaderFirstLevel = ({
   const animatedStyle = useAnimatedStyle(() => ({
     paddingTop: paddingTop.value
   }));
+  const animatedDivider = useAnimatedStyle(() => ({
+    opacity: withTiming(offset.value > 0 ? 1 : 0, {
+      duration: 200
+    })
+  }));
   return /*#__PURE__*/React.createElement(Animated.View, {
     style: [{
-      backgroundColor: backgroundColor === "light" ? IOColors[theme["appBackground-primary"]] : IOColors[HEADER_BG_COLOR_DARK]
+      backgroundColor: IOColors[theme["appBackground-primary"]]
     }, animatedStyle],
     accessibilityRole: "header",
     testID: testID
-  }, /*#__PURE__*/React.createElement(View, {
+  }, (animatedRef || animatedFlatListRef) && /*#__PURE__*/React.createElement(Animated.View, {
+    style: [{
+      ...styles.headerDivider,
+      backgroundColor: IOColors[theme["divider-default"]]
+    }, animatedDivider]
+  }), /*#__PURE__*/React.createElement(View, {
     style: styles.headerInner
   }, /*#__PURE__*/React.createElement(View, {
     ref: titleRef,
@@ -64,18 +84,18 @@ export const HeaderFirstLevel = ({
       flexShrink: 1
     },
     numberOfLines: 1,
-    color: backgroundColor === "dark" ? "white" : theme["textBody-default"]
+    color: theme["textHeading-default"]
   }, title)), /*#__PURE__*/React.createElement(HStack, {
     space: 16,
     style: {
       flexShrink: 0
     }
-  }, type === "threeActions" && /*#__PURE__*/React.createElement(IconButton, _extends({}, thirdAction, {
-    color: backgroundColor === "dark" ? "contrast" : "primary"
-  })), (type === "twoActions" || type === "threeActions") && /*#__PURE__*/React.createElement(IconButton, _extends({}, secondAction, {
-    color: backgroundColor === "dark" ? "contrast" : "primary"
-  })), type !== "base" && /*#__PURE__*/React.createElement(IconButton, _extends({}, firstAction, {
-    color: backgroundColor === "dark" ? "contrast" : "primary"
+  }, thirdAction && /*#__PURE__*/React.createElement(IconButton, _extends({}, thirdAction, {
+    color: "primary"
+  })), /*#__PURE__*/React.createElement(IconButton, _extends({}, secondAction, {
+    color: "primary"
+  })), /*#__PURE__*/React.createElement(IconButton, _extends({}, firstAction, {
+    color: "primary"
   })))));
 };
 export default HeaderFirstLevel;

package/lib/module/components/layout/HeaderFirstLevel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useLayoutEffect","AccessibilityInfo","findNodeHandle","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","useSafeAreaInsets","alertEdgeToEdgeInsetTransitionConfig","IOColors","IOVisualCostants","useIOTheme","IconButton","HStack","H3","HEADER_BG_COLOR_DARK","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","title","type","testID","backgroundColor","ignoreSafeAreaMargin","firstAction","secondAction","thirdAction","titleRef","createRef","insets","theme","paddingTop","top","reactNode","current","setAccessibilityFocus","value","animatedStyle","createElement","style","accessibilityRole","ref","accessible","weight","flexShrink","numberOfLines","color","space","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":"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"}
+{"version":3,"names":["React","createRef","useEffect","useLayoutEffect","AccessibilityInfo","findNodeHandle","StyleSheet","View","Animated","useAnimatedStyle","useScrollViewOffset","useSharedValue","withTiming","useSafeAreaInsets","alertEdgeToEdgeInsetTransitionConfig","IOColors","IOVisualCostants","useIOTheme","IconButton","HStack","H3","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","headerDivider","position","hairlineWidth","left","right","bottom","HeaderFirstLevel","title","testID","firstAction","secondAction","thirdAction","ignoreSafeAreaMargin","animatedRef","animatedFlatListRef","titleRef","insets","theme","paddingTop","top","reactNode","current","setAccessibilityFocus","offset","value","animatedStyle","animatedDivider","opacity","duration","createElement","style","backgroundColor","accessibilityRole","ref","accessible","weight","flexShrink","numberOfLines","color","space","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":"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"}

package/lib/module/components/otpInput/OTPInput.js

@@ -123,7 +123,8 @@ export const OTPInput = /*#__PURE__*/React.forwardRef(({
     autoComplete: autocomplete ? "sms-otp" : undefined,
     inputAccessoryViewID: inputAccessoryViewID,
     accessible: true,
-    autoFocus: autoFocus
+    autoFocus: autoFocus,
+    secureTextEntry: true
   }), [...Array(length)].map((_, i) => /*#__PURE__*/React.createElement(BoxedInput, {
     key: i,
     status: hasError ? "error" : hasFocus && value.length === i ? "focus" : "default",

package/lib/module/components/otpInput/OTPInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AccessibilityInfo","Pressable","TextInput","Animated","IOStyles","triggerHaptic","useErrorShakeAnimation","VSpacer","BodySmall","BoxedInput","OTPInput","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","translate","animatedStyle","shakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","key","announceForAccessibility","createElement","View","style","flexGrow","onPress","_inputRef$current","focus","row","justifyContent","accessible","accessibilityValue","text","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","Array","map","_","i","status","size","weight","color","textAlign"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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"}
+{"version":3,"names":["React","AccessibilityInfo","Pressable","TextInput","Animated","IOStyles","triggerHaptic","useErrorShakeAnimation","VSpacer","BodySmall","BoxedInput","OTPInput","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","translate","animatedStyle","shakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","key","announceForAccessibility","createElement","View","style","flexGrow","onPress","_inputRef$current","focus","row","justifyContent","accessible","accessibilityValue","text","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","secureTextEntry","Array","map","_","i","status","size","weight","color","textAlign"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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"}

package/lib/typescript/components/layout/HeaderFirstLevel.d.ts

@@ -1,36 +1,16 @@
 import * as React from "react";
+import Animated, { AnimatedRef } from "react-native-reanimated";
 import { WithTestID } from "../../utils/types";
 import { HeaderActionProps } from "./common";
-type CommonProps = WithTestID<{
+export type HeaderFirstLevel = WithTestID<{
     title: string;
-    backgroundColor?: "light" | "dark";
-    ignoreSafeAreaMargin?: boolean;
-}>;
-interface Base extends CommonProps {
-    type: "base";
-    firstAction?: never;
-    secondAction?: never;
-    thirdAction?: never;
-}
-interface OneAction extends CommonProps {
-    type: "singleAction";
-    firstAction: HeaderActionProps;
-    secondAction?: never;
-    thirdAction?: never;
-}
-interface TwoActions extends CommonProps {
-    type: "twoActions";
     firstAction: HeaderActionProps;
     secondAction: HeaderActionProps;
-    thirdAction?: never;
-}
-interface ThreeActions extends CommonProps {
-    type: "threeActions";
-    firstAction: HeaderActionProps;
-    secondAction: HeaderActionProps;
-    thirdAction: HeaderActionProps;
-}
-export type HeaderFirstLevel = Base | OneAction | TwoActions | ThreeActions;
-export declare const HeaderFirstLevel: ({ title, type, testID, backgroundColor, ignoreSafeAreaMargin, firstAction, secondAction, thirdAction }: HeaderFirstLevel) => React.JSX.Element;
+    thirdAction?: HeaderActionProps;
+    animatedRef?: AnimatedRef<Animated.ScrollView>;
+    animatedFlatListRef?: AnimatedRef<Animated.FlatList<any>>;
+    ignoreSafeAreaMargin?: boolean;
+}>;
+export declare const HeaderFirstLevel: ({ title, testID, firstAction, secondAction, thirdAction, ignoreSafeAreaMargin, animatedRef, animatedFlatListRef }: HeaderFirstLevel) => React.JSX.Element;
 export default HeaderFirstLevel;
 //# sourceMappingURL=HeaderFirstLevel.d.ts.map

package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderFirstLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderFirstLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,EAAE,iBAAiB,CAAC;CAChC;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;AAe5E,eAAO,MAAM,gBAAgB,2GAS1B,gBAAgB,sBA2ElB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"HeaderFirstLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderFirstLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,QAAQ,EAAE,EACf,WAAW,EAKZ,MAAM,yBAAyB,CAAC;AAQjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC,CAAC;AAqBH,eAAO,MAAM,gBAAgB,sHAS1B,gBAAgB,sBA4ElB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/components/otpInput/OTPInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,IAAI,EACL,MAAM,cAAc,CAAC;AAStB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,oEAuIpB,CAAC"}
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,IAAI,EACL,MAAM,cAAc,CAAC;AAStB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,oEAwIpB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "4.4.7",
+  "version": "4.4.8",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/layout/HeaderFirstLevel.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { useEffect, useLayoutEffect } from "react";
+import { createRef, useEffect, useLayoutEffect } from "react";
 import {
   AccessibilityInfo,
   findNodeHandle,
@@ -7,7 +7,9 @@ import {
   View
 } from "react-native";
 import Animated, {
+  AnimatedRef,
   useAnimatedStyle,
+  useScrollViewOffset,
   useSharedValue,
   withTiming
 } from "react-native-reanimated";
@@ -24,44 +26,15 @@ import { HStack } from "../stack";
 import { H3 } from "../typography";
 import { HeaderActionProps } from "./common";
 
-type CommonProps = WithTestID<{
+export type HeaderFirstLevel = WithTestID<{
   title: string;
-  // This Prop will be removed once all the screens on the first level routing will be refactored
-  backgroundColor?: "light" | "dark";
-  ignoreSafeAreaMargin?: boolean;
-}>;
-
-interface Base extends CommonProps {
-  type: "base";
-  firstAction?: never;
-  secondAction?: never;
-  thirdAction?: never;
-}
-
-interface OneAction extends CommonProps {
-  type: "singleAction";
-  firstAction: HeaderActionProps;
-  secondAction?: never;
-  thirdAction?: never;
-}
-
-interface TwoActions extends CommonProps {
-  type: "twoActions";
   firstAction: HeaderActionProps;
   secondAction: HeaderActionProps;
-  thirdAction?: never;
-}
-
-interface ThreeActions extends CommonProps {
-  type: "threeActions";
-  firstAction: HeaderActionProps;
-  secondAction: HeaderActionProps;
-  thirdAction: HeaderActionProps;
-}
-
-export type HeaderFirstLevel = Base | OneAction | TwoActions | ThreeActions;
-
-const HEADER_BG_COLOR_DARK: IOColors = "bluegrey";
+  thirdAction?: HeaderActionProps;
+  animatedRef?: AnimatedRef<Animated.ScrollView>;
+  animatedFlatListRef?: AnimatedRef<Animated.FlatList<any>>;
+  ignoreSafeAreaMargin?: boolean;
+}>;
 
 const styles = StyleSheet.create({
   headerInner: {
@@ -71,20 +44,28 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between"
+  },
+  headerDivider: {
+    position: "absolute",
+    width: "100%",
+    height: StyleSheet.hairlineWidth,
+    left: 0,
+    right: 0,
+    bottom: 0
   }
 });
 
 export const HeaderFirstLevel = ({
   title,
-  type,
   testID,
-  backgroundColor = "light",
-  ignoreSafeAreaMargin = false,
   firstAction,
   secondAction,
-  thirdAction
+  thirdAction,
+  ignoreSafeAreaMargin = false,
+  animatedRef,
+  animatedFlatListRef
 }: HeaderFirstLevel) => {
-  const titleRef = React.createRef<View>();
+  const titleRef = createRef<View>();
   const insets = useSafeAreaInsets();
   const theme = useIOTheme();
   const paddingTop = useSharedValue(ignoreSafeAreaMargin ? 0 : insets.top);
@@ -96,6 +77,12 @@ export const HeaderFirstLevel = ({
     }
   });
 
+  /* We show the divider only when the header is scrolled down */
+  const offset = useScrollViewOffset(
+    (animatedRef as AnimatedRef<Animated.ScrollView>) ||
+      (animatedFlatListRef as AnimatedRef<Animated.FlatList<any>>)
+  );
+
   useEffect(() => {
     // eslint-disable-next-line functional/immutable-data
     paddingTop.value = withTiming(
@@ -108,52 +95,47 @@ export const HeaderFirstLevel = ({
     paddingTop: paddingTop.value
   }));
 
+  const animatedDivider = useAnimatedStyle(() => ({
+    opacity: withTiming(offset.value > 0 ? 1 : 0, { duration: 200 })
+  }));
+
   return (
     <Animated.View
       style={[
-        {
-          backgroundColor:
-            backgroundColor === "light"
-              ? IOColors[theme["appBackground-primary"]]
-              : IOColors[HEADER_BG_COLOR_DARK]
-        },
+        { backgroundColor: IOColors[theme["appBackground-primary"]] },
         animatedStyle
       ]}
       accessibilityRole="header"
       testID={testID}
     >
+      {/* Divider */}
+      {(animatedRef || animatedFlatListRef) && (
+        <Animated.View
+          style={[
+            {
+              ...styles.headerDivider,
+              backgroundColor: IOColors[theme["divider-default"]]
+            },
+            animatedDivider
+          ]}
+        />
+      )}
+
       <View style={styles.headerInner}>
         <View ref={titleRef} accessible accessibilityRole="header">
           <H3
             weight="Bold"
             style={{ flexShrink: 1 }}
             numberOfLines={1}
-            color={
-              backgroundColor === "dark" ? "white" : theme["textBody-default"]
-            }
+            color={theme["textHeading-default"]}
           >
             {title}
           </H3>
         </View>
         <HStack space={16} style={{ flexShrink: 0 }}>
-          {type === "threeActions" && (
-            <IconButton
-              {...thirdAction}
-              color={backgroundColor === "dark" ? "contrast" : "primary"}
-            />
-          )}
-          {(type === "twoActions" || type === "threeActions") && (
-            <IconButton
-              {...secondAction}
-              color={backgroundColor === "dark" ? "contrast" : "primary"}
-            />
-          )}
-          {type !== "base" && (
-            <IconButton
-              {...firstAction}
-              color={backgroundColor === "dark" ? "contrast" : "primary"}
-            />
-          )}
+          {thirdAction && <IconButton {...thirdAction} color={"primary"} />}
+          <IconButton {...secondAction} color={"primary"} />
+          <IconButton {...firstAction} color={"primary"} />
         </HStack>
       </View>
     </Animated.View>

package/src/components/otpInput/OTPInput.tsx

@@ -149,6 +149,7 @@ export const OTPInput = React.forwardRef<View, Props>(
             inputAccessoryViewID={inputAccessoryViewID}
             accessible={true}
             autoFocus={autoFocus}
+            secureTextEntry={true}
           />
           {[...Array(length)].map((_, i) => (
             <BoxedInput