@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
@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
8
8
  var _reactNative = require("react-native");
9
9
  var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
10
10
  var _core = require("../../core");
11
+ var _hooks = require("../../hooks");
11
12
  var _typography = require("../typography");
12
13
  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); }
13
14
  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; }
@@ -45,39 +46,22 @@ const NumberButton = /*#__PURE__*/(0, _react.memo)(({
45
46
  variant,
46
47
  onPress
47
48
  }) => {
48
- var _IOScaleValues$basicB;
49
+ const {
50
+ progress,
51
+ onPressIn,
52
+ onPressOut,
53
+ scaleAnimatedStyle
54
+ } = (0, _hooks.useScaleAnimation)("slight");
55
+ const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
49
56
  const {
50
57
  isExperimental
51
58
  } = (0, _core.useIOExperimentalDesign)();
52
59
  const colors = (0, _react.useMemo)(() => isExperimental ? colorMap[variant] : legacyColorMap[variant], [variant, isExperimental]);
53
- const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
54
- // Scaling transformation applied when the button is pressed
55
- const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
56
- // Using a spring-based animation for our interpolations
57
- const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
58
60
 
59
61
  // Interpolate animation values from `isPressed` values
60
- const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
61
- // Link color states to the pressed states
62
- const bgColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [colors.background, colors.pressed]);
63
-
64
- // Scale down button slightly when pressed
65
- const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
66
- return {
67
- backgroundColor: bgColor,
68
- transform: [{
69
- scale
70
- }]
71
- };
72
- });
73
- const onPressIn = (0, _react.useCallback)(() => {
74
- // eslint-disable-next-line functional/immutable-data
75
- isPressed.value = 1;
76
- }, [isPressed]);
77
- const onPressOut = (0, _react.useCallback)(() => {
78
- // eslint-disable-next-line functional/immutable-data
79
- isPressed.value = 0;
80
- }, [isPressed]);
62
+ const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
63
+ backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colors.background, colors.pressed])
64
+ }));
81
65
  const handleOnPress = (0, _react.useCallback)(() => {
82
66
  onPress(number);
83
67
  }, [number, onPress]);
@@ -88,7 +72,7 @@ const NumberButton = /*#__PURE__*/(0, _react.memo)(({
88
72
  onPressOut: onPressOut,
89
73
  onPress: handleOnPress
90
74
  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
91
- style: [_core.IONumberPadButtonStyles.button, _core.IONumberPadButtonStyles.circularShape, _core.IONumberPadButtonStyles.buttonSize, pressedAnimationStyle]
75
+ style: [_core.IONumberPadButtonStyles.button, _core.IONumberPadButtonStyles.circularShape, _core.IONumberPadButtonStyles.buttonSize, pressedAnimationStyle, !reducedMotion && scaleAnimatedStyle]
92
76
  }, /*#__PURE__*/_react.default.createElement(_typography.H3, {
93
77
  color: colors.foreground
94
78
  }, number)));
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorMap","light","background","IOColors","pressed","foreground","dark","legacyColorMap","hexToRgba","black","white","NumberButton","memo","number","variant","onPress","_IOScaleValues$basicB","isExperimental","useIOExperimentalDesign","colors","useMemo","isPressed","useSharedValue","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","bgColor","interpolateColor","scale","interpolate","Extrapolate","CLAMP","backgroundColor","transform","onPressIn","useCallback","onPressOut","handleOnPress","createElement","Pressable","accessible","accessibilityRole","View","style","IONumberPadButtonStyles","circularShape","buttonSize","H3","color","exports"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorMap","light","background","IOColors","pressed","foreground","dark","legacyColorMap","hexToRgba","black","white","NumberButton","memo","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","isExperimental","useIOExperimentalDesign","colors","useMemo","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","createElement","Pressable","accessible","accessibilityRole","View","style","IONumberPadButtonStyles","button","circularShape","buttonSize","H3","color","exports"],"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,
@@ -8,9 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
8
8
  var _reactNative = require("react-native");
9
9
  var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
10
10
  var _core = require("../../core");
11
- var _useSpringPressProgressValue = require("../../utils/hooks/useSpringPressProgressValue");
11
+ var _hooks = require("../../hooks");
12
12
  var _icons = require("../icons");
