@pagopa/io-app-design-system 5.11.11 → 5.11.13-0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "5.11.11",
+  "version": "5.11.13-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/templates/ForceScrollDownView.tsx

@@ -1,23 +1,20 @@
-import React, {
-  ComponentProps,
-  ReactNode,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import {
-  LayoutChangeEvent,
-  NativeScrollEvent,
-  NativeSyntheticEvent,
-  ScrollView,
-  ScrollViewProps,
-  StyleSheet
-} from "react-native";
+import React, { ComponentProps, ReactNode, useCallback } from "react";
+import { LayoutChangeEvent, ScrollViewProps, StyleSheet } from "react-native";
+import Animated, {
+  AnimatedRef,
+  interpolate,
+  runOnJS,
+  runOnUI,
+  scrollTo,
+  useAnimatedReaction,
+  useAnimatedRef,
+  useAnimatedStyle,
+  useScrollViewOffset,
+  useSharedValue,
+  withSpring
+} from "react-native-reanimated";
 import { IOSpringValues, IOVisualCostants } from "../../core";
 import { IconButtonSolid } from "../buttons";
-import { ScaleInOutAnimation } from "../common/ScaleInOutAnimation";
 import { FooterActions, useFooterActionsInlineMeasurements } from "../layout";
 
 type ForceScrollDownViewActions = {
@@ -54,6 +51,11 @@ export type ForceScrollDownView = {
    * is passed a boolean indicating whether the threshold has been crossed (`true`) or not (`false`).
    */
   onThresholdCrossed?: (crossed: boolean) => void;
+  /**
+   * Optional Animated ref to be used with `useScrollViewOffset`
+   * (outside this component)
+   */
+  animatedRef?: AnimatedRef<Animated.ScrollView>;
 } & ForceScrollDownViewSlot &
   Pick<
     ScrollViewProps,
@@ -73,9 +75,11 @@ const ForceScrollDownView = ({
   style,
   contentContainerStyle,
   scrollEnabled = true,
-  onThresholdCrossed
+  onThresholdCrossed,
+  animatedRef
 }: ForceScrollDownView) => {
-  const scrollViewRef = useRef<ScrollView>(null);
+  const internalAnimatedRef = useAnimatedRef<Animated.ScrollView>();
+  const scrollViewRef = animatedRef ?? internalAnimatedRef;
 
   const {
     footerActionsInlineMeasurements,
@@ -86,134 +90,98 @@ const ForceScrollDownView = ({
     ? footerActionsInlineMeasurements.safeBottomAreaHeight
     : customThreshold;
 
-  /**
-   * The height of the scroll view, used to determine whether or not the scrollable content fits inside
-   * the scroll view and whether the "scroll to bottom" button should be displayed.
-   */
-  const [scrollViewHeight, setScrollViewHeight] = useState<number>(0);
-
-  /**
-   * The height of the scrollable content, used to determine whether or not the "scroll to bottom" button
-   * should be displayed.
-   */
-  const [contentHeight, setContentHeight] = useState<number>(0);
-
-  /**
-   * Whether or not the scroll view has crossed the threshold from the bottom.
-   */
-  const [isThresholdCrossed, setThresholdCrossed] = useState(false);
-
   /**
    * Whether or not the "scroll to bottom" button should be visible. This is controlled by the threshold
    * and the current scroll position.
    */
-  const [isButtonVisible, setButtonVisible] = useState(true);
+  // const [isButtonVisible, setButtonVisible] = useState(true);
 
-  /**
-   * A callback that is called whenever the scroll view is scrolled. It checks whether or not the
-   * scroll view has crossed the threshold from the bottom and updates the state accordingly.
-   * The callback is designed to update button visibility only when crossing the threshold.
-   */
-  const handleScroll = useCallback(
-    (event: NativeSyntheticEvent<NativeScrollEvent>) => {
-      const { layoutMeasurement, contentOffset, contentSize } =
-        event.nativeEvent;
-
-      const thresholdCrossed =
-        layoutMeasurement.height + contentOffset.y >=
-        contentSize.height - (threshold ?? 0);
-
-      if (isThresholdCrossed !== thresholdCrossed) {
-        setThresholdCrossed(thresholdCrossed);
-        setButtonVisible(!thresholdCrossed);
+  const isButtonVisible = useSharedValue(1);
+  const scrollViewHeight = useSharedValue(0);
+  const contentHeight = useSharedValue(0);
+  const offsetY = useScrollViewOffset(scrollViewRef);
+
+  useAnimatedReaction(
+    () =>
+      scrollViewHeight.value + Math.max(offsetY.value, 0) >=
+      contentHeight.value - (threshold ?? 0),
+    (crossed, previous) => {
+      if (crossed !== previous) {
+        // eslint-disable-next-line functional/immutable-data
+        isButtonVisible.value = withSpring(
+          crossed && scrollEnabled ? 0 : 1,
+          IOSpringValues.button
+        );
+        if (onThresholdCrossed) {
+          runOnJS(onThresholdCrossed)(crossed);
+        }
       }
-    },
-    [threshold, isThresholdCrossed]
+    }
   );
 
-  /**
-   * A side effect that calls the `onThresholdCrossed` callback whenever the value of `isThresholdCrossed` changes.
-   */
-  useEffect(() => {
-    onThresholdCrossed?.(isThresholdCrossed);
-  }, [onThresholdCrossed, isThresholdCrossed]);
-
   /**
    * A callback that is called whenever the size of the scrollable content changes. It updates the
    * state with the new content height.
    */
   const handleContentSizeChange = useCallback(
-    (_contentWidth: number, contentHeight: number) => {
-      setContentHeight(contentHeight);
-    },
-    []
+    // eslint-disable-next-line functional/immutable-data
+    (_w: number, h: number) => (contentHeight.value = h),
+    [contentHeight]
   );
 
   /**
    * A callback that is called whenever the size of the scroll view changes. It updates the state
    * with the new scroll view height.
    */
-  const handleLayout = useCallback((event: LayoutChangeEvent) => {
-    setScrollViewHeight(event.nativeEvent.layout.height);
-  }, []);
+  const handleLayout = useCallback(
+    (event: LayoutChangeEvent) =>
+      // eslint-disable-next-line functional/immutable-data
+      (scrollViewHeight.value = event.nativeEvent.layout.height),
+    [scrollViewHeight]
+  );
 
   /**
    * A callback that is called when the "scroll to bottom" button is pressed. It scrolls the
    * scroll view to the bottom and hides the button.
    */
   const handleScrollDownPress = useCallback(() => {
-    setButtonVisible(false);
-    scrollViewRef.current?.scrollToEnd();
-  }, [scrollViewRef]);
+    runOnUI(() => {
+      "worklet";
+      // eslint-disable-next-line functional/immutable-data
+      isButtonVisible.value = withSpring(0, IOSpringValues.button);
+      const targetY = Math.max(0, contentHeight.value - scrollViewHeight.value);
+      scrollTo(scrollViewRef, 0, targetY, true);
+    })();
+  }, [scrollViewRef, contentHeight, scrollViewHeight, isButtonVisible]);
 
   /**
-   * Whether or not the "scroll to bottom" button needs to be displayed. It is only displayed
-   * when the scrollable content cannot fit inside the scroll view and the button is enabled
-   * (`scrollEnabled` is `true`).
+   * The "scroll to bottom" button component. It is wrapped in a reanimated View
+   * and has animated style applied to it.
    */
-  const needsScroll = useMemo(
-    () =>
-      scrollViewHeight > 0 &&
-      contentHeight > 0 &&
-      scrollViewHeight < contentHeight,
-    [scrollViewHeight, contentHeight]
-  );
 
-  /**
-   * Whether or not to render the "scroll to bottom" button. It is only rendered when the scroll view
-   * is enabled, needs to be scrolled, and the button is visible (`isButtonVisible` is `true`).
-   */
-  const shouldRenderScrollButton =
-    scrollEnabled && needsScroll && isButtonVisible;
+  const buttonTransitionStyle = useAnimatedStyle(() => ({
+    opacity: isButtonVisible.value,
+    transform: [{ scale: interpolate(isButtonVisible.value, [0, 1], [0.5, 1]) }]
+  }));
 
-  /**
-   * The "scroll to bottom" button component. It is wrapped in a reanimated view and has enter and exit
-   * animations applied to it.
-   */
   const scrollDownButton = (
-    <ScaleInOutAnimation
-      springConfig={IOSpringValues.button}
-      style={styles.scrollDownButton}
-      visible={shouldRenderScrollButton}
-    >
+    <Animated.View style={[styles.scrollDownButton, buttonTransitionStyle]}>
       <IconButtonSolid
         testID={"ScrollDownButton"}
         accessibilityLabel="Scroll to bottom"
         icon="arrowBottom"
         onPress={handleScrollDownPress}
       />
-    </ScaleInOutAnimation>
+    </Animated.View>
   );
 
   return (
     <>
-      <ScrollView
+      <Animated.ScrollView
         testID={"ScrollView"}
         ref={scrollViewRef}
         scrollEnabled={scrollEnabled}
         style={style}
-        onScroll={handleScroll}
-        scrollEventThrottle={8}
         onLayout={handleLayout}
         onContentSizeChange={handleContentSizeChange}
         contentContainerStyle={contentContainerStyle}
@@ -226,7 +194,7 @@ const ForceScrollDownView = ({
             fixed={false}
           />
         )}
-      </ScrollView>
+      </Animated.ScrollView>
       {scrollDownButton}
     </>
   );

package/src/components/toast/ToastProvider.tsx

@@ -2,6 +2,7 @@ import { throttle } from "lodash";
 import React from "react";
 import {
   AccessibilityInfo,
+  Platform,
   SafeAreaView,
   StyleSheet,
   View
@@ -12,6 +13,7 @@ import Animated, {
   SlideInUp,
   SlideOutUp
 } from "react-native-reanimated";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { IOVisualCostants } from "../../core";
 import { triggerHaptic } from "../../functions";
 import { Dismissable } from "../templates";
@@ -116,10 +118,20 @@ export const ToastProvider = ({ children }: ToastProviderProps) => {
     [addToast, removeToast, removeAllToasts]
   );
 
+  const insets = useSafeAreaInsets();
+
   return (
     <ToastContext.Provider value={contextValue as ToastContext}>
       <InitializeToastRef />
-      <SafeAreaView style={styles.container} pointerEvents="box-none">
+      <SafeAreaView
+        style={[
+          styles.container,
+          {
+            paddingTop: Platform.OS === "android" ? insets.top : 0
+          }
+        ]}
+        pointerEvents="box-none"
+      >
         <View
           style={{ padding: IOVisualCostants.appMarginDefault }}
           pointerEvents="box-none"

package/lib/commonjs/components/templates/__test__/ForceScrollDownView.test.js

@@ -1,115 +0,0 @@
-"use strict";
-
-var _reactNative = require("@testing-library/react-native");
-var _react = _interopRequireDefault(require("react"));
-var _reactNative2 = require("react-native");
-var _ForceScrollDownView = require("../ForceScrollDownView");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable functional/immutable-data */
-
-const tContent = "Some content";
-describe("ForceScrollDownView", () => {
-  jest.useFakeTimers();
-  it("should match snapshot", () => {
-    const tChildren = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.Text, {
-      children: tContent
-    });
-    const component = (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ForceScrollDownView.ForceScrollDownView, {
-      threshold: 100,
-      children: tChildren
-    }));
-    expect(component).toMatchSnapshot();
-  });
-  it("renders the content correctly", () => {
-    const tChildren = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.Text, {
-      children: tContent
-    });
-    const {
-      getByText
-    } = (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ForceScrollDownView.ForceScrollDownView, {
-      threshold: 100,
-      children: tChildren
-    }));
-    expect(getByText(tContent)).toBeDefined();
-  });
-  it("displays the scroll down button when necessary", async () => {
-    const tChildren = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.Text, {
-      children: tContent
-    });
-    const tScreenHeight = 1000;
-    const {
-      getByTestId,
-      queryByTestId
-    } = (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ForceScrollDownView.ForceScrollDownView, {
-      threshold: 100,
-      children: tChildren
-    }));
-    const scrollView = getByTestId("ScrollView");
-
-    // Update scroll view height
-    (0, _reactNative.fireEvent)(scrollView, "layout", {
-      nativeEvent: {
-        layout: {
-          height: tScreenHeight
-        }
-      }
-    });
-
-    // Update scroll view content height
-    (0, _reactNative.fireEvent)(scrollView, "contentSizeChange", null, tScreenHeight - 500);
-
-    // Button should not be visible because content does not need scrolling
-    const buttonBefore = queryByTestId("ScrollDownButton");
-    expect(buttonBefore).toBeNull();
-
-    // Increase content height to force button to be shown
-    (0, _reactNative.fireEvent)(scrollView, "contentSizeChange", null, tScreenHeight + 500);
-    jest.advanceTimersByTime(500);
-
-    // Button should be visible now beacuse content needs scrolling
-    const buttonAfter = queryByTestId("ScrollDownButton");
-    expect(buttonAfter).not.toBeNull();
-  });
-  it("scrolls to the bottom when the button is pressed", () => {
-    const tChildren = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.Text, {
-      children: tContent
-    });
-    const tScreenHeight = 1000;
-    const {
-      getByTestId,
-      queryByTestId
-    } = (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ForceScrollDownView.ForceScrollDownView, {
-      threshold: 100,
-      children: tChildren
-    }));
-    const scrollView = getByTestId("ScrollView");
-
-    // Update scroll view height
-    (0, _reactNative.fireEvent)(scrollView, "layout", {
-      nativeEvent: {
-        layout: {
-          height: tScreenHeight
-        }
-      }
-    });
-
-    // Update scroll view content height
-    (0, _reactNative.fireEvent)(scrollView, "contentSizeChange", null, tScreenHeight + 500);
-
-    // Button should be visible
-    const buttonBefore = getByTestId("ScrollDownButton");
-    expect(buttonBefore).not.toBeNull();
-
-    // Fire button press event
-    _reactNative.fireEvent.press(buttonBefore);
-
-    // Wait for the scroll animation
-    jest.advanceTimersByTime(500);
-
-    // Button should not be visible after scrolling
-    const buttonAfter = queryByTestId("ScrollDownButton");
-    expect(buttonAfter).toBeNull();
-  });
-});
-//# sourceMappingURL=ForceScrollDownView.test.js.map

