@pagopa/io-app-design-system 4.2.1 → 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.
Files changed (242) hide show
  1. package/lib/commonjs/components/alert/Alert.js +10 -31
  2. package/lib/commonjs/components/alert/Alert.js.map +1 -1
  3. package/lib/commonjs/components/alert/AlertEdgeToEdge.js +9 -29
  4. package/lib/commonjs/components/alert/AlertEdgeToEdge.js.map +1 -1
  5. package/lib/commonjs/components/banner/Banner.js +10 -34
  6. package/lib/commonjs/components/banner/Banner.js.map +1 -1
  7. package/lib/commonjs/components/buttons/ButtonLink.js +20 -53
  8. package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
  9. package/lib/commonjs/components/buttons/ButtonOutline.js +24 -44
  10. package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
  11. package/lib/commonjs/components/buttons/ButtonSolid.js +14 -39
  12. package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
  13. package/lib/commonjs/components/buttons/IconButton.js +13 -32
  14. package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
  15. package/lib/commonjs/components/buttons/IconButtonContained.js +19 -42
  16. package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
  17. package/lib/commonjs/components/buttons/IconButtonSolid.js +15 -31
  18. package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
  19. package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
  20. package/lib/commonjs/components/layout/index.js +0 -11
  21. package/lib/commonjs/components/layout/index.js.map +1 -1
  22. package/lib/commonjs/components/listitems/ListItemAction.js +14 -40
  23. package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
  24. package/lib/commonjs/components/listitems/ListItemCheckbox.js +13 -41
  25. package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
  26. package/lib/commonjs/components/listitems/ListItemHeader.js +2 -2
  27. package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
  28. package/lib/commonjs/components/listitems/ListItemInfoCopy.js +15 -43
  29. package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
  30. package/lib/commonjs/components/listitems/ListItemNav.js +17 -48
  31. package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
  32. package/lib/commonjs/components/listitems/ListItemNavAlert.js +19 -50
  33. package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
  34. package/lib/commonjs/components/listitems/ListItemRadio.js +20 -50
  35. package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
  36. package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +2 -2
  37. package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
  38. package/lib/commonjs/components/listitems/ListItemTransaction.js +2 -2
  39. package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
  40. package/lib/commonjs/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
  41. package/lib/commonjs/components/listitems/PressableListItemBase.js.map +1 -0
  42. package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +13 -7
  43. package/lib/commonjs/components/listitems/__test__/listitem.test.js +3 -3
  44. package/lib/commonjs/components/listitems/__test__/listitem.test.js.map +1 -1
  45. package/lib/commonjs/components/listitems/index.js +11 -11
  46. package/lib/commonjs/components/listitems/index.js.map +1 -1
  47. package/lib/commonjs/components/modules/PressableModuleBase.js +17 -11
  48. package/lib/commonjs/components/modules/PressableModuleBase.js.map +1 -1
  49. package/lib/commonjs/components/modules/index.js +8 -8
  50. package/lib/commonjs/components/modules/index.js.map +1 -1
  51. package/lib/commonjs/components/numberpad/NumberButton.js +12 -28
  52. package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
  53. package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
  54. package/lib/commonjs/components/tabs/TabItem.js +15 -21
  55. package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
  56. package/lib/commonjs/core/IOAnimations.js +6 -12
  57. package/lib/commonjs/core/IOAnimations.js.map +1 -1
  58. package/lib/commonjs/hooks/index.js +28 -0
  59. package/lib/commonjs/hooks/index.js.map +1 -0
  60. package/lib/commonjs/hooks/useListItemAnimation.js +40 -0
  61. package/lib/commonjs/hooks/useListItemAnimation.js.map +1 -0
  62. package/lib/commonjs/hooks/useScaleAnimation.js +36 -0
  63. package/lib/commonjs/hooks/useScaleAnimation.js.map +1 -0
  64. package/lib/commonjs/index.js +11 -0
  65. package/lib/commonjs/index.js.map +1 -1
  66. package/lib/commonjs/utils/hooks/index.js +28 -0
  67. package/lib/commonjs/utils/hooks/index.js.map +1 -0
  68. package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js +5 -7
  69. package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js.map +1 -1
  70. package/lib/module/components/alert/Alert.js +10 -32
  71. package/lib/module/components/alert/Alert.js.map +1 -1
  72. package/lib/module/components/alert/AlertEdgeToEdge.js +10 -31
  73. package/lib/module/components/alert/AlertEdgeToEdge.js.map +1 -1
  74. package/lib/module/components/banner/Banner.js +10 -33
  75. package/lib/module/components/banner/Banner.js.map +1 -1
  76. package/lib/module/components/buttons/ButtonLink.js +23 -56
  77. package/lib/module/components/buttons/ButtonLink.js.map +1 -1
  78. package/lib/module/components/buttons/ButtonOutline.js +27 -47
  79. package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
  80. package/lib/module/components/buttons/ButtonSolid.js +17 -42
  81. package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
  82. package/lib/module/components/buttons/IconButton.js +16 -35
  83. package/lib/module/components/buttons/IconButton.js.map +1 -1
  84. package/lib/module/components/buttons/IconButtonContained.js +21 -45
  85. package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
  86. package/lib/module/components/buttons/IconButtonSolid.js +17 -34
  87. package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
  88. package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
  89. package/lib/module/components/layout/index.js +0 -1
  90. package/lib/module/components/layout/index.js.map +1 -1
  91. package/lib/module/components/listitems/ListItemAction.js +15 -42
  92. package/lib/module/components/listitems/ListItemAction.js.map +1 -1
  93. package/lib/module/components/listitems/ListItemCheckbox.js +15 -43
  94. package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
  95. package/lib/module/components/listitems/ListItemHeader.js +2 -2
  96. package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
  97. package/lib/module/components/listitems/ListItemInfoCopy.js +16 -45
  98. package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
  99. package/lib/module/components/listitems/ListItemNav.js +17 -47
  100. package/lib/module/components/listitems/ListItemNav.js.map +1 -1
  101. package/lib/module/components/listitems/ListItemNavAlert.js +19 -49
  102. package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
  103. package/lib/module/components/listitems/ListItemRadio.js +22 -52
  104. package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
  105. package/lib/module/components/listitems/ListItemRadioWithAmount.js +1 -1
  106. package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
  107. package/lib/module/components/listitems/ListItemTransaction.js +1 -1
  108. package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
  109. package/lib/module/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
  110. package/lib/module/components/listitems/PressableListItemBase.js.map +1 -0
  111. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +13 -7
  112. package/lib/module/components/listitems/__test__/listitem.test.js +1 -1
  113. package/lib/module/components/listitems/__test__/listitem.test.js.map +1 -1
  114. package/lib/module/components/listitems/index.js +1 -1
  115. package/lib/module/components/listitems/index.js.map +1 -1
  116. package/lib/module/components/modules/PressableModuleBase.js +17 -10
  117. package/lib/module/components/modules/PressableModuleBase.js.map +1 -1
  118. package/lib/module/components/modules/index.js +1 -1
  119. package/lib/module/components/modules/index.js.map +1 -1
  120. package/lib/module/components/numberpad/NumberButton.js +14 -30
  121. package/lib/module/components/numberpad/NumberButton.js.map +1 -1
  122. package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
  123. package/lib/module/components/tabs/TabItem.js +18 -24
  124. package/lib/module/components/tabs/TabItem.js.map +1 -1
  125. package/lib/module/core/IOAnimations.js +4 -10
  126. package/lib/module/core/IOAnimations.js.map +1 -1
  127. package/lib/module/hooks/index.js +3 -0
  128. package/lib/module/hooks/index.js.map +1 -0
  129. package/lib/module/hooks/useListItemAnimation.js +33 -0
  130. package/lib/module/hooks/useListItemAnimation.js.map +1 -0
  131. package/lib/module/hooks/useScaleAnimation.js +29 -0
  132. package/lib/module/hooks/useScaleAnimation.js.map +1 -0
  133. package/lib/module/index.js +1 -0
  134. package/lib/module/index.js.map +1 -1
  135. package/lib/module/utils/hooks/index.js +3 -0
  136. package/lib/module/utils/hooks/index.js.map +1 -0
  137. package/lib/module/utils/hooks/useSpringPressProgressValue.js +5 -5
  138. package/lib/module/utils/hooks/useSpringPressProgressValue.js.map +1 -1
  139. package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
  140. package/lib/typescript/components/alert/AlertEdgeToEdge.d.ts.map +1 -1
  141. package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
  142. package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
  143. package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
  144. package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
  145. package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
  146. package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -1
  147. package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
  148. package/lib/typescript/components/layout/index.d.ts +0 -1
  149. package/lib/typescript/components/layout/index.d.ts.map +1 -1
  150. package/lib/typescript/components/listitems/ListItemAction.d.ts.map +1 -1
  151. package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
  152. package/lib/typescript/components/listitems/ListItemInfoCopy.d.ts.map +1 -1
  153. package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
  154. package/lib/typescript/components/listitems/ListItemNavAlert.d.ts.map +1 -1
  155. package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
  156. package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
  157. package/lib/typescript/components/listitems/ListItemTransaction.d.ts +1 -1
  158. package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
  159. package/lib/typescript/components/listitems/{PressableListItemsBase.d.ts → PressableListItemBase.d.ts} +3 -2
  160. package/lib/typescript/components/listitems/PressableListItemBase.d.ts.map +1 -0
  161. package/lib/typescript/components/listitems/index.d.ts +1 -1
  162. package/lib/typescript/components/listitems/index.d.ts.map +1 -1
  163. package/lib/typescript/components/modules/PressableModuleBase.d.ts.map +1 -1
  164. package/lib/typescript/components/modules/index.d.ts +1 -1
  165. package/lib/typescript/components/modules/index.d.ts.map +1 -1
  166. package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
  167. package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
  168. package/lib/typescript/core/IOAnimations.d.ts +6 -10
  169. package/lib/typescript/core/IOAnimations.d.ts.map +1 -1
  170. package/lib/typescript/hooks/index.d.ts +3 -0
  171. package/lib/typescript/hooks/index.d.ts.map +1 -0
  172. package/lib/typescript/hooks/useListItemAnimation.d.ts +10 -0
  173. package/lib/typescript/hooks/useListItemAnimation.d.ts.map +1 -0
  174. package/lib/typescript/hooks/useScaleAnimation.d.ts +10 -0
  175. package/lib/typescript/hooks/useScaleAnimation.d.ts.map +1 -0
  176. package/lib/typescript/index.d.ts +1 -0
  177. package/lib/typescript/index.d.ts.map +1 -1
  178. package/lib/typescript/utils/hooks/index.d.ts +3 -0
  179. package/lib/typescript/utils/hooks/index.d.ts.map +1 -0
  180. package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts +7 -8
  181. package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts.map +1 -1
  182. package/package.json +1 -1
  183. package/src/components/alert/Alert.tsx +7 -46
  184. package/src/components/alert/AlertEdgeToEdge.tsx +6 -46
  185. package/src/components/banner/Banner.tsx +6 -52
  186. package/src/components/buttons/ButtonLink.tsx +32 -89
  187. package/src/components/buttons/ButtonOutline.tsx +26 -60
  188. package/src/components/buttons/ButtonSolid.tsx +11 -58
  189. package/src/components/buttons/IconButton.tsx +10 -47
  190. package/src/components/buttons/IconButtonContained.tsx +21 -57
  191. package/src/components/buttons/IconButtonSolid.tsx +15 -46
  192. package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
  193. package/src/components/layout/index.tsx +0 -1
  194. package/src/components/listitems/ListItemAction.tsx +10 -66
  195. package/src/components/listitems/ListItemCheckbox.tsx +10 -68
  196. package/src/components/listitems/ListItemHeader.tsx +2 -2
  197. package/src/components/listitems/ListItemInfoCopy.tsx +11 -71
  198. package/src/components/listitems/ListItemNav.tsx +13 -74
  199. package/src/components/listitems/ListItemNavAlert.tsx +18 -92
  200. package/src/components/listitems/ListItemRadio.tsx +14 -75
  201. package/src/components/listitems/ListItemRadioWithAmount.tsx +2 -1
  202. package/src/components/listitems/ListItemTransaction.tsx +1 -1
  203. package/src/components/listitems/{PressableListItemsBase.tsx → PressableListItemBase.tsx} +7 -6
  204. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +13 -7
  205. package/src/components/listitems/__test__/listitem.test.tsx +1 -1
  206. package/src/components/listitems/index.tsx +1 -1
  207. package/src/components/modules/PressableModuleBase.tsx +15 -8
  208. package/src/components/modules/index.tsx +1 -1
  209. package/src/components/numberpad/NumberButton.tsx +12 -43
  210. package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
  211. package/src/components/tabs/TabItem.tsx +15 -29
  212. package/src/core/IOAnimations.ts +8 -10
  213. package/src/hooks/index.tsx +2 -0
  214. package/src/hooks/useListItemAnimation.tsx +59 -0
  215. package/src/hooks/useScaleAnimation.tsx +41 -0
  216. package/src/index.tsx +1 -0
  217. package/src/utils/hooks/index.tsx +2 -0
  218. package/src/utils/hooks/useSpringPressProgressValue.ts +14 -8
  219. package/lib/commonjs/components/layout/FooterWithButtons.js +0 -84
  220. package/lib/commonjs/components/layout/FooterWithButtons.js.map +0 -1
  221. package/lib/commonjs/components/listitems/PressableListItemsBase.js.map +0 -1
  222. package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js +0 -56
  223. package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
  224. package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js +0 -41
  225. package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
  226. package/lib/module/components/layout/FooterWithButtons.js +0 -75
  227. package/lib/module/components/layout/FooterWithButtons.js.map +0 -1
  228. package/lib/module/components/listitems/PressableListItemsBase.js.map +0 -1
  229. package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js +0 -47
  230. package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
  231. package/lib/module/components/modules/hooks/useModuleSpringAnimation.js +0 -34
  232. package/lib/module/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
  233. package/lib/typescript/components/layout/FooterWithButtons.d.ts +0 -16
  234. package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +0 -1
  235. package/lib/typescript/components/listitems/PressableListItemsBase.d.ts.map +0 -1
  236. package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts +0 -13
  237. package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts.map +0 -1
  238. package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts +0 -10
  239. package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts.map +0 -1
  240. package/src/components/layout/FooterWithButtons.tsx +0 -90
  241. package/src/components/listitems/hooks/useListItemSpringAnimation.ts +0 -72
  242. package/src/components/modules/hooks/useModuleSpringAnimation.ts +0 -49