13
- var _spacer = require("../spacer");
14
13
  var _typography = require("../typography");
15
14
  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); }
16
15
  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; }
@@ -100,10 +99,12 @@ const TabItem = ({
100
99
  iconSelected
101
100
  }) => {
102
101
  const {
103
- progress: progressPressed,
102
+ progress,
104
103
  onPressIn,
105
- onPressOut
106
- } = (0, _useSpringPressProgressValue.useSpringPressProgressValue)(_core.IOSpringValues.selection);
104
+ onPressOut,
105
+ scaleAnimatedStyle
106
+ } = (0, _hooks.useScaleAnimation)();
107
+ const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
107
108
  const {
108
109
  isExperimental
109
110
  } = (0, _core.useIOExperimentalDesign)();
@@ -113,29 +114,22 @@ const TabItem = ({
113
114
  const opaquePressedBackgroundColor = (0, _core.hexToRgba)(colors.background.pressed, 0.1);
114
115
  const isSelected = (0, _reactNativeReanimated.useSharedValue)(0);
115
116
  const progressSelected = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isSelected.value, _core.IOSpringValues.selection));
116
- _react.default.useEffect(() => {
117
+ (0, _react.useEffect)(() => {
117
118
  // eslint-disable-next-line functional/immutable-data
118
119
  isSelected.value = selected ? 1 : 0;
119
120
  }, [isSelected, selected]);
120
121
 
121
122
  // Interpolate animation values from `pressed` values
122
123
  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
123
- var _IOScaleValues$basicB;
124
124
  // Link color states to the pressed states
125
- const pressedBackgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [colors.background.default, opaquePressedBackgroundColor]);
125
+ const pressedBackgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colors.background.default, opaquePressedBackgroundColor]);
126
126
  const selectedBackgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressSelected.value, [0, 1], [opaquePressedBackgroundColor, colors.background.selected]);
127
127
  const selectedBorderColor = (0, _reactNativeReanimated.interpolateColor)(progressSelected.value, [0, 1], [colors.border.default, colors.border.selected]);
128
-
129
- // Scale down button slightly when pressed
130
- const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState], _reactNativeReanimated.Extrapolate.CLAMP);
131
128
  return {
132
129
  backgroundColor: selected ? selectedBackgroundColor : pressedBackgroundColor,
133
- borderColor: selected ? selectedBorderColor : borderColor,
134
- transform: [{
135
- scale
136
- }]
130
+ borderColor: selected ? selectedBorderColor : borderColor
137
131
  };
138
- }, [progressPressed, progressSelected, selected]);
132
+ }, [progress, progressSelected, selected]);
139
133
  const activeIcon = selected ? iconSelected ?? icon : icon;
140
134
  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
141
135
  accessibilityLabel: accessibilityLabel,
@@ -151,14 +145,14 @@ const TabItem = ({
151
145
  accessible: true,
152
146
  disabled: disabled
153
147
  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
154
- style: [styles.container, animatedStyle, fullWidth && styles.fullWidth, disabled && styles.disabled]
155
- }, activeIcon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
148
+ style: [styles.container, {
149
+ columnGap: 4
150
+ }, !reducedMotion && scaleAnimatedStyle, animatedStyle, fullWidth && styles.fullWidth, disabled && styles.disabled]
151
+ }, activeIcon && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
156
152
  name: activeIcon,
157
153
  color: foregroundColor,
158
154
  size: 16
