@pagopa/io-app-design-system 4.2.1 → 4.3.0

package/src/components/tabs/TabItem.tsx

@@ -1,25 +1,23 @@
-import React, { useMemo } from "react";
+import React, { useEffect, useMemo } from "react";
 import { GestureResponderEvent, Pressable, StyleSheet } from "react-native";
 import Animated, {
-  Extrapolate,
-  interpolate,
+  SharedValue,
   interpolateColor,
   useAnimatedStyle,
   useDerivedValue,
+  useReducedMotion,
   useSharedValue,
   withSpring
 } from "react-native-reanimated";
 import {
   IOColors,
-  IOScaleValues,
   IOSpringValues,
   hexToRgba,
   useIOExperimentalDesign
 } from "../../core";
-import { useSpringPressProgressValue } from "../../utils/hooks/useSpringPressProgressValue";
+import { useScaleAnimation } from "../../hooks";
 import { WithTestID } from "../../utils/types";
 import { IOIcons, Icon } from "../icons";
-import { HSpacer } from "../spacer";
 import { BodySmall } from "../typography";
 
 type ColorMode = "light" | "dark";
@@ -148,11 +146,9 @@ const TabItem = ({
   icon,
   iconSelected
 }: TabItem) => {
-  const {
-    progress: progressPressed,
-    onPressIn,
-    onPressOut
-  } = useSpringPressProgressValue(IOSpringValues.selection);
+  const { progress, onPressIn, onPressOut, scaleAnimatedStyle } =
+    useScaleAnimation();
+  const reducedMotion = useReducedMotion();
 
   const { isExperimental } = useIOExperimentalDesign();
   const colors = useMemo(
@@ -180,12 +176,12 @@ const TabItem = ({
     0.1
   );
 
-  const isSelected: Animated.SharedValue<number> = useSharedValue(0);
+  const isSelected: SharedValue<number> = useSharedValue(0);
   const progressSelected = useDerivedValue(() =>
     withSpring(isSelected.value, IOSpringValues.selection)
   );
 
-  React.useEffect(() => {
+  useEffect(() => {
     // eslint-disable-next-line functional/immutable-data
     isSelected.value = selected ? 1 : 0;
   }, [isSelected, selected]);
@@ -194,7 +190,7 @@ const TabItem = ({
   const animatedStyle = useAnimatedStyle(() => {
     // Link color states to the pressed states
     const pressedBackgroundColor = interpolateColor(
-      progressPressed.value,
+      progress.value,
       [0, 1],
       [colors.background.default, opaquePressedBackgroundColor]
     );
@@ -211,22 +207,13 @@ const TabItem = ({
       [colors.border.default, colors.border.selected]
     );
 
-    // Scale down button slightly when pressed
-    const scale = interpolate(
-      progressPressed.value,
-      [0, 1],
-      [1, IOScaleValues?.basicButton?.pressedState],
-      Extrapolate.CLAMP
-    );
-
     return {
       backgroundColor: selected
         ? selectedBackgroundColor
         : pressedBackgroundColor,
-      borderColor: selected ? selectedBorderColor : borderColor,
-      transform: [{ scale }]
+      borderColor: selected ? selectedBorderColor : borderColor
     };
-  }, [progressPressed, progressSelected, selected]);
+  }, [progress, progressSelected, selected]);
 
   const activeIcon = selected ? iconSelected ?? icon : icon;
 
@@ -246,16 +233,15 @@ const TabItem = ({
       <Animated.View
         style={[
           styles.container,
+          { columnGap: 4 },
+          !reducedMotion && scaleAnimatedStyle,
           animatedStyle,
           fullWidth && styles.fullWidth,
           disabled && styles.disabled
         ]}
       >
         {activeIcon && (
-          <>
-            <Icon name={activeIcon} color={foregroundColor} size={16} />
-            <HSpacer size={4} />
-          </>
+          <Icon name={activeIcon} color={foregroundColor} size={16} />
         )}
         <BodySmall weight="Semibold" color={foregroundColor}>
           {label}

package/src/core/IOAnimations.ts

@@ -27,17 +27,15 @@ export const IOSpringValues = {
   }
 };
 
-export const IOScaleValues = {
+export type IOSpringValues = keyof typeof IOSpringValues;
+
+export const IOScaleEffect = {
   // Slight scale effect
-  basicButton: {
-    pressedState: 0.99
-  },
+  slight: 0.99,
   // Medium scale effect
-  magnifiedButton: {
-    pressedState: 0.97
-  },
+  medium: 0.97,
   // Exaggerated scale effect
-  exaggeratedButton: {
-    pressedState: 0.95
-  }
+  exaggerated: 0.95
 };
+
+export type IOScaleEffect = keyof typeof IOScaleEffect;

package/src/hooks/index.tsx

@@ -0,0 +1,2 @@
+export * from "./useScaleAnimation";
+export * from "./useListItemAnimation";

package/src/hooks/useListItemAnimation.tsx

@@ -0,0 +1,59 @@
+import { GestureResponderEvent, ViewStyle } from "react-native";
+import {
+  AnimatedStyle,
+  Extrapolation,
+  interpolate,
+  interpolateColor,
+  SharedValue,
+  useAnimatedStyle
+} from "react-native-reanimated";
+import { hexToRgba, IOColors, IOScaleEffect, useIOTheme } from "../core";
+import { useSpringPressProgressValue } from "../utils/hooks";
+
+export const useListItemAnimation = (): {
+  progress: SharedValue<number>;
+  onPressIn: (event: GestureResponderEvent) => void;
+  onPressOut: (event: GestureResponderEvent) => void;
+  scaleAnimatedStyle: AnimatedStyle<ViewStyle>;
+  backgroundAnimatedStyle: AnimatedStyle<ViewStyle>;
+} => {
+  const { progress, onPressIn, onPressOut } =
+    useSpringPressProgressValue("button");
+
+  const theme = useIOTheme();
+
+  const mapBackgroundStates: Record<string, string> = {
+    default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
+    pressed: IOColors[theme["listItem-pressed"]]
+  };
+
+  // Interpolate animation values from `isPressed` values
+  const scaleAnimatedStyle = useAnimatedStyle(() => ({
+    transform: [
+      {
+        scale: interpolate(
+          progress.value,
+          [0, 1],
+          [1, IOScaleEffect.slight],
+          Extrapolation.CLAMP
+        )
+      }
+    ]
+  }));
+
+  const backgroundAnimatedStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(
+      progress.value,
+      [0, 1],
+      [mapBackgroundStates.default, mapBackgroundStates.pressed]
+    )
+  }));
+
+  return {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  };
+};

package/src/hooks/useScaleAnimation.tsx

@@ -0,0 +1,41 @@
+import { GestureResponderEvent, ViewStyle } from "react-native";
+import {
+  AnimatedStyle,
+  Extrapolation,
+  interpolate,
+  SharedValue,
+  useAnimatedStyle
+} from "react-native-reanimated";
+import { IOScaleEffect } from "../core";
+import { useSpringPressProgressValue } from "../utils/hooks";
+
+export const useScaleAnimation = (
+  magnitude: IOScaleEffect = "slight"
+): {
+  progress: SharedValue<number>;
+  onPressIn: (event: GestureResponderEvent) => void;
+  onPressOut: (event: GestureResponderEvent) => void;
+  scaleAnimatedStyle: AnimatedStyle<ViewStyle>;
+} => {
+  const { progress, onPressIn, onPressOut } =
+    useSpringPressProgressValue("button");
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = IOScaleEffect[magnitude];
+
+  const scaleAnimatedStyle = useAnimatedStyle(() => {
+    // Scale down button slightly when pressed
+    const scale = interpolate(
+      progress.value,
+      [0, 1],
+      [1, animationScaleValue],
+      Extrapolation.CLAMP
+    );
+
+    return {
+      transform: [{ scale }]
+    };
+  });
+
+  return { progress, onPressIn, onPressOut, scaleAnimatedStyle };
+};

package/src/index.tsx

@@ -1,5 +1,6 @@
 export * from "./components";
 export * from "./core";
 export * from "./functions";
+export * from "./hooks";
 export * from "./utils/fonts";
 export * from "./utils/types";

package/src/utils/hooks/index.tsx

@@ -0,0 +1,2 @@
+export * from "./useSpringPressProgressValue";
+export * from "./useErrorShakeAnimation";

package/src/utils/hooks/useSpringPressProgressValue.ts

@@ -1,5 +1,7 @@
-import * as React from "react";
-import Animated, {
+import { useCallback } from "react";
+import { GestureResponderEvent } from "react-native";
+import {
+  SharedValue,
   useDerivedValue,
   useSharedValue,
   withSpring
@@ -7,19 +9,23 @@ import Animated, {
 import { IOSpringValues } from "../../core";
 
 export const useSpringPressProgressValue = (
-  springValue = IOSpringValues.button
-) => {
-  const isPressed: Animated.SharedValue<number> = useSharedValue(0);
+  springValue: IOSpringValues = "button"
+): {
+  progress: SharedValue<number>;
+  onPressIn: (event: GestureResponderEvent) => void;
+  onPressOut: (event: GestureResponderEvent) => void;
+} => {
+  const isPressed: SharedValue<number> = useSharedValue(0);
 
   const progress = useDerivedValue(() =>
-    withSpring(isPressed.value, springValue)
+    withSpring(isPressed.value, IOSpringValues[springValue])
   );
 
-  const onPressIn = React.useCallback(() => {
+  const onPressIn = useCallback(() => {
     // eslint-disable-next-line functional/immutable-data
     isPressed.value = 1;
   }, [isPressed]);
-  const onPressOut = React.useCallback(() => {
+  const onPressOut = useCallback(() => {
     // eslint-disable-next-line functional/immutable-data
     isPressed.value = 0;
   }, [isPressed]);

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

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FooterWithButtons = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _core = require("../../core");
-var _BlockButtons = require("./BlockButtons");
-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: Refactor with an unique component like `FooterTopShadow` after bonus vacanze
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    overflow: "hidden",
-    width: "100%",
-    // This Magic number is an heritage of the app code-base, this component should be removed in favor of `GradientBottomAction`
-    marginTop: -50,
-    paddingTop: 50
-  },
-  sticky: {
-    position: "absolute",
-    bottom: 0
-  },
-  footerShadow: {
-    backgroundColor: _core.IOColors.white,
-    paddingHorizontal: _core.IOVisualCostants.appMarginDefault,
-    // iOS shadow
-    shadowColor: _core.IOColors.black,
-    shadowOffset: {
-      width: 0,
-      height: 50
-    },
-    shadowOpacity: 0.5,
-    shadowRadius: 37,
-    elevation: 20 // Prop supported on Android only
-  }
-});
-
-const verticalSpacing = 16;
-
-/**
- * Implements a component that show buttons as sticky footer
- * It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf  or the inlineOneThird style
- * @deprecated This component is deprecated. Use `FooterActions` or `FooterActionsInline` instead.
- * `FooterActionsInline` is the official replacement for `FooterWithButtons`, but use it only
- * if explicitly required.
- */
-const FooterWithButtons = ({
-  sticky = false,
-  onLayoutChange,
-  ...rest
-}) => {
-  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const onLayout = event => {
-    onLayoutChange === null || onLayoutChange === void 0 || onLayoutChange(event.nativeEvent.layout.height);
-  };
-
-  /* Check if the iPhone bottom handle is present.
-  If not add a default margin to prevent the
-  button from sticking to the bottom. */
-  const bottomMargin = (0, React.useMemo)(() => insets.bottom === 0 ? verticalSpacing : insets.bottom, [insets]);
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: {
-      ...styles.container,
-      ...(sticky ? styles.sticky : {})
-    },
-    accessible: rest.accessible,
-    pointerEvents: "box-none",
-    testID: "FooterWithButtons"
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    onLayout: onLayout,
-    style: [styles.footerShadow, {
-      paddingBottom: bottomMargin,
-      paddingTop: verticalSpacing
-    }]
-  }, /*#__PURE__*/React.createElement(_BlockButtons.BlockButtons, rest)));
-};
-exports.FooterWithButtons = FooterWithButtons;
-var _default = FooterWithButtons;
-exports.default = _default;
-//# sourceMappingURL=FooterWithButtons.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_core","_BlockButtons","_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","container","overflow","width","marginTop","paddingTop","sticky","position","bottom","footerShadow","backgroundColor","IOColors","white","paddingHorizontal","IOVisualCostants","appMarginDefault","shadowColor","black","shadowOffset","height","shadowOpacity","shadowRadius","elevation","verticalSpacing","FooterWithButtons","onLayoutChange","rest","insets","useSafeAreaInsets","onLayout","event","nativeEvent","layout","bottomMargin","useMemo","createElement","View","style","accessible","pointerEvents","testID","paddingBottom","BlockButtons","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/FooterWithButtons.tsx"],"mappings":"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"}

package/lib/commonjs/components/listitems/PressableListItemsBase.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_useListItemSpringAnimation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PressableListItemBase","onPress","testID","children","accessibilityRole","props","onPressIn","onPressOut","animatedScaleStyle","animatedBackgroundStyle","useListItemSpringAnimation","createElement","Pressable","accessible","onTouchEnd","View","style","IOListItemStyles","listItem","listItemInner","columnGap","IOListItemVisualParams","iconMargin","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/PressableListItemsBase.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,2BAAA,GAAAL,OAAA;AAAgF,SAAAG,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAO,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAazE,MAAMI,qBAAqB,GAAGA,CAAC;EACpCC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACRC,iBAAiB;EACjB,GAAGC;AACwC,CAAC,KAAK;EACjD,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,kBAAkB;IAAEC;EAAwB,CAAC,GAC1E,IAAAC,sDAA0B,EAAC,CAAC;EAC9B,oBACEjD,KAAA,CAAAkD,aAAA,CAAC/C,YAAA,CAAAgD,SAAS,EAAArB,QAAA;IACRU,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfW,UAAU,EAAE,IAAK;IACjBP,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBO,UAAU,EAAEP,UAAW;IACvBH,iBAAiB,EAAEA,iBAAiB,IAAI;EAAS,GAC7CC,KAAK,gBAET5C,KAAA,CAAAkD,aAAA,CAAC9C,sBAAA,CAAAM,OAAQ,CAAC4C,IAAI;IACZC,KAAK,EAAE,CAACC,sBAAgB,CAACC,QAAQ,EAAET,uBAAuB;EAAE,gBAE5DhD,KAAA,CAAAkD,aAAA,CAAC9C,sBAAA,CAAAM,OAAQ,CAAC4C,IAAI;IACZC,KAAK,EAAE,CACLC,sBAAgB,CAACE,aAAa,EAC9B;MAAEC,SAAS,EAAEC,4BAAsB,CAACC;IAAW,CAAC,EAChDd,kBAAkB;EAClB,GAEDL,QACY,CACF,CACN,CAAC;AAEhB,CAAC;AAACoB,OAAA,CAAAvB,qBAAA,GAAAA,qBAAA"}

package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useListItemSpringAnimation = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNativeReanimated = require("react-native-reanimated");
-var _core = require("../../../core");
-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; }
-const useListItemSpringAnimation = () => {
-  var _IOScaleValues$basicB;
-  const theme = (0, _core.useIOTheme)();
-  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
-  const mapBackgroundStates = {
-    default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
-    pressed: _core.IOColors[theme["listItem-pressed"]]
-  };
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const animatedBackgroundStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
-    return {
-      backgroundColor
-    };
-  });
-  const onPressIn = React.useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = React.useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
-  return {
-    onPressIn,
-    onPressOut,
-    animatedScaleStyle,
-    animatedBackgroundStyle
-  };
-};
-exports.useListItemSpringAnimation = useListItemSpringAnimation;
-//# sourceMappingURL=useListItemSpringAnimation.js.map

package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_core","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useListItemSpringAnimation","_IOScaleValues$basicB","theme","useIOTheme","isPressed","useSharedValue","mapBackgroundStates","hexToRgba","IOColors","pressed","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","animatedScaleStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","animatedBackgroundStyle","backgroundColor","interpolateColor","onPressIn","useCallback","onPressOut","exports"],"sourceRoot":"../../../../../src","sources":["components/listitems/hooks/useListItemSpringAnimation.ts"],"mappings":"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"}

package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useModuleSpringAnimation = void 0;
-var _reactNativeReanimated = require("react-native-reanimated");
-var _react = require("react");
-var _core = require("../../../core");
-const useModuleSpringAnimation = () => {
-  var _IOScaleValues$magnif;
-  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$magnif = _core.IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
-  const scaleTraversed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const scale = (0, _reactNativeReanimated.interpolate)(scaleTraversed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const handlePressIn = (0, _react.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = (0, _react.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
-  return {
-    animatedStyle,
-    handlePressIn,
-    handlePressOut
-  };
-};
-exports.useModuleSpringAnimation = useModuleSpringAnimation;
-//# sourceMappingURL=useModuleSpringAnimation.js.map

package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeReanimated","require","_react","_core","useModuleSpringAnimation","_IOScaleValues$magnif","isPressed","useSharedValue","animationScaleValue","IOScaleValues","magnifiedButton","pressedState","scaleTraversed","useDerivedValue","withSpring","value","IOSpringValues","button","animatedStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","handlePressIn","useCallback","handlePressOut","exports"],"sourceRoot":"../../../../../src","sources":["components/modules/hooks/useModuleSpringAnimation.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEO,MAAMG,wBAAwB,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA;EAC5C,MAAMC,SAAS,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EACnC;EACA,MAAMC,mBAAmB,GAAGC,mBAAa,aAAbA,mBAAa,gBAAAJ,qBAAA,GAAbI,mBAAa,CAAEC,eAAe,cAAAL,qBAAA,uBAA9BA,qBAAA,CAAgCM,YAAY;EAExE,MAAMC,cAAc,GAAG,IAAAC,sCAAe,EAAC,MACrC,IAAAC,iCAAU,EAACR,SAAS,CAACS,KAAK,EAAEC,oBAAc,CAACC,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC3C,MAAMC,KAAK,GAAG,IAAAC,kCAAW,EACvBT,cAAc,CAACG,KAAK,EACpB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEP,mBAAmB,CAAC,EACxBc,kCAAW,CAACC,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEJ;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMK,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtC;IACApB,SAAS,CAACS,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACT,SAAS,CAAC,CAAC;EACf,MAAMqB,cAAc,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACvC;IACApB,SAAS,CAACS,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACT,SAAS,CAAC,CAAC;EAEf,OAAO;IACLY,aAAa;IACbO,aAAa;IACbE;EACF,CAAC;AACH,CAAC;AAACC,OAAA,CAAAxB,wBAAA,GAAAA,wBAAA"}

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

@@ -1,75 +0,0 @@
-import * as React from "react";
-import { useMemo } from "react";
-import { StyleSheet, View } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { IOColors, IOVisualCostants } from "../../core";
-import { BlockButtons } from "./BlockButtons";
-// TODO: Refactor with an unique component like `FooterTopShadow` after bonus vacanze
-const styles = StyleSheet.create({
-  container: {
-    overflow: "hidden",
-    width: "100%",
-    // This Magic number is an heritage of the app code-base, this component should be removed in favor of `GradientBottomAction`
-    marginTop: -50,
-    paddingTop: 50
-  },
-  sticky: {
-    position: "absolute",
-    bottom: 0
-  },
-  footerShadow: {
-    backgroundColor: IOColors.white,
-    paddingHorizontal: IOVisualCostants.appMarginDefault,
-    // iOS shadow
-    shadowColor: IOColors.black,
-    shadowOffset: {
-      width: 0,
-      height: 50
-    },
-    shadowOpacity: 0.5,
-    shadowRadius: 37,
-    elevation: 20 // Prop supported on Android only
-  }
-});
-
-const verticalSpacing = 16;
-
-/**
- * Implements a component that show buttons as sticky footer
- * It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf  or the inlineOneThird style
- * @deprecated This component is deprecated. Use `FooterActions` or `FooterActionsInline` instead.
- * `FooterActionsInline` is the official replacement for `FooterWithButtons`, but use it only
- * if explicitly required.
- */
-export const FooterWithButtons = ({
-  sticky = false,
-  onLayoutChange,
-  ...rest
-}) => {
-  const insets = useSafeAreaInsets();
-  const onLayout = event => {
-    onLayoutChange === null || onLayoutChange === void 0 || onLayoutChange(event.nativeEvent.layout.height);
-  };
-
-  /* Check if the iPhone bottom handle is present.
-  If not add a default margin to prevent the
-  button from sticking to the bottom. */
-  const bottomMargin = useMemo(() => insets.bottom === 0 ? verticalSpacing : insets.bottom, [insets]);
-  return /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...styles.container,
-      ...(sticky ? styles.sticky : {})
-    },
-    accessible: rest.accessible,
-    pointerEvents: "box-none",
-    testID: "FooterWithButtons"
-  }, /*#__PURE__*/React.createElement(View, {
-    onLayout: onLayout,
-    style: [styles.footerShadow, {
-      paddingBottom: bottomMargin,
-      paddingTop: verticalSpacing
-    }]
-  }, /*#__PURE__*/React.createElement(BlockButtons, rest)));
-};
-export default FooterWithButtons;
-//# sourceMappingURL=FooterWithButtons.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","useSafeAreaInsets","IOColors","IOVisualCostants","BlockButtons","styles","create","container","overflow","width","marginTop","paddingTop","sticky","position","bottom","footerShadow","backgroundColor","white","paddingHorizontal","appMarginDefault","shadowColor","black","shadowOffset","height","shadowOpacity","shadowRadius","elevation","verticalSpacing","FooterWithButtons","onLayoutChange","rest","insets","onLayout","event","nativeEvent","layout","bottomMargin","createElement","style","accessible","pointerEvents","testID","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/layout/FooterWithButtons.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,QAAQ,EAAkBC,gBAAgB,QAAQ,YAAY;AACvE,SAASC,YAAY,QAA2B,gBAAgB;AAOhE;AACA,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,QAAQ,EAAE,QAAQ;IAClBC,KAAK,EAAE,MAAM;IACb;IACAC,SAAS,EAAE,CAAC,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EACDC,MAAM,EAAE;IACNC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZC,eAAe,EAAEd,QAAQ,CAACe,KAAK;IAC/BC,iBAAiB,EAAEf,gBAAgB,CAACgB,gBAAgB;IACpD;IACAC,WAAW,EAAElB,QAAQ,CAACmB,KAAK;IAC3BC,YAAY,EAAE;MACZb,KAAK,EAAE,CAAC;MACRc,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,EAAE,CAAC;EAChB;AACF,CAAC,CAAC;;AAEF,MAAMC,eAA+B,GAAG,EAAE;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChChB,MAAM,GAAG,KAAK;EACdiB,cAAc;EACd,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,MAAM,GAAG9B,iBAAiB,CAAC,CAAC;EAElC,MAAM+B,QAAQ,GAAIC,KAAU,IAAK;IAC/BJ,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGI,KAAK,CAACC,WAAW,CAACC,MAAM,CAACZ,MAAM,CAAC;EACnD,CAAC;;EAED;AACF;AACA;EACE,MAAMa,YAAoB,GAAGtC,OAAO,CAClC,MAAOiC,MAAM,CAACjB,MAAM,KAAK,CAAC,GAAGa,eAAe,GAAGI,MAAM,CAACjB,MAAO,EAC7D,CAACiB,MAAM,CACT,CAAC;EAED,oBACElC,KAAA,CAAAwC,aAAA,CAACrC,IAAI;IACHsC,KAAK,EAAE;MAAE,GAAGjC,MAAM,CAACE,SAAS;MAAE,IAAIK,MAAM,GAAGP,MAAM,CAACO,MAAM,GAAG,CAAC,CAAC;IAAE,CAAE;IACjE2B,UAAU,EAAET,IAAI,CAACS,UAAW;IAC5BC,aAAa,EAAE,UAAW;IAC1BC,MAAM,EAAC;EAAmB,gBAE1B5C,KAAA,CAAAwC,aAAA,CAACrC,IAAI;IACHgC,QAAQ,EAAEA,QAAS;IACnBM,KAAK,EAAE,CACLjC,MAAM,CAACU,YAAY,EACnB;MAAE2B,aAAa,EAAEN,YAAY;MAAEzB,UAAU,EAAEgB;IAAgB,CAAC;EAC5D,gBAEF9B,KAAA,CAAAwC,aAAA,CAACjC,YAAY,EAAK0B,IAAO,CACrB,CACF,CAAC;AAEX,CAAC;AAED,eAAeF,iBAAiB"}

package/lib/module/components/listitems/PressableListItemsBase.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Pressable","Animated","IOListItemStyles","IOListItemVisualParams","useListItemSpringAnimation","PressableListItemBase","onPress","testID","children","accessibilityRole","props","onPressIn","onPressOut","animatedScaleStyle","animatedBackgroundStyle","createElement","_extends","accessible","onTouchEnd","View","style","listItem","listItemInner","columnGap","iconMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/PressableListItemsBase.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,gBAAgB,EAAEC,sBAAsB,QAAQ,YAAY;AAErE,SAASC,0BAA0B,QAAQ,oCAAoC;AAa/E,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACRC,iBAAiB;EACjB,GAAGC;AACwC,CAAC,KAAK;EACjD,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,kBAAkB;IAAEC;EAAwB,CAAC,GAC1EV,0BAA0B,CAAC,CAAC;EAC9B,oBACEL,KAAA,CAAAgB,aAAA,CAACf,SAAS,EAAAgB,QAAA;IACRV,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfU,UAAU,EAAE,IAAK;IACjBN,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBM,UAAU,EAAEN,UAAW;IACvBH,iBAAiB,EAAEA,iBAAiB,IAAI;EAAS,GAC7CC,KAAK,gBAETX,KAAA,CAAAgB,aAAA,CAACd,QAAQ,CAACkB,IAAI;IACZC,KAAK,EAAE,CAAClB,gBAAgB,CAACmB,QAAQ,EAAEP,uBAAuB;EAAE,gBAE5Df,KAAA,CAAAgB,aAAA,CAACd,QAAQ,CAACkB,IAAI;IACZC,KAAK,EAAE,CACLlB,gBAAgB,CAACoB,aAAa,EAC9B;MAAEC,SAAS,EAAEpB,sBAAsB,CAACqB;IAAW,CAAC,EAChDX,kBAAkB;EAClB,GAEDL,QACY,CACF,CACN,CAAC;AAEhB,CAAC"}

package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js

@@ -1,47 +0,0 @@
-import * as React from "react";
-import { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOScaleValues, IOSpringValues, hexToRgba, useIOTheme } from "../../../core";
-export const useListItemSpringAnimation = () => {
-  var _IOScaleValues$basicB;
-  const theme = useIOTheme();
-  const isPressed = useSharedValue(0);
-  const mapBackgroundStates = {
-    default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
-    pressed: IOColors[theme["listItem-pressed"]]
-  };
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = useAnimatedStyle(() => {
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const animatedBackgroundStyle = useAnimatedStyle(() => {
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
-    return {
-      backgroundColor
-    };
-  });
-  const onPressIn = React.useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = React.useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
-  return {
-    onPressIn,
-    onPressOut,
-    animatedScaleStyle,
-    animatedBackgroundStyle
-  };
-};
-//# sourceMappingURL=useListItemSpringAnimation.js.map