@@ -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 "./PressableListItemsBase";
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,
@@ -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":"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"}
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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"}
@@ -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 { useListItemSpringAnimation } from "./hooks/useListItemSpringAnimation";
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
- animatedScaleStyle,
18
- animatedBackgroundStyle
19
- } = useListItemSpringAnimation();
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, animatedBackgroundStyle]
29
+ style: [IOListItemStyles.listItem, backgroundAnimatedStyle]
30
30
  }, /*#__PURE__*/React.createElement(Animated.View, {
31
31
  style: [IOListItemStyles.listItemInner, {
32
32
  columnGap: IOListItemVisualParams.iconMargin
33
- }, animatedScaleStyle]
33
+ }, scaleAnimatedStyle]
34
34
  }, children)));
35
35
  };
36
- //# sourceMappingURL=PressableListItemsBase.js.map
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"}
@@ -312,6 +312,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemInfoCopy Snap
312
312
  onResponderTerminate={[Function]}
313
313
  onResponderTerminationRequest={[Function]}
314
314
  onStartShouldSetResponder={[Function]}
315
+ onTouchEnd={[Function]}
315
316
  >
316
317
  <View
317
318
  accessibilityElementsHidden={true}
@@ -502,6 +503,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
502
503
  onResponderTerminate={[Function]}