159
- }), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
160
- size: 4
161
- })), /*#__PURE__*/_react.default.createElement(_typography.BodySmall, {
155
+ }), /*#__PURE__*/_react.default.createElement(_typography.BodySmall, {
162
156
  weight: "Semibold",
163
157
  color: foregroundColor
164
158
  }, label)));
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_useSpringPressProgressValue","_icons","_spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","light","border","IOColors","selected","disabled","background","white","pressed","foreground","dark","hexToRgba","mapLegacyColorStates","blue","TabItem","label","color","fullWidth","accessibilityLabel","accessibilityHint","testID","onPress","icon","iconSelected","progress","progressPressed","onPressIn","onPressOut","useSpringPressProgressValue","IOSpringValues","selection","isExperimental","useIOExperimentalDesign","colors","useMemo","foregroundColor","borderColor","opaquePressedBackgroundColor","isSelected","useSharedValue","progressSelected","useDerivedValue","withSpring","value","React","useEffect","animatedStyle","useAnimatedStyle","_IOScaleValues$basicB","pressedBackgroundColor","interpolateColor","selectedBackgroundColor","selectedBorderColor","scale","interpolate","IOScaleValues","basicButton","pressedState","Extrapolate","CLAMP","backgroundColor","transform","activeIcon","createElement","Pressable","accessibilityRole","accessibilityState","accessible","View","style","styles","container","Fragment","Icon","name","size","HSpacer","BodySmall","weight","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","light","border","IOColors","selected","disabled","background","white","pressed","foreground","dark","hexToRgba","mapLegacyColorStates","blue","TabItem","label","color","fullWidth","accessibilityLabel","accessibilityHint","testID","onPress","icon","iconSelected","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","isExperimental","useIOExperimentalDesign","colors","useMemo","foregroundColor","borderColor","opaquePressedBackgroundColor","isSelected","useSharedValue","progressSelected","useDerivedValue","withSpring","value","IOSpringValues","selection","useEffect","animatedStyle","useAnimatedStyle","pressedBackgroundColor","interpolateColor","selectedBackgroundColor","selectedBorderColor","backgroundColor","activeIcon","createElement","Pressable","accessibilityRole","accessibilityState","accessible","View","style","styles","container","columnGap","Icon","name","size","BodySmall","weight","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.IOSpringValues = exports.IOScaleValues = void 0;
6
+ exports.IOSpringValues = exports.IOScaleEffect = void 0;
7
7
  /**
8
8
  * A collection of animation styles used for interactive elements within IO App.
9
9
  */
@@ -33,19 +33,13 @@ const IOSpringValues = {
33
33
  }
34
34
  };
35
35
  exports.IOSpringValues = IOSpringValues;
