@pagopa/io-app-design-system 4.4.1 → 5.0.0-0

package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap

@@ -10,7 +10,7 @@ exports[`Test Typography Components Body Snapshot 1`] = `
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -58,7 +58,7 @@ exports[`Test Typography Components BodySmall Snapshot 1`] = `
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 14,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -81,7 +81,7 @@ exports[`Test Typography Components BodySmall Snapshot 2`] = `
       {},
       {
         "color": "#0073E6",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 14,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -104,7 +104,7 @@ exports[`Test Typography Components BodySmall Snapshot 3`] = `
       {},
       {
         "color": "#475A6D",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 14,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -127,7 +127,7 @@ exports[`Test Typography Components BodySmall Snapshot 4`] = `
       {},
       {
         "color": "#C02927",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 14,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -150,7 +150,7 @@ exports[`Test Typography Components BodySmall Snapshot 5`] = `
       {},
       {
         "color": "#FFFFFF",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 14,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -172,7 +172,7 @@ exports[`Test Typography Components CTA Snapshot 1`] = `
       {},
       {
         "color": "#FFFFFF",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -195,7 +195,7 @@ exports[`Test Typography Components H1 Snapshot 1`] = `
       {},
       {
         "color": "#0E0F13",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 28,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -218,7 +218,7 @@ exports[`Test Typography Components H1 Snapshot 2`] = `
       {},
       {
         "color": "#FFFFFF",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 28,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -241,8 +241,8 @@ exports[`Test Typography Components H2 Snapshot 1`] = `
       {},
       {
         "color": "#0E0F13",
-        "fontFamily": "Titillium Sans Pro",
-        "fontSize": 28,
+        "fontFamily": "Titillio",
+        "fontSize": 26,
         "fontStyle": "normal",
         "fontWeight": "600",
         "lineHeight": 34,
@@ -264,7 +264,7 @@ exports[`Test Typography Components H3 Snapshot 1`] = `
       {},
       {
         "color": "#0E0F13",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 22,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -287,7 +287,7 @@ exports[`Test Typography Components H3 Snapshot 2`] = `
       {},
       {
         "color": "#CCD4DC",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 22,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -310,7 +310,7 @@ exports[`Test Typography Components H3 Snapshot 3`] = `
       {},
       {
         "color": "#FFFFFF",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 22,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -333,7 +333,7 @@ exports[`Test Typography Components H3 Snapshot 4`] = `
       {},
       {
         "color": "#FFFFFF",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 22,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -356,7 +356,7 @@ exports[`Test Typography Components H3 Snapshot 5`] = `
       {},
       {
         "color": "#0E0F13",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 22,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -379,7 +379,7 @@ exports[`Test Typography Components H4 Snapshot 1`] = `
       {},
       {
         "color": "#0E0F13",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 20,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -402,7 +402,7 @@ exports[`Test Typography Components H4 Snapshot 2`] = `
       {},
       {
         "color": "#0073E6",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 20,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -425,7 +425,7 @@ exports[`Test Typography Components H4 Snapshot 3`] = `
       {},
       {
         "color": "#FFFFFF",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 20,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -451,7 +451,7 @@ exports[`Test Typography Components H5 Snapshot 1`] = `
       },
       {
         "color": "#0E0F13",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 14,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -477,7 +477,7 @@ exports[`Test Typography Components H5 Snapshot 2`] = `
       },
       {
         "color": "#475A6D",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 14,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -503,7 +503,7 @@ exports[`Test Typography Components H5 Snapshot 3`] = `
       },
       {
         "color": "#0073E6",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 14,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -529,7 +529,7 @@ exports[`Test Typography Components H5 Snapshot 4`] = `
       },
       {
         "color": "#FFFFFF",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 14,
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -552,8 +552,8 @@ exports[`Test Typography Components H6 Snapshot 1`] = `
       {},
       {
         "color": "#0E0F13",
-        "fontFamily": "Titillium Sans Pro",
-        "fontSize": 17,
+        "fontFamily": "Titillio",
+        "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "600",
         "lineHeight": 24,
@@ -579,7 +579,7 @@ exports[`Test Typography Components Link Snapshot 1`] = `
       },
       {
         "color": "#0B3EE3",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",

package/src/components/typography/markdown/MdH1.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIOExperimentalDesign, useIOTheme } from "../../../core";
+import { useIONewTypeface, useIOTheme } from "../../../core";
 import { IOText, IOTextProps, TypographicStyleProps } from "../IOText";
 
 /**
@@ -10,11 +10,11 @@ import { IOText, IOTextProps, TypographicStyleProps } from "../IOText";
 export const MdH1 = forwardRef<View, TypographicStyleProps>(
   ({ color: customColor, ...props }, ref?: ForwardedRef<View>) => {
     const theme = useIOTheme();
-    const { isExperimental } = useIOExperimentalDesign();
+    const { newTypefaceEnabled } = useIONewTypeface();
 
     const MdH1Props: IOTextProps = {
       ...props,
-      font: isExperimental ? "Titillio" : "TitilliumSansPro",
+      font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
       weight: "Semibold",
       size: 20,
       lineHeight: 24,

package/src/components/typography/markdown/MdH2.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIOExperimentalDesign, useIOTheme } from "../../../core";
+import { useIONewTypeface, useIOTheme } from "../../../core";
 import { IOText, IOTextProps, TypographicStyleProps } from "../IOText";
 
 /**
@@ -9,11 +9,11 @@ import { IOText, IOTextProps, TypographicStyleProps } from "../IOText";
 export const MdH2 = forwardRef<View, TypographicStyleProps>(
   ({ color: customColor, ...props }, ref?: ForwardedRef<View>) => {
     const theme = useIOTheme();
-    const { isExperimental } = useIOExperimentalDesign();
+    const { newTypefaceEnabled } = useIONewTypeface();
 
     const MdH2Props: IOTextProps = {
       ...props,
-      font: isExperimental ? "Titillio" : "TitilliumSansPro",
+      font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
       weight: "Semibold",
       size: 16,
       lineHeight: 24,

package/src/components/typography/markdown/MdH3.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIOExperimentalDesign, useIOTheme } from "../../../core";
+import { useIONewTypeface, useIOTheme } from "../../../core";
 import { IOText, IOTextProps, TypographicStyleProps } from "../IOText";
 
 /**
@@ -9,11 +9,11 @@ import { IOText, IOTextProps, TypographicStyleProps } from "../IOText";
 export const MdH3 = forwardRef<View, TypographicStyleProps>(
   ({ color: customColor, ...props }, ref?: ForwardedRef<View>) => {
     const theme = useIOTheme();
-    const { isExperimental } = useIOExperimentalDesign();
+    const { newTypefaceEnabled } = useIONewTypeface();
 
     const MdH3Props: IOTextProps = {
       ...props,
-      font: isExperimental ? "Titillio" : "TitilliumSansPro",
+      font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
       weight: "Regular",
       size: 16,
       lineHeight: 24,

package/src/core/IOColors.ts

@@ -338,13 +338,6 @@ export const IOThemeLight: IOTheme = {
   "pictogram-tint-tertiary": "blueIO-400"
 };
 
-export const IOThemeLightLegacy: IOTheme = {
-  ...IOThemeLight,
-  "appBackground-accent": "blue",
-  "interactiveElem-default": "blue",
-  "pictogram-hands": "blue"
-};
-
 export const IOThemeDark: IOTheme = {
   ...IOThemeLight,
   // General

package/src/core/IODSExperimentalContextProvider.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 
 type IOExperimentalContextType = {
   isExperimental: boolean;
@@ -24,7 +24,7 @@ export const IODSExperimentalContextProvider = ({
   children,
   isExperimentaEnabled
 }: React.PropsWithChildren<IOExperimentalContextProviderProps>) => {
-  const [isExperimental, setExperimental] = React.useState(
+  const [isExperimental, setExperimental] = useState(
     isExperimentaEnabled ?? false
   );
 

package/src/core/IONewTypefaceContextProvider.tsx

@@ -0,0 +1,37 @@
+import React, { PropsWithChildren, useState } from "react";
+
+type IONewTypefaceContextType = {
+  newTypefaceEnabled: boolean;
+  setNewTypefaceEnabled: (newTypefaceEnabled: boolean) => void;
+};
+/**
+ * Experimental Context for new UI Representations
+ */
+export const IONewTypefaceContext =
+  React.createContext<IONewTypefaceContextType>({
+    newTypefaceEnabled: true,
+    setNewTypefaceEnabled: () => void 0
+  });
+
+export const useIONewTypeface = () => React.useContext(IONewTypefaceContext);
+
+type IOExperimentalContextProviderProps = {
+  isNewTypefaceEnabled?: boolean;
+};
+
+export const IONewTypefaceContextProvider = ({
+  children,
+  isNewTypefaceEnabled
+}: PropsWithChildren<IOExperimentalContextProviderProps>) => {
+  const [newTypefaceEnabled, setNewTypefaceEnabled] = useState(
+    isNewTypefaceEnabled ?? true
+  );
+
+  return (
+    <IONewTypefaceContext.Provider
+      value={{ newTypefaceEnabled, setNewTypefaceEnabled }}
+    >
+      {children}
+    </IONewTypefaceContext.Provider>
+  );
+};

package/src/core/IOStyles.ts

@@ -104,7 +104,6 @@ export const IOStyles = StyleSheet.create({
 - Height for classic buttons
 - Width and height for icon buttons
 */
-const btnLegacySizeDefault = 40;
 const btnSizeLarge = 56;
 // NEW Design System
 const btnBorderRadius = 8;
@@ -116,46 +115,6 @@ export const iconBtnSizeSmall: number = 24;
 
 export const numberPadBtnSize: number = 56;
 
-export const IOButtonLegacyStyles = StyleSheet.create({
-  /* BaseButton, used in the:
-  ButtonSolid, ButtonOutline
-  */
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    textAlignVertical: "center", // Prop supported on Android only
-    /* Legacy visual properties. They will be replaced with
-    dynamic ones once NativeBase is gone */
-    borderRadius: 4,
-    paddingHorizontal: 16,
-    // Reset default visual parameters
-    elevation: 0
-    // Visual parameters based on the FontScale
-    // paddingVertical: PixelRatio.getFontScale() * 10,
-    // paddingHorizontal: PixelRatio.getFontScale() * 16,
-    // borderRadius: PixelRatio.getFontScale() * 8
-  },
-  buttonInner: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  /* Labels */
-  label: {
-    alignSelf: "center"
-  },
-  labelSizeDefault: {
-    fontSize: 16
-  },
-  /* Heights
-  Must be replaced with dynamic values, depending on the
-  fontScale parameter */
-  buttonSizeDefault: {
-    height: btnLegacySizeDefault
-  }
-});
-
 export const IOButtonStyles = StyleSheet.create({
   /* BaseButton, used in the:
   ButtonSolid, ButtonOutline
@@ -326,11 +285,6 @@ interface IOSwitchVisualParams {
   padding: number;
 }
 
-interface IOSelectionTickLegacyVisualParams {
-  borderColorOffState: IOColors;
-  bgColorOnState: IOColors;
-}
-
 export const IOSelectionTickVisualParams: IOSelectionTickVisualParams = {
   size: 24,
   borderWidth: 2,
@@ -350,12 +304,6 @@ export const IOSwitchVisualParams: IOSwitchVisualParams = {
   padding: 2
 };
 
-export const IOSelectionTickLegacyVisualParams: IOSelectionTickLegacyVisualParams =
-  {
-    borderColorOffState: "bluegrey",
-    bgColorOnState: "blue"
-  };
-
 interface IOSelectionListItemVisualParams {
   paddingVertical: IOSpacingScale;
   paddingHorizontal: IOAppMargin;

package/src/core/IOThemeContextProvider.tsx

@@ -1,15 +1,8 @@
-import React, { useMemo } from "react";
+import React from "react";
 import { Appearance } from "react-native";
-import {
-  IOTheme,
-  IOThemeDark,
-  IOThemeLight,
-  IOThemeLightLegacy
-} from "./IOColors";
-import { useIOExperimentalDesign } from "./IODSExperimentalContextProvider";
+import { IOTheme, IOThemeDark, IOThemeLight } from "./IOColors";
 
 export const IOThemes = { light: IOThemeLight, dark: IOThemeDark };
-export const legacyIOThemes = { light: IOThemeLightLegacy, dark: IOThemeDark };
 type IOThemeType = keyof typeof IOThemes;
 
 type IOThemeContextType = {
@@ -41,18 +34,12 @@ export const IOThemeContextProvider = ({
   const [currentTheme, setCurrentTheme] = React.useState<IOThemeType>(
     theme ?? "light"
   );
-  const { isExperimental } = useIOExperimentalDesign();
-
-  const themeMap = useMemo(
-    () => (isExperimental ? IOThemes : legacyIOThemes),
-    [isExperimental]
-  );
 
   return (
     <IOThemeContext.Provider
       value={{
         themeType: currentTheme,
-        theme: themeMap[currentTheme],
+        theme: IOThemes[currentTheme],
         setTheme: setCurrentTheme
       }}
     >

package/src/core/index.ts

@@ -4,5 +4,6 @@ export * from "./IOTransitions";
 export * from "./IOStyles";
 export * from "./IOShapes";
 export * from "./IOSpacing";
+export * from "./IONewTypefaceContextProvider";
 export * from "./IODSExperimentalContextProvider";
 export * from "./IOThemeContextProvider";

package/lib/commonjs/components/accordion/RawAccordion.js

@@ -1,93 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RawAccordion = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _IOStyles = require("../../core/IOStyles");
-var _Icon = require("../icons/Icon");
-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; }
-// TODO: handle external initial open/closed state
-
-const styles = _reactNative.StyleSheet.create({
-  headerIcon: {
-    alignSelf: "center"
-  },
-  row: {
-    ..._IOStyles.IOStyles.row,
-    justifyContent: "space-between"
-  },
-  internalHeader: {
-    flex: 1,
-    paddingRight: _IOStyles.IOVisualCostants.appMarginDefault
-  }
-});
-
-/**
- * Obtains the degree starting from the open state
- * @param isOpen
- */
-const getDegree = isOpen => isOpen ? "-90deg" : "-270deg";
-
-/**
- * The base accordion component, implements the opening and closing logic for viewing the children
- * @param props
- * @constructor
- */
-const RawAccordion = props => {
-  const [isOpen, setOpen] = (0, React.useState)(false);
-  const animatedController = (0, React.useRef)(new _reactNative.Animated.Value(1)).current;
-  const shouldAnimate = props.animated ?? true;
-  const headerStyle = props.headerStyle ?? {};
-  const accessibilityLabel = props.accessibilityLabel ? `${props.accessibilityLabel}, ` : "";
-  const arrowAngle = shouldAnimate ? animatedController.interpolate({
-    inputRange: [0, 1],
-    outputRange: ["0deg", "-180deg"]
-  }) : getDegree(isOpen);
-  (0, React.useEffect)(() => {
-    if (_reactNative.Platform.OS === "android") {
-      _reactNative.UIManager.setLayoutAnimationEnabledExperimental(shouldAnimate);
-    }
-  }, [shouldAnimate]);
-  const onPress = () => {
-    if (shouldAnimate) {
-      _reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.Presets.easeInEaseOut);
-      _reactNative.Animated.timing(animatedController, {
-        duration: 300,
-        toValue: isOpen ? 1 : 0,
-        useNativeDriver: true,
-        easing: _reactNative.Easing.linear
-      }).start();
-    }
-    setOpen(!isOpen);
-  };
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: _IOStyles.IOStyles.flex
-  }, /*#__PURE__*/React.createElement(_reactNative.TouchableWithoutFeedback, {
-    onPress: onPress,
-    accessible: true,
-    accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel + (isOpen ? "Paragrafo espanso" : "Paragrafo chiuso")
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.row, headerStyle]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.internalHeader
-  }, props.header), /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
-    testID: "ArrowAccordion",
-    style: {
-      ...styles.headerIcon,
-      transform: [{
-        rotateZ: arrowAngle
-      }]
-    }
-  }, /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: "chevronTop",
-    color: "blue",
-    size: 24
-  })))), isOpen && props.children);
-};
-exports.RawAccordion = RawAccordion;
-//# sourceMappingURL=RawAccordion.js.map