503
504
  onResponderTerminationRequest={[Function]}
504
505
  onStartShouldSetResponder={[Function]}
506
+ onTouchEnd={[Function]}
505
507
  >
506
508
  <View
507
509
  style={
@@ -661,6 +663,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
661
663
  onResponderTerminate={[Function]}
662
664
  onResponderTerminationRequest={[Function]}
663
665
  onStartShouldSetResponder={[Function]}
666
+ onTouchEnd={[Function]}
664
667
  >
665
668
  <View
666
669
  accessibilityElementsHidden={true}
@@ -1978,6 +1981,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
1978
1981
  onResponderTerminate={[Function]}
1979
1982
  onResponderTerminationRequest={[Function]}
1980
1983
  onStartShouldSetResponder={[Function]}
1984
+ onTouchEnd={[Function]}
1981
1985
  >
1982
1986
  <View
1983
1987
  accessibilityElementsHidden={true}
@@ -2049,7 +2053,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
2049
2053
  [
2050
2054
  {},
2051
2055
  {
2052
- "color": "#0073E6",
2056
+ "color": "#0B3EE3",
2053
2057
  "fontFamily": "Titillium Sans Pro",
2054
2058
  "fontSize": 17,
2055
2059
  "fontStyle": "normal",
@@ -2089,7 +2093,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
2089
2093
  "borderWidth": 0,
2090
2094
  },
2091
2095
  {
2092
- "color": "#0073E6",
2096
+ "color": "#0B3EE3",
2093
2097
  },
2094
2098
  {
2095
2099
  "flex": 0,
@@ -2098,7 +2102,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
2098
2102
  },
2099
2103
  ]
2100
2104
  }