36
- const IOScaleValues = {
36
+ const IOScaleEffect = {
37
37
  // Slight scale effect
38
- basicButton: {
39
- pressedState: 0.99
40
- },
38
+ slight: 0.99,
41
39
  // Medium scale effect
42
- magnifiedButton: {
43
- pressedState: 0.97
44
- },
40
+ medium: 0.97,
45
41
  // Exaggerated scale effect
46
- exaggeratedButton: {
47
- pressedState: 0.95
48
- }
42
+ exaggerated: 0.95
49
43
  };
50
- exports.IOScaleValues = IOScaleValues;
44
+ exports.IOScaleEffect = IOScaleEffect;
51
45
  //# sourceMappingURL=IOAnimations.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["IOSpringValues","button","damping","mass","stiffness","accordion","selection","header","exports","IOScaleValues","basicButton","pressedState","magnifiedButton","exaggeratedButton"],"sourceRoot":"../../../src","sources":["core/IOAnimations.ts"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEO,MAAMA,cAAc,GAAG;EAC5B;EACAC,MAAM,EAAE;IACNC,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTH,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACD;EACAE,SAAS,EAAE;IACTJ,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDG,MAAM,EAAE;IACNL,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb;AACF,CAAC;AAACI,OAAA,CAAAR,cAAA,GAAAA,cAAA;AAEK,MAAMS,aAAa,GAAG;EAC3B;EACAC,WAAW,EAAE;IACXC,YAAY,EAAE;EAChB,CAAC;EACD;EACAC,eAAe,EAAE;IACfD,YAAY,EAAE;EAChB,CAAC;EACD;EACAE,iBAAiB,EAAE;IACjBF,YAAY,EAAE;EAChB;AACF,CAAC;AAACH,OAAA,CAAAC,aAAA,GAAAA,aAAA"}
1
+ {"version":3,"names":["IOSpringValues","button","damping","mass","stiffness","accordion","selection","header","exports","IOScaleEffect","slight","medium","exaggerated"],"sourceRoot":"../../../src","sources":["core/IOAnimations.ts"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEO,MAAMA,cAAc,GAAG;EAC5B;EACAC,MAAM,EAAE;IACNC,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTH,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACD;EACAE,SAAS,EAAE;IACTJ,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDG,MAAM,EAAE;IACNL,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb;AACF,CAAC;AAACI,OAAA,CAAAR,cAAA,GAAAA,cAAA;AAIK,MAAMS,aAAa,GAAG;EAC3B;EACAC,MAAM,EAAE,IAAI;EACZ;EACAC,MAAM,EAAE,IAAI;EACZ;EACAC,WAAW,EAAE;AACf,CAAC;AAACJ,OAAA,CAAAC,aAAA,GAAAA,aAAA"}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _useScaleAnimation = require("./useScaleAnimation");
7
+ Object.keys(_useScaleAnimation).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _useScaleAnimation[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _useScaleAnimation[key];
14
+ }
15
+ });
16
+ });
17
+ var _useListItemAnimation = require("./useListItemAnimation");
18
+ Object.keys(_useListItemAnimation).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (key in exports && exports[key] === _useListItemAnimation[key]) return;
21
+ Object.defineProperty(exports, key, {
22
+ enumerable: true,
23
+ get: function () {
24
+ return _useListItemAnimation[key];
25
+ }
26
+ });
27
+ });
28
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_useScaleAnimation","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useListItemAnimation"],"sourceRoot":"../../../src","sources":["hooks/index.tsx"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,qBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,qBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,qBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,qBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useListItemAnimation = void 0;
7
+ var _reactNativeReanimated = require("react-native-reanimated");
8
+ var _core = require("../core");
9
+ var _hooks = require("../utils/hooks");
10
+ const useListItemAnimation = () => {
11
+ const {
12
+ progress,
13
+ onPressIn,
14
+ onPressOut
15
+ } = (0, _hooks.useSpringPressProgressValue)("button");
16
+ const theme = (0, _core.useIOTheme)();
17
+ const mapBackgroundStates = {
18
+ default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
19
+ pressed: _core.IOColors[theme["listItem-pressed"]]
20
+ };
21
+
22
+ // Interpolate animation values from `isPressed` values
23
+ const scaleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
24
+ transform: [{
25
+ scale: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [1, _core.IOScaleEffect.slight], _reactNativeReanimated.Extrapolation.CLAMP)
26
+ }]
27
+ }));
28
+ const backgroundAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
29
+ backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed])
30
+ }));
31
+ return {
32
+ progress,
33
+ onPressIn,
34
+ onPressOut,
35
+ scaleAnimatedStyle,
36
+ backgroundAnimatedStyle
37
+ };
38
+ };
39
+ exports.useListItemAnimation = useListItemAnimation;
40
+ //# sourceMappingURL=useListItemAnimation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_reactNativeReanimated","require","_core","_hooks","useListItemAnimation","progress","onPressIn","onPressOut","useSpringPressProgressValue","theme","useIOTheme","mapBackgroundStates","default","hexToRgba","IOColors","pressed","scaleAnimatedStyle","useAnimatedStyle","transform","scale","interpolate","value","IOScaleEffect","slight","Extrapolation","CLAMP","backgroundAnimatedStyle","backgroundColor","interpolateColor","exports"],"sourceRoot":"../../../src","sources":["hooks/useListItemAnimation.tsx"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,oBAAoB,GAAGA,CAAA,KAM/B;EACH,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAW,CAAC,GACvC,IAAAC,kCAA2B,EAAC,QAAQ,CAAC;EAEvC,MAAMC,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,MAAMC,mBAA2C,GAAG;IAClDC,OAAO,EAAE,IAAAC,eAAS,EAACC,cAAQ,CAACL,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1DM,OAAO,EAAED,cAAQ,CAACL,KAAK,CAAC,kBAAkB,CAAC;EAC7C,CAAC;;EAED;EACA,MAAMO,kBAAkB,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IACjDC,SAAS,EAAE,CACT;MACEC,KAAK,EAAE,IAAAC,kCAAW,EAChBf,QAAQ,CAACgB,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEC,mBAAa,CAACC,MAAM,CAAC,EACzBC,oCAAa,CAACC,KAChB;IACF,CAAC;EAEL,CAAC,CAAC,CAAC;EAEH,MAAMC,uBAAuB,GAAG,IAAAT,uCAAgB,EAAC,OAAO;IACtDU,eAAe,EAAE,IAAAC,uCAAgB,EAC/BvB,QAAQ,CAACgB,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACV,mBAAmB,CAACC,OAAO,EAAED,mBAAmB,CAACI,OAAO,CAC3D;EACF,CAAC,CAAC,CAAC;EAEH,OAAO;IACLV,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVS,kBAAkB;IAClBU;EACF,CAAC;AACH,CAAC;AAACG,OAAA,CAAAzB,oBAAA,GAAAA,oBAAA"}
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useScaleAnimation = void 0;
7
+ var _reactNativeReanimated = require("react-native-reanimated");
8
+ var _core = require("../core");
9
+ var _hooks = require("../utils/hooks");
10
+ const useScaleAnimation = (magnitude = "slight") => {
11
+ const {
12
+ progress,
13
+ onPressIn,
14
+ onPressOut
15
+ } = (0, _hooks.useSpringPressProgressValue)("button");
16
+
17
+ // Scaling transformation applied when the button is pressed
18
+ const animationScaleValue = _core.IOScaleEffect[magnitude];
19
+ const scaleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
20
+ // Scale down button slightly when pressed
21
+ const scale = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolation.CLAMP);
22
+ return {
23
+ transform: [{
24
+ scale
25
+ }]
26
+ };
27
+ });
28
+ return {
29
+ progress,
30
+ onPressIn,
31
+ onPressOut,
32
+ scaleAnimatedStyle
33
+ };
34
+ };
35
+ exports.useScaleAnimation = useScaleAnimation;
36
+ //# sourceMappingURL=useScaleAnimation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_reactNativeReanimated","require","_core","_hooks","useScaleAnimation","magnitude","progress","onPressIn","onPressOut","useSpringPressProgressValue","animationScaleValue","IOScaleEffect","scaleAnimatedStyle","useAnimatedStyle","scale","interpolate","value","Extrapolation","CLAMP","transform","exports"],"sourceRoot":"../../../src","sources":["hooks/useScaleAnimation.tsx"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAGA,CAC/BC,SAAwB,GAAG,QAAQ,KAMhC;EACH,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAW,CAAC,GACvC,IAAAC,kCAA2B,EAAC,QAAQ,CAAC;;EAEvC;EACA,MAAMC,mBAAmB,GAAGC,mBAAa,CAACN,SAAS,CAAC;EAEpD,MAAMO,kBAAkB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAChD;IACA,MAAMC,KAAK,GAAG,IAAAC,kCAAW,EACvBT,QAAQ,CAACU,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEN,mBAAmB,CAAC,EACxBO,oCAAa,CAACC,KAChB,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEL;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IAAER,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEI;EAAmB,CAAC;AAChE,CAAC;AAACQ,OAAA,CAAAhB,iBAAA,GAAAA,iBAAA"}
@@ -36,6 +36,17 @@ Object.keys(_functions).forEach(function (key) {
36
36
  }
37
37
  });
