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

package/src/components/modules/PressableModuleBase.tsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 import { PropsWithChildren } from "react";
 import { Pressable } from "react-native";
-import Animated from "react-native-reanimated";
+import Animated, { useReducedMotion } from "react-native-reanimated";
+import { useScaleAnimation } from "../../hooks";
 import {
   IOColors,
   IOModuleIDPSavedVSpacing,
@@ -9,7 +10,6 @@ import {
   useIOTheme
 } from "../../core";
 import { WithTestID } from "../../utils/types";
-import { useModuleSpringAnimation } from "./hooks/useModuleSpringAnimation";
 
 export type PressableModuleBaseProps = WithTestID<
   {
@@ -29,17 +29,24 @@ export const PressableModuleBase = ({
   children
 }: PropsWithChildren<PressableModuleBaseProps>) => {
   const theme = useIOTheme();
-  const { handlePressIn, handlePressOut, animatedStyle } =
-    useModuleSpringAnimation();
+  const reducedMotion = useReducedMotion();
+  const { onPressIn, onPressOut, scaleAnimatedStyle } = useScaleAnimation(
+    reducedMotion ? "slight" : "medium"
+  );
+  /* We use a slight scaleEffect if `reducedMotion` is enabled.
+  We don't disable it completely because that's the only
+  difference between the two states "default" and "pressed".
+  If we remove it, they they won't be able to understand
+  if there's an ongoing interaction. */
 
   return (
     <Pressable
       onPress={onPress}
       testID={testID}
       accessible={true}
-      onPressIn={handlePressIn}
-      onPressOut={handlePressOut}
-      onTouchEnd={handlePressOut}
+      onPressIn={onPressIn}
+      onPressOut={onPressOut}
+      onTouchEnd={onPressOut}
       accessibilityLabel={accessibilityLabel}
       accessibilityHint={accessibilityHint}
       accessibilityRole="button"
@@ -49,7 +56,7 @@ export const PressableModuleBase = ({
           IOModuleStyles.button,
           { borderColor: IOColors[theme["cardBorder-default"]] },
           withLooseSpacing && { paddingVertical: IOModuleIDPSavedVSpacing },
-          animatedStyle
+          scaleAnimatedStyle
         ]}
       >
         {children}

package/src/components/modules/index.tsx

@@ -4,5 +4,5 @@ export * from "./ModuleCredential";
 export * from "./ModuleIDP";
 export * from "./ModuleNavigation";
 export * from "./ModulePaymentNotice";
-export * from "./PressableModuleBase";
 export * from "./ModuleSummary";
+export * from "./PressableModuleBase";

package/src/components/numberpad/NumberButton.tsx

@@ -1,22 +1,17 @@
 import React, { memo, useCallback, useMemo } from "react";
 import { Pressable } from "react-native";
 import Animated, {
-  Extrapolate,
-  interpolate,
   interpolateColor,
   useAnimatedStyle,
-  useDerivedValue,
-  useSharedValue,
-  withSpring
+  useReducedMotion
 } from "react-native-reanimated";
 import {
   IOColors,
   IONumberPadButtonStyles,
-  IOScaleValues,
-  IOSpringValues,
   hexToRgba,
   useIOExperimentalDesign
 } from "../../core";
+import { useScaleAnimation } from "../../hooks";
 import { H3 } from "../typography";
 
 type NumberButtonVariantType = "light" | "dark";
@@ -76,51 +71,24 @@ const legacyColorMap: Record<NumberButtonVariantType, ColorMapVariant> = {
  */
 export const NumberButton = memo(
   ({ number, variant, onPress }: NumberButtonProps) => {
+    const { progress, onPressIn, onPressOut, scaleAnimatedStyle } =
+      useScaleAnimation("slight");
+    const reducedMotion = useReducedMotion();
     const { isExperimental } = useIOExperimentalDesign();
 
     const colors = useMemo(
       () => (isExperimental ? colorMap[variant] : legacyColorMap[variant]),
       [variant, isExperimental]
     );
-    const isPressed = useSharedValue(0);
-    // Scaling transformation applied when the button is pressed
-    const animationScaleValue = IOScaleValues?.basicButton?.pressedState;
-    // Using a spring-based animation for our interpolations
-    const progressPressed = useDerivedValue(() =>
-      withSpring(isPressed.value, IOSpringValues.button)
-    );
 
     // Interpolate animation values from `isPressed` values
-    const pressedAnimationStyle = useAnimatedStyle(() => {
-      // Link color states to the pressed states
-      const bgColor = interpolateColor(
-        progressPressed.value,
+    const pressedAnimationStyle = useAnimatedStyle(() => ({
+      backgroundColor: interpolateColor(
+        progress.value,
         [0, 1],
         [colors.background, colors.pressed]
-      );
-
-      // Scale down button slightly when pressed
-      const scale = interpolate(
-        progressPressed.value,
-        [0, 1],
-        [1, animationScaleValue],
-        Extrapolate.CLAMP
-      );
-
-      return {
-        backgroundColor: bgColor,
-        transform: [{ scale }]
-      };
-    });
-
-    const onPressIn = useCallback(() => {
-      // eslint-disable-next-line functional/immutable-data
-      isPressed.value = 1;
-    }, [isPressed]);
-    const onPressOut = useCallback(() => {
-      // eslint-disable-next-line functional/immutable-data
-      isPressed.value = 0;
-    }, [isPressed]);
+      )
+    }));
 
     const handleOnPress = useCallback(() => {
       onPress(number);
@@ -139,7 +107,8 @@ export const NumberButton = memo(
             IONumberPadButtonStyles.button,
             IONumberPadButtonStyles.circularShape,
             IONumberPadButtonStyles.buttonSize,
-            pressedAnimationStyle
+            pressedAnimationStyle,
+            !reducedMotion && scaleAnimatedStyle
           ]}
         >
           <H3 color={colors.foreground}>{number}</H3>

package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap

@@ -80,6 +80,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -159,6 +161,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -238,6 +242,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -333,6 +339,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -412,6 +420,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -491,6 +501,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -586,6 +598,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -665,6 +679,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -744,6 +760,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -980,6 +998,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,

package/src/components/otpInput/OTPInput.tsx

@@ -149,6 +149,7 @@ export const OTPInput = React.forwardRef<View, Props>(
             inputAccessoryViewID={inputAccessoryViewID}
             accessible={true}
             autoFocus={autoFocus}
+            secureTextEntry={true}
           />
           {[...Array(length)].map((_, i) => (
             <BoxedInput

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":"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"}