2101
- tintColor="#0073E6"
2105
+ tintColor="#0B3EE3"
2102
2106
  vbHeight={24}
2103
2107
  vbWidth={24}
2104
2108
  width={24}
@@ -2168,6 +2172,7 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
2168
2172
  onResponderTerminate={[Function]}
2169
2173
  onResponderTerminationRequest={[Function]}
2170
2174
  onStartShouldSetResponder={[Function]}
2175
+ onTouchEnd={[Function]}
2171
2176
  >
2172
2177
  <View
2173
2178
  style={
@@ -2249,7 +2254,7 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
2249
2254
  "borderWidth": 0,
2250
2255
  },
2251
2256
  {
2252
- "color": "#0073E6",
2257
+ "color": "#0B3EE3",
2253
2258
  },
2254
2259
  {
2255
2260
  "flex": 0,
@@ -2258,7 +2263,7 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
2258
2263
  },
2259
2264
  ]
2260
2265
  }
2261
- tintColor="#0073E6"
2266
+ tintColor="#0B3EE3"
2262
2267
  vbHeight={24}
2263
2268
  vbWidth={24}
2264
2269
  width={24}
@@ -2327,6 +2332,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
2327
2332
  onResponderTerminate={[Function]}
2328
2333
  onResponderTerminationRequest={[Function]}
2329
2334
  onStartShouldSetResponder={[Function]}
2335
+ onTouchEnd={[Function]}
2330
2336
  >
2331
2337
  <View
2332
2338
  accessibilityElementsHidden={true}
@@ -2485,7 +2491,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
2485
2491
  "borderWidth": 0,
2486
2492
  },
2487
2493
  {
2488
- "color": "#0073E6",
2494
+ "color": "#0B3EE3",
2489
2495
  },
2490
2496
  {
2491
2497
  "flex": 0,
@@ -2494,7 +2500,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
2494
2500
  },
2495
2501
  ]
2496
2502
  }
2497
- tintColor="#0073E6"
2503
+ tintColor="#0B3EE3"
2498
2504
  vbHeight={24}
2499
2505
  vbWidth={24}
2500
2506
  width={24}
@@ -10,7 +10,7 @@ import ListItemNav from "../ListItemNav";
10
10
  import ListItemNavAlert from "../ListItemNavAlert";
11
11
  import { ListItemRadioWithAmount } from "../ListItemRadioWithAmount";
12
12
  import { ListItemTransaction } from "../ListItemTransaction";
13
- import { PressableListItemBase } from "../PressableListItemsBase";
13
+ import { PressableListItemBase } from "../PressableListItemBase";
14
14
  const onButtonPress = () => {
15
15
  Alert.alert("Alert", "Action triggered");
16
16
  };