38
38
  });
39
+ var _hooks = require("./hooks");
40
+ Object.keys(_hooks).forEach(function (key) {
41
+ if (key === "default" || key === "__esModule") return;
42
+ if (key in exports && exports[key] === _hooks[key]) return;
43
+ Object.defineProperty(exports, key, {
44
+ enumerable: true,
45
+ get: function () {
46
+ return _hooks[key];
47
+ }
48
+ });
49
+ });
39
50
  var _fonts = require("./utils/fonts");
40
51
  Object.keys(_fonts).forEach(function (key) {
41
52
  if (key === "default" || key === "__esModule") return;
@@ -1 +1 @@
1
- {"version":3,"names":["_components","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_core","_functions","_fonts","_types"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,UAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,UAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,UAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,MAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,MAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,MAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,MAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,MAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,MAAA,CAAAR,GAAA;IAAA;EAAA;AAAA"}
1
+ {"version":3,"names":["_components","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_core","_functions","_hooks","_fonts","_types"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,UAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,UAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,UAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,MAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,MAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,MAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,MAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,MAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,MAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,MAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,MAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,MAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,MAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _useSpringPressProgressValue = require("./useSpringPressProgressValue");
7
+ Object.keys(_useSpringPressProgressValue).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _useSpringPressProgressValue[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _useSpringPressProgressValue[key];
14
+ }
15
+ });
16
+ });
17
+ var _useErrorShakeAnimation = require("./useErrorShakeAnimation");
18
+ Object.keys(_useErrorShakeAnimation).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (key in exports && exports[key] === _useErrorShakeAnimation[key]) return;
21
+ Object.defineProperty(exports, key, {
22
+ enumerable: true,
23
+ get: function () {
24
+ return _useErrorShakeAnimation[key];
25
+ }
26
+ });
27
+ });
28
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_useSpringPressProgressValue","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useErrorShakeAnimation"],"sourceRoot":"../../../../src","sources":["utils/hooks/index.tsx"],"mappings":";;;;;AAAA,IAAAA,4BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,4BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,4BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,4BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,uBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,uBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,uBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,uBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
@@ -4,19 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.useSpringPressProgressValue = void 0;
7
- var React = _interopRequireWildcard(require("react"));
7
+ var _react = require("react");
8
8
  var _reactNativeReanimated = require("react-native-reanimated");
