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

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

@@ -2,9 +2,9 @@
 
 exports[`Test Typography Components Body Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="body"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -25,9 +25,9 @@ exports[`Test Typography Components Body Snapshot 1`] = `
 
 exports[`Test Typography Components BodyMonospace Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="body"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {
@@ -50,9 +50,9 @@ exports[`Test Typography Components BodyMonospace Snapshot 1`] = `
 
 exports[`Test Typography Components BodySmall Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -73,9 +73,9 @@ exports[`Test Typography Components BodySmall Snapshot 1`] = `
 
 exports[`Test Typography Components BodySmall Snapshot 2`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -96,9 +96,9 @@ exports[`Test Typography Components BodySmall Snapshot 2`] = `
 
 exports[`Test Typography Components BodySmall Snapshot 3`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -119,9 +119,9 @@ exports[`Test Typography Components BodySmall Snapshot 3`] = `
 
 exports[`Test Typography Components BodySmall Snapshot 4`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -142,9 +142,9 @@ exports[`Test Typography Components BodySmall Snapshot 4`] = `
 
 exports[`Test Typography Components BodySmall Snapshot 5`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -165,8 +165,8 @@ exports[`Test Typography Components BodySmall Snapshot 5`] = `
 
 exports[`Test Typography Components CTA Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
-  maxFontSizeMultiplier={1.25}
+  allowFontScaling={true}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -187,9 +187,9 @@ exports[`Test Typography Components CTA Snapshot 1`] = `
 
 exports[`Test Typography Components H1 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="largeTitle"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -210,9 +210,9 @@ exports[`Test Typography Components H1 Snapshot 1`] = `
 
 exports[`Test Typography Components H1 Snapshot 2`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="largeTitle"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -233,9 +233,9 @@ exports[`Test Typography Components H1 Snapshot 2`] = `
 
 exports[`Test Typography Components H2 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title1"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -256,9 +256,9 @@ exports[`Test Typography Components H2 Snapshot 1`] = `
 
 exports[`Test Typography Components H3 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title2"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -279,9 +279,9 @@ exports[`Test Typography Components H3 Snapshot 1`] = `
 
 exports[`Test Typography Components H3 Snapshot 2`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title2"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -302,9 +302,9 @@ exports[`Test Typography Components H3 Snapshot 2`] = `
 
 exports[`Test Typography Components H3 Snapshot 3`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title2"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -325,9 +325,9 @@ exports[`Test Typography Components H3 Snapshot 3`] = `
 
 exports[`Test Typography Components H3 Snapshot 4`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title2"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -348,9 +348,9 @@ exports[`Test Typography Components H3 Snapshot 4`] = `
 
 exports[`Test Typography Components H3 Snapshot 5`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title2"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -371,9 +371,9 @@ exports[`Test Typography Components H3 Snapshot 5`] = `
 
 exports[`Test Typography Components H4 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title3"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -394,9 +394,9 @@ exports[`Test Typography Components H4 Snapshot 1`] = `
 
 exports[`Test Typography Components H4 Snapshot 2`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title3"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -417,9 +417,9 @@ exports[`Test Typography Components H4 Snapshot 2`] = `
 
 exports[`Test Typography Components H4 Snapshot 3`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title3"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -440,9 +440,9 @@ exports[`Test Typography Components H4 Snapshot 3`] = `
 
 exports[`Test Typography Components H5 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="subheadline"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {
@@ -466,9 +466,9 @@ exports[`Test Typography Components H5 Snapshot 1`] = `
 
 exports[`Test Typography Components H5 Snapshot 2`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="subheadline"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {
@@ -492,9 +492,9 @@ exports[`Test Typography Components H5 Snapshot 2`] = `
 
 exports[`Test Typography Components H5 Snapshot 3`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="subheadline"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {
@@ -518,9 +518,9 @@ exports[`Test Typography Components H5 Snapshot 3`] = `
 
 exports[`Test Typography Components H5 Snapshot 4`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="subheadline"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {
@@ -544,9 +544,9 @@ exports[`Test Typography Components H5 Snapshot 4`] = `
 
 exports[`Test Typography Components H6 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="headline"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -568,9 +568,9 @@ exports[`Test Typography Components H6 Snapshot 1`] = `
 exports[`Test Typography Components Link Snapshot 1`] = `
 <Text
   accessibilityRole="link"
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="body"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   onPress={[Function]}
   style={
     [

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/accessibility.ts

@@ -1,5 +1,7 @@
 import { useEffect, useState } from "react";
-import { AccessibilityInfo, Platform } from "react-native";
+import { AccessibilityInfo, Platform, useWindowDimensions } from "react-native";
+import { useIOExperimentalDesign } from "../core";
+import { IOFontSizeMultiplier } from "./fonts";
 
 /**
  * Query whether a bold text is currently enabled. The result is true
@@ -32,3 +34,32 @@ export const useBoldTextEnabled = () => {
 
   return boldTextEnabled;
 };
+
+/**
+ * Returns a font size multiplier based on the font scale of the device,
+ * but limited to the `IOFontSizeMultiplier` value.
+ * @returns number
+ */
+export const useIOFontDynamicScale = (): {
+  dynamicFontScale: number;
+  spacingScaleMultiplier: number;
+  hugeFontEnabled: boolean;
+} => {
+  const { isExperimental } = useIOExperimentalDesign();
+  const { fontScale } = useWindowDimensions();
+
+  const deviceFontScale = isExperimental ? fontScale : 1;
+  const hugeFontEnabled = deviceFontScale >= 1.35;
+
+  const dynamicFontScale = Math.min(deviceFontScale, IOFontSizeMultiplier);
+  /* We make the spacing dynamic based on the font scale, but we multiply
+    this value to limit the amount of scaling applied to the spacing */
+  const spacingScaleMultiplier =
+    dynamicFontScale <= IOFontSizeMultiplier ? 1 : 0.8;
+
+  return {
+    hugeFontEnabled,
+    dynamicFontScale,
+    spacingScaleMultiplier
+  };
+};

package/src/utils/fonts.ts

@@ -122,6 +122,7 @@ export const makeFontFamilyName = (
 const defaultFont: IOFontFamily = "TitilliumSansPro";
 const defaultWeight: IOFontWeight = "Regular";
 const defaultFontSize: IOFontSize = 16;
+export const IOFontSizeMultiplier = 1.5;
 
 /**
  * Return a {@link FontStyleObject} with the fields filled based on the platform (iOS or Android).

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