@@ -1 +1 @@
1
- {"version":3,"names":["React","Alert","TestRenderer","TestRendererWithExperimentalEnabledContextProvider","ListItemIDP","ListItemAction","ListItemInfo","ListItemInfoCopy","ListItemNav","ListItemNavAlert","ListItemRadioWithAmount","ListItemTransaction","PressableListItemBase","onButtonPress","alert","describe","it","listItemInfo","create","createElement","label","value","accessibilityLabel","toJSON","expect","toMatchSnapshot","listItemInfoCopy","onPress","listItemNav","listItemNavAlert","listItemAction","variant","listItemIDP","title","subtitle","transaction","amount","amountAccessibilityLabel","isLoading","suggested","formattedAmountString","suggestReason","isSuggested","selected","notSuggested"],"sourceRoot":"../../../../../src","sources":["components/listitems/__test__/listitem.test.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","Alert","TestRenderer","TestRendererWithExperimentalEnabledContextProvider","ListItemIDP","ListItemAction","ListItemInfo","ListItemInfoCopy","ListItemNav","ListItemNavAlert","ListItemRadioWithAmount","ListItemTransaction","PressableListItemBase","onButtonPress","alert","describe","it","listItemInfo","create","createElement","label","value","accessibilityLabel","toJSON","expect","toMatchSnapshot","listItemInfoCopy","onPress","listItemNav","listItemNavAlert","listItemAction","variant","listItemIDP","title","subtitle","transaction","amount","amountAccessibilityLabel","isLoading","suggested","formattedAmountString","suggestReason","isSuggested","selected","notSuggested"],"sourceRoot":"../../../../../src","sources":["components/listitems/__test__/listitem.test.tsx"],"mappings":"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"}
@@ -5,10 +5,10 @@ export * from "./ListItemInfoCopy";
5
5
  export * from "./ListItemNav";
6
6
  export * from "./ListItemNavAlert";
7
7
  export * from "./ListItemTransaction";
8
- export * from "./PressableListItemsBase";
9
8
  export * from "./ListItemSwitch";
10
9
  export * from "./ListItemCheckbox";
11
10
  export * from "./ListItemRadio";
12
11
  export * from "./ListItemRadioWithAmount";
13
12
  export * from "./ListItemAmount";
13
+ export * from "./PressableListItemBase";
14
14
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/listitems/index.tsx"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,0BAA0B;AACxC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,iBAAiB;AAC/B,cAAc,2BAA2B;AACzC,cAAc,kBAAkB"}
1
+ {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/listitems/index.tsx"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,iBAAiB;AAC/B,cAAc,2BAA2B;AACzC,cAAc,kBAAkB;AAChC,cAAc,yBAAyB"}
@@ -1,8 +1,8 @@
1
1
  import * as React from "react";
2
2
  import { Pressable } from "react-native";
3
- import Animated from "react-native-reanimated";
3
+ import Animated, { useReducedMotion } from "react-native-reanimated";
4
+ import { useScaleAnimation } from "../../hooks";
4
5
  import { IOColors, IOModuleIDPSavedVSpacing, IOModuleStyles, useIOTheme } from "../../core";
5
- import { useModuleSpringAnimation } from "./hooks/useModuleSpringAnimation";
6
6
  export const PressableModuleBase = ({
7
7
  onPress,
8
8
  withLooseSpacing = false,
@@ -12,18 +12,25 @@ export const PressableModuleBase = ({
12
12
  children
13
13
  }) => {
14
14
  const theme = useIOTheme();
15
+ const reducedMotion = useReducedMotion();
15
16
  const {
16
- handlePressIn,
17
- handlePressOut,
18
- animatedStyle
19
- } = useModuleSpringAnimation();
17
+ onPressIn,
18
+ onPressOut,
19
+ scaleAnimatedStyle
20
+ } = useScaleAnimation(reducedMotion ? "slight" : "medium");
21
+ /* We use a slight scaleEffect if `reducedMotion` is enabled.
22
+ We don't disable it completely because that's the only
23
+ difference between the two states "default" and "pressed".
24
+ If we remove it, they they won't be able to understand
25
+ if there's an ongoing interaction. */
26
+
20
27
  return /*#__PURE__*/React.createElement(Pressable, {
21
28
  onPress: onPress,
22
29
  testID: testID,
23
30
  accessible: true,
24
- onPressIn: handlePressIn,
25
- onPressOut: handlePressOut,
26
- onTouchEnd: handlePressOut,
31
+ onPressIn: onPressIn,
32
+ onPressOut: onPressOut,
33
+ onTouchEnd: onPressOut,
27
34
  accessibilityLabel: accessibilityLabel,
28
35
  accessibilityHint: accessibilityHint,
29
36
  accessibilityRole: "button"
@@ -32,7 +39,7 @@ export const PressableModuleBase = ({
32
39
  borderColor: IOColors[theme["cardBorder-default"]]
33
40
  }, withLooseSpacing && {
34
41
  paddingVertical: IOModuleIDPSavedVSpacing
35
- }, animatedStyle]
42
+ }, scaleAnimatedStyle]
36
43
  }, children));
37
44
  };
