react-native-reanimated-carousel 4.0.0-alpha.1 → 4.0.0-alpha.11

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 (173) hide show
  1. package/README.md +2 -3
  2. package/lib/commonjs/{layouts → components}/BaseLayout.js +5 -21
  3. package/lib/commonjs/components/BaseLayout.js.map +1 -0
  4. package/lib/commonjs/components/Carousel.js +28 -48
  5. package/lib/commonjs/components/Carousel.js.map +1 -1
  6. package/lib/commonjs/components/ItemRenderer.js +80 -0
  7. package/lib/commonjs/components/ItemRenderer.js.map +1 -0
  8. package/lib/commonjs/components/Pagination/Basic/PaginationItem.js +81 -0
  9. package/lib/commonjs/components/Pagination/Basic/PaginationItem.js.map +1 -0
  10. package/lib/commonjs/components/Pagination/Basic/index.js +57 -0
  11. package/lib/commonjs/components/Pagination/Basic/index.js.map +1 -0
  12. package/lib/commonjs/components/Pagination/index.js +14 -0
  13. package/lib/commonjs/components/Pagination/index.js.map +1 -0
  14. package/lib/commonjs/components/ScrollViewGesture.js +51 -33
  15. package/lib/commonjs/components/ScrollViewGesture.js.map +1 -1
  16. package/lib/commonjs/components/rnr-demo.test.js +45 -0
  17. package/lib/commonjs/components/rnr-demo.test.js.map +1 -0
  18. package/lib/commonjs/hooks/useCarouselController.js +12 -11
  19. package/lib/commonjs/hooks/useCarouselController.js.map +1 -1
  20. package/lib/commonjs/hooks/useCommonVariables.js +38 -12
  21. package/lib/commonjs/hooks/useCommonVariables.js.map +1 -1
  22. package/lib/commonjs/hooks/useCommonVariables.test.js +38 -0
  23. package/lib/commonjs/hooks/useCommonVariables.test.js.map +1 -0
  24. package/lib/commonjs/hooks/useLayoutConfig.js.map +1 -1
  25. package/lib/commonjs/hooks/useOffsetX.js +9 -6
  26. package/lib/commonjs/hooks/useOffsetX.js.map +1 -1
  27. package/lib/commonjs/hooks/useOffsetX.test.js +53 -0
  28. package/lib/commonjs/hooks/useOffsetX.test.js.map +1 -0
  29. package/lib/commonjs/hooks/useOnProgressChange.js +4 -1
  30. package/lib/commonjs/hooks/useOnProgressChange.js.map +1 -1
  31. package/lib/commonjs/hooks/usePanGestureProxy.js +84 -0
  32. package/lib/commonjs/hooks/usePanGestureProxy.js.map +1 -0
  33. package/lib/commonjs/hooks/usePanGestureProxy.test.js +397 -0
  34. package/lib/commonjs/hooks/usePanGestureProxy.test.js.map +1 -0
  35. package/lib/commonjs/hooks/useUpdateGestureConfig.js.map +1 -1
  36. package/lib/commonjs/hooks/useVisibleRanges.js +48 -19
  37. package/lib/commonjs/hooks/useVisibleRanges.js.map +1 -1
  38. package/lib/commonjs/hooks/useVisibleRanges.test.js +162 -0
  39. package/lib/commonjs/hooks/useVisibleRanges.test.js.map +1 -0
  40. package/lib/commonjs/index.js +8 -0
  41. package/lib/commonjs/index.js.map +1 -1
  42. package/lib/commonjs/utils/{computeNewIndexWhenDataChanges.js → compute-offset-if-data-changed.js} +3 -3
  43. package/lib/commonjs/utils/compute-offset-if-data-changed.js.map +1 -0
  44. package/lib/commonjs/utils/compute-offset-if-data-changed.test.js +30 -0
  45. package/lib/commonjs/utils/compute-offset-if-data-changed.test.js.map +1 -0
  46. package/lib/commonjs/utils/compute-offset-if-size-changed.js +18 -0
  47. package/lib/commonjs/utils/compute-offset-if-size-changed.js.map +1 -0
  48. package/lib/commonjs/utils/compute-offset-if-size-changed.test.js +72 -0
  49. package/lib/commonjs/utils/compute-offset-if-size-changed.test.js.map +1 -0
  50. package/lib/commonjs/utils/handleroffset-direction.js +5 -5
  51. package/lib/commonjs/utils/handleroffset-direction.js.map +1 -1
  52. package/lib/commonjs/utils/handleroffset-direction.test.js +46 -0
  53. package/lib/commonjs/utils/handleroffset-direction.test.js.map +1 -0
  54. package/lib/commonjs/utils/index.test.js +6 -6
  55. package/lib/commonjs/utils/index.test.js.map +1 -1
  56. package/lib/module/{layouts → components}/BaseLayout.js +6 -16
  57. package/lib/module/components/BaseLayout.js.map +1 -0
  58. package/lib/module/components/Carousel.js +27 -44
  59. package/lib/module/components/Carousel.js.map +1 -1
  60. package/lib/module/components/ItemRenderer.js +62 -0
  61. package/lib/module/components/ItemRenderer.js.map +1 -0
  62. package/lib/module/components/Pagination/Basic/PaginationItem.js +63 -0
  63. package/lib/module/components/Pagination/Basic/PaginationItem.js.map +1 -0
  64. package/lib/module/components/Pagination/Basic/index.js +42 -0
  65. package/lib/module/components/Pagination/Basic/index.js.map +1 -0
  66. package/lib/module/components/Pagination/index.js +5 -0
  67. package/lib/module/components/Pagination/index.js.map +1 -0
  68. package/lib/module/components/ScrollViewGesture.js +53 -34
  69. package/lib/module/components/ScrollViewGesture.js.map +1 -1
  70. package/lib/module/components/rnr-demo.test.js +33 -0
  71. package/lib/module/components/rnr-demo.test.js.map +1 -0
  72. package/lib/module/hooks/useCarouselController.js +12 -11
  73. package/lib/module/hooks/useCarouselController.js.map +1 -1
  74. package/lib/module/hooks/useCommonVariables.js +38 -8
  75. package/lib/module/hooks/useCommonVariables.js.map +1 -1
  76. package/lib/module/hooks/useCommonVariables.test.js +34 -0
  77. package/lib/module/hooks/useCommonVariables.test.js.map +1 -0
  78. package/lib/module/hooks/useLayoutConfig.js.map +1 -1
  79. package/lib/module/hooks/useOffsetX.js +9 -6
  80. package/lib/module/hooks/useOffsetX.js.map +1 -1
  81. package/lib/module/hooks/useOffsetX.test.js +48 -0
  82. package/lib/module/hooks/useOffsetX.test.js.map +1 -0
  83. package/lib/module/hooks/useOnProgressChange.js +4 -1
  84. package/lib/module/hooks/useOnProgressChange.js.map +1 -1
  85. package/lib/module/hooks/usePanGestureProxy.js +71 -0
  86. package/lib/module/hooks/usePanGestureProxy.js.map +1 -0
  87. package/lib/module/hooks/usePanGestureProxy.test.js +383 -0
  88. package/lib/module/hooks/usePanGestureProxy.test.js.map +1 -0
  89. package/lib/module/hooks/useUpdateGestureConfig.js.map +1 -1
  90. package/lib/module/hooks/useVisibleRanges.js +47 -19
  91. package/lib/module/hooks/useVisibleRanges.js.map +1 -1
  92. package/lib/module/hooks/useVisibleRanges.test.js +157 -0
  93. package/lib/module/hooks/useVisibleRanges.test.js.map +1 -0
  94. package/lib/module/index.js +1 -0
  95. package/lib/module/index.js.map +1 -1
  96. package/lib/module/utils/{computeNewIndexWhenDataChanges.js → compute-offset-if-data-changed.js} +2 -2
  97. package/lib/module/utils/compute-offset-if-data-changed.js.map +1 -0
  98. package/lib/module/utils/compute-offset-if-data-changed.test.js +27 -0
  99. package/lib/module/utils/compute-offset-if-data-changed.test.js.map +1 -0
  100. package/lib/module/utils/compute-offset-if-size-changed.js +11 -0
  101. package/lib/module/utils/compute-offset-if-size-changed.js.map +1 -0
  102. package/lib/module/utils/compute-offset-if-size-changed.test.js +69 -0
  103. package/lib/module/utils/compute-offset-if-size-changed.test.js.map +1 -0
  104. package/lib/module/utils/handleroffset-direction.js +5 -5
  105. package/lib/module/utils/handleroffset-direction.js.map +1 -1
  106. package/lib/module/utils/handleroffset-direction.test.js +41 -0
  107. package/lib/module/utils/handleroffset-direction.test.js.map +1 -0
  108. package/lib/module/utils/index.test.js +6 -6
  109. package/lib/module/utils/index.test.js.map +1 -1
  110. package/lib/typescript/components/ItemRenderer.d.ts +22 -0
  111. package/lib/typescript/components/Pagination/Basic/PaginationItem.d.ts +17 -0
  112. package/lib/typescript/components/Pagination/Basic/index.d.ts +16 -0
  113. package/lib/typescript/components/Pagination/index.d.ts +3 -0
  114. package/lib/typescript/components/ScrollViewGesture.d.ts +1 -1
  115. package/lib/typescript/components/rnr-demo.test.d.ts +1 -0
  116. package/lib/typescript/hooks/useCarouselController.d.ts +3 -2
  117. package/lib/typescript/hooks/useCommonVariables.test.d.ts +1 -0
  118. package/lib/typescript/hooks/useLayoutConfig.d.ts +1 -1
  119. package/lib/typescript/hooks/useOffsetX.test.d.ts +1 -0
  120. package/lib/typescript/hooks/usePanGestureProxy.d.ts +9 -0
  121. package/lib/typescript/hooks/usePanGestureProxy.test.d.ts +1 -0
  122. package/lib/typescript/hooks/useUpdateGestureConfig.d.ts +3 -2
  123. package/lib/typescript/hooks/useVisibleRanges.d.ts +8 -4
  124. package/lib/typescript/hooks/useVisibleRanges.test.d.ts +1 -0
  125. package/lib/typescript/index.d.ts +2 -0
  126. package/lib/typescript/types.d.ts +27 -16
  127. package/lib/typescript/utils/{computeNewIndexWhenDataChanges.d.ts → compute-offset-if-data-changed.d.ts} +1 -1
  128. package/lib/typescript/utils/compute-offset-if-data-changed.test.d.ts +1 -0
  129. package/lib/typescript/utils/compute-offset-if-size-changed.d.ts +5 -0
  130. package/lib/typescript/utils/compute-offset-if-size-changed.test.d.ts +1 -0
  131. package/lib/typescript/utils/handleroffset-direction.d.ts +2 -1
  132. package/lib/typescript/utils/handleroffset-direction.test.d.ts +1 -0
  133. package/package.json +18 -60
  134. package/src/{layouts → components}/BaseLayout.tsx +7 -35
  135. package/src/components/Carousel.tsx +33 -71
  136. package/src/components/ItemRenderer.tsx +105 -0
  137. package/src/components/Pagination/Basic/PaginationItem.tsx +111 -0
  138. package/src/components/Pagination/Basic/index.tsx +81 -0
  139. package/src/components/Pagination/index.tsx +5 -0
  140. package/src/components/ScrollViewGesture.tsx +74 -49
  141. package/src/components/rnr-demo.test.tsx +43 -0
  142. package/src/hooks/useCarouselController.tsx +24 -21
  143. package/src/hooks/useCommonVariables.test.tsx +41 -0
  144. package/src/hooks/useCommonVariables.ts +35 -10
  145. package/src/hooks/useLayoutConfig.ts +1 -1
  146. package/src/hooks/useOffsetX.test.ts +54 -0
  147. package/src/hooks/useOffsetX.ts +33 -31
  148. package/src/hooks/useOnProgressChange.ts +7 -2
  149. package/src/hooks/usePanGestureProxy.test.tsx +376 -0
  150. package/src/hooks/usePanGestureProxy.ts +110 -0
  151. package/src/hooks/useUpdateGestureConfig.ts +4 -2
  152. package/src/hooks/useVisibleRanges.test.tsx +179 -0
  153. package/src/hooks/useVisibleRanges.tsx +72 -24
  154. package/src/index.tsx +3 -0
  155. package/src/types.ts +28 -17
  156. package/src/utils/compute-offset-if-data-changed.test.ts +30 -0
  157. package/src/utils/{computeNewIndexWhenDataChanges.ts → compute-offset-if-data-changed.ts} +1 -1
  158. package/src/utils/compute-offset-if-size-changed.test.ts +78 -0
  159. package/src/utils/compute-offset-if-size-changed.ts +11 -0
  160. package/src/utils/handleroffset-direction.test.ts +52 -0
  161. package/src/utils/handleroffset-direction.ts +12 -9
  162. package/src/utils/index.test.ts +6 -6
  163. package/lib/commonjs/layouts/BaseLayout.js.map +0 -1
  164. package/lib/commonjs/layouts/ParallaxLayout.js +0 -84
  165. package/lib/commonjs/layouts/ParallaxLayout.js.map +0 -1
  166. package/lib/commonjs/utils/computeNewIndexWhenDataChanges.js.map +0 -1
  167. package/lib/module/layouts/BaseLayout.js.map +0 -1
  168. package/lib/module/layouts/ParallaxLayout.js +0 -61
  169. package/lib/module/layouts/ParallaxLayout.js.map +0 -1
  170. package/lib/module/utils/computeNewIndexWhenDataChanges.js.map +0 -1
  171. package/lib/typescript/layouts/ParallaxLayout.d.ts +0 -13
  172. package/src/layouts/ParallaxLayout.tsx +0 -141
  173. /package/lib/typescript/{layouts → components}/BaseLayout.d.ts +0 -0
