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

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Animated","Easing","LayoutAnimation","Platform","StyleSheet","TouchableWithoutFeedback","UIManager","View","IOStyles","IOVisualCostants","Icon","styles","create","headerIcon","alignSelf","row","justifyContent","internalHeader","flex","paddingRight","appMarginDefault","getDegree","isOpen","RawAccordion","props","setOpen","animatedController","Value","current","shouldAnimate","animated","headerStyle","accessibilityLabel","arrowAngle","interpolate","inputRange","outputRange","OS","setLayoutAnimationEnabledExperimental","onPress","configureNext","Presets","easeInEaseOut","timing","duration","toValue","useNativeDriver","easing","linear","start","createElement","style","accessible","accessibilityRole","header","testID","transform","rotateZ","name","color","size","children"],"sourceRoot":"../../../../src","sources":["components/accordion/RawAccordion.tsx"],"mappings":"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"}

package/lib/typescript/components/accordion/RawAccordion.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { AccessibilityProps, View } from "react-native";
-type Props = {
-    header: React.ReactElement;
-    children: React.ReactElement;
-    animated?: boolean;
-    headerStyle?: React.ComponentProps<typeof View>["style"];
-    accessibilityLabel?: AccessibilityProps["accessibilityLabel"];
-};
-/**
- * The base accordion component, implements the opening and closing logic for viewing the children
- * @param props
- * @constructor
- */
-export declare const RawAccordion: React.FC<Props>;
-export {};
-//# sourceMappingURL=RawAccordion.d.ts.map

package/lib/typescript/components/accordion/RawAccordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawAccordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/RawAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,kBAAkB,EAQlB,IAAI,EACL,MAAM,cAAc,CAAC;AAKtB,KAAK,KAAK,GAAG;IAEX,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAE3B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAE7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IACzD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;CAC/D,CAAC;AAsBF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8DxC,CAAC"}

package/src/components/accordion/RawAccordion.tsx

@@ -1,116 +0,0 @@
-import * as React from "react";
-import { useEffect, useRef, useState } from "react";
-import {
-  AccessibilityProps,
-  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
-type Props = {
-  // The header component, an arrow indicating the open/closed state will be added on the right
-  header: React.ReactElement;
-  // The accordion component must accept one children
-  children: React.ReactElement;
-  // The component should be animated? default: true
-  animated?: boolean;
-  headerStyle?: React.ComponentProps<typeof View>["style"];
-  accessibilityLabel?: AccessibilityProps["accessibilityLabel"];
-};
-
-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: boolean) => (isOpen ? "-90deg" : "-270deg");
-
-/**
- * The base accordion component, implements the opening and closing logic for viewing the children
- * @param props
- * @constructor
- */
-export const RawAccordion: React.FC<Props> = props => {
-  const [isOpen, setOpen] = useState<boolean>(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 (
-    <View style={IOStyles.flex}>
-      <TouchableWithoutFeedback
-        onPress={onPress}
-        accessible={true}
-        accessibilityRole={"button"}
-        accessibilityLabel={
-          accessibilityLabel +
-          (isOpen ? "Paragrafo espanso" : "Paragrafo chiuso")
-        }
-      >
-        <View style={[styles.row, headerStyle]}>
-          <View style={styles.internalHeader}>{props.header}</View>
-          <Animated.View
-            testID={"ArrowAccordion"}
-            style={{
-              ...styles.headerIcon,
-              transform: [{ rotateZ: arrowAngle }]
-            }}
-          >
-            <Icon name="chevronTop" color="blue" size={24} />
-          </Animated.View>
-        </View>
-      </TouchableWithoutFeedback>
-      {isOpen && props.children}
-    </View>
-  );
-};