38
45
  //# sourceMappingURL=PressableModuleBase.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","Pressable","Animated","IOColors","IOModuleIDPSavedVSpacing","IOModuleStyles","useIOTheme","useModuleSpringAnimation","PressableModuleBase","onPress","withLooseSpacing","accessibilityLabel","accessibilityHint","testID","children","theme","handlePressIn","handlePressOut","animatedStyle","createElement","accessible","onPressIn","onPressOut","onTouchEnd","accessibilityRole","View","style","button","borderColor","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/modules/PressableModuleBase.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SACEC,QAAQ,EACRC,wBAAwB,EACxBC,cAAc,EACdC,UAAU,QACL,YAAY;AAEnB,SAASC,wBAAwB,QAAQ,kCAAkC;AAW3E,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,OAAO;EACPC,gBAAgB,GAAG,KAAK;EACxBC,kBAAkB;EAClBC,iBAAiB;EACjBC,MAAM;EACNC;AAC2C,CAAC,KAAK;EACjD,MAAMC,KAAK,GAAGT,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEU,aAAa;IAAEC,cAAc;IAAEC;EAAc,CAAC,GACpDX,wBAAwB,CAAC,CAAC;EAE5B,oBACEP,KAAA,CAAAmB,aAAA,CAAClB,SAAS;IACRQ,OAAO,EAAEA,OAAQ;IACjBI,MAAM,EAAEA,MAAO;IACfO,UAAU,EAAE,IAAK;IACjBC,SAAS,EAAEL,aAAc;IACzBM,UAAU,EAAEL,cAAe;IAC3BM,UAAU,EAAEN,cAAe;IAC3BN,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCY,iBAAiB,EAAC;EAAQ,gBAE1BxB,KAAA,CAAAmB,aAAA,CAACjB,QAAQ,CAACuB,IAAI;IACZC,KAAK,EAAE,CACLrB,cAAc,CAACsB,MAAM,EACrB;MAAEC,WAAW,EAAEzB,QAAQ,CAACY,KAAK,CAAC,oBAAoB,CAAC;IAAE,CAAC,EACtDL,gBAAgB,IAAI;MAAEmB,eAAe,EAAEzB;IAAyB,CAAC,EACjEc,aAAa;EACb,GAEDJ,QACY,CACN,CAAC;AAEhB,CAAC"}
