@pagopa/io-app-design-system 1.36.15 → 1.38.0

package/lib/module/components/searchInput/SearchInput.js

@@ -0,0 +1,213 @@
+/* eslint-disable functional/immutable-data */
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import { Dimensions, Platform, Pressable, StyleSheet, TextInput, View } from "react-native";
+import Animated, { Easing, Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { IOColors, IOVisualCostants, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { makeFontStyleObject } from "../../utils/fonts";
+import { ButtonLink } from "../buttons";
+import { Icon } from "../icons";
+
+/* Component visual attributes */
+const inputPaddingHorizontal = 12;
+const inputPaddingClearButton = 8;
+const inputRadius = 8;
+const inputBgColorDefault = IOColors["grey-50"];
+const inputBgColorFocused = IOColors["grey-100"];
+const inputColorPlaceholder = IOColors["grey-700"];
+const iconMargin = 8;
+const iconColor = "grey-700";
+const iconSize = 16;
+const iconCloseSize = 24;
+const inputFontSizePlaceholder = 12;
+const cancelButtonMargin = 16;
+const inputTransitionDuration = 250;
+const inputHeightIOS = 36;
+const inputHeightAndroid = 42;
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+const inputWithTimingConfig = {
+  duration: inputTransitionDuration,
+  easing: Easing.inOut(Easing.cubic)
+};
+export const SearchInput = _ref => {
+  let {
+    accessibilityLabel,
+    cancelButtonLabel,
+    clearAccessibilityLabel,
+    onChangeText,
+    placeholder,
+    value = "",
+    autoFocus,
+    pressable,
+    testID
+  } = _ref;
+  const searchInputRef = useRef(null);
+
+  /* Component visual attributes */
+  const theme = useIOTheme();
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  const inputCaretColor = IOColors[theme["interactiveElem-default"]];
+
+  /* Widths used for the transition:
+     - `SearchInput` entire width
+     - `Cancel` button */
+  const inputWidth = useMemo(() => Dimensions.get("window").width - IOVisualCostants.appMarginDefault * 2, []);
+  const [cancelButtonWidth, setCancelButtonWidth] = useState(0);
+  const getCancelButtonWidth = _ref2 => {
+    let {
+      nativeEvent
+    } = _ref2;
+    setCancelButtonWidth(nativeEvent.layout.width);
+  };
+  const inputWidthWithCancel = useMemo(() => inputWidth - cancelButtonWidth, [inputWidth, cancelButtonWidth]);
+
+  /* Reanimated styles */
+  const inputAnimatedWidth = useSharedValue(inputWidth);
+  const isFocused = useSharedValue(0);
+
+  /* Applied to the `SearchInput` */
+  const animatedStyle = useAnimatedStyle(() => ({
+    width: withTiming(inputAnimatedWidth.value, inputWithTimingConfig),
+    backgroundColor: interpolateColor(isFocused.value, [0, 1], [inputBgColorDefault, inputBgColorFocused])
+  }));
+
+  /* Applied to the `Cancel` button */
+  const cancelButtonAnimatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: interpolate(isFocused.value, [0, 1], [cancelButtonWidth + IOVisualCostants.appMarginDefault, 0], Extrapolate.CLAMP)
+    }],
+    opacity: interpolate(isFocused.value, [0, 1], [0.5, 1])
+  }));
+
+  /* Applied to the `Clear` button inside the `SearchInput` */
+  const clearButtonAnimatedStyle = useAnimatedStyle(() => {
+    const showClearButton = value.length > 0;
+    return {
+      transform: [{
+        scale: showClearButton ? withTiming(1, inputWithTimingConfig) : withTiming(0.5, inputWithTimingConfig)
+      }],
+      opacity: withTiming(showClearButton ? 1 : 0, inputWithTimingConfig)
+    };
+  }, [value]);
+
+  /* Related event handlers */
+  const handleFocus = () => {
+    isFocused.value = withTiming(1, inputWithTimingConfig);
+    inputAnimatedWidth.value = inputWidthWithCancel;
+  };
+  const handleBlur = () => {
+    isFocused.value = withTiming(0, inputWithTimingConfig);
+    inputAnimatedWidth.value = inputWidth;
+  };
+  const cancel = useCallback(() => {
+    var _searchInputRef$curre, _searchInputRef$curre2;
+    onChangeText === null || onChangeText === void 0 || onChangeText("");
+    (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.clear();
+    (_searchInputRef$curre2 = searchInputRef.current) === null || _searchInputRef$curre2 === void 0 || _searchInputRef$curre2.blur();
+  }, [onChangeText]);
+  const clear = useCallback(() => {
+    var _searchInputRef$curre3;
+    onChangeText === null || onChangeText === void 0 || onChangeText("");
+    (_searchInputRef$curre3 = searchInputRef.current) === null || _searchInputRef$curre3 === void 0 || _searchInputRef$curre3.clear();
+  }, [onChangeText]);
+  const handleChangeText = useCallback(text => onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text), [onChangeText]);
+  const renderSearchBar = () => /*#__PURE__*/React.createElement(Animated.View, {
+    style: styles.searchBar
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.searchInput, animatedStyle],
+    pointerEvents: pressable ? "none" : "auto"
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.iconContainer
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "search",
+    size: iconSize,
+    color: iconColor
+  })), /*#__PURE__*/React.createElement(AnimatedTextInput, {
+    testID: testID,
+    ref: searchInputRef,
+    inputMode: "search",
+    returnKeyType: "search",
+    accessibilityRole: "search",
+    accessibilityLabel: accessibilityLabel,
+    style: [styles.textInput, Platform.OS === "ios" ? styles.textInputIOS : styles.textInputAndroid, isExperimental ? styles.placeholder : styles.placeholderLegacy],
+    selectionColor: inputCaretColor,
+    cursorColor: inputCaretColor,
+    placeholder: placeholder,
+    placeholderTextColor: inputColorPlaceholder,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onChangeText: handleChangeText,
+    value: value,
+    autoFocus: autoFocus
+  }), /*#__PURE__*/React.createElement(AnimatedPressable, {
+    style: [styles.clearButton, clearButtonAnimatedStyle],
+    onPress: clear,
+    accessibilityLabel: clearAccessibilityLabel,
+    accessibilityRole: "button",
+    hitSlop: 16
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "closeSmall",
+    size: iconCloseSize,
+    color: iconColor
+  }))), /*#__PURE__*/React.createElement(Animated.View, {
+    onLayout: getCancelButtonWidth,
+    style: [styles.cancelButton, cancelButtonAnimatedStyle]
+  }, /*#__PURE__*/React.createElement(ButtonLink, {
+    label: cancelButtonLabel,
+    onPress: cancel
+  })));
+  return pressable ? /*#__PURE__*/React.createElement(Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: placeholder,
+    onPress: pressable === null || pressable === void 0 ? void 0 : pressable.onPress
+  }, renderSearchBar()) : renderSearchBar();
+};
+const styles = StyleSheet.create({
+  searchBar: {
+    width: "100%",
+    flexDirection: "row",
+    justifyContent: "flex-start",
+    alignItems: "center"
+  },
+  searchInput: {
+    flexShrink: 0,
+    borderRadius: inputRadius,
+    borderCurve: "continuous",
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: inputPaddingHorizontal,
+    paddingRight: inputPaddingClearButton
+  },
+  textInput: {
+    flexShrink: 1,
+    flexGrow: 1
+  },
+  textInputIOS: {
+    height: inputHeightIOS
+  },
+  textInputAndroid: {
+    height: inputHeightAndroid
+  },
+  iconContainer: {
+    marginRight: iconMargin
+  },
+  placeholder: {
+    fontSize: inputFontSizePlaceholder,
+    ...makeFontStyleObject("Regular", false, "ReadexPro")
+  },
+  placeholderLegacy: {
+    fontSize: inputFontSizePlaceholder,
+    ...makeFontStyleObject("Regular", false, "TitilliumWeb")
+  },
+  cancelButton: {
+    position: "absolute",
+    right: 0,
+    paddingLeft: cancelButtonMargin
+  },
+  clearButton: {
+    marginLeft: iconMargin
+  }
+});
+//# sourceMappingURL=SearchInput.js.map