package/lib/commonjs/components/templates/__test__/ForceScrollDownView.test.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNative2","_ForceScrollDownView","_jsxRuntime","e","__esModule","default","tContent","describe","jest","useFakeTimers","it","tChildren","jsx","Text","children","component","render","ForceScrollDownView","threshold","expect","toMatchSnapshot","getByText","toBeDefined","tScreenHeight","getByTestId","queryByTestId","scrollView","fireEvent","nativeEvent","layout","height","buttonBefore","toBeNull","advanceTimersByTime","buttonAfter","not","press"],"sourceRoot":"../../../../../src","sources":["components/templates/__test__/ForceScrollDownView.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/templates/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap

@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ForceScrollDownView should match snapshot 1`] = `
-<RCTScrollView
-  onContentSizeChange={[Function]}
-  onLayout={[Function]}
-  onScroll={[Function]}
-  scrollEnabled={true}
-  scrollEventThrottle={8}
-  testID="ScrollView"
->
-  <View>
-    <Text>
-      Some content
-    </Text>
-  </View>
-</RCTScrollView>
-`;

package/lib/module/components/templates/__test__/ForceScrollDownView.test.js

@@ -1,113 +0,0 @@
-"use strict";
-
-/* eslint-disable functional/immutable-data */
-import { fireEvent, render } from "@testing-library/react-native";
-import React from "react";
-import { Text } from "react-native";
-import { ForceScrollDownView } from "../ForceScrollDownView";
-import { jsx as _jsx } from "react/jsx-runtime";
-const tContent = "Some content";
-describe("ForceScrollDownView", () => {
-  jest.useFakeTimers();
-  it("should match snapshot", () => {
-    const tChildren = /*#__PURE__*/_jsx(Text, {
-      children: tContent
-    });
-    const component = render(/*#__PURE__*/_jsx(ForceScrollDownView, {
-      threshold: 100,
-      children: tChildren
-    }));
-    expect(component).toMatchSnapshot();
-  });
-  it("renders the content correctly", () => {
-    const tChildren = /*#__PURE__*/_jsx(Text, {
-      children: tContent
-    });
-    const {
-      getByText
-    } = render(/*#__PURE__*/_jsx(ForceScrollDownView, {
-      threshold: 100,
-      children: tChildren
-    }));
-    expect(getByText(tContent)).toBeDefined();
-  });
-  it("displays the scroll down button when necessary", async () => {
-    const tChildren = /*#__PURE__*/_jsx(Text, {
-      children: tContent
-    });
-    const tScreenHeight = 1000;
-    const {
-      getByTestId,
-      queryByTestId
-    } = render(/*#__PURE__*/_jsx(ForceScrollDownView, {
-      threshold: 100,
-      children: tChildren
-    }));
-    const scrollView = getByTestId("ScrollView");
-
-    // Update scroll view height
-    fireEvent(scrollView, "layout", {
-      nativeEvent: {
-        layout: {
-          height: tScreenHeight
-        }
-      }
-    });
-
-    // Update scroll view content height
-    fireEvent(scrollView, "contentSizeChange", null, tScreenHeight - 500);
-
-    // Button should not be visible because content does not need scrolling
-    const buttonBefore = queryByTestId("ScrollDownButton");
-    expect(buttonBefore).toBeNull();
-
-    // Increase content height to force button to be shown
-    fireEvent(scrollView, "contentSizeChange", null, tScreenHeight + 500);
-    jest.advanceTimersByTime(500);
-
-    // Button should be visible now beacuse content needs scrolling
-    const buttonAfter = queryByTestId("ScrollDownButton");
-    expect(buttonAfter).not.toBeNull();
-  });
-  it("scrolls to the bottom when the button is pressed", () => {
-    const tChildren = /*#__PURE__*/_jsx(Text, {
-      children: tContent
-    });
-    const tScreenHeight = 1000;
-    const {
-      getByTestId,
-      queryByTestId
-    } = render(/*#__PURE__*/_jsx(ForceScrollDownView, {
-      threshold: 100,
-      children: tChildren
-    }));
-    const scrollView = getByTestId("ScrollView");
-
-    // Update scroll view height
-    fireEvent(scrollView, "layout", {
-      nativeEvent: {
-        layout: {
-          height: tScreenHeight
-        }
-      }
-    });
-
-    // Update scroll view content height
-    fireEvent(scrollView, "contentSizeChange", null, tScreenHeight + 500);
-
-    // Button should be visible
-    const buttonBefore = getByTestId("ScrollDownButton");
-    expect(buttonBefore).not.toBeNull();
-
-    // Fire button press event
-    fireEvent.press(buttonBefore);
-
-    // Wait for the scroll animation
-    jest.advanceTimersByTime(500);
-
-    // Button should not be visible after scrolling
-    const buttonAfter = queryByTestId("ScrollDownButton");
-    expect(buttonAfter).toBeNull();
-  });
-});
-//# sourceMappingURL=ForceScrollDownView.test.js.map

package/lib/module/components/templates/__test__/ForceScrollDownView.test.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["fireEvent","render","React","Text","ForceScrollDownView","jsx","_jsx","tContent","describe","jest","useFakeTimers","it","tChildren","children","component","threshold","expect","toMatchSnapshot","getByText","toBeDefined","tScreenHeight","getByTestId","queryByTestId","scrollView","nativeEvent","layout","height","buttonBefore","toBeNull","advanceTimersByTime","buttonAfter","not","press"],"sourceRoot":"../../../../../src","sources":["components/templates/__test__/ForceScrollDownView.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/templates/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap

@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ForceScrollDownView should match snapshot 1`] = `
-<RCTScrollView
-  onContentSizeChange={[Function]}
-  onLayout={[Function]}
-  onScroll={[Function]}
-  scrollEnabled={true}
-  scrollEventThrottle={8}
-  testID="ScrollView"
->
-  <View>
-    <Text>
-      Some content
-    </Text>
-  </View>
-</RCTScrollView>
-`;

package/lib/typescript/components/templates/__test__/ForceScrollDownView.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ForceScrollDownView.test.d.ts.map

package/lib/typescript/components/templates/__test__/ForceScrollDownView.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ForceScrollDownView.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/__test__/ForceScrollDownView.test.tsx"],"names":[],"mappings":""}