@@ -24,7 +24,10 @@ export function useOnProgressChange(opts) {
24
24
 
25
25
  let absoluteProgress = Math.abs(value / size);
26
26
  if (value > 0) absoluteProgress = rawDataLength - absoluteProgress;
27
- if (onProgressChange) runOnJS(onProgressChange)(value, absoluteProgress);
27
+
28
+ if (onProgressChange) {
29
+ if (typeof onProgressChange === "function") runOnJS(onProgressChange)(value, absoluteProgress);else onProgressChange.value = absoluteProgress;
30
+ }
28
31
  }, [loop, autoFillData, rawDataLength, onProgressChange]);
29
32
  }
30
33
  //# sourceMappingURL=useOnProgressChange.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useOnProgressChange.ts"],"names":["runOnJS","useAnimatedReaction","computedOffsetXValueWithAutoFillData","useOnProgressChange","opts","autoFillData","loop","offsetX","size","rawDataLength","onProgressChange","value","_value","Math","max","min","absoluteProgress","abs"],"mappings":"AACA,SACEA,OADF,EAEEC,mBAFF,QAGO,yBAHP;AAMA,SAASC,oCAAT,QAAqD,uCAArD;AAEA,OAAO,SAASC,mBAAT,CACLC,IADK,EAQL;AACA,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,IAAhB;AAAsBC,IAAAA,OAAtB;AAA+BC,IAAAA,IAA/B;AAAqCC,IAAAA,aAArC;AAAoDC,IAAAA;AAApD,MACEN,IADR;AAGAH,EAAAA,mBAAmB,CACjB,MAAMM,OAAO,CAACI,KADG,EAEhBC,MAAD,IAAY;AACV,QAAID,KAAK,GAAGT,oCAAoC,CAAC;AAC/CS,MAAAA,KAAK,EAAEC,MADwC;AAE/CH,MAAAA,aAF+C;AAG/CD,MAAAA,IAH+C;AAI/CH,MAAAA,YAJ+C;AAK/CC,MAAAA;AAL+C,KAAD,CAAhD;;AAQA,QAAI,CAACA,IAAL,EAAW;AACTK,MAAAA,KAAK,GAAGE,IAAI,CAACC,GAAL,CACN,EAAE,CAACL,aAAa,GAAG,CAAjB,IAAsBD,IAAxB,CADM,EAENK,IAAI,CAACE,GAAL,CAASJ,KAAT,EAAgB,CAAhB,CAFM,CAAR;AAID;;AAED,QAAIK,gBAAgB,GAAGH,IAAI,CAACI,GAAL,CAASN,KAAK,GAAGH,IAAjB,CAAvB;AAEA,QAAIG,KAAK,GAAG,CAAZ,EACEK,gBAAgB,GAAGP,aAAa,GAAGO,gBAAnC;AAEF,QAAIN,gBAAJ,EACEV,OAAO,CAACU,gBAAD,CAAP,CAA0BC,KAA1B,EAAiCK,gBAAjC;AACH,GAzBgB,EA0BjB,CAACV,IAAD,EAAOD,YAAP,EAAqBI,aAArB,EAAoCC,gBAApC,CA1BiB,CAAnB;AA4BD","sourcesContent":["import type Animated from \"react-native-reanimated\";\nimport {\n runOnJS,\n useAnimatedReaction,\n} from \"react-native-reanimated\";\n\nimport type { TCarouselProps } from \"../types\";\nimport { computedOffsetXValueWithAutoFillData } from \"../utils/computed-with-auto-fill-data\";\n\nexport function useOnProgressChange(\n opts: {\n size: number\n autoFillData: boolean\n loop: boolean\n offsetX: Animated.SharedValue<number>\n rawDataLength: number\n } & Pick<TCarouselProps, \"onProgressChange\">,\n) {\n const { autoFillData, loop, offsetX, size, rawDataLength, onProgressChange }\n = opts;\n\n useAnimatedReaction(\n () => offsetX.value,\n (_value) => {\n let value = computedOffsetXValueWithAutoFillData({\n value: _value,\n rawDataLength,\n size,\n autoFillData,\n loop,\n });\n\n if (!loop) {\n value = Math.max(\n -((rawDataLength - 1) * size),\n Math.min(value, 0),\n );\n }\n\n let absoluteProgress = Math.abs(value / size);\n\n if (value > 0)\n absoluteProgress = rawDataLength - absoluteProgress;\n\n if (onProgressChange)\n runOnJS(onProgressChange)(value, absoluteProgress);\n },\n [loop, autoFillData, rawDataLength, onProgressChange],\n );\n}\n"]}