9
9
  var _core = require("../../core");
10
- 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); }
11
- 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; }
12
- const useSpringPressProgressValue = (springValue = _core.IOSpringValues.button) => {
10
+ const useSpringPressProgressValue = (springValue = "button") => {
13
11
  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
14
- const progress = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, springValue));
15
- const onPressIn = React.useCallback(() => {
12
+ const progress = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues[springValue]));
13
+ const onPressIn = (0, _react.useCallback)(() => {
16
14
  // eslint-disable-next-line functional/immutable-data
17
15
  isPressed.value = 1;
18
16
  }, [isPressed]);
19
- const onPressOut = React.useCallback(() => {
17
+ const onPressOut = (0, _react.useCallback)(() => {
20
18
  // eslint-disable-next-line functional/immutable-data
21
19
  isPressed.value = 0;
22
20
  }, [isPressed]);
@@ -1 +1 @@
1
- {"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_core","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useSpringPressProgressValue","springValue","IOSpringValues","button","isPressed","useSharedValue","progress","useDerivedValue","withSpring","value","onPressIn","useCallback","onPressOut","exports"],"sourceRoot":"../../../../src","sources":["utils/hooks/useSpringPressProgressValue.ts"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAA4C,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAErC,MAAMW,2BAA2B,GAAGA,CACzCC,WAAW,GAAGC,oBAAc,CAACC,MAAM,KAChC;EACH,MAAMC,SAAuC,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAEjE,MAAMC,QAAQ,GAAG,IAAAC,sCAAe,EAAC,MAC/B,IAAAC,iCAAU,EAACJ,SAAS,CAACK,KAAK,EAAER,WAAW,CACzC,CAAC;EAED,MAAMS,SAAS,GAAGrC,KAAK,CAACsC,WAAW,CAAC,MAAM;IACxC;IACAP,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EACf,MAAMQ,UAAU,GAAGvC,KAAK,CAACsC,WAAW,CAAC,MAAM;IACzC;IACAP,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEM,SAAS;IAAEE,UAAU;IAAEN;EAAS,CAAC;AAC5C,CAAC;AAACO,OAAA,CAAAb,2BAAA,GAAAA,2BAAA"}
1
+ {"version":3,"names":["_react","require","_reactNativeReanimated","_core","useSpringPressProgressValue","springValue","isPressed","useSharedValue","progress","useDerivedValue","withSpring","value","IOSpringValues","onPressIn","useCallback","onPressOut","exports"],"sourceRoot":"../../../../src","sources":["utils/hooks/useSpringPressProgressValue.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AAEO,MAAMG,2BAA2B,GAAGA,CACzCC,WAA2B,GAAG,QAAQ,KAKnC;EACH,MAAMC,SAA8B,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAExD,MAAMC,QAAQ,GAAG,IAAAC,sCAAe,EAAC,MAC/B,IAAAC,iCAAU,EAACJ,SAAS,CAACK,KAAK,EAAEC,oBAAc,CAACP,WAAW,CAAC,CACzD,CAAC;EAED,MAAMQ,SAAS,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClC;IACAR,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EACf,MAAMS,UAAU,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACnC;IACAR,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEO,SAAS;IAAEE,UAAU;IAAEP;EAAS,CAAC;AAC5C,CAAC;AAACQ,OAAA,CAAAZ,2BAAA,GAAAA,2BAAA"}