@pagopa/io-app-design-system 4.2.0 → 4.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/alert/Alert.js +10 -31
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/alert/AlertEdgeToEdge.js +9 -29
- package/lib/commonjs/components/alert/AlertEdgeToEdge.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +10 -34
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +1 -1
- package/lib/commonjs/components/buttons/ButtonLink.js +20 -53
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +24 -44
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +14 -39
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +13 -32
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +19 -42
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +15 -31
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
- package/lib/commonjs/components/layout/index.js +0 -11
- package/lib/commonjs/components/layout/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAction.js +16 -41
- package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +13 -41
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js +2 -2
- package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +15 -43
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +17 -48
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +19 -50
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +20 -50
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +13 -25
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +4 -5
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
- package/lib/commonjs/components/listitems/PressableListItemBase.js.map +1 -0
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +45 -81
- package/lib/commonjs/components/listitems/__test__/listitem.test.js +3 -3
- package/lib/commonjs/components/listitems/__test__/listitem.test.js.map +1 -1
- package/lib/commonjs/components/listitems/index.js +11 -11
- package/lib/commonjs/components/listitems/index.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCredential.js +35 -28
- package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
- package/lib/commonjs/components/modules/PressableModuleBase.js +17 -11
- package/lib/commonjs/components/modules/PressableModuleBase.js.map +1 -1
- package/lib/commonjs/components/modules/index.js +8 -8
- package/lib/commonjs/components/modules/index.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +12 -28
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
- package/lib/commonjs/components/stack/Stack.js +4 -3
- package/lib/commonjs/components/stack/Stack.js.map +1 -1
- package/lib/commonjs/components/tabs/TabItem.js +15 -21
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
- package/lib/commonjs/core/IOAnimations.js +6 -12
- package/lib/commonjs/core/IOAnimations.js.map +1 -1
- package/lib/commonjs/hooks/index.js +28 -0
- package/lib/commonjs/hooks/index.js.map +1 -0
- package/lib/commonjs/hooks/useListItemAnimation.js +40 -0
- package/lib/commonjs/hooks/useListItemAnimation.js.map +1 -0
- package/lib/commonjs/hooks/useScaleAnimation.js +36 -0
- package/lib/commonjs/hooks/useScaleAnimation.js.map +1 -0
- package/lib/commonjs/index.js +11 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/utils/fonts.js +1 -1
- package/lib/commonjs/utils/hooks/index.js +28 -0
- package/lib/commonjs/utils/hooks/index.js.map +1 -0
- package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js +5 -7
- package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js.map +1 -1
- package/lib/module/components/alert/Alert.js +10 -32
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/alert/AlertEdgeToEdge.js +10 -31
- package/lib/module/components/alert/AlertEdgeToEdge.js.map +1 -1
- package/lib/module/components/banner/Banner.js +10 -33
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +1 -1
- package/lib/module/components/buttons/ButtonLink.js +23 -56
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +27 -47
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +17 -42
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +16 -35
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +21 -45
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +17 -34
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
- package/lib/module/components/layout/index.js +0 -1
- package/lib/module/components/layout/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemAction.js +17 -43
- package/lib/module/components/listitems/ListItemAction.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +15 -43
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemHeader.js +2 -2
- package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +16 -45
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +17 -47
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +19 -49
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +22 -52
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +14 -26
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +3 -4
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
- package/lib/module/components/listitems/PressableListItemBase.js.map +1 -0
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +45 -81
- package/lib/module/components/listitems/__test__/listitem.test.js +1 -1
- package/lib/module/components/listitems/__test__/listitem.test.js.map +1 -1
- package/lib/module/components/listitems/index.js +1 -1
- package/lib/module/components/listitems/index.js.map +1 -1
- package/lib/module/components/modules/ModuleCredential.js +36 -29
- package/lib/module/components/modules/ModuleCredential.js.map +1 -1
- package/lib/module/components/modules/PressableModuleBase.js +17 -10
- package/lib/module/components/modules/PressableModuleBase.js.map +1 -1
- package/lib/module/components/modules/index.js +1 -1
- package/lib/module/components/modules/index.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +14 -30
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
- package/lib/module/components/stack/Stack.js +4 -3
- package/lib/module/components/stack/Stack.js.map +1 -1
- package/lib/module/components/tabs/TabItem.js +18 -24
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/typography/H6.js +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
- package/lib/module/core/IOAnimations.js +4 -10
- package/lib/module/core/IOAnimations.js.map +1 -1
- package/lib/module/hooks/index.js +3 -0
- package/lib/module/hooks/index.js.map +1 -0
- package/lib/module/hooks/useListItemAnimation.js +33 -0
- package/lib/module/hooks/useListItemAnimation.js.map +1 -0
- package/lib/module/hooks/useScaleAnimation.js +29 -0
- package/lib/module/hooks/useScaleAnimation.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/fonts.js +1 -1
- package/lib/module/utils/hooks/index.js +3 -0
- package/lib/module/utils/hooks/index.js.map +1 -0
- package/lib/module/utils/hooks/useSpringPressProgressValue.js +5 -5
- package/lib/module/utils/hooks/useSpringPressProgressValue.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/alert/AlertEdgeToEdge.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/layout/index.d.ts +0 -1
- package/lib/typescript/components/layout/index.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfoCopy.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNavAlert.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/{PressableListItemsBase.d.ts → PressableListItemBase.d.ts} +3 -2
- package/lib/typescript/components/listitems/PressableListItemBase.d.ts.map +1 -0
- package/lib/typescript/components/listitems/index.d.ts +1 -1
- package/lib/typescript/components/listitems/index.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCredential.d.ts +2 -2
- package/lib/typescript/components/modules/ModuleCredential.d.ts.map +1 -1
- package/lib/typescript/components/modules/PressableModuleBase.d.ts.map +1 -1
- package/lib/typescript/components/modules/index.d.ts +1 -1
- package/lib/typescript/components/modules/index.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/stack/Stack.d.ts +4 -3
- package/lib/typescript/components/stack/Stack.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
- package/lib/typescript/core/IOAnimations.d.ts +6 -10
- package/lib/typescript/core/IOAnimations.d.ts.map +1 -1
- package/lib/typescript/hooks/index.d.ts +3 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -0
- package/lib/typescript/hooks/useListItemAnimation.d.ts +10 -0
- package/lib/typescript/hooks/useListItemAnimation.d.ts.map +1 -0
- package/lib/typescript/hooks/useScaleAnimation.d.ts +10 -0
- package/lib/typescript/hooks/useScaleAnimation.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +1 -1
- package/lib/typescript/utils/hooks/index.d.ts +3 -0
- package/lib/typescript/utils/hooks/index.d.ts.map +1 -0
- package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts +7 -8
- package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/Alert.tsx +7 -46
- package/src/components/alert/AlertEdgeToEdge.tsx +6 -46
- package/src/components/banner/Banner.tsx +6 -52
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +1 -1
- package/src/components/buttons/ButtonLink.tsx +32 -89
- package/src/components/buttons/ButtonOutline.tsx +26 -60
- package/src/components/buttons/ButtonSolid.tsx +11 -58
- package/src/components/buttons/IconButton.tsx +10 -47
- package/src/components/buttons/IconButtonContained.tsx +21 -57
- package/src/components/buttons/IconButtonSolid.tsx +15 -46
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
- package/src/components/layout/index.tsx +0 -1
- package/src/components/listitems/ListItemAction.tsx +11 -67
- package/src/components/listitems/ListItemCheckbox.tsx +10 -68
- package/src/components/listitems/ListItemHeader.tsx +2 -2
- package/src/components/listitems/ListItemInfoCopy.tsx +11 -71
- package/src/components/listitems/ListItemNav.tsx +13 -74
- package/src/components/listitems/ListItemNavAlert.tsx +18 -92
- package/src/components/listitems/ListItemRadio.tsx +14 -75
- package/src/components/listitems/ListItemRadioWithAmount.tsx +16 -31
- package/src/components/listitems/ListItemTransaction.tsx +3 -7
- package/src/components/listitems/{PressableListItemsBase.tsx → PressableListItemBase.tsx} +7 -6
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +45 -81
- package/src/components/listitems/__test__/listitem.test.tsx +1 -1
- package/src/components/listitems/index.tsx +1 -1
- package/src/components/modules/ModuleCredential.tsx +49 -39
- package/src/components/modules/PressableModuleBase.tsx +15 -8
- package/src/components/modules/index.tsx +1 -1
- package/src/components/numberpad/NumberButton.tsx +12 -43
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
- package/src/components/stack/Stack.tsx +11 -3
- package/src/components/tabs/TabItem.tsx +15 -29
- package/src/components/typography/H6.tsx +1 -1
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
- package/src/core/IOAnimations.ts +8 -10
- package/src/hooks/index.tsx +2 -0
- package/src/hooks/useListItemAnimation.tsx +59 -0
- package/src/hooks/useScaleAnimation.tsx +41 -0
- package/src/index.tsx +1 -0
- package/src/utils/fonts.ts +1 -1
- package/src/utils/hooks/index.tsx +2 -0
- package/src/utils/hooks/useSpringPressProgressValue.ts +14 -8
- package/lib/commonjs/components/layout/FooterWithButtons.js +0 -84
- package/lib/commonjs/components/layout/FooterWithButtons.js.map +0 -1
- package/lib/commonjs/components/listitems/PressableListItemsBase.js.map +0 -1
- package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js +0 -56
- package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js +0 -41
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
- package/lib/module/components/layout/FooterWithButtons.js +0 -75
- package/lib/module/components/layout/FooterWithButtons.js.map +0 -1
- package/lib/module/components/listitems/PressableListItemsBase.js.map +0 -1
- package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js +0 -47
- package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js +0 -34
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
- package/lib/typescript/components/layout/FooterWithButtons.d.ts +0 -16
- package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +0 -1
- package/lib/typescript/components/listitems/PressableListItemsBase.d.ts.map +0 -1
- package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts +0 -13
- package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts.map +0 -1
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts +0 -10
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts.map +0 -1
- package/src/components/layout/FooterWithButtons.tsx +0 -90
- package/src/components/listitems/hooks/useListItemSpringAnimation.ts +0 -72
- package/src/components/modules/hooks/useModuleSpringAnimation.ts +0 -49
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { useState } from "react";
|
|
3
3
|
import { Image, Pressable, StyleSheet, View } from "react-native";
|
|
4
4
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
5
|
-
import Animated
|
|
5
|
+
import Animated from "react-native-reanimated";
|
|
6
6
|
import Placeholder from "rn-placeholder";
|
|
7
|
-
import {
|
|
7
|
+
import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
8
|
+
import { useListItemAnimation } from "../../hooks";
|
|
8
9
|
import { Icon } from "../icons";
|
|
9
10
|
import { LogoPayment } from "../logos";
|
|
10
11
|
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
11
12
|
import { HSpacer, VSpacer } from "../spacer";
|
|
12
13
|
import { H6, BodySmall } from "../typography";
|
|
14
|
+
import { VStack } from "../stack";
|
|
13
15
|
const DISABLED_OPACITY = 0.5;
|
|
14
16
|
const styles = StyleSheet.create({
|
|
15
17
|
imageSize: {
|
|
@@ -38,44 +40,14 @@ export const ListItemRadio = ({
|
|
|
38
40
|
loadingProps,
|
|
39
41
|
testID
|
|
40
42
|
}) => {
|
|
41
|
-
var _IOScaleValues$basicB;
|
|
42
43
|
const [toggleValue, setToggleValue] = useState(selected ?? false);
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
// Theme
|
|
44
|
+
const {
|
|
45
|
+
onPressIn,
|
|
46
|
+
onPressOut,
|
|
47
|
+
scaleAnimatedStyle,
|
|
48
|
+
backgroundAnimatedStyle
|
|
49
|
+
} = useListItemAnimation();
|
|
50
50
|
const theme = useIOTheme();
|
|
51
|
-
const mapBackgroundStates = {
|
|
52
|
-
default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
|
|
53
|
-
pressed: IOColors[theme["listItem-pressed"]]
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
// Interpolate animation values from `isPressed` values
|
|
57
|
-
const animatedScaleStyle = useAnimatedStyle(() => {
|
|
58
|
-
const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
|
|
59
|
-
return {
|
|
60
|
-
transform: [{
|
|
61
|
-
scale
|
|
62
|
-
}]
|
|
63
|
-
};
|
|
64
|
-
});
|
|
65
|
-
const handlePressIn = useCallback(() => {
|
|
66
|
-
// eslint-disable-next-line functional/immutable-data
|
|
67
|
-
isPressed.value = 1;
|
|
68
|
-
}, [isPressed]);
|
|
69
|
-
const handlePressOut = useCallback(() => {
|
|
70
|
-
// eslint-disable-next-line functional/immutable-data
|
|
71
|
-
isPressed.value = 0;
|
|
72
|
-
}, [isPressed]);
|
|
73
|
-
const animatedBackgroundStyle = useAnimatedStyle(() => {
|
|
74
|
-
const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
|
|
75
|
-
return {
|
|
76
|
-
backgroundColor
|
|
77
|
-
};
|
|
78
|
-
});
|
|
79
51
|
const toggleRadioItem = () => {
|
|
80
52
|
ReactNativeHapticFeedback.trigger("impactLight");
|
|
81
53
|
setToggleValue(!toggleValue);
|
|
@@ -86,22 +58,18 @@ export const ListItemRadio = ({
|
|
|
86
58
|
const disabledStyle = {
|
|
87
59
|
opacity: disabled ? DISABLED_OPACITY : 1
|
|
88
60
|
};
|
|
89
|
-
const SkeletonDescriptionLines = () => /*#__PURE__*/React.createElement(
|
|
90
|
-
|
|
91
|
-
}
|
|
61
|
+
const SkeletonDescriptionLines = () => /*#__PURE__*/React.createElement(VStack, {
|
|
62
|
+
space: 8
|
|
63
|
+
}, /*#__PURE__*/React.createElement(Placeholder.Box, {
|
|
92
64
|
animate: "fade",
|
|
93
65
|
radius: 8,
|
|
94
66
|
width: "100%",
|
|
95
67
|
height: 8
|
|
96
|
-
}), /*#__PURE__*/React.createElement(VSpacer, {
|
|
97
|
-
size: 8
|
|
98
68
|
}), /*#__PURE__*/React.createElement(Placeholder.Box, {
|
|
99
69
|
animate: "fade",
|
|
100
70
|
radius: 8,
|
|
101
71
|
width: "100%",
|
|
102
72
|
height: 8
|
|
103
|
-
}), /*#__PURE__*/React.createElement(VSpacer, {
|
|
104
|
-
size: 8
|
|
105
73
|
}), /*#__PURE__*/React.createElement(Placeholder.Box, {
|
|
106
74
|
animate: "fade",
|
|
107
75
|
radius: 8,
|
|
@@ -119,7 +87,9 @@ export const ListItemRadio = ({
|
|
|
119
87
|
height: IOSelectionListItemVisualParams.iconSize
|
|
120
88
|
}));
|
|
121
89
|
const SkeletonComponent = () => /*#__PURE__*/React.createElement(View, {
|
|
122
|
-
style: IOSelectionListItemStyles.listItem
|
|
90
|
+
style: [IOSelectionListItemStyles.listItem, {
|
|
91
|
+
rowGap: 8
|
|
92
|
+
}]
|
|
123
93
|
}, /*#__PURE__*/React.createElement(View, {
|
|
124
94
|
style: IOSelectionListItemStyles.listItemInner
|
|
125
95
|
}, /*#__PURE__*/React.createElement(View, {
|
|
@@ -148,19 +118,19 @@ export const ListItemRadio = ({
|
|
|
148
118
|
accessibilityLabel: accessibilityLabel,
|
|
149
119
|
accessibilityHint: accessibilityHint,
|
|
150
120
|
onPress: toggleRadioItem,
|
|
151
|
-
onPressIn:
|
|
152
|
-
onPressOut:
|
|
153
|
-
onTouchEnd:
|
|
121
|
+
onPressIn: onPressIn,
|
|
122
|
+
onPressOut: onPressOut,
|
|
123
|
+
onTouchEnd: onPressOut,
|
|
154
124
|
testID: testID,
|
|
155
125
|
disabled: disabled
|
|
156
126
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
157
|
-
style: [IOSelectionListItemStyles.listItem,
|
|
127
|
+
style: [IOSelectionListItemStyles.listItem, backgroundAnimatedStyle, disabledStyle]
|
|
158
128
|
// This is required to avoid opacity
|
|
159
129
|
// inheritance on Android
|
|
160
130
|
,
|
|
161
131
|
needsOffscreenAlphaCompositing: true
|
|
162
132
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
163
|
-
style:
|
|
133
|
+
style: scaleAnimatedStyle
|
|
164
134
|
}, /*#__PURE__*/React.createElement(View, {
|
|
165
135
|
style: IOSelectionListItemStyles.listItemInner
|
|
166
136
|
}, /*#__PURE__*/React.createElement(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","useState","Image","Pressable","StyleSheet","View","ReactNativeHapticFeedback","Animated","Placeholder","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","Icon","LogoPayment","AnimatedRadio","HSpacer","VSpacer","H6","BodySmall","VStack","DISABLED_OPACITY","styles","create","imageSize","width","iconSize","height","resizeMode","ListItemRadio","value","description","startImage","selected","disabled","onValueChange","accessibilityLabel","accessibilityHint","loadingProps","testID","toggleValue","setToggleValue","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","theme","toggleRadioItem","trigger","undefined","disabledStyle","opacity","SkeletonDescriptionLines","createElement","space","Box","animate","radius","SkeletonIcon","style","marginRight","iconMargin","SkeletonComponent","listItem","rowGap","listItemInner","flex","rowSpaceBetween","alignCenter","row","skeletonIcon","size","pointerEvents","checked","skeletonDescription","state","accessibilityRole","accessibilityState","onPress","onTouchEnd","needsOffscreenAlphaCompositing","flexShrink","icon","name","color","uri","accessibilityIgnoresInvertColors","source","paymentLogo","accessibilityElementsHidden","importantForAccessibility","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { View } from "react-native";
|
|
3
3
|
import RNReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
4
4
|
import { useIOTheme } from "../../core";
|
|
5
5
|
import { Icon } from "../icons";
|
|
6
6
|
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import { PressableListItemBase } from "./
|
|
7
|
+
import { HStack } from "../stack";
|
|
8
|
+
import { BodySmall, H6 } from "../typography";
|
|
9
|
+
import { PressableListItemBase } from "./PressableListItemBase";
|
|
10
10
|
export const ListItemRadioWithAmount = ({
|
|
11
11
|
onValueChange,
|
|
12
12
|
selected,
|
|
@@ -37,42 +37,30 @@ export const ListItemRadioWithAmount = ({
|
|
|
37
37
|
style: {
|
|
38
38
|
flexShrink: 1
|
|
39
39
|
}
|
|
40
|
-
}, /*#__PURE__*/React.createElement(
|
|
41
|
-
weight: "Semibold",
|
|
40
|
+
}, /*#__PURE__*/React.createElement(H6, {
|
|
42
41
|
numberOfLines: 1,
|
|
43
42
|
color: theme["textBody-default"]
|
|
44
|
-
}, label), isSuggested && /*#__PURE__*/React.createElement(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
}, label), isSuggested && /*#__PURE__*/React.createElement(HStack, {
|
|
44
|
+
space: 4,
|
|
45
|
+
style: {
|
|
46
|
+
alignItems: "center"
|
|
47
|
+
}
|
|
48
48
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
49
49
|
name: "sparkles",
|
|
50
50
|
size: 16,
|
|
51
51
|
color: suggestColor
|
|
52
|
-
}), /*#__PURE__*/React.createElement(HSpacer, {
|
|
53
|
-
size: 4
|
|
54
52
|
}), /*#__PURE__*/React.createElement(BodySmall, {
|
|
55
53
|
weight: "Regular",
|
|
56
54
|
color: suggestColor
|
|
57
|
-
}, suggestReason)))
|
|
55
|
+
}, suggestReason))), /*#__PURE__*/React.createElement(HStack, {
|
|
56
|
+
space: 8,
|
|
58
57
|
pointerEvents: "none",
|
|
59
58
|
accessibilityElementsHidden: true,
|
|
60
|
-
importantForAccessibility: "no-hide-descendants"
|
|
61
|
-
style: {
|
|
62
|
-
flexDirection: "row"
|
|
63
|
-
}
|
|
59
|
+
importantForAccessibility: "no-hide-descendants"
|
|
64
60
|
}, /*#__PURE__*/React.createElement(H6, {
|
|
65
61
|
color: theme["interactiveElem-default"]
|
|
66
|
-
}, formattedAmountString), /*#__PURE__*/React.createElement(
|
|
67
|
-
size: 8
|
|
68
|
-
}), /*#__PURE__*/React.createElement(AnimatedRadio, {
|
|
62
|
+
}, formattedAmountString), /*#__PURE__*/React.createElement(AnimatedRadio, {
|
|
69
63
|
checked: selected ?? toggleValue
|
|
70
64
|
})));
|
|
71
65
|
};
|
|
72
|
-
const styles = StyleSheet.create({
|
|
73
|
-
rowCenter: {
|
|
74
|
-
flexDirection: "row",
|
|
75
|
-
alignItems: "center"
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
66
|
//# sourceMappingURL=ListItemRadioWithAmount.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","View","RNReactNativeHapticFeedback","useIOTheme","Icon","AnimatedRadio","HStack","BodySmall","H6","PressableListItemBase","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","toggleValue","setToggleValue","useState","pressHandler","trigger","val","undefined","theme","suggestColor","createElement","onPress","accessibilityRole","accessibilityState","checked","style","flexShrink","numberOfLines","color","space","alignItems","name","size","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,2BAA2B,MAAM,8BAA8B;AACtE,SAAmBC,UAAU,QAAQ,YAAY;AACjD,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,SAAS,EAAEC,EAAE,QAAQ,eAAe;AAC7C,SAASC,qBAAqB,QAAQ,yBAAyB;AAkB/D,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,aAAa;EACbC,QAAQ;EACRC,KAAK;EACLC,kBAAkB;EAClBC,WAAW,GAAG,KAAK;EACnBC,aAAa;EACbC;AAC4B,CAAC,KAAK;EAClC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGnB,KAAK,CAACoB,QAAQ,CAACR,QAAQ,IAAI,KAAK,CAAC;EAEvE,MAAMS,YAAY,GAAGA,CAAA,KAAM;IACzBnB,2BAA2B,CAACoB,OAAO,CAAC,aAAa,CAAC;IAClDH,cAAc,CAACI,GAAG,IAAI,CAACA,GAAG,CAAC;IAC3B,IAAIZ,aAAa,KAAKa,SAAS,EAAE;MAC/Bb,aAAa,CAAC,CAACO,WAAW,CAAC;IAC7B;EACF,CAAC;EACD,MAAMO,KAAK,GAAGtB,UAAU,CAAC,CAAC;EAE1B,MAAMuB,YAAsB,GAAG,eAAe;EAE9C,oBACE1B,KAAA,CAAA2B,aAAA,CAAClB,qBAAqB;IACpBmB,OAAO,EAAEP,YAAa;IACtBQ,iBAAiB,EAAC,OAAO;IACzBf,kBAAkB,EAAEA,kBAAmB;IACvCgB,kBAAkB,EAAE;MAClBC,OAAO,EAAEnB,QAAQ,IAAIM;IACvB;EAAE,gBAEFlB,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC+B,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAE;EAAE,gBAC7BjC,KAAA,CAAA2B,aAAA,CAACnB,EAAE;IAAC0B,aAAa,EAAE,CAAE;IAACC,KAAK,EAAEV,KAAK,CAAC,kBAAkB;EAAE,GACpDZ,KACC,CAAC,EACJE,WAAW,iBACVf,KAAA,CAAA2B,aAAA,CAACrB,MAAM;IAAC8B,KAAK,EAAE,CAAE;IAACJ,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAS;EAAE,gBAChDrC,KAAA,CAAA2B,aAAA,CAACvB,IAAI;IAACkC,IAAI,EAAC,UAAU;IAACC,IAAI,EAAE,EAAG;IAACJ,KAAK,EAAET;EAAa,CAAE,CAAC,eACvD1B,KAAA,CAAA2B,aAAA,CAACpB,SAAS;IAACiC,MAAM,EAAC,SAAS;IAACL,KAAK,EAAET;EAAa,GAC7CV,aACQ,CACL,CAEN,CAAC,eACPhB,KAAA,CAAA2B,aAAA,CAACrB,MAAM;IACL8B,KAAK,EAAE,CAAE;IACTK,aAAa,EAAC,MAAM;IACpBC,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,gBAE/C3C,KAAA,CAAA2B,aAAA,CAACnB,EAAE;IAAC2B,KAAK,EAAEV,KAAK,CAAC,yBAAyB;EAAE,GACzCR,qBACC,CAAC,eACLjB,KAAA,CAAA2B,aAAA,CAACtB,aAAa;IAAC0B,OAAO,EAAEnB,QAAQ,IAAIM;EAAY,CAAE,CAC5C,CACa,CAAC;AAE5B,CAAC"}
|
|
@@ -10,7 +10,7 @@ import { Icon } from "../icons";
|
|
|
10
10
|
import { VSpacer } from "../spacer";
|
|
11
11
|
import { HStack } from "../stack";
|
|
12
12
|
import { H6, BodySmall } from "../typography";
|
|
13
|
-
import { PressableListItemBase } from "./
|
|
13
|
+
import { PressableListItemBase } from "./PressableListItemBase";
|
|
14
14
|
const CARD_LOGO_SIZE = 24;
|
|
15
15
|
const MUNICIPALITY_LOGO_SIZE = 44;
|
|
16
16
|
// this is the <Avatar/>'s "small" size,
|
|
@@ -80,10 +80,9 @@ export const ListItemTransaction = ({
|
|
|
80
80
|
style: {
|
|
81
81
|
flexShrink: 1
|
|
82
82
|
}
|
|
83
|
-
}, /*#__PURE__*/React.createElement(
|
|
83
|
+
}, /*#__PURE__*/React.createElement(H6, {
|
|
84
84
|
numberOfLines: numberOfLines,
|
|
85
|
-
color: theme["textBody-default"]
|
|
86
|
-
weight: "Semibold"
|
|
85
|
+
color: theme["textBody-default"]
|
|
87
86
|
}, title), /*#__PURE__*/React.createElement(BodySmall, {
|
|
88
87
|
weight: "Regular",
|
|
89
88
|
color: theme["textBody-tertiary"]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOExperimentalDesign","useIOTheme","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","HStack","H6","BodySmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","StartComponent","logoIcon","createElement","logoUri","size","isValidElement","Fragment","brand","ListItemTransaction","accessibilityLabel","showChevron","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transaction","amount","amountAccessibilityLabel","badge","refund","numberOfLines","accessible","isExperimental","theme","SkeletonComponent","interactiveColor","amountColorDefault","amountColorRefund","successText","amountColor","ListItemTransactionContent","space","style","alignItems","flexShrink","width","color","weight","variant","text","name","chevronSize","listItem","listItemInner","columnGap","iconMargin","marginRight","Box","animate","height","avatarSizeSmall","radius","avatarRadiusSizeSmall","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAAyBC,IAAI,QAAQ,cAAc;AACnD,OAAOC,WAAW,MAAM,gBAAgB;AAExC,SAEEC,oBAAoB,EACpBC,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACRC,gBAAgB,EAChBC,uBAAuB,EACvBC,UAAU,QACL,YAAY;AAEnB,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,uBAAuB,QAAQ,mCAAmC;AAC3E,SAA0BC,IAAI,QAAQ,UAAU;AAEhD,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,EAAE,EAAEC,SAAS,QAAQ,eAAe;AAC7C,SAEEC,qBAAqB,QAChB,
|
|
1
|
+
{"version":3,"names":["React","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOExperimentalDesign","useIOTheme","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","HStack","H6","BodySmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","StartComponent","logoIcon","createElement","logoUri","size","isValidElement","Fragment","brand","ListItemTransaction","accessibilityLabel","showChevron","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transaction","amount","amountAccessibilityLabel","badge","refund","numberOfLines","accessible","isExperimental","theme","SkeletonComponent","interactiveColor","amountColorDefault","amountColorRefund","successText","amountColor","ListItemTransactionContent","space","style","alignItems","flexShrink","width","color","weight","variant","text","name","chevronSize","listItem","listItemInner","columnGap","iconMargin","marginRight","Box","animate","height","avatarSizeSmall","radius","avatarRadiusSizeSmall","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}
|
package/lib/module/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js}
RENAMED
|
@@ -3,7 +3,7 @@ import * as React from "react";
|
|
|
3
3
|
import { Pressable } from "react-native";
|
|
4
4
|
import Animated from "react-native-reanimated";
|
|
5
5
|
import { IOListItemStyles, IOListItemVisualParams } from "../../core";
|
|
6
|
-
import {
|
|
6
|
+
import { useListItemAnimation } from "../../hooks";
|
|
7
7
|
export const PressableListItemBase = ({
|
|
8
8
|
onPress,
|
|
9
9
|
testID,
|
|
@@ -14,9 +14,9 @@ export const PressableListItemBase = ({
|
|
|
14
14
|
const {
|
|
15
15
|
onPressIn,
|
|
16
16
|
onPressOut,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
} =
|
|
17
|
+
scaleAnimatedStyle,
|
|
18
|
+
backgroundAnimatedStyle
|
|
19
|
+
} = useListItemAnimation();
|
|
20
20
|
return /*#__PURE__*/React.createElement(Pressable, _extends({
|
|
21
21
|
onPress: onPress,
|
|
22
22
|
testID: testID,
|
|
@@ -26,11 +26,11 @@ export const PressableListItemBase = ({
|
|
|
26
26
|
onTouchEnd: onPressOut,
|
|
27
27
|
accessibilityRole: accessibilityRole || "button"
|
|
28
28
|
}, props), /*#__PURE__*/React.createElement(Animated.View, {
|
|
29
|
-
style: [IOListItemStyles.listItem,
|
|
29
|
+
style: [IOListItemStyles.listItem, backgroundAnimatedStyle]
|
|
30
30
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
31
31
|
style: [IOListItemStyles.listItemInner, {
|
|
32
32
|
columnGap: IOListItemVisualParams.iconMargin
|
|
33
|
-
},
|
|
33
|
+
}, scaleAnimatedStyle]
|
|
34
34
|
}, children)));
|
|
35
35
|
};
|
|
36
|
-
//# sourceMappingURL=
|
|
36
|
+
//# sourceMappingURL=PressableListItemBase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Pressable","Animated","IOListItemStyles","IOListItemVisualParams","useListItemAnimation","PressableListItemBase","onPress","testID","children","accessibilityRole","props","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","createElement","_extends","accessible","onTouchEnd","View","style","listItem","listItemInner","columnGap","iconMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/PressableListItemBase.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,gBAAgB,EAAEC,sBAAsB,QAAQ,YAAY;AAErE,SAASC,oBAAoB,QAAQ,aAAa;AAalD,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACRC,iBAAiB;EACjB,GAAGC;AACkC,CAAC,KAAK;EAC3C,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,kBAAkB;IAAEC;EAAwB,CAAC,GAC1EV,oBAAoB,CAAC,CAAC;EACxB,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"}
|