package/lib/commonjs/components/accordion/RawAccordion.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_IOStyles","_Icon","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","headerIcon","alignSelf","row","IOStyles","justifyContent","internalHeader","flex","paddingRight","IOVisualCostants","appMarginDefault","getDegree","isOpen","RawAccordion","props","setOpen","useState","animatedController","useRef","Animated","Value","current","shouldAnimate","animated","headerStyle","accessibilityLabel","arrowAngle","interpolate","inputRange","outputRange","useEffect","Platform","OS","UIManager","setLayoutAnimationEnabledExperimental","onPress","LayoutAnimation","configureNext","Presets","easeInEaseOut","timing","duration","toValue","useNativeDriver","easing","Easing","linear","start","createElement","View","style","TouchableWithoutFeedback","accessible","accessibilityRole","header","testID","transform","rotateZ","Icon","name","color","size","children","exports"],"sourceRoot":"../../../../src","sources":["components/accordion/RawAccordion.tsx"],"mappings":"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"}

package/lib/module/components/accordion/RawAccordion.js

@@ -1,86 +0,0 @@
-import * as React from "react";
-import { useEffect, useRef, useState } from "react";
-import { Animated, Easing, LayoutAnimation, Platform, StyleSheet, TouchableWithoutFeedback, UIManager, View } from "react-native";
-import { IOStyles, IOVisualCostants } from "../../core/IOStyles";
-import { Icon } from "../icons/Icon";
-
-// TODO: handle external initial open/closed state
-
-const styles = StyleSheet.create({
-  headerIcon: {
-    alignSelf: "center"
-  },
-  row: {
-    ...IOStyles.row,
-    justifyContent: "space-between"
-  },
-  internalHeader: {
-    flex: 1,
-    paddingRight: IOVisualCostants.appMarginDefault
-  }
-});
-
-/**
- * Obtains the degree starting from the open state
- * @param isOpen
- */
-const getDegree = isOpen => isOpen ? "-90deg" : "-270deg";
-
-/**
- * The base accordion component, implements the opening and closing logic for viewing the children
- * @param props
- * @constructor
- */
-export const RawAccordion = props => {
-  const [isOpen, setOpen] = useState(false);
-  const animatedController = useRef(new Animated.Value(1)).current;
-  const shouldAnimate = props.animated ?? true;
-  const headerStyle = props.headerStyle ?? {};
-  const accessibilityLabel = props.accessibilityLabel ? `${props.accessibilityLabel}, ` : "";
-  const arrowAngle = shouldAnimate ? animatedController.interpolate({
-    inputRange: [0, 1],
-    outputRange: ["0deg", "-180deg"]
-  }) : getDegree(isOpen);
-  useEffect(() => {
-    if (Platform.OS === "android") {
-      UIManager.setLayoutAnimationEnabledExperimental(shouldAnimate);
-    }
-  }, [shouldAnimate]);
-  const onPress = () => {
-    if (shouldAnimate) {
-      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
-      Animated.timing(animatedController, {
-        duration: 300,
-        toValue: isOpen ? 1 : 0,
-        useNativeDriver: true,
-        easing: Easing.linear
-      }).start();
-    }
-    setOpen(!isOpen);
-  };
-  return /*#__PURE__*/React.createElement(View, {
-    style: IOStyles.flex
-  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
-    onPress: onPress,
-    accessible: true,
-    accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel + (isOpen ? "Paragrafo espanso" : "Paragrafo chiuso")
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.row, headerStyle]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.internalHeader
-  }, props.header), /*#__PURE__*/React.createElement(Animated.View, {
-    testID: "ArrowAccordion",
-    style: {
-      ...styles.headerIcon,
-      transform: [{
-        rotateZ: arrowAngle
-      }]
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "chevronTop",
-    color: "blue",
-    size: 24
-  })))), isOpen && props.children);
-};
-//# sourceMappingURL=RawAccordion.js.map