1
+ {"version":3,"names":["React","Pressable","Animated","useReducedMotion","useScaleAnimation","IOColors","IOModuleIDPSavedVSpacing","IOModuleStyles","useIOTheme","PressableModuleBase","onPress","withLooseSpacing","accessibilityLabel","accessibilityHint","testID","children","theme","reducedMotion","onPressIn","onPressOut","scaleAnimatedStyle","createElement","accessible","onTouchEnd","accessibilityRole","View","style","button","borderColor","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/modules/PressableModuleBase.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,IAAIC,gBAAgB,QAAQ,yBAAyB;AACpE,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SACEC,QAAQ,EACRC,wBAAwB,EACxBC,cAAc,EACdC,UAAU,QACL,YAAY;AAYnB,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,OAAO;EACPC,gBAAgB,GAAG,KAAK;EACxBC,kBAAkB;EAClBC,iBAAiB;EACjBC,MAAM;EACNC;AAC2C,CAAC,KAAK;EACjD,MAAMC,KAAK,GAAGR,UAAU,CAAC,CAAC;EAC1B,MAAMS,aAAa,GAAGd,gBAAgB,CAAC,CAAC;EACxC,MAAM;IAAEe,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAAGhB,iBAAiB,CACrEa,aAAa,GAAG,QAAQ,GAAG,QAC7B,CAAC;EACD;AACF;AACA;AACA;AACA;;EAEE,oBACEjB,KAAA,CAAAqB,aAAA,CAACpB,SAAS;IACRS,OAAO,EAAEA,OAAQ;IACjBI,MAAM,EAAEA,MAAO;IACfQ,UAAU,EAAE,IAAK;IACjBJ,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAEJ,UAAW;IACvBP,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCW,iBAAiB,EAAC;EAAQ,gBAE1BxB,KAAA,CAAAqB,aAAA,CAACnB,QAAQ,CAACuB,IAAI;IACZC,KAAK,EAAE,CACLnB,cAAc,CAACoB,MAAM,EACrB;MAAEC,WAAW,EAAEvB,QAAQ,CAACW,KAAK,CAAC,oBAAoB,CAAC;IAAE,CAAC,EACtDL,gBAAgB,IAAI;MAAEkB,eAAe,EAAEvB;IAAyB,CAAC,EACjEc,kBAAkB;EAClB,GAEDL,QACY,CACN,CAAC;AAEhB,CAAC"}
@@ -4,6 +4,6 @@ export * from "./ModuleCredential";
4
4
  export * from "./ModuleIDP";
5
5
  export * from "./ModuleNavigation";
6
6
  export * from "./ModulePaymentNotice";
7
- export * from "./PressableModuleBase";
8
7
  export * from "./ModuleSummary";
8
+ export * from "./PressableModuleBase";
9
9
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,iBAAiB"}
1
+ {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB"}
@@ -1,7 +1,8 @@
1
1
  import React, { memo, useCallback, useMemo } from "react";
2
2
  import { Pressable } from "react-native";
3
- import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
4
- import { IOColors, IONumberPadButtonStyles, IOScaleValues, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core";
3
+ import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
4
+ import { IOColors, IONumberPadButtonStyles, hexToRgba, useIOExperimentalDesign } from "../../core";
5
+ import { useScaleAnimation } from "../../hooks";
5
6
  import { H3 } from "../typography";
6
7
  const colorMap = {
7
8
  light: {
@@ -37,39 +38,22 @@ export const NumberButton = /*#__PURE__*/memo(({
37
38
  variant,
38
39
  onPress
39
40
  }) => {
40
- var _IOScaleValues$basicB;
41
+ const {
42
+ progress,
43
+ onPressIn,
44
+ onPressOut,
45
+ scaleAnimatedStyle
46
+ } = useScaleAnimation("slight");
47
+ const reducedMotion = useReducedMotion();
41
48
  const {
42
49
  isExperimental
43
50
  } = useIOExperimentalDesign();
44
51
  const colors = useMemo(() => isExperimental ? colorMap[variant] : legacyColorMap[variant], [variant, isExperimental]);
45
- const isPressed = useSharedValue(0);
46
- // Scaling transformation applied when the button is pressed
47
- const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
48
- // Using a spring-based animation for our interpolations
49
- const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
50
52
 
51
53
  // Interpolate animation values from `isPressed` values
52
- const pressedAnimationStyle = useAnimatedStyle(() => {
53
- // Link color states to the pressed states
54
- const bgColor = interpolateColor(progressPressed.value, [0, 1], [colors.background, colors.pressed]);
55
-
56
- // Scale down button slightly when pressed
57
- const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
58
- return {
59
- backgroundColor: bgColor,
60
- transform: [{
61
- scale
62
- }]
63
- };
64
- });
65
- const onPressIn = useCallback(() => {
66
- // eslint-disable-next-line functional/immutable-data
67
- isPressed.value = 1;
68
- }, [isPressed]);
69
- const onPressOut = useCallback(() => {
70
- // eslint-disable-next-line functional/immutable-data
71
- isPressed.value = 0;
72
- }, [isPressed]);
54
+ const pressedAnimationStyle = useAnimatedStyle(() => ({
55
+ backgroundColor: interpolateColor(progress.value, [0, 1], [colors.background, colors.pressed])
56
+ }));
73
57
  const handleOnPress = useCallback(() => {
74
58
  onPress(number);
75
59
  }, [number, onPress]);
@@ -80,7 +64,7 @@ export const NumberButton = /*#__PURE__*/memo(({
80
64
  onPressOut: onPressOut,
81
65
  onPress: handleOnPress
82
66
  }, /*#__PURE__*/React.createElement(Animated.View, {
83
- style: [IONumberPadButtonStyles.button, IONumberPadButtonStyles.circularShape, IONumberPadButtonStyles.buttonSize, pressedAnimationStyle]
67
+ style: [IONumberPadButtonStyles.button, IONumberPadButtonStyles.circularShape, IONumberPadButtonStyles.buttonSize, pressedAnimationStyle, !reducedMotion && scaleAnimatedStyle]
84
68
  }, /*#__PURE__*/React.createElement(H3, {
85
69
  color: colors.foreground
86
70
  }, number)));
@@ -1 +1 @@
1
- {"version":3,"names":["React","memo","useCallback","useMemo","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IONumberPadButtonStyles","IOScaleValues","IOSpringValues","hexToRgba","useIOExperimentalDesign","H3","colorMap","light","background","pressed","foreground","dark","legacyColorMap","black","white","NumberButton","number","variant","onPress","_IOScaleValues$basicB","isExperimental","colors","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","backgroundColor","transform","onPressIn","onPressOut","handleOnPress","createElement","accessible","accessibilityRole","View","style","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","memo","useCallback","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOColors","IONumberPadButtonStyles","hexToRgba","useIOExperimentalDesign","useScaleAnimation","H3","colorMap","light","background","pressed","foreground","dark","legacyColorMap","black","white","NumberButton","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isExperimental","colors","pressedAnimationStyle","backgroundColor","value","handleOnPress","createElement","accessible","accessibilityRole","View","style","button","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
@@ -80,6 +80,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
80
80
  },
81
81
  {
82
82
  "backgroundColor": undefined,
83
+ },
84
+ {
83
85
  "transform": [
84
86
  {
85
87
  "scale": undefined,
@@ -159,6 +161,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
159
161
  },
160
162
  {
161
163
  "backgroundColor": undefined,
164
+ },
165
+ {
162
166
  "transform": [
163
167
  {
164
168
  "scale": undefined,
@@ -238,6 +242,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
238
242
  },
239
243
  {
240
244
  "backgroundColor": undefined,
245
+ },
246
+ {
241
247
  "transform": [
242
248
  {
243
249
  "scale": undefined,
@@ -333,6 +339,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
333
339
  },
334
340
  {
335
341
  "backgroundColor": undefined,
342
+ },
343
+ {
336
344
  "transform": [
337
345
  {
338
346
  "scale": undefined,
@@ -412,6 +420,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
412
420
  },
413
421
  {
414
422
  "backgroundColor": undefined,
423
+ },
424
+ {
415
425
  "transform": [
416
426
  {
417
427
  "scale": undefined,
@@ -491,6 +501,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
491
501
  },
492
502
  {
493
503
  "backgroundColor": undefined,
504
+ },
505
+ {
494
506
  "transform": [
495
507
  {
496
508
  "scale": undefined,
@@ -586,6 +598,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
586
598
  },
587
599
  {
588
600
  "backgroundColor": undefined,
601
+ },
602
+ {
589
603
  "transform": [
590
604
  {
591
605
  "scale": undefined,
@@ -665,6 +679,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
665
679
  },
666
680
  {
667
681
  "backgroundColor": undefined,
682
+ },
683
+ {
668
684
  "transform": [
669
685
  {
670
686
  "scale": undefined,
@@ -744,6 +760,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
744
760
  },
745
761
  {
746
762
  "backgroundColor": undefined,
763
+ },
764
+ {
747
765
  "transform": [
748
766
  {
749
767
  "scale": undefined,
@@ -980,6 +998,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
980
998
  },
981
999
  {
982
1000
  "backgroundColor": undefined,
1001
+ },
1002
+ {
983
1003
  "transform": [
984
1004
  {
985
1005
  "scale": undefined,
@@ -1,10 +1,9 @@
1
- import React, { useMemo } from "react";
1
+ import React, { useEffect, useMemo } from "react";
2
2
  import { Pressable, StyleSheet } from "react-native";
3
- import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
4
- import { IOColors, IOScaleValues, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core";
5
- import { useSpringPressProgressValue } from "../../utils/hooks/useSpringPressProgressValue";
3
+ import Animated, { interpolateColor, useAnimatedStyle, useDerivedValue, useReducedMotion, useSharedValue, withSpring } from "react-native-reanimated";
4
+ import { IOColors, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core";
5
+ import { useScaleAnimation } from "../../hooks";
6
6
  import { Icon } from "../icons";
7
- import { HSpacer } from "../spacer";
8
7
  import { BodySmall } from "../typography";
9
8
  const mapColorStates = {
10
9
  light: {
@@ -92,10 +91,12 @@ const TabItem = ({
92
91
  iconSelected
93
92
  }) => {
94
93
  const {
95
- progress: progressPressed,
94
+ progress,
96
95
  onPressIn,
97
- onPressOut
98
- } = useSpringPressProgressValue(IOSpringValues.selection);
96
+ onPressOut,
97
+ scaleAnimatedStyle
98
+ } = useScaleAnimation();
99
+ const reducedMotion = useReducedMotion();
99
100
  const {
100
101
  isExperimental
101
102
  } = useIOExperimentalDesign();
@@ -105,29 +106,22 @@ const TabItem = ({
105
106
  const opaquePressedBackgroundColor = hexToRgba(colors.background.pressed, 0.1);
106
107
  const isSelected = useSharedValue(0);
107
108
  const progressSelected = useDerivedValue(() => withSpring(isSelected.value, IOSpringValues.selection));
108
- React.useEffect(() => {
109
+ useEffect(() => {
109
110
  // eslint-disable-next-line functional/immutable-data
110
111
  isSelected.value = selected ? 1 : 0;
111
112
  }, [isSelected, selected]);
112
113
 
113
114
  // Interpolate animation values from `pressed` values
114
115
  const animatedStyle = useAnimatedStyle(() => {
115
- var _IOScaleValues$basicB;
116
116
  // Link color states to the pressed states
117
- const pressedBackgroundColor = interpolateColor(progressPressed.value, [0, 1], [colors.background.default, opaquePressedBackgroundColor]);
117
+ const pressedBackgroundColor = interpolateColor(progress.value, [0, 1], [colors.background.default, opaquePressedBackgroundColor]);
118
118
  const selectedBackgroundColor = interpolateColor(progressSelected.value, [0, 1], [opaquePressedBackgroundColor, colors.background.selected]);
119
119
  const selectedBorderColor = interpolateColor(progressSelected.value, [0, 1], [colors.border.default, colors.border.selected]);
120
-
121
- // Scale down button slightly when pressed
122
- const scale = interpolate(progressPressed.value, [0, 1], [1, IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState], Extrapolate.CLAMP);
123
120
  return {
124
121
  backgroundColor: selected ? selectedBackgroundColor : pressedBackgroundColor,
125
- borderColor: selected ? selectedBorderColor : borderColor,
126
- transform: [{
127
- scale
128
- }]
122
+ borderColor: selected ? selectedBorderColor : borderColor
129
123
  };
130
- }, [progressPressed, progressSelected, selected]);
124
+ }, [progress, progressSelected, selected]);
131
125
  const activeIcon = selected ? iconSelected ?? icon : icon;
132
126
  return /*#__PURE__*/React.createElement(Pressable, {
133
127
  accessibilityLabel: accessibilityLabel,
@@ -143,14 +137,14 @@ const TabItem = ({
143
137
  accessible: true,
144
138
  disabled: disabled
145
139
  }, /*#__PURE__*/React.createElement(Animated.View, {
146
- style: [styles.container, animatedStyle, fullWidth && styles.fullWidth, disabled && styles.disabled]
147
- }, activeIcon && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
140
+ style: [styles.container, {
141
+ columnGap: 4
142
+ }, !reducedMotion && scaleAnimatedStyle, animatedStyle, fullWidth && styles.fullWidth, disabled && styles.disabled]
143
+ }, activeIcon && /*#__PURE__*/React.createElement(Icon, {
148
144
  name: activeIcon,
149
145
  color: foregroundColor,
150
146
  size: 16
151
- }), /*#__PURE__*/React.createElement(HSpacer, {
152
- size: 4
153
- })), /*#__PURE__*/React.createElement(BodySmall, {
147
+ }), /*#__PURE__*/React.createElement(BodySmall, {
154
148
  weight: "Semibold",
155
149
  color: foregroundColor
156
150
  }, label)));