1
+ {"version":3,"sources":["useOnProgressChange.ts"],"names":["runOnJS","useAnimatedReaction","computedOffsetXValueWithAutoFillData","useOnProgressChange","opts","autoFillData","loop","offsetX","size","rawDataLength","onProgressChange","value","_value","Math","max","min","absoluteProgress","abs"],"mappings":"AACA,SACEA,OADF,EAEEC,mBAFF,QAGO,yBAHP;AAMA,SAASC,oCAAT,QAAqD,uCAArD;AAEA,OAAO,SAASC,mBAAT,CACLC,IADK,EAQL;AACA,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,IAAhB;AAAsBC,IAAAA,OAAtB;AAA+BC,IAAAA,IAA/B;AAAqCC,IAAAA,aAArC;AAAoDC,IAAAA;AAApD,MACEN,IADR;AAGAH,EAAAA,mBAAmB,CACjB,MAAMM,OAAO,CAACI,KADG,EAEhBC,MAAD,IAAY;AACV,QAAID,KAAK,GAAGT,oCAAoC,CAAC;AAC/CS,MAAAA,KAAK,EAAEC,MADwC;AAE/CH,MAAAA,aAF+C;AAG/CD,MAAAA,IAH+C;AAI/CH,MAAAA,YAJ+C;AAK/CC,MAAAA;AAL+C,KAAD,CAAhD;;AAQA,QAAI,CAACA,IAAL,EAAW;AACTK,MAAAA,KAAK,GAAGE,IAAI,CAACC,GAAL,CACN,EAAE,CAACL,aAAa,GAAG,CAAjB,IAAsBD,IAAxB,CADM,EAENK,IAAI,CAACE,GAAL,CAASJ,KAAT,EAAgB,CAAhB,CAFM,CAAR;AAID;;AAED,QAAIK,gBAAgB,GAAGH,IAAI,CAACI,GAAL,CAASN,KAAK,GAAGH,IAAjB,CAAvB;AAEA,QAAIG,KAAK,GAAG,CAAZ,EACEK,gBAAgB,GAAGP,aAAa,GAAGO,gBAAnC;;AAEF,QAAIN,gBAAJ,EAAsB;AACpB,UAAI,OAAOA,gBAAP,KAA4B,UAAhC,EACEV,OAAO,CAACU,gBAAD,CAAP,CAA0BC,KAA1B,EAAiCK,gBAAjC,EADF,KAIEN,gBAAgB,CAACC,KAAjB,GAAyBK,gBAAzB;AACH;AACF,GA9BgB,EA+BjB,CAACV,IAAD,EAAOD,YAAP,EAAqBI,aAArB,EAAoCC,gBAApC,CA/BiB,CAAnB;AAiCD","sourcesContent":["import type Animated from \"react-native-reanimated\";\nimport {\n runOnJS,\n useAnimatedReaction,\n} from \"react-native-reanimated\";\n\nimport type { TCarouselProps } from \"../types\";\nimport { computedOffsetXValueWithAutoFillData } from \"../utils/computed-with-auto-fill-data\";\n\nexport function useOnProgressChange(\n opts: {\n size: number\n autoFillData: boolean\n loop: boolean\n offsetX: Animated.SharedValue<number>\n rawDataLength: number\n } & Pick<TCarouselProps, \"onProgressChange\">,\n) {\n const { autoFillData, loop, offsetX, size, rawDataLength, onProgressChange }\n = opts;\n\n useAnimatedReaction(\n () => offsetX.value,\n (_value) => {\n let value = computedOffsetXValueWithAutoFillData({\n value: _value,\n rawDataLength,\n size,\n autoFillData,\n loop,\n });\n\n if (!loop) {\n value = Math.max(\n -((rawDataLength - 1) * size),\n Math.min(value, 0),\n );\n }\n\n let absoluteProgress = Math.abs(value / size);\n\n if (value > 0)\n absoluteProgress = rawDataLength - absoluteProgress;\n\n if (onProgressChange) {\n if (typeof onProgressChange === \"function\")\n runOnJS(onProgressChange)(value, absoluteProgress);\n\n else\n onProgressChange.value = absoluteProgress;\n }\n },\n [loop, autoFillData, rawDataLength, onProgressChange],\n );\n}\n"]}
@@ -0,0 +1,71 @@
1
+ import { useMemo } from "react";
2
+ import { Gesture } from "react-native-gesture-handler";
3
+ import { useUpdateGestureConfig } from "./useUpdateGestureConfig";
4
+ export const usePanGestureProxy = customization => {
5
+ const {
6
+ onConfigurePanGesture,
7
+ onGestureStart,
8
+ onGestureUpdate,
9
+ onGestureEnd,
10
+ options = {}
11
+ } = customization;
12
+ const gesture = useMemo(() => {
13
+ const gesture = Gesture.Pan(); // Save the original gesture callbacks
14
+
15
+ const originalGestures = {
16
+ onStart: gesture.onStart,
17
+ onUpdate: gesture.onUpdate,
18
+ onEnd: gesture.onEnd
19
+ }; // Save the user defined gesture callbacks
20
+
21
+ const userDefinedConflictGestures = {
22
+ onStart: undefined,
23
+ onUpdate: undefined,
24
+ onEnd: undefined
25
+ };
26
+
27
+ const fakeOnStart = cb => {
28
+ // Using fakeOnStart to save the user defined callback
29
+ userDefinedConflictGestures.onStart = cb;
30
+ return gesture;
31
+ };
32
+
33
+ const fakeOnUpdate = cb => {
34
+ // Using fakeOnUpdate to save the user defined callback
35
+ userDefinedConflictGestures.onUpdate = cb;
36
+ return gesture;
37
+ };
38
+
39
+ const fakeOnEnd = cb => {
40
+ // Using fakeOnEnd to save the user defined callback
41
+ userDefinedConflictGestures.onEnd = cb;
42
+ return gesture;
43
+ }; // Setup the fake callbacks
44
+
45
+
46
+ gesture.onStart = fakeOnStart;
47
+ gesture.onUpdate = fakeOnUpdate;
48
+ gesture.onEnd = fakeOnEnd;
49
+ if (onConfigurePanGesture) // Get the gesture with the user defined configuration
50
+ onConfigurePanGesture(gesture); // Restore the original callbacks
51
+
52
+ gesture.onStart = originalGestures.onStart;
53
+ gesture.onUpdate = originalGestures.onUpdate;
54
+ gesture.onEnd = originalGestures.onEnd; // Setup the original callbacks with the user defined callbacks
55
+
56
+ gesture.onStart(e => {
57
+ onGestureStart(e);
58
+ if (userDefinedConflictGestures.onStart) userDefinedConflictGestures.onStart(e);
59
+ }).onUpdate(e => {
60
+ onGestureUpdate(e);
61
+ if (userDefinedConflictGestures.onUpdate) userDefinedConflictGestures.onUpdate(e);
62
+ }).onEnd((e, success) => {
63
+ onGestureEnd(e, success);
64
+ if (userDefinedConflictGestures.onEnd) userDefinedConflictGestures.onEnd(e, success);
65
+ });
66
+ return gesture;
67
+ }, [onGestureStart, onGestureUpdate, onGestureEnd, onConfigurePanGesture]);
68
+ useUpdateGestureConfig(gesture, options);
69
+ return gesture;
70
+ };
71
+ //# sourceMappingURL=usePanGestureProxy.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["usePanGestureProxy.ts"],"names":["useMemo","Gesture","useUpdateGestureConfig","usePanGestureProxy","customization","onConfigurePanGesture","onGestureStart","onGestureUpdate","onGestureEnd","options","gesture","Pan","originalGestures","onStart","onUpdate","onEnd","userDefinedConflictGestures","undefined","fakeOnStart","cb","fakeOnUpdate","fakeOnEnd","e","success"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;AAEA,SAASC,OAAT,QAAwB,8BAAxB;AAGA,SAASC,sBAAT,QAAuC,0BAAvC;AAEA,OAAO,MAAMC,kBAAkB,GAC7BC,aADgC,IAQ7B;AACH,QAAM;AACJC,IAAAA,qBADI;AAEJC,IAAAA,cAFI;AAGJC,IAAAA,eAHI;AAIJC,IAAAA,YAJI;AAKJC,IAAAA,OAAO,GAAG;AALN,MAMFL,aANJ;AAQA,QAAMM,OAAO,GAAGV,OAAO,CAAC,MAAM;AAC5B,UAAMU,OAAO,GAAGT,OAAO,CAACU,GAAR,EAAhB,CAD4B,CAG5B;;AACA,UAAMC,gBAAgB,GAAG;AACvBC,MAAAA,OAAO,EAAEH,OAAO,CAACG,OADM;AAEvBC,MAAAA,QAAQ,EAAEJ,OAAO,CAACI,QAFK;AAGvBC,MAAAA,KAAK,EAAEL,OAAO,CAACK;AAHQ,KAAzB,CAJ4B,CAU5B;;AACA,UAAMC,2BAIL,GAAG;AACFH,MAAAA,OAAO,EAAEI,SADP;AAEFH,MAAAA,QAAQ,EAAEG,SAFR;AAGFF,MAAAA,KAAK,EAAEE;AAHL,KAJJ;;AAUA,UAAMC,WAAmC,GAAIC,EAAD,IAAQ;AAClD;AACAH,MAAAA,2BAA2B,CAACH,OAA5B,GAAsCM,EAAtC;AACA,aAAOT,OAAP;AACD,KAJD;;AAMA,UAAMU,YAAqC,GAAID,EAAD,IAAQ;AACpD;AACAH,MAAAA,2BAA2B,CAACF,QAA5B,GAAuCK,EAAvC;AACA,aAAOT,OAAP;AACD,KAJD;;AAMA,UAAMW,SAA+B,GAAIF,EAAD,IAAQ;AAC9C;AACAH,MAAAA,2BAA2B,CAACD,KAA5B,GAAoCI,EAApC;AACA,aAAOT,OAAP;AACD,KAJD,CAjC4B,CAuC5B;;;AACAA,IAAAA,OAAO,CAACG,OAAR,GAAkBK,WAAlB;AACAR,IAAAA,OAAO,CAACI,QAAR,GAAmBM,YAAnB;AACAV,IAAAA,OAAO,CAACK,KAAR,GAAgBM,SAAhB;AAEA,QAAIhB,qBAAJ,EACE;AACAA,MAAAA,qBAAqB,CAACK,OAAD,CAArB,CA9C0B,CAgD5B;;AACAA,IAAAA,OAAO,CAACG,OAAR,GAAkBD,gBAAgB,CAACC,OAAnC;AACAH,IAAAA,OAAO,CAACI,QAAR,GAAmBF,gBAAgB,CAACE,QAApC;AACAJ,IAAAA,OAAO,CAACK,KAAR,GAAgBH,gBAAgB,CAACG,KAAjC,CAnD4B,CAqD5B;;AACAL,IAAAA,OAAO,CACJG,OADH,CACYS,CAAD,IAAO;AACdhB,MAAAA,cAAc,CAACgB,CAAD,CAAd;AAEA,UAAIN,2BAA2B,CAACH,OAAhC,EACEG,2BAA2B,CAACH,OAA5B,CAAoCS,CAApC;AACH,KANH,EAOGR,QAPH,CAOaQ,CAAD,IAAO;AACff,MAAAA,eAAe,CAACe,CAAD,CAAf;AAEA,UAAIN,2BAA2B,CAACF,QAAhC,EACEE,2BAA2B,CAACF,QAA5B,CAAqCQ,CAArC;AACH,KAZH,EAaGP,KAbH,CAaS,CAACO,CAAD,EAAIC,OAAJ,KAAgB;AACrBf,MAAAA,YAAY,CAACc,CAAD,EAAIC,OAAJ,CAAZ;AAEA,UAAIP,2BAA2B,CAACD,KAAhC,EACEC,2BAA2B,CAACD,KAA5B,CAAkCO,CAAlC,EAAqCC,OAArC;AACH,KAlBH;AAoBA,WAAOb,OAAP;AACD,GA3EsB,EA2EpB,CACDJ,cADC,EAEDC,eAFC,EAGDC,YAHC,EAIDH,qBAJC,CA3EoB,CAAvB;AAkFAH,EAAAA,sBAAsB,CAACQ,OAAD,EAAUD,OAAV,CAAtB;AAEA,SAAOC,OAAP;AACD,CAtGM","sourcesContent":["import { useMemo } from \"react\";\nimport type { GestureStateChangeEvent, GestureUpdateEvent, PanGesture, PanGestureHandlerEventPayload } from \"react-native-gesture-handler\";\nimport { Gesture } from \"react-native-gesture-handler\";\n\nimport type { GestureConfig } from \"./useUpdateGestureConfig\";\nimport { useUpdateGestureConfig } from \"./useUpdateGestureConfig\";\n\nexport const usePanGestureProxy = (\n customization: {\n onConfigurePanGesture?: (gesture: PanGesture) => void\n onGestureStart: (event: GestureStateChangeEvent<PanGestureHandlerEventPayload>) => void\n onGestureUpdate: (event: GestureUpdateEvent<PanGestureHandlerEventPayload>) => void\n onGestureEnd: (event: GestureStateChangeEvent<PanGestureHandlerEventPayload>, success: boolean) => void\n options?: GestureConfig\n },\n) => {\n const {\n onConfigurePanGesture,\n onGestureStart,\n onGestureUpdate,\n onGestureEnd,\n options = {},\n } = customization;\n\n const gesture = useMemo(() => {\n const gesture = Gesture.Pan();\n\n // Save the original gesture callbacks\n const originalGestures = {\n onStart: gesture.onStart,\n onUpdate: gesture.onUpdate,\n onEnd: gesture.onEnd,\n };\n\n // Save the user defined gesture callbacks\n const userDefinedConflictGestures: {\n onStart?: Parameters<(typeof gesture)[\"onStart\"]>[0]\n onUpdate?: Parameters<(typeof gesture)[\"onUpdate\"]>[0]\n onEnd?: Parameters<(typeof gesture)[\"onEnd\"]>[0]\n } = {\n onStart: undefined,\n onUpdate: undefined,\n onEnd: undefined,\n };\n\n const fakeOnStart: typeof gesture.onStart = (cb) => {\n // Using fakeOnStart to save the user defined callback\n userDefinedConflictGestures.onStart = cb;\n return gesture;\n };\n\n const fakeOnUpdate: typeof gesture.onUpdate = (cb) => {\n // Using fakeOnUpdate to save the user defined callback\n userDefinedConflictGestures.onUpdate = cb;\n return gesture;\n };\n\n const fakeOnEnd: typeof gesture.onEnd = (cb) => {\n // Using fakeOnEnd to save the user defined callback\n userDefinedConflictGestures.onEnd = cb;\n return gesture;\n };\n\n // Setup the fake callbacks\n gesture.onStart = fakeOnStart;\n gesture.onUpdate = fakeOnUpdate;\n gesture.onEnd = fakeOnEnd;\n\n if (onConfigurePanGesture)\n // Get the gesture with the user defined configuration\n onConfigurePanGesture(gesture);\n\n // Restore the original callbacks\n gesture.onStart = originalGestures.onStart;\n gesture.onUpdate = originalGestures.onUpdate;\n gesture.onEnd = originalGestures.onEnd;\n\n // Setup the original callbacks with the user defined callbacks\n gesture\n .onStart((e) => {\n onGestureStart(e);\n\n if (userDefinedConflictGestures.onStart)\n userDefinedConflictGestures.onStart(e);\n })\n .onUpdate((e) => {\n onGestureUpdate(e);\n\n if (userDefinedConflictGestures.onUpdate)\n userDefinedConflictGestures.onUpdate(e);\n })\n .onEnd((e, success) => {\n onGestureEnd(e, success);\n\n if (userDefinedConflictGestures.onEnd)\n userDefinedConflictGestures.onEnd(e, success);\n });\n\n return gesture;\n }, [\n onGestureStart,\n onGestureUpdate,\n onGestureEnd,\n onConfigurePanGesture,\n ]);\n\n useUpdateGestureConfig(gesture, options);\n\n return gesture;\n};\n"]}
@@ -0,0 +1,383 @@
1
+ import React from "react";
2
+ import { Text } from "react-native";
3
+ import { Gesture, GestureDetector, GestureHandlerRootView, State } from "react-native-gesture-handler";
4
+ import { cleanup, render } from "@testing-library/react-native";
5
+ import { fireGestureHandler, getByGestureTestId } from "react-native-gesture-handler/jest-utils";
6
+ import { usePanGestureProxy } from "./usePanGestureProxy";
7
+ beforeEach(cleanup);
8
+
9
+ const mockedEventHandlers = () => {
10
+ return {
11
+ begin: jest.fn(),
12
+ start: jest.fn(),
13
+ active: jest.fn(),
14
+ end: jest.fn(),
15
+ fail: jest.fn(),
16
+ cancel: jest.fn(),
17
+ finish: jest.fn()
18
+ };
19
+ };
20
+
21
+ const mockedEventHandlersFromUser = () => {
22
+ return {
23
+ begin: jest.fn(),
24
+ start: jest.fn(),
25
+ active: jest.fn(),
26
+ end: jest.fn(),
27
+ fail: jest.fn(),
28
+ cancel: jest.fn(),
29
+ finish: jest.fn()
30
+ };
31
+ };
32
+
33
+ describe("Using RNGH v2 gesture API", () => {
34
+ function SingleHandler(_ref) {
35
+ let {
36
+ handlers,
37
+ handlersFromUser,
38
+ treatStartAsUpdate
39
+ } = _ref;
40
+ const pan = usePanGestureProxy({
41
+ onConfigurePanGesture: gesture => {
42
+ // This is user's customizations
43
+ gesture.onBegin(handlersFromUser.begin).onUpdate(handlersFromUser.active).onEnd(handlersFromUser.end).onFinalize(handlers.finish).withTestId("pan");
44
+ },
45
+ onGestureStart: treatStartAsUpdate ? handlers.active : handlers.start,
46
+ onGestureUpdate: handlers.active,
47
+ onGestureEnd: handlers.end,
48
+ options: {
49
+ enabled: true
50
+ }
51
+ });
52
+ return /*#__PURE__*/React.createElement(GestureHandlerRootView, null, /*#__PURE__*/React.createElement(GestureDetector, {
53
+ gesture: pan
54
+ }, /*#__PURE__*/React.createElement(Text, null, "v2 API test")));
55
+ }
56
+
57
+ function RacingHandlers(_ref2) {
58
+ let {
59
+ tapHandlers,
60
+ panHandlers
61
+ } = _ref2;
62
+ const tap = Gesture.Tap().onBegin(tapHandlers.begin).onEnd(tapHandlers.end).withTestId("tap");
63
+ const pan = usePanGestureProxy({
64
+ onConfigurePanGesture: _ => {
65
+ _.onBegin(panHandlers.begin).onFinalize(panHandlers.finish).withTestId("pan");
66
+ },
67
+ onGestureStart: panHandlers.start,
68
+ onGestureUpdate: panHandlers.active,
69
+ onGestureEnd: panHandlers.end,
70
+ options: {
71
+ enabled: true
72
+ }
73
+ });
74
+ return /*#__PURE__*/React.createElement(GestureHandlerRootView, null, /*#__PURE__*/React.createElement(GestureDetector, {
75
+ gesture: Gesture.Race(tap, pan)
76
+ }, /*#__PURE__*/React.createElement(Text, null, "v2 API test")));
77
+ }
78
+
79
+ it("sends events to handlers", () => {
80
+ const tapHandlers = mockedEventHandlers();
81
+ const panHandlers = mockedEventHandlers();
82
+ render( /*#__PURE__*/React.createElement(RacingHandlers, {
83
+ tapHandlers: tapHandlers,
84
+ panHandlers: panHandlers
85
+ }));
86
+ fireGestureHandler(getByGestureTestId("pan"), [{
87
+ state: State.BEGAN
88
+ }, {
89
+ state: State.ACTIVE
90
+ }, {
91
+ state: State.END
92
+ }]);
93
+ expect(panHandlers.begin).toBeCalledWith(expect.objectContaining({
94
+ state: State.BEGAN
95
+ }));
96
+ expect(panHandlers.finish).toBeCalled();
97
+ expect(tapHandlers.begin).not.toBeCalled();
98
+ });
99
+ it("sends events with additional data to handlers", () => {
100
+ const panHandlers = mockedEventHandlers();
101
+ const panHandlersFromUser = mockedEventHandlersFromUser();
102
+ render( /*#__PURE__*/React.createElement(SingleHandler, {
103
+ handlers: panHandlers,
104
+ handlersFromUser: panHandlersFromUser,
105
+ treatStartAsUpdate: true
106
+ }));
107
+ fireGestureHandler(getByGestureTestId("pan"), [{
108
+ state: State.BEGAN,
109
+ translationX: 0
110
+ }, {
111
+ state: State.ACTIVE,
112
+ translationX: 10
113
+ }, {
114
+ translationX: 20
115
+ }, {
116
+ translationX: 20
117
+ }, {
118
+ state: State.END,
119
+ translationX: 30
120
+ }]);
121
+ expect(panHandlersFromUser.begin).toBeCalledTimes(1);
122
+ expect(panHandlersFromUser.active).toBeCalledTimes(2);
123
+ expect(panHandlersFromUser.end).toBeCalledTimes(1);
124
+ expect(panHandlers.active).toBeCalledTimes(3);
125
+ expect(panHandlers.active).toHaveBeenLastCalledWith(expect.objectContaining({
126
+ translationX: 20
127
+ }));
128
+ });
129
+ });
130
+ describe("Event list validation", () => {
131
+ function SingleHandler(_ref3) {
132
+ let {
133
+ handlers,
134
+ handlersFromUser,
135
+ treatStartAsUpdate
136
+ } = _ref3;
137
+ const pan = usePanGestureProxy({
138
+ onConfigurePanGesture: _ => {
139
+ _.onBegin(handlersFromUser.begin).onUpdate(handlersFromUser.active).onEnd(handlersFromUser.end).onFinalize(handlers.finish).withTestId("pan");
140
+ },
141
+ onGestureStart: treatStartAsUpdate ? handlers.active : handlers.start,
142
+ onGestureUpdate: handlers.active,
143
+ onGestureEnd: handlers.end,
144
+ options: {
145
+ enabled: true
146
+ }
147
+ });
148
+ return /*#__PURE__*/React.createElement(GestureHandlerRootView, null, /*#__PURE__*/React.createElement(GestureDetector, {
149
+ gesture: pan
150
+ }, /*#__PURE__*/React.createElement(Text, null, "v2 API test")));
151
+ }
152
+
153
+ it("throws error when oldState doesn't correspond to previous event's state", () => {
154
+ const panHandlers = mockedEventHandlers();
155
+ const panHandlersFromUser = mockedEventHandlersFromUser();
156
+ render( /*#__PURE__*/React.createElement(SingleHandler, {
157
+ handlers: panHandlers,
158
+ handlersFromUser: panHandlersFromUser
159
+ }));
160
+ expect(() => {
161
+ fireGestureHandler(getByGestureTestId("pan"), [{
162
+ oldState: State.UNDETERMINED,
163
+ state: State.BEGAN,
164
+ x: 0,
165
+ y: 10
166
+ }, {
167
+ oldState: State.UNDETERMINED,
168
+ state: State.ACTIVE,
169
+ x: 1,
170
+ y: 11
171
+ }]);
172
+ }).toThrow("when state changes, oldState should be the same as previous event' state");
173
+ });
174
+ it.each([[State.END], [State.FAILED], [State.CANCELLED]])("correctly handles events ending with state %s", lastState => {
175
+ const panHandlers = mockedEventHandlers();
176
+ const panHandlersFromUser = mockedEventHandlersFromUser();
177
+ render( /*#__PURE__*/React.createElement(SingleHandler, {
178
+ handlers: panHandlers,
179
+ handlersFromUser: panHandlersFromUser
180
+ }));
181
+ fireGestureHandler(getByGestureTestId("pan"), [{
182
+ state: State.BEGAN
183
+ }, {
184
+ state: State.ACTIVE
185
+ }, {
186
+ state: lastState
187
+ }]);
188
+ expect(panHandlersFromUser.begin).toBeCalledTimes(1);
189
+ expect(panHandlersFromUser.active).toBeCalledTimes(0);
190
+ expect(panHandlersFromUser.end).toBeCalledTimes(1);
191
+ if (lastState === State.END) expect(panHandlers.end).toBeCalled();else expect(panHandlers.finish).toBeCalledWith(expect.any(Object), false);
192
+ });
193
+ });
194
+ describe("Filling event list with defaults", () => {
195
+ function RacingTapAndPan(_ref4) {
196
+ let {
197
+ handlers,
198
+ treatStartAsUpdate
199
+ } = _ref4;
200
+ const tap = Gesture.Tap().onBegin(handlers.begin).onEnd(handlers.end).withTestId("tap");
201
+ const pan = usePanGestureProxy({
202
+ onConfigurePanGesture: _ => {
203
+ _.onBegin(handlers.begin).onFinalize(handlers.finish).withTestId("pan");
204
+ },
205
+ onGestureStart: treatStartAsUpdate ? handlers.active : handlers.start,
206
+ onGestureUpdate: handlers.active,
207
+ onGestureEnd: handlers.end,
208
+ options: {
209
+ enabled: true
210
+ }
211
+ });
212
+ return /*#__PURE__*/React.createElement(GestureHandlerRootView, null, /*#__PURE__*/React.createElement(GestureDetector, {
213
+ gesture: Gesture.Exclusive(pan, tap)
214
+ }, /*#__PURE__*/React.createElement(Text, null, "v2 API test")));
215
+ }
216
+
217
+ it("fills oldState if not passed", () => {
218
+ const handlers = mockedEventHandlers();
219
+ render( /*#__PURE__*/React.createElement(RacingTapAndPan, {
220
+ handlers: handlers,
221
+ treatStartAsUpdate: true
222
+ }));
223
+ fireGestureHandler(getByGestureTestId("pan"), [{
224
+ state: State.BEGAN
225
+ }, {
226
+ state: State.ACTIVE
227
+ }, {
228
+ state: State.ACTIVE
229
+ }, {
230
+ state: State.ACTIVE
231
+ }, {
232
+ state: State.END
233
+ }]);
234
+ expect(handlers.begin).toBeCalledWith(expect.objectContaining({
235
+ oldState: State.UNDETERMINED
236
+ }));
237
+ expect(handlers.active).nthCalledWith(1, expect.objectContaining({
238
+ oldState: State.BEGAN
239
+ }));
240
+ expect(handlers.active).lastCalledWith(expect.not.objectContaining({
241
+ oldState: expect.anything()
242
+ }));
243
+ expect(handlers.end).toBeCalledWith(expect.objectContaining({
244
+ oldState: State.ACTIVE
245
+ }), true);
246
+ });
247
+ it("fills missing ACTIVE states", () => {
248
+ const panHandlers = mockedEventHandlers();
249
+ render( /*#__PURE__*/React.createElement(RacingTapAndPan, {
250
+ handlers: panHandlers,
251
+ treatStartAsUpdate: true
252
+ }));
253
+ fireGestureHandler(getByGestureTestId("pan"), [{
254
+ state: State.BEGAN,
255
+ x: 0,
256
+ y: 10
257
+ }, {
258
+ state: State.ACTIVE,
259
+ x: 1,
260
+ y: 11
261
+ }, {
262
+ x: 2,
263
+ y: 12
264
+ }, {
265
+ x: 3,
266
+ y: 13
267
+ }, {
268
+ state: State.END,
269
+ x: 4,
270
+ y: 14
271
+ }]);
272
+ expect(panHandlers.active).toBeCalledTimes(3);
273
+ expect(panHandlers.active).toHaveBeenLastCalledWith(expect.objectContaining({
274
+ x: 3,
275
+ y: 13
276
+ }));
277
+ });
278
+ it("fills BEGIN and END events for discrete handlers", () => {
279
+ const handlers = mockedEventHandlers();
280
+ render( /*#__PURE__*/React.createElement(RacingTapAndPan, {
281
+ handlers: handlers,
282
+ treatStartAsUpdate: true
283
+ }));
284
+ fireGestureHandler(getByGestureTestId("tap"), [{
285
+ x: 5
286
+ }]);
287
+ expect(handlers.begin).toBeCalledTimes(1);
288
+ expect(handlers.end).toBeCalledTimes(1);
289
+ });
290
+ it("with FAILED event, fills BEGIN event for discrete handlers", () => {
291
+ const handlers = mockedEventHandlers();
292
+ render( /*#__PURE__*/React.createElement(RacingTapAndPan, {
293
+ handlers: handlers,
294
+ treatStartAsUpdate: true
295
+ }));
296
+ fireGestureHandler(getByGestureTestId("tap"), [{
297
+ state: State.FAILED
298
+ }]);
299
+ expect(handlers.begin).toBeCalledTimes(1);
300
+ expect(handlers.end).toBeCalledTimes(1);
301
+ expect(handlers.end).toBeCalledWith(expect.anything(), false);
302
+ });
303
+ it("uses event data from first event in filled BEGIN, ACTIVE events", () => {
304
+ const handlers = mockedEventHandlers();
305
+ render( /*#__PURE__*/React.createElement(RacingTapAndPan, {
306
+ handlers: handlers,
307
+ treatStartAsUpdate: true
308
+ }));
309
+ fireGestureHandler(getByGestureTestId("pan"), [{
310
+ x: 120
311
+ }]);
312
+ expect(handlers.begin).toBeCalledWith(expect.objectContaining({
313
+ x: 120
314
+ }));
315
+ expect(handlers.active).toHaveBeenNthCalledWith(1, expect.objectContaining({
316
+ x: 120
317
+ }));
318
+ });
319
+ it("uses event data from last event in filled END events", () => {
320
+ const handlers = mockedEventHandlers();
321
+ render( /*#__PURE__*/React.createElement(RacingTapAndPan, {
322
+ handlers: handlers,
323
+ treatStartAsUpdate: true
324
+ }));
325
+ fireGestureHandler(getByGestureTestId("pan"), [{
326
+ x: 120,
327
+ state: State.FAILED
328
+ }]);
329
+ expect(handlers.begin).toBeCalledTimes(1);
330
+ expect(handlers.active).toBeCalledTimes(1);
331
+ expect(handlers.end).toBeCalledWith(expect.objectContaining({
332
+ x: 120
333
+ }), false);
334
+ });
335
+ it("uses event data filled events", () => {
336
+ const handlers = mockedEventHandlers();
337
+ render( /*#__PURE__*/React.createElement(RacingTapAndPan, {
338
+ handlers: handlers,
339
+ treatStartAsUpdate: true
340
+ }));
341
+ fireGestureHandler(getByGestureTestId("pan"), [{
342
+ x: 5,
343
+ y: 15
344
+ }, {
345
+ x: 6,
346
+ y: 16
347
+ }, {
348
+ x: 7,
349
+ y: 17
350
+ }]);
351
+ expect(handlers.begin).toBeCalledWith(expect.objectContaining({
352
+ x: 5,
353
+ y: 15
354
+ }));
355
+ expect(handlers.active).toBeCalledTimes(3);
356
+ expect(handlers.end).toBeCalledWith(expect.objectContaining({
357
+ x: 7,
358
+ y: 17
359
+ }), true);
360
+ });
361
+ it("fills BEGIN and END events when they're not present, for discrete handlers", () => {
362
+ const handlers = mockedEventHandlers();
363
+ render( /*#__PURE__*/React.createElement(RacingTapAndPan, {
364
+ handlers: handlers,
365
+ treatStartAsUpdate: true
366
+ }));
367
+ fireGestureHandler(getByGestureTestId("tap"));
368
+ expect(handlers.begin).toBeCalledTimes(1);
369
+ expect(handlers.end).toHaveBeenCalledTimes(1);
370
+ });
371
+ it("fills BEGIN, ACTIVE and END events when they're not present, for continuous handlers", () => {
372
+ const handlers = mockedEventHandlers();
373
+ render( /*#__PURE__*/React.createElement(RacingTapAndPan, {
374
+ handlers: handlers,
375
+ treatStartAsUpdate: true
376
+ }));
377
+ fireGestureHandler(getByGestureTestId("pan"));
378
+ expect(handlers.begin).toBeCalledTimes(1);
379
+ expect(handlers.active).toBeCalledTimes(1);
380
+ expect(handlers.end).toHaveBeenCalledTimes(1);
381
+ });
382
+ });
383
+ //# sourceMappingURL=usePanGestureProxy.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["usePanGestureProxy.test.tsx"],"names":["React","Text","Gesture","GestureDetector","GestureHandlerRootView","State","cleanup","render","fireGestureHandler","getByGestureTestId","usePanGestureProxy","beforeEach","mockedEventHandlers","begin","jest","fn","start","active","end","fail","cancel","finish","mockedEventHandlersFromUser","describe","SingleHandler","handlers","handlersFromUser","treatStartAsUpdate","pan","onConfigurePanGesture","gesture","onBegin","onUpdate","onEnd","onFinalize","withTestId","onGestureStart","onGestureUpdate","onGestureEnd","options","enabled","RacingHandlers","tapHandlers","panHandlers","tap","Tap","_","Race","it","state","BEGAN","ACTIVE","END","expect","toBeCalledWith","objectContaining","toBeCalled","not","panHandlersFromUser","translationX","toBeCalledTimes","toHaveBeenLastCalledWith","oldState","UNDETERMINED","x","y","toThrow","each","FAILED","CANCELLED","lastState","any","Object","RacingTapAndPan","Exclusive","nthCalledWith","lastCalledWith","anything","toHaveBeenNthCalledWith","toHaveBeenCalledTimes"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { Text } from \"react-native\";\nimport type { PanGesture, PanGestureHandler, TapGesture } from \"react-native-gesture-handler\";\nimport { Gesture, GestureDetector, GestureHandlerRootView, State } from \"react-native-gesture-handler\";\n\nimport { cleanup, render } from \"@testing-library/react-native\";\nimport { fireGestureHandler, getByGestureTestId } from \"react-native-gesture-handler/jest-utils\";\n\nimport { usePanGestureProxy } from \"./usePanGestureProxy\";\n\nbeforeEach(cleanup);\n\nconst mockedEventHandlers = () => {\n return {\n begin: jest.fn(),\n start: jest.fn(),\n active: jest.fn(),\n end: jest.fn(),\n fail: jest.fn(),\n cancel: jest.fn(),\n finish: jest.fn(),\n };\n};\n\nconst mockedEventHandlersFromUser = () => {\n return {\n begin: jest.fn(),\n start: jest.fn(),\n active: jest.fn(),\n end: jest.fn(),\n fail: jest.fn(),\n cancel: jest.fn(),\n finish: jest.fn(),\n };\n};\n\ndescribe(\"Using RNGH v2 gesture API\", () => {\n interface SingleHandlerProps {\n handlers: ReturnType<typeof mockedEventHandlers>\n handlersFromUser: ReturnType<typeof mockedEventHandlers>\n treatStartAsUpdate?: boolean\n }\n\n function SingleHandler({ handlers, handlersFromUser, treatStartAsUpdate }: SingleHandlerProps) {\n const pan = usePanGestureProxy({\n onConfigurePanGesture: (gesture: PanGesture) => {\n // This is user's customizations\n gesture\n .onBegin(handlersFromUser.begin)\n .onUpdate(handlersFromUser.active)\n .onEnd(handlersFromUser.end)\n .onFinalize(handlers.finish)\n .withTestId(\"pan\");\n },\n onGestureStart: treatStartAsUpdate ? handlers.active : handlers.start,\n onGestureUpdate: handlers.active,\n onGestureEnd: handlers.end,\n options: { enabled: true },\n });\n\n return (\n <GestureHandlerRootView>\n <GestureDetector gesture={pan}>\n <Text>v2 API test</Text>\n </GestureDetector>\n </GestureHandlerRootView>\n );\n }\n\n interface RacingHandlersProps {\n tapHandlers: ReturnType<typeof mockedEventHandlers>\n panHandlers: ReturnType<typeof mockedEventHandlers>\n }\n\n function RacingHandlers({ tapHandlers, panHandlers }: RacingHandlersProps) {\n const tap = Gesture.Tap()\n .onBegin(tapHandlers.begin)\n .onEnd(tapHandlers.end)\n .withTestId(\"tap\");\n\n const pan = usePanGestureProxy({\n onConfigurePanGesture: (_: PanGesture) => {\n _\n .onBegin(panHandlers.begin)\n .onFinalize(panHandlers.finish)\n .withTestId(\"pan\");\n },\n onGestureStart: panHandlers.start,\n onGestureUpdate: panHandlers.active,\n onGestureEnd: panHandlers.end,\n options: { enabled: true },\n });\n\n return (\n <GestureHandlerRootView>\n <GestureDetector gesture={Gesture.Race(tap, pan)}>\n <Text>v2 API test</Text>\n </GestureDetector>\n </GestureHandlerRootView>\n );\n }\n\n it(\"sends events to handlers\", () => {\n const tapHandlers = mockedEventHandlers();\n const panHandlers = mockedEventHandlers();\n render(\n <RacingHandlers tapHandlers={tapHandlers} panHandlers={panHandlers} />,\n );\n\n fireGestureHandler<PanGesture>(getByGestureTestId(\"pan\"), [\n { state: State.BEGAN },\n { state: State.ACTIVE },\n { state: State.END },\n ]);\n expect(panHandlers.begin).toBeCalledWith(\n expect.objectContaining({ state: State.BEGAN }),\n );\n expect(panHandlers.finish).toBeCalled();\n expect(tapHandlers.begin).not.toBeCalled();\n });\n\n it(\"sends events with additional data to handlers\", () => {\n const panHandlers = mockedEventHandlers();\n const panHandlersFromUser = mockedEventHandlersFromUser();\n render(<SingleHandler handlers={panHandlers} handlersFromUser={panHandlersFromUser} treatStartAsUpdate />);\n fireGestureHandler<PanGesture>(getByGestureTestId(\"pan\"), [\n { state: State.BEGAN, translationX: 0 },\n { state: State.ACTIVE, translationX: 10 },\n { translationX: 20 },\n { translationX: 20 },\n { state: State.END, translationX: 30 },\n ]);\n\n expect(panHandlersFromUser.begin).toBeCalledTimes(1);\n expect(panHandlersFromUser.active).toBeCalledTimes(2);\n expect(panHandlersFromUser.end).toBeCalledTimes(1);\n\n expect(panHandlers.active).toBeCalledTimes(3);\n expect(panHandlers.active).toHaveBeenLastCalledWith(\n expect.objectContaining({ translationX: 20 }),\n );\n });\n});\n\ndescribe(\"Event list validation\", () => {\n interface SingleHandlerProps {\n handlers: ReturnType<typeof mockedEventHandlers>\n handlersFromUser: ReturnType<typeof mockedEventHandlers>\n treatStartAsUpdate?: boolean\n }\n\n function SingleHandler({ handlers, handlersFromUser, treatStartAsUpdate }: SingleHandlerProps) {\n const pan = usePanGestureProxy({\n onConfigurePanGesture: (_: PanGesture) => {\n _\n .onBegin(handlersFromUser.begin)\n .onUpdate(handlersFromUser.active)\n .onEnd(handlersFromUser.end)\n .onFinalize(handlers.finish)\n .withTestId(\"pan\");\n },\n onGestureStart: treatStartAsUpdate ? handlers.active : handlers.start,\n onGestureUpdate: handlers.active,\n onGestureEnd: handlers.end,\n options: { enabled: true },\n });\n\n return (\n <GestureHandlerRootView>\n <GestureDetector gesture={pan}>\n <Text>v2 API test</Text>\n </GestureDetector>\n </GestureHandlerRootView>\n );\n }\n\n it(\"throws error when oldState doesn't correspond to previous event's state\", () => {\n const panHandlers = mockedEventHandlers();\n const panHandlersFromUser = mockedEventHandlersFromUser();\n render(<SingleHandler handlers={panHandlers} handlersFromUser={panHandlersFromUser} />);\n\n expect(() => {\n fireGestureHandler<PanGesture>(getByGestureTestId(\"pan\"), [\n { oldState: State.UNDETERMINED, state: State.BEGAN, x: 0, y: 10 },\n { oldState: State.UNDETERMINED, state: State.ACTIVE, x: 1, y: 11 },\n ]);\n }).toThrow(\n \"when state changes, oldState should be the same as previous event' state\",\n );\n });\n\n it.each([[State.END], [State.FAILED], [State.CANCELLED]])(\n \"correctly handles events ending with state %s\",\n (lastState) => {\n const panHandlers = mockedEventHandlers();\n const panHandlersFromUser = mockedEventHandlersFromUser();\n render(<SingleHandler handlers={panHandlers} handlersFromUser={panHandlersFromUser} />);\n fireGestureHandler<PanGesture>(getByGestureTestId(\"pan\"), [\n { state: State.BEGAN },\n { state: State.ACTIVE },\n { state: lastState },\n ]);\n\n expect(panHandlersFromUser.begin).toBeCalledTimes(1);\n expect(panHandlersFromUser.active).toBeCalledTimes(0);\n expect(panHandlersFromUser.end).toBeCalledTimes(1);\n\n if (lastState === State.END)\n expect(panHandlers.end).toBeCalled();\n\n else\n expect(panHandlers.finish).toBeCalledWith(expect.any(Object), false);\n },\n );\n});\n\ndescribe(\"Filling event list with defaults\", () => {\n interface RacingTapAndPanProps {\n handlers: ReturnType<typeof mockedEventHandlers>\n treatStartAsUpdate?: boolean\n }\n\n function RacingTapAndPan({\n handlers,\n treatStartAsUpdate,\n }: RacingTapAndPanProps) {\n const tap = Gesture.Tap()\n .onBegin(handlers.begin)\n .onEnd(handlers.end)\n .withTestId(\"tap\");\n\n const pan = usePanGestureProxy({\n onConfigurePanGesture: (_: PanGesture) => {\n _\n .onBegin(handlers.begin)\n .onFinalize(handlers.finish)\n .withTestId(\"pan\");\n },\n onGestureStart: treatStartAsUpdate ? handlers.active : handlers.start,\n onGestureUpdate: handlers.active,\n onGestureEnd: handlers.end,\n options: { enabled: true },\n });\n\n return (\n <GestureHandlerRootView>\n <GestureDetector gesture={Gesture.Exclusive(pan, tap)}>\n <Text>v2 API test</Text>\n </GestureDetector>\n </GestureHandlerRootView>\n );\n }\n\n it(\"fills oldState if not passed\", () => {\n const handlers = mockedEventHandlers();\n render(<RacingTapAndPan handlers={handlers} treatStartAsUpdate />);\n fireGestureHandler<PanGestureHandler>(getByGestureTestId(\"pan\"), [\n { state: State.BEGAN },\n { state: State.ACTIVE },\n { state: State.ACTIVE },\n { state: State.ACTIVE },\n { state: State.END },\n ]);\n\n expect(handlers.begin).toBeCalledWith(\n expect.objectContaining({ oldState: State.UNDETERMINED }),\n );\n expect(handlers.active).nthCalledWith(\n 1,\n expect.objectContaining({ oldState: State.BEGAN }),\n );\n expect(handlers.active).lastCalledWith(\n expect.not.objectContaining({ oldState: expect.anything() }),\n );\n expect(handlers.end).toBeCalledWith(\n expect.objectContaining({ oldState: State.ACTIVE }),\n true,\n );\n });\n\n it(\"fills missing ACTIVE states\", () => {\n const panHandlers = mockedEventHandlers();\n render(<RacingTapAndPan handlers={panHandlers} treatStartAsUpdate />);\n fireGestureHandler<PanGesture>(getByGestureTestId(\"pan\"), [\n { state: State.BEGAN, x: 0, y: 10 },\n { state: State.ACTIVE, x: 1, y: 11 },\n { x: 2, y: 12 },\n { x: 3, y: 13 },\n { state: State.END, x: 4, y: 14 },\n ]);\n\n expect(panHandlers.active).toBeCalledTimes(3);\n expect(panHandlers.active).toHaveBeenLastCalledWith(\n expect.objectContaining({ x: 3, y: 13 }),\n );\n });\n\n it(\"fills BEGIN and END events for discrete handlers\", () => {\n const handlers = mockedEventHandlers();\n render(<RacingTapAndPan handlers={handlers} treatStartAsUpdate />);\n fireGestureHandler<TapGesture>(getByGestureTestId(\"tap\"), [{ x: 5 }]);\n expect(handlers.begin).toBeCalledTimes(1);\n expect(handlers.end).toBeCalledTimes(1);\n });\n\n it(\"with FAILED event, fills BEGIN event for discrete handlers\", () => {\n const handlers = mockedEventHandlers();\n render(<RacingTapAndPan handlers={handlers} treatStartAsUpdate />);\n fireGestureHandler<TapGesture>(getByGestureTestId(\"tap\"), [\n { state: State.FAILED },\n ]);\n expect(handlers.begin).toBeCalledTimes(1);\n expect(handlers.end).toBeCalledTimes(1);\n expect(handlers.end).toBeCalledWith(expect.anything(), false);\n });\n\n it(\"uses event data from first event in filled BEGIN, ACTIVE events\", () => {\n const handlers = mockedEventHandlers();\n render(<RacingTapAndPan handlers={handlers} treatStartAsUpdate />);\n fireGestureHandler<PanGesture>(getByGestureTestId(\"pan\"), [{ x: 120 }]);\n expect(handlers.begin).toBeCalledWith(expect.objectContaining({ x: 120 }));\n expect(handlers.active).toHaveBeenNthCalledWith(\n 1,\n expect.objectContaining({ x: 120 }),\n );\n });\n\n it(\"uses event data from last event in filled END events\", () => {\n const handlers = mockedEventHandlers();\n render(<RacingTapAndPan handlers={handlers} treatStartAsUpdate />);\n fireGestureHandler<PanGesture>(getByGestureTestId(\"pan\"), [\n { x: 120, state: State.FAILED },\n ]);\n expect(handlers.begin).toBeCalledTimes(1);\n expect(handlers.active).toBeCalledTimes(1);\n expect(handlers.end).toBeCalledWith(\n expect.objectContaining({ x: 120 }),\n false,\n );\n });\n\n it(\"uses event data filled events\", () => {\n const handlers = mockedEventHandlers();\n render(<RacingTapAndPan handlers={handlers} treatStartAsUpdate />);\n fireGestureHandler<PanGesture>(getByGestureTestId(\"pan\"), [\n { x: 5, y: 15 },\n { x: 6, y: 16 },\n { x: 7, y: 17 },\n ]);\n expect(handlers.begin).toBeCalledWith(\n expect.objectContaining({ x: 5, y: 15 }),\n );\n expect(handlers.active).toBeCalledTimes(3);\n expect(handlers.end).toBeCalledWith(\n expect.objectContaining({ x: 7, y: 17 }),\n true,\n );\n });\n\n it(\"fills BEGIN and END events when they're not present, for discrete handlers\", () => {\n const handlers = mockedEventHandlers();\n render(<RacingTapAndPan handlers={handlers} treatStartAsUpdate />);\n fireGestureHandler<TapGesture>(getByGestureTestId(\"tap\"));\n expect(handlers.begin).toBeCalledTimes(1);\n expect(handlers.end).toHaveBeenCalledTimes(1);\n });\n\n it(\"fills BEGIN, ACTIVE and END events when they're not present, for continuous handlers\", () => {\n const handlers = mockedEventHandlers();\n render(<RacingTapAndPan handlers={handlers} treatStartAsUpdate />);\n fireGestureHandler<PanGesture>(getByGestureTestId(\"pan\"));\n expect(handlers.begin).toBeCalledTimes(1);\n expect(handlers.active).toBeCalledTimes(1);\n expect(handlers.end).toHaveBeenCalledTimes(1);\n });\n});\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["useUpdateGestureConfig.ts"],"names":["useEffect","useUpdateGestureConfig","gesture","config","enabled"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAGA,OAAO,MAAMC,sBAAsB,GAAG,CAACC,OAAD,EAAsBC,MAAtB,KAEhC;AACJ,QAAM;AAAEC,IAAAA;AAAF,MAAcD,MAApB;AAEAH,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,OAAOI,OAAP,KAAmB,WAAvB,EACEF,OAAO,CAACE,OAAR,CAAgBA,OAAhB;AACH,GAHQ,EAGN,CAACA,OAAD,EAAUF,OAAV,CAHM,CAAT;AAID,CATM","sourcesContent":["import { useEffect } from \"react\";\nimport type { PanGesture } from \"react-native-gesture-handler\";\n\nexport const useUpdateGestureConfig = (gesture: PanGesture, config: {\n enabled?: boolean\n}) => {\n const { enabled } = config;\n\n useEffect(() => {\n if (typeof enabled !== \"undefined\")\n gesture.enabled(enabled);\n }, [enabled, gesture]);\n};\n"]}
1
+ {"version":3,"sources":["useUpdateGestureConfig.ts"],"names":["useEffect","useUpdateGestureConfig","gesture","config","enabled"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAOA,OAAO,MAAMC,sBAAsB,GAAG,CAACC,OAAD,EAAsBC,MAAtB,KAAgD;AACpF,QAAM;AAAEC,IAAAA;AAAF,MAAcD,MAApB;AAEAH,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,OAAOI,OAAP,KAAmB,WAAvB,EACEF,OAAO,CAACE,OAAR,CAAgBA,OAAhB;AACH,GAHQ,EAGN,CAACA,OAAD,EAAUF,OAAV,CAHM,CAAT;AAID,CAPM","sourcesContent":["import { useEffect } from \"react\";\nimport type { PanGesture } from \"react-native-gesture-handler\";\n\nexport interface GestureConfig {\n enabled?: boolean\n}\n\nexport const useUpdateGestureConfig = (gesture: PanGesture, config: GestureConfig) => {\n const { enabled } = config;\n\n useEffect(() => {\n if (typeof enabled !== \"undefined\")\n gesture.enabled(enabled);\n }, [enabled, gesture]);\n};\n"]}
@@ -1,35 +1,63 @@
1
+ import { useRef } from "react";
1
2
  import { useDerivedValue } from "react-native-reanimated";