package/lib/module/components/searchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useRef","useState","Dimensions","Platform","Pressable","StyleSheet","TextInput","View","Animated","Easing","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOVisualCostants","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","ButtonLink","Icon","inputPaddingHorizontal","inputPaddingClearButton","inputRadius","inputBgColorDefault","inputBgColorFocused","inputColorPlaceholder","iconMargin","iconColor","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","inputHeightIOS","inputHeightAndroid","AnimatedTextInput","createAnimatedComponent","AnimatedPressable","inputWithTimingConfig","duration","easing","inOut","cubic","SearchInput","_ref","accessibilityLabel","cancelButtonLabel","clearAccessibilityLabel","onChangeText","placeholder","value","autoFocus","pressable","testID","searchInputRef","theme","isExperimental","inputCaretColor","inputWidth","get","width","appMarginDefault","cancelButtonWidth","setCancelButtonWidth","getCancelButtonWidth","_ref2","nativeEvent","layout","inputWidthWithCancel","inputAnimatedWidth","isFocused","animatedStyle","backgroundColor","cancelButtonAnimatedStyle","transform","translateX","CLAMP","opacity","clearButtonAnimatedStyle","showClearButton","length","scale","handleFocus","handleBlur","cancel","_searchInputRef$curre","_searchInputRef$curre2","current","clear","blur","_searchInputRef$curre3","handleChangeText","text","renderSearchBar","createElement","style","styles","searchBar","searchInput","pointerEvents","iconContainer","name","size","color","ref","inputMode","returnKeyType","accessibilityRole","textInput","OS","textInputIOS","textInputAndroid","placeholderLegacy","selectionColor","cursorColor","placeholderTextColor","onFocus","onBlur","clearButton","onPress","hitSlop","onLayout","cancelButton","label","create","flexDirection","justifyContent","alignItems","flexShrink","borderRadius","borderCurve","paddingLeft","paddingRight","flexGrow","height","marginRight","fontSize","position","right","marginLeft"],"sourceRoot":"../../../../src","sources":["components/searchInput/SearchInput.tsx"],"mappings":"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"}

package/lib/module/components/searchInput/index.js

@@ -0,0 +1,2 @@
+export * from "./SearchInput";
+//# sourceMappingURL=index.js.map

package/lib/module/components/searchInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/searchInput/index.tsx"],"mappings":"AAAA,cAAc,eAAe"}

package/lib/module/images.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=images.d.js.map

package/lib/module/images.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["images.d.ts"],"mappings":""}

package/lib/typescript/components/avatar/Avatar.d.ts

@@ -1,10 +1,6 @@
-import * as React from "react";
-import { ImageRequireSource, ImageURISource } from "react-native";
+import React, { ComponentProps } from "react";
+import { Image, ImageRequireSource, ImageURISource } from "react-native";
 type Avatar = {
-    /**
-     * @deprecated Only `square` shape variant accepted
-     */
-    shape?: "circle" | "square";
     size: "small" | "medium";
     logoUri?: ImageRequireSource | ImageURISource | ReadonlyArray<ImageURISource>;
 };
@@ -17,5 +13,15 @@ type Avatar = {
  * @returns
  */
 export declare const Avatar: ({ logoUri, size }: Avatar) => React.JSX.Element;
+export type AvatarSearchProps = Pick<ComponentProps<typeof Image>, "source" | "defaultSource">;
+/**
+ * AvatarSearch component is used to display the logo of an institution in the search results.
+ * A placeholder is displayed if the logo is not available.
+ * Note: On Android, the default source prop is ignored on debug builds.
+ *
+ * @param AvatarSearchProps
+ * @returns
+ */
+export declare const AvatarSearch: React.MemoExoticComponent<({ defaultSource, source }: AvatarSearchProps) => React.JSX.Element>;
 export {};
 //# sourceMappingURL=Avatar.d.ts.map

package/lib/typescript/components/avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,kBAAkB,EAClB,cAAc,EAGf,MAAM,cAAc,CAAC;AAWtB,KAAK,MAAM,GAAG;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,GAAG,cAAc,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;CAC/E,CAAC;AA0CF;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,sBAAuB,MAAM,sBAoE/C,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACL,KAAK,EACL,kBAAkB,EAClB,cAAc,EAGf,MAAM,cAAc,CAAC;AAYtB,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,GAAG,cAAc,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;CAC/E,CAAC;AA0CF;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,sBAAuB,MAAM,sBAoE/C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,cAAc,CAAC,OAAO,KAAK,CAAC,EAC5B,QAAQ,GAAG,eAAe,CAC3B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,wDACK,iBAAiB,uBAkC9C,CAAC"}

package/lib/typescript/components/divider/Divider.d.ts

@@ -1,10 +1,6 @@
 import React from "react";
 /**
-Horizontal Divider component
+Horizontal `Divider` component
  */
 export declare const Divider: () => React.JSX.Element;
-/**
-Vertical Divider component
- */
-export declare const VDivider: () => React.JSX.Element;
 //# sourceMappingURL=Divider.d.ts.map

package/lib/typescript/components/divider/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA2B1B;;GAEG;AACH,eAAO,MAAM,OAAO,yBAAmD,CAAC;AACxE;;GAEG;AACH,eAAO,MAAM,QAAQ,yBAAiD,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;GAEG;AACH,eAAO,MAAM,OAAO,yBAWnB,CAAC"}

package/lib/typescript/components/index.d.ts

@@ -8,7 +8,6 @@ export * from "./checkbox";
 export * from "./codeInput";
 export * from "./contentWrapper";
 export * from "./divider";
-export * from "./endOfPage";
 export * from "./featureInfo";
 export * from "./icons";
 export * from "./image";
@@ -29,6 +28,7 @@ export * from "./switch";
 export * from "./tabs";
 export * from "./tag";
 export * from "./textInput";
+export * from "./searchInput";
 export * from "./toast";
 export * from "./typography";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

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

@@ -9,9 +9,11 @@ type ScrollValues = {
 type BackProps = {
     goBack: () => void;
     backAccessibilityLabel: string;
+    backTestID?: string;
 } | {
     goBack?: never;
     backAccessibilityLabel?: never;
+    backTestID?: never;
 };
 type CommonProps = WithTestID<{
     scrollValues?: ScrollValues;
@@ -49,6 +51,6 @@ export type HeaderSecondLevel = BackProps & (Base | OneAction | TwoActions | Thr
  * @param {HeaderSecondLevel} props - The props of the component
  * @returns React Element
  */
-export declare const HeaderSecondLevel: ({ scrollValues, goBack, backAccessibilityLabel, title, type, transparent, isModal, testID, firstAction, secondAction, thirdAction }: HeaderSecondLevel) => React.JSX.Element;
+export declare const HeaderSecondLevel: ({ scrollValues, goBack, backAccessibilityLabel, backTestID, title, type, transparent, isModal, testID, firstAction, secondAction, thirdAction }: HeaderSecondLevel) => React.JSX.Element;
 export default HeaderSecondLevel;
 //# sourceMappingURL=HeaderSecondLevel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;CAChC,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;CAChC,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,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,UAAU,CAAC;IACxB,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,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAiCjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,wIAY3B,iBAAiB,sBA0HnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,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,UAAU,CAAC;IACxB,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,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAiCjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,oJAa3B,iBAAiB,sBA2HnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/components/pictograms/Pictogram.d.ts

@@ -83,6 +83,7 @@ export declare const IOPictograms: {
     hello: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
     comunicationProblem: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
     payments: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
+    workInProgress: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
     ibanCard: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
     followMessage: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
     manual: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
@@ -99,7 +100,7 @@ type IOPictogramsProps = {
     size?: IOPictogramSizeScale | "100%";
 };
 export declare const Pictogram: ({ name, color, pictogramStyle, size, ...props }: IOPictogramsProps) => React.JSX.Element;
-export type IOPictogramsBleed = Extract<"empty" | "charity" | "attention" | "message" | "help" | "feedback" | "idea" | "itWallet" | "security" | "feature" | "cie" | "identity" | "identityAdd" | "identityCheck" | "identityRefresh" | "cameraRequest" | "cameraDenied" | "cardAdd" | "cardFavourite" | "cardQuestion" | "cardIssue" | "accessDenied" | "stopSecurity" | "time" | "pending" | "ended" | "timing" | "searchLens" | "passcode" | "success" | "fatalError" | "notification" | "star" | "doc" | "notification" | "star" | "qrCode" | "lostConnection" | "payments" | "activate" | "reactivate", IOPictograms>;
+export type IOPictogramsBleed = Extract<"empty" | "charity" | "attention" | "message" | "help" | "feedback" | "idea" | "itWallet" | "security" | "feature" | "cie" | "identity" | "identityAdd" | "identityCheck" | "identityRefresh" | "cameraRequest" | "cameraDenied" | "cardAdd" | "cardFavourite" | "cardQuestion" | "cardIssue" | "accessDenied" | "stopSecurity" | "time" | "pending" | "ended" | "timing" | "searchLens" | "passcode" | "success" | "fatalError" | "notification" | "star" | "doc" | "notification" | "star" | "qrCode" | "lostConnection" | "payments" | "activate" | "reactivate" | "workInProgress", IOPictograms>;
 export declare const IOPictogramsBleed: {
     [key in IOPictogramsBleed]: ({ size }: SVGPictogramProps) => JSX.Element;
 };

package/lib/typescript/components/pictograms/Pictogram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../../../src/components/pictograms/Pictogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAyC,MAAM,YAAY,CAAC;AAmI7E,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AAErD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAIjB,cAAc,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;IAC9D,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;CACtC,CAAC;AAQF,eAAO,MAAM,SAAS,oDAMnB,iBAAiB,sBAgCnB,CAAC;AAUF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,KAAK,GACL,UAAU,GACV,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,SAAS,GACT,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,SAAS,GACT,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,cAAc,GACd,MAAM,GACN,QAAQ,GACR,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,EACd,YAAY,CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE;KAC7B,GAAG,IAAI,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO;CAyCzE,CAAC;AAEF,eAAO,MAAM,cAAc,oDAMxB,iBAAiB,sBAiCnB,CAAC;AAOF,eAAO,MAAM,kBAAkB;;;;;;;;CAQrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAoCjE,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC"}
+{"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../../../src/components/pictograms/Pictogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAyC,MAAM,YAAY,CAAC;AAqI7E,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8FxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AAErD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAIjB,cAAc,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;IAC9D,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;CACtC,CAAC;AAQF,eAAO,MAAM,SAAS,oDAMnB,iBAAiB,sBAgCnB,CAAC;AAUF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,KAAK,GACL,UAAU,GACV,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,SAAS,GACT,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,SAAS,GACT,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,cAAc,GACd,MAAM,GACN,QAAQ,GACR,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,gBAAgB,EAClB,YAAY,CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE;KAC7B,GAAG,IAAI,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO;CA0CzE,CAAC;AAEF,eAAO,MAAM,cAAc,oDAMxB,iBAAiB,sBAiCnB,CAAC;AAOF,eAAO,MAAM,kBAAkB;;;;;;;;CAQrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAoCjE,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC"}

package/lib/typescript/components/pictograms/svg/PictogramBleedWorkInProgress.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SVGPictogramProps } from "../types";
+declare const PictogramBleedWorkInProgress: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
+export default PictogramBleedWorkInProgress;
+//# sourceMappingURL=PictogramBleedWorkInProgress.d.ts.map

package/lib/typescript/components/pictograms/svg/PictogramBleedWorkInProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PictogramBleedWorkInProgress.d.ts","sourceRoot":"","sources":["../../../../../src/components/pictograms/svg/PictogramBleedWorkInProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,4BAA4B,oCAI/B,iBAAiB,sBAmDnB,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/lib/typescript/components/pictograms/svg/PictogramWorkInProgress.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SVGPictogramProps } from "../types";
+declare const PictogramWorkInProgress: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
+export default PictogramWorkInProgress;
+//# sourceMappingURL=PictogramWorkInProgress.d.ts.map

package/lib/typescript/components/pictograms/svg/PictogramWorkInProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PictogramWorkInProgress.d.ts","sourceRoot":"","sources":["../../../../../src/components/pictograms/svg/PictogramWorkInProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,uBAAuB,oCAI1B,iBAAiB,sBAmDnB,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/lib/typescript/components/searchInput/SearchInput.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { GestureResponderEvent, TextInputProps } from "react-native";
+import { WithTestID } from "src/utils/types";
+type SearchInputPressableProps = {
+    onPress: (event: GestureResponderEvent) => void;
+};
+type SearchInputActionProps = {
+    pressable: SearchInputPressableProps;
+    onChangeText?: never;
+    value?: never;
+} | {
+    pressable?: never;
+    onChangeText: (value: string) => void;
+    value: string;
+};
+type SearchInputProps = WithTestID<{
+    accessibilityLabel: TextInputProps["accessibilityLabel"];
+    cancelButtonLabel: string;
+    clearAccessibilityLabel: string;
+    placeholder: TextInputProps["placeholder"];
+    autoFocus?: TextInputProps["autoFocus"];
+}> & SearchInputActionProps;
+export declare const SearchInput: ({ accessibilityLabel, cancelButtonLabel, clearAccessibilityLabel, onChangeText, placeholder, value, autoFocus, pressable, testID }: SearchInputProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=SearchInput.d.ts.map

package/lib/typescript/components/searchInput/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/searchInput/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGL,qBAAqB,EAOrB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA6B7C,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,KAAK,sBAAsB,GACvB;IACE,SAAS,EAAE,yBAAyB,CAAC;IACrC,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,KAAK,gBAAgB,GAAG,UAAU,CAAC;IACjC,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACzD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC,GACA,sBAAsB,CAAC;AAUzB,eAAO,MAAM,WAAW,uIAUrB,gBAAgB,sBAoKlB,CAAC"}

package/lib/typescript/components/searchInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SearchInput";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/searchInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/searchInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "1.36.15",
+  "version": "1.38.0",
   "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/avatar/Avatar.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React, { ComponentProps } from "react";
 import {
   Image,
   ImageRequireSource,
@@ -15,12 +15,9 @@ import {
   useIOTheme
 } from "../../core";
 import { addCacheTimestampToUri } from "../../utils/image";
+import avatarSearchPlaceholder from "./placeholder/avatar-placeholder.png";
 
 type Avatar = {
-  /**
-   * @deprecated Only `square` shape variant accepted
-   */
-  shape?: "circle" | "square";
   size: "small" | "medium";
   logoUri?: ImageRequireSource | ImageURISource | ReadonlyArray<ImageURISource>;
 };
@@ -142,3 +139,53 @@ export const Avatar = ({ logoUri, size }: Avatar) => {
     </View>
   );
 };
+
+export type AvatarSearchProps = Pick<
+  ComponentProps<typeof Image>,
+  "source" | "defaultSource"
+>;
+
+/**
+ * AvatarSearch component is used to display the logo of an institution in the search results.
+ * A placeholder is displayed if the logo is not available.
+ * Note: On Android, the default source prop is ignored on debug builds.
+ *
+ * @param AvatarSearchProps
+ * @returns
+ */
+export const AvatarSearch = React.memo(
+  ({ defaultSource, source }: AvatarSearchProps) => {
+    // Visual attributes
+    const avatarSize = dimensionsMap.small.size;
+    const borderRadius = dimensionsMap.small.radius;
+    const internalSpace = dimensionsMap.small.internalSpace;
+    const innerRadius = borderRadius - internalSpace;
+
+    return (
+      <View
+        accessibilityIgnoresInvertColors
+        style={[
+          styles.avatarWrapper,
+          {
+            borderRadius,
+            height: avatarSize,
+            width: avatarSize,
+            backgroundColor: IOColors.white,
+            padding: internalSpace
+          }
+        ]}
+      >
+        <View
+          style={[styles.avatarInnerWrapper, { borderRadius: innerRadius }]}
+        >
+          <Image
+            accessibilityIgnoresInvertColors
+            source={source}
+            style={styles.avatarImage}
+            defaultSource={defaultSource ?? avatarSearchPlaceholder}
+          />
+        </View>
+      </View>
+    );
+  }
+);