2
3
  export function useVisibleRanges(options) {
3
4
  const {
4
5
  total = 0,
5
6
  viewSize,
6
7
  translation,
7
- windowSize: _windowSize = 0
8
+ windowSize: _windowSize,
9
+ loop
8
10
  } = options;
9
- const windowSize = total <= _windowSize ? total : _windowSize;
11
+ const windowSize = _windowSize !== null && _windowSize !== void 0 ? _windowSize : total;
12
+ const cachedRanges = useRef(null);
10
13
  const ranges = useDerivedValue(() => {
14
+ var _cachedRanges$current, _cachedRanges$current2, _cachedRanges$current3, _cachedRanges$current4;
15
+
11
16
  const positiveCount = Math.round(windowSize / 2);
12
17
  const negativeCount = windowSize - positiveCount;
13
- let curIndex = Math.round(-translation.value / viewSize);
14
- curIndex = curIndex < 0 ? curIndex % total + total : curIndex;
15
- const negativeRange = [(curIndex - negativeCount + total) % total, (curIndex - 1 + total) % total];
16
- const positiveRange = [(curIndex + total) % total, (curIndex + positiveCount + total) % total];
17
-
18
- if (negativeRange[0] < total && negativeRange[0] > negativeRange[1]) {
19
- negativeRange[1] = total - 1;
20
- positiveRange[0] = 0;
21
- }
18
+ let currentIndex = Math.round(-translation.value / viewSize);
19
+ currentIndex = currentIndex < 0 ? currentIndex % total + total : currentIndex;
20
+ let newRanges;
21
+
22
+ if (!loop) {
23
+ // Adjusting negative range if the carousel is not loopable.
24
+ // So, It will be only displayed the positive items.
25
+ newRanges = {
26
+ negativeRange: [0 + currentIndex - (windowSize - 1), 0 + currentIndex],
27
+ positiveRange: [0 + currentIndex, currentIndex + (windowSize - 1)]
28
+ };
29
+ } else {
30
+ const negativeRange = [(currentIndex - negativeCount + total) % total, (currentIndex - 1 + total) % total];
31
+ const positiveRange = [(currentIndex + total) % total, (currentIndex + positiveCount + total) % total];
32
+
33
+ if (negativeRange[0] < total && negativeRange[0] > negativeRange[1]) {
34
+ negativeRange[1] = total - 1;
35
+ positiveRange[0] = 0;
36
+ }
37
+
38
+ if (positiveRange[0] > positiveRange[1]) {
39
+ negativeRange[1] = total - 1;
40
+ positiveRange[0] = 0;
41
+ } // console.log({ negativeRange, positiveRange ,total,windowSize,a:total <= _windowSize})
22
42
 
23
- if (positiveRange[0] > positiveRange[1]) {
24
- negativeRange[1] = total - 1;
25
- positiveRange[0] = 0;
43
+
44
+ newRanges = {
45
+ negativeRange,
46
+ positiveRange
47
+ };
26
48
  }
27
49
 
28
- return {
29
- negativeRange,
30
- positiveRange
31
- };
32
- }, [total, windowSize, translation]);
50
+ if (isArraysEqual((_cachedRanges$current = (_cachedRanges$current2 = cachedRanges.current) === null || _cachedRanges$current2 === void 0 ? void 0 : _cachedRanges$current2.negativeRange) !== null && _cachedRanges$current !== void 0 ? _cachedRanges$current : [], newRanges.negativeRange) && isArraysEqual((_cachedRanges$current3 = (_cachedRanges$current4 = cachedRanges.current) === null || _cachedRanges$current4 === void 0 ? void 0 : _cachedRanges$current4.positiveRange) !== null && _cachedRanges$current3 !== void 0 ? _cachedRanges$current3 : [], newRanges.positiveRange)) return cachedRanges.current;
51
+ cachedRanges.current = newRanges;
52
+ return cachedRanges.current;
53
+ }, [loop, total, windowSize, translation]);
33
54
  return ranges;
34
55
  }
56
+
57
+ function isArraysEqual(a, b) {
58
+ "worklet";
59
+
60
+ if (a.length !== b.length) return false;
61
+ return a.every((value, index) => value === b[index]);
62
+ }
35
63
  //# sourceMappingURL=useVisibleRanges.js.map