react-native-reanimated-carousel 4.0.0-alpha.5 → 4.0.0-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/{layouts → components}/BaseLayout.js +4 -2
- package/lib/commonjs/components/BaseLayout.js.map +1 -0
- package/lib/commonjs/components/Carousel.js +8 -5
- package/lib/commonjs/components/Carousel.js.map +1 -1
- package/lib/commonjs/components/ScrollViewGesture.js +34 -30
- package/lib/commonjs/components/ScrollViewGesture.js.map +1 -1
- package/lib/commonjs/hooks/useCarouselController.js +4 -3
- package/lib/commonjs/hooks/useCarouselController.js.map +1 -1
- package/lib/commonjs/hooks/useLayoutConfig.js.map +1 -1
- package/lib/commonjs/hooks/useOffsetX.js +9 -6
- package/lib/commonjs/hooks/useOffsetX.js.map +1 -1
- package/lib/commonjs/hooks/useOffsetX.test.js +53 -0
- package/lib/commonjs/hooks/useOffsetX.test.js.map +1 -0
- package/lib/commonjs/hooks/usePanGestureProxy.js +84 -0
- package/lib/commonjs/hooks/usePanGestureProxy.js.map +1 -0
- package/lib/commonjs/hooks/usePanGestureProxy.test.js +397 -0
- package/lib/commonjs/hooks/usePanGestureProxy.test.js.map +1 -0
- package/lib/commonjs/hooks/useUpdateGestureConfig.js.map +1 -1
- package/lib/commonjs/hooks/useVisibleRanges.js +20 -8
- package/lib/commonjs/hooks/useVisibleRanges.js.map +1 -1
- package/lib/commonjs/hooks/useVisibleRanges.test.js +162 -0
- package/lib/commonjs/hooks/useVisibleRanges.test.js.map +1 -0
- package/lib/commonjs/utils/handleroffset-direction.js +5 -5
- package/lib/commonjs/utils/handleroffset-direction.js.map +1 -1
- package/lib/commonjs/utils/handleroffset-direction.test.js +46 -0
- package/lib/commonjs/utils/handleroffset-direction.test.js.map +1 -0
- package/lib/module/{layouts → components}/BaseLayout.js +4 -2
- package/lib/module/components/BaseLayout.js.map +1 -0
- package/lib/module/components/Carousel.js +7 -4
- package/lib/module/components/Carousel.js.map +1 -1
- package/lib/module/components/ScrollViewGesture.js +36 -31
- package/lib/module/components/ScrollViewGesture.js.map +1 -1
- package/lib/module/hooks/useCarouselController.js +4 -3
- package/lib/module/hooks/useCarouselController.js.map +1 -1
- package/lib/module/hooks/useLayoutConfig.js.map +1 -1
- package/lib/module/hooks/useOffsetX.js +9 -6
- package/lib/module/hooks/useOffsetX.js.map +1 -1
- package/lib/module/hooks/useOffsetX.test.js +48 -0
- package/lib/module/hooks/useOffsetX.test.js.map +1 -0
- package/lib/module/hooks/usePanGestureProxy.js +71 -0
- package/lib/module/hooks/usePanGestureProxy.js.map +1 -0
- package/lib/module/hooks/usePanGestureProxy.test.js +383 -0
- package/lib/module/hooks/usePanGestureProxy.test.js.map +1 -0
- package/lib/module/hooks/useUpdateGestureConfig.js.map +1 -1
- package/lib/module/hooks/useVisibleRanges.js +20 -8
- package/lib/module/hooks/useVisibleRanges.js.map +1 -1
- package/lib/module/hooks/useVisibleRanges.test.js +157 -0
- package/lib/module/hooks/useVisibleRanges.test.js.map +1 -0
- package/lib/module/utils/handleroffset-direction.js +5 -5
- package/lib/module/utils/handleroffset-direction.js.map +1 -1
- package/lib/module/utils/handleroffset-direction.test.js +41 -0
- package/lib/module/utils/handleroffset-direction.test.js.map +1 -0
- package/lib/typescript/hooks/useCarouselController.d.ts +2 -1
- package/lib/typescript/hooks/useLayoutConfig.d.ts +1 -1
- package/lib/typescript/hooks/useOffsetX.test.d.ts +1 -0
- package/lib/typescript/hooks/usePanGestureProxy.d.ts +9 -0
- package/lib/typescript/hooks/usePanGestureProxy.test.d.ts +1 -0
- package/lib/typescript/hooks/useUpdateGestureConfig.d.ts +3 -2
- package/lib/typescript/hooks/useVisibleRanges.d.ts +1 -0
- package/lib/typescript/hooks/useVisibleRanges.test.d.ts +1 -0
- package/lib/typescript/types.d.ts +5 -0
- package/lib/typescript/utils/handleroffset-direction.d.ts +2 -1
- package/lib/typescript/utils/handleroffset-direction.test.d.ts +1 -0
- package/package.json +2 -1
- package/src/{layouts → components}/BaseLayout.tsx +10 -8
- package/src/components/Carousel.tsx +5 -2
- package/src/components/ScrollViewGesture.tsx +48 -43
- package/src/hooks/useCarouselController.tsx +16 -13
- package/src/hooks/useLayoutConfig.ts +1 -1
- package/src/hooks/useOffsetX.test.ts +54 -0
- package/src/hooks/useOffsetX.ts +33 -31
- package/src/hooks/usePanGestureProxy.test.tsx +377 -0
- package/src/hooks/usePanGestureProxy.ts +110 -0
- package/src/hooks/useUpdateGestureConfig.ts +4 -2
- package/src/hooks/useVisibleRanges.test.tsx +179 -0
- package/src/hooks/useVisibleRanges.tsx +25 -9
- package/src/types.ts +5 -0
- package/src/utils/handleroffset-direction.test.ts +52 -0
- package/src/utils/handleroffset-direction.ts +12 -9
- package/lib/commonjs/layouts/BaseLayout.js.map +0 -1
- package/lib/commonjs/layouts/ParallaxLayout.js +0 -84
- package/lib/commonjs/layouts/ParallaxLayout.js.map +0 -1
- package/lib/module/layouts/BaseLayout.js.map +0 -1
- package/lib/module/layouts/ParallaxLayout.js +0 -61
- package/lib/module/layouts/ParallaxLayout.js.map +0 -1
- package/lib/typescript/layouts/ParallaxLayout.d.ts +0 -13
- package/src/layouts/ParallaxLayout.tsx +0 -141
- /package/lib/typescript/{layouts → components}/BaseLayout.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useOffsetX.ts"],"names":["useOffsetX","opts","visibleRanges","handlerOffset","index","size","loop","dataLength","type","viewCount","_viewCount","ITEM_LENGTH","VALID_LENGTH","TOTAL_WIDTH","HALF_WIDTH","Math","round","positiveCount","startPos","MAX","MIN","x","negativeRange","positiveRange","value","
|
|
1
|
+
{"version":3,"sources":["useOffsetX.ts"],"names":["useOffsetX","opts","visibleRanges","handlerOffset","index","size","loop","dataLength","type","viewCount","_viewCount","ITEM_LENGTH","VALID_LENGTH","TOTAL_WIDTH","HALF_WIDTH","Math","round","positiveCount","startPos","MAX","MIN","x","negativeRange","positiveRange","value","inputRange","Number","MIN_VALUE","outputRange","Extrapolate","CLAMP","MAX_SAFE_INTEGER"],"mappings":";;;;;;;AACA;;AAkBO,MAAMA,UAAU,GAAG,CAACC,IAAD,EAAcC,aAAd,KAAgD;AACxE,QAAM;AACJC,IAAAA,aADI;AAEJC,IAAAA,KAFI;AAGJC,IAAAA,IAHI;AAIJC,IAAAA,IAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,IAAI,GAAG,UANH;AAOJC,IAAAA,SAAS,EAAEC;AAPP,MAQFT,IARJ;AAUA,QAAMU,WAAW,GAAGJ,UAApB;AACA,QAAMK,YAAY,GAAGD,WAAW,GAAG,CAAnC;AACA,QAAME,WAAW,GAAGR,IAAI,GAAGM,WAA3B;AACA,QAAMG,UAAU,GAAG,MAAMT,IAAzB;AAEA,QAAMI,SAAS,GAAGC,UAAH,aAAGA,UAAH,cAAGA,UAAH,GAAiBK,IAAI,CAACC,KAAL,CAAW,CAACL,WAAW,GAAG,CAAf,IAAoB,CAA/B,CAAhC;AACA,QAAMM,aAAa,GACfT,IAAI,KAAK,UAAT,GAAsBC,SAAtB,GAAkCG,YAAY,GAAGH,SADrD;AAGA,MAAIS,QAAQ,GAAGb,IAAI,GAAGD,KAAtB;AACA,MAAIA,KAAK,GAAGa,aAAZ,EACEC,QAAQ,GAAG,CAACd,KAAK,GAAGO,WAAT,IAAwBN,IAAnC;AAEF,QAAMc,GAAG,GAAGF,aAAa,GAAGZ,IAA5B;AACA,QAAMe,GAAG,GAAG,EAAE,CAACR,YAAY,GAAGK,aAAhB,IAAiCZ,IAAnC,CAAZ;AAEA,QAAMgB,CAAC,GAAG,4CAAgB,MAAM;AAC9B,UAAM;AAAEC,MAAAA,aAAF;AAAiBC,MAAAA;AAAjB,QAAmCrB,aAAa,CAACsB,KAAvD;;AAEA,QACGpB,KAAK,IAAIkB,aAAa,CAAC,CAAD,CAAtB,IAA6BlB,KAAK,IAAIkB,aAAa,CAAC,CAAD,CAApD,IACIlB,KAAK,IAAImB,aAAa,CAAC,CAAD,CAAtB,IAA6BnB,KAAK,IAAImB,aAAa,CAAC,CAAD,CAFzD,EAGE;AACA,UAAIjB,IAAJ,EAAU;AACR,cAAMmB,UAAU,GAAG,CACjB,CAACZ,WADgB,EAEjBO,GAAG,GAAGN,UAAN,GAAmBI,QAAnB,GAA8BQ,MAAM,CAACC,SAFpB,EAGjBP,GAAG,GAAGN,UAAN,GAAmBI,QAHF,EAIjB,CAJiB,EAKjBC,GAAG,GAAGL,UAAN,GAAmBI,QALF,EAMjBC,GAAG,GAAGL,UAAN,GAAmBI,QAAnB,GAA8BQ,MAAM,CAACC,SANpB,EAOjBd,WAPiB,CAAnB;AAUA,cAAMe,WAAW,GAAG,CAClBV,QADkB,EAElBC,GAAG,GAAGL,UAAN,GAAmBY,MAAM,CAACC,SAFR,EAGlBP,GAAG,GAAGN,UAHY,EAIlBI,QAJkB,EAKlBC,GAAG,GAAGL,UALY,EAMlBM,GAAG,GAAGN,UAAN,GAAmBY,MAAM,CAACC,SANR,EAOlBT,QAPkB,CAApB;AAUA,eAAO,wCACLf,aAAa,CAACqB,KADT,EAELC,UAFK,EAGLG,WAHK,EAILC,mCAAYC,KAJP,CAAP;AAMD;;AAED,aAAO3B,aAAa,CAACqB,KAAd,GAAsBnB,IAAI,GAAGD,KAApC;AACD;;AAED,WAAOsB,MAAM,CAACK,gBAAd;AACD,GAxCS,EAwCP,CAACzB,IAAD,EAAOC,UAAP,EAAmBE,SAAnB,EAA8BD,IAA9B,EAAoCH,IAApC,EAA0CH,aAA1C,CAxCO,CAAV;AA0CA,SAAOmB,CAAP;AACD,CAtEM","sourcesContent":["import type Animated from \"react-native-reanimated\";\nimport {\n Extrapolate,\n interpolate,\n useDerivedValue,\n} from \"react-native-reanimated\";\n\nimport type { IVisibleRanges } from \"./useVisibleRanges\";\n\nexport interface IOpts {\n index: number\n size: number\n handlerOffset: Animated.SharedValue<number>\n dataLength: number\n type?: \"positive\" | \"negative\"\n viewCount?: number\n loop?: boolean\n}\n\nexport const useOffsetX = (opts: IOpts, visibleRanges: IVisibleRanges) => {\n const {\n handlerOffset,\n index,\n size,\n loop,\n dataLength,\n type = \"positive\",\n viewCount: _viewCount,\n } = opts;\n\n const ITEM_LENGTH = dataLength;\n const VALID_LENGTH = ITEM_LENGTH - 1;\n const TOTAL_WIDTH = size * ITEM_LENGTH;\n const HALF_WIDTH = 0.5 * size;\n\n const viewCount = _viewCount ?? Math.round((ITEM_LENGTH - 1) / 2);\n const positiveCount\n = type === \"positive\" ? viewCount : VALID_LENGTH - viewCount;\n\n let startPos = size * index;\n if (index > positiveCount)\n startPos = (index - ITEM_LENGTH) * size;\n\n const MAX = positiveCount * size;\n const MIN = -((VALID_LENGTH - positiveCount) * size);\n\n const x = useDerivedValue(() => {\n const { negativeRange, positiveRange } = visibleRanges.value;\n\n if (\n (index >= negativeRange[0] && index <= negativeRange[1])\n || (index >= positiveRange[0] && index <= positiveRange[1])\n ) {\n if (loop) {\n const inputRange = [\n -TOTAL_WIDTH,\n MIN - HALF_WIDTH - startPos - Number.MIN_VALUE,\n MIN - HALF_WIDTH - startPos,\n 0,\n MAX + HALF_WIDTH - startPos,\n MAX + HALF_WIDTH - startPos + Number.MIN_VALUE,\n TOTAL_WIDTH,\n ];\n\n const outputRange = [\n startPos,\n MAX + HALF_WIDTH - Number.MIN_VALUE,\n MIN - HALF_WIDTH,\n startPos,\n MAX + HALF_WIDTH,\n MIN - HALF_WIDTH + Number.MIN_VALUE,\n startPos,\n ];\n\n return interpolate(\n handlerOffset.value,\n inputRange,\n outputRange,\n Extrapolate.CLAMP,\n );\n }\n\n return handlerOffset.value + size * index;\n }\n\n return Number.MAX_SAFE_INTEGER;\n }, [loop, dataLength, viewCount, type, size, visibleRanges]);\n\n return x;\n};\n"]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
4
|
+
|
|
5
|
+
var _reactHooks = require("@testing-library/react-hooks");
|
|
6
|
+
|
|
7
|
+
var _useOffsetX = require("./useOffsetX");
|
|
8
|
+
|
|
9
|
+
describe("useSharedValue", () => {
|
|
10
|
+
it("should return the correct values", async () => {
|
|
11
|
+
const hook = (0, _reactHooks.renderHook)(() => {
|
|
12
|
+
const range = (0, _reactNativeReanimated.useSharedValue)({
|
|
13
|
+
negativeRange: [7, 9],
|
|
14
|
+
positiveRange: [0, 3]
|
|
15
|
+
});
|
|
16
|
+
const inputs = Array.from({
|
|
17
|
+
length: 10
|
|
18
|
+
}).map((_, index) => ({
|
|
19
|
+
config: {
|
|
20
|
+
dataLength: 10,
|
|
21
|
+
handlerOffset: (0, _reactNativeReanimated.useSharedValue)(-0),
|
|
22
|
+
index,
|
|
23
|
+
loop: false,
|
|
24
|
+
size: 393
|
|
25
|
+
},
|
|
26
|
+
range
|
|
27
|
+
}));
|
|
28
|
+
return inputs.map(input => {
|
|
29
|
+
const {
|
|
30
|
+
config,
|
|
31
|
+
range
|
|
32
|
+
} = input;
|
|
33
|
+
return (0, _useOffsetX.useOffsetX)(config, range);
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
const expected = hook.result.current.map(v => v.value).slice();
|
|
37
|
+
expect(expected).toMatchInlineSnapshot(`
|
|
38
|
+
[
|
|
39
|
+
0,
|
|
40
|
+
393,
|
|
41
|
+
786,
|
|
42
|
+
1179,
|
|
43
|
+
9007199254740991,
|
|
44
|
+
9007199254740991,
|
|
45
|
+
9007199254740991,
|
|
46
|
+
2751,
|
|
47
|
+
3144,
|
|
48
|
+
3537,
|
|
49
|
+
]
|
|
50
|
+
`);
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
//# sourceMappingURL=useOffsetX.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useOffsetX.test.ts"],"names":["describe","it","hook","range","negativeRange","positiveRange","inputs","Array","from","length","map","_","index","config","dataLength","handlerOffset","loop","size","input","expected","result","current","v","value","slice","expect","toMatchInlineSnapshot"],"mappings":";;AAAA;;AAEA;;AAGA;;AAGAA,QAAQ,CAAC,gBAAD,EAAmB,MAAM;AAC/BC,EAAAA,EAAE,CAAC,kCAAD,EAAqC,YAAY;AACjD,UAAMC,IAAI,GAAG,4BAAW,MAAM;AAC5B,YAAMC,KAAK,GAAG,2CAAe;AAC3BC,QAAAA,aAAa,EAAE,CAAC,CAAD,EAAI,CAAJ,CADY;AAE3BC,QAAAA,aAAa,EAAE,CAAC,CAAD,EAAI,CAAJ;AAFY,OAAf,CAAd;AAIA,YAAMC,MAGJ,GAAGC,KAAK,CAACC,IAAN,CAAW;AAAEC,QAAAA,MAAM,EAAE;AAAV,OAAX,EAA2BC,GAA3B,CAA+B,CAACC,CAAD,EAAIC,KAAJ,MAAe;AACjDC,QAAAA,MAAM,EAAE;AACNC,UAAAA,UAAU,EAAE,EADN;AAENC,UAAAA,aAAa,EAAE,2CAAe,CAAC,CAAhB,CAFT;AAGNH,UAAAA,KAHM;AAINI,UAAAA,IAAI,EAAE,KAJA;AAKNC,UAAAA,IAAI,EAAE;AALA,SADyC;AAQjDd,QAAAA;AARiD,OAAf,CAA/B,CAHL;AAcA,aAAOG,MAAM,CAACI,GAAP,CAAYQ,KAAD,IAAW;AAC3B,cAAM;AAAEL,UAAAA,MAAF;AAAUV,UAAAA;AAAV,YAAoBe,KAA1B;AAEA,eAAO,4BAAWL,MAAX,EAAmBV,KAAnB,CAAP;AACD,OAJM,CAAP;AAKD,KAxBY,CAAb;AA0BA,UAAMgB,QAAQ,GAAGjB,IAAI,CAACkB,MAAL,CAAYC,OAAZ,CAAoBX,GAApB,CAAwBY,CAAC,IAAIA,CAAC,CAACC,KAA/B,EAAsCC,KAAtC,EAAjB;AAEAC,IAAAA,MAAM,CAACN,QAAD,CAAN,CAAiBO,qBAAjB,CAAwC;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAbI;AAcD,GA3CC,CAAF;AA4CD,CA7CO,CAAR","sourcesContent":["import { useSharedValue } from \"react-native-reanimated\";\n\nimport { renderHook } from \"@testing-library/react-hooks\";\n\nimport type { IOpts } from \"./useOffsetX\";\nimport { useOffsetX } from \"./useOffsetX\";\nimport type { IVisibleRanges } from \"./useVisibleRanges\";\n\ndescribe(\"useSharedValue\", () => {\n it(\"should return the correct values\", async () => {\n const hook = renderHook(() => {\n const range = useSharedValue({\n negativeRange: [7, 9],\n positiveRange: [0, 3],\n });\n const inputs: Array<{\n config: IOpts\n range: IVisibleRanges\n }> = Array.from({ length: 10 }).map((_, index) => ({\n config: {\n dataLength: 10,\n handlerOffset: useSharedValue(-0),\n index,\n loop: false,\n size: 393,\n },\n range,\n }));\n\n return inputs.map((input) => {\n const { config, range } = input;\n\n return useOffsetX(config, range);\n });\n });\n\n const expected = hook.result.current.map(v => v.value).slice();\n\n expect(expected).toMatchInlineSnapshot(`\n [\n 0,\n 393,\n 786,\n 1179,\n 9007199254740991,\n 9007199254740991,\n 9007199254740991,\n 2751,\n 3144,\n 3537,\n ]\n `);\n });\n});\n"]}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.usePanGestureProxy = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
|
|
10
|
+
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
11
|
+
|
|
12
|
+
var _useUpdateGestureConfig = require("./useUpdateGestureConfig");
|
|
13
|
+
|
|
14
|
+
const usePanGestureProxy = customization => {
|
|
15
|
+
const {
|
|
16
|
+
onConfigurePanGesture,
|
|
17
|
+
onGestureBegin,
|
|
18
|
+
onGestureUpdate,
|
|
19
|
+
onGestureEnd,
|
|
20
|
+
options = {}
|
|
21
|
+
} = customization;
|
|
22
|
+
const gesture = (0, _react.useMemo)(() => {
|
|
23
|
+
const gesture = _reactNativeGestureHandler.Gesture.Pan(); // Save the original gesture callbacks
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
const originalGestures = {
|
|
27
|
+
onBegin: gesture.onBegin,
|
|
28
|
+
onUpdate: gesture.onUpdate,
|
|
29
|
+
onEnd: gesture.onEnd
|
|
30
|
+
}; // Save the user defined gesture callbacks
|
|
31
|
+
|
|
32
|
+
const userDefinedConflictGestures = {
|
|
33
|
+
onBegin: undefined,
|
|
34
|
+
onUpdate: undefined,
|
|
35
|
+
onEnd: undefined
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
const fakeOnBegin = cb => {
|
|
39
|
+
// Using fakeOnBegin to save the user defined callback
|
|
40
|
+
userDefinedConflictGestures.onBegin = cb;
|
|
41
|
+
return gesture;
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
const fakeOnUpdate = cb => {
|
|
45
|
+
// Using fakeOnUpdate to save the user defined callback
|
|
46
|
+
userDefinedConflictGestures.onUpdate = cb;
|
|
47
|
+
return gesture;
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
const fakeOnEnd = cb => {
|
|
51
|
+
// Using fakeOnEnd to save the user defined callback
|
|
52
|
+
userDefinedConflictGestures.onEnd = cb;
|
|
53
|
+
return gesture;
|
|
54
|
+
}; // Setup the fake callbacks
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
gesture.onBegin = fakeOnBegin;
|
|
58
|
+
gesture.onUpdate = fakeOnUpdate;
|
|
59
|
+
gesture.onEnd = fakeOnEnd;
|
|
60
|
+
if (onConfigurePanGesture) // Get the gesture with the user defined configuration
|
|
61
|
+
onConfigurePanGesture(gesture); // Restore the original callbacks
|
|
62
|
+
|
|
63
|
+
gesture.onBegin = originalGestures.onBegin;
|
|
64
|
+
gesture.onUpdate = originalGestures.onUpdate;
|
|
65
|
+
gesture.onEnd = originalGestures.onEnd; // Setup the original callbacks with the user defined callbacks
|
|
66
|
+
|
|
67
|
+
gesture.onBegin(e => {
|
|
68
|
+
onGestureBegin(e);
|
|
69
|
+
if (userDefinedConflictGestures.onBegin) userDefinedConflictGestures.onBegin(e);
|
|
70
|
+
}).onUpdate(e => {
|
|
71
|
+
onGestureUpdate(e);
|
|
72
|
+
if (userDefinedConflictGestures.onUpdate) userDefinedConflictGestures.onUpdate(e);
|
|
73
|
+
}).onEnd((e, success) => {
|
|
74
|
+
onGestureEnd(e, success);
|
|
75
|
+
if (userDefinedConflictGestures.onEnd) userDefinedConflictGestures.onEnd(e, success);
|
|
76
|
+
});
|
|
77
|
+
return gesture;
|
|
78
|
+
}, [onGestureBegin, onGestureUpdate, onGestureEnd, onConfigurePanGesture]);
|
|
79
|
+
(0, _useUpdateGestureConfig.useUpdateGestureConfig)(gesture, options);
|
|
80
|
+
return gesture;
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
exports.usePanGestureProxy = usePanGestureProxy;
|
|
84
|
+
//# sourceMappingURL=usePanGestureProxy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePanGestureProxy.ts"],"names":["usePanGestureProxy","customization","onConfigurePanGesture","onGestureBegin","onGestureUpdate","onGestureEnd","options","gesture","Gesture","Pan","originalGestures","onBegin","onUpdate","onEnd","userDefinedConflictGestures","undefined","fakeOnBegin","cb","fakeOnUpdate","fakeOnEnd","e","success"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;AAEO,MAAMA,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,GAAG,oBAAQ,MAAM;AAC5B,UAAMA,OAAO,GAAGC,mCAAQC,GAAR,EAAhB,CAD4B,CAG5B;;;AACA,UAAMC,gBAAgB,GAAG;AACvBC,MAAAA,OAAO,EAAEJ,OAAO,CAACI,OADM;AAEvBC,MAAAA,QAAQ,EAAEL,OAAO,CAACK,QAFK;AAGvBC,MAAAA,KAAK,EAAEN,OAAO,CAACM;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,aAAOV,OAAP;AACD,KAJD;;AAMA,UAAMW,YAAqC,GAAID,EAAD,IAAQ;AACpD;AACAH,MAAAA,2BAA2B,CAACF,QAA5B,GAAuCK,EAAvC;AACA,aAAOV,OAAP;AACD,KAJD;;AAMA,UAAMY,SAA+B,GAAIF,EAAD,IAAQ;AAC9C;AACAH,MAAAA,2BAA2B,CAACD,KAA5B,GAAoCI,EAApC;AACA,aAAOV,OAAP;AACD,KAJD,CAjC4B,CAuC5B;;;AACAA,IAAAA,OAAO,CAACI,OAAR,GAAkBK,WAAlB;AACAT,IAAAA,OAAO,CAACK,QAAR,GAAmBM,YAAnB;AACAX,IAAAA,OAAO,CAACM,KAAR,GAAgBM,SAAhB;AAEA,QAAIjB,qBAAJ,EACE;AACAA,MAAAA,qBAAqB,CAACK,OAAD,CAArB,CA9C0B,CAgD5B;;AACAA,IAAAA,OAAO,CAACI,OAAR,GAAkBD,gBAAgB,CAACC,OAAnC;AACAJ,IAAAA,OAAO,CAACK,QAAR,GAAmBF,gBAAgB,CAACE,QAApC;AACAL,IAAAA,OAAO,CAACM,KAAR,GAAgBH,gBAAgB,CAACG,KAAjC,CAnD4B,CAqD5B;;AACAN,IAAAA,OAAO,CACJI,OADH,CACYS,CAAD,IAAO;AACdjB,MAAAA,cAAc,CAACiB,CAAD,CAAd;AAEA,UAAIN,2BAA2B,CAACH,OAAhC,EACEG,2BAA2B,CAACH,OAA5B,CAAoCS,CAApC;AACH,KANH,EAOGR,QAPH,CAOaQ,CAAD,IAAO;AACfhB,MAAAA,eAAe,CAACgB,CAAD,CAAf;AAEA,UAAIN,2BAA2B,CAACF,QAAhC,EACEE,2BAA2B,CAACF,QAA5B,CAAqCQ,CAArC;AACH,KAZH,EAaGP,KAbH,CAaS,CAACO,CAAD,EAAIC,OAAJ,KAAgB;AACrBhB,MAAAA,YAAY,CAACe,CAAD,EAAIC,OAAJ,CAAZ;AAEA,UAAIP,2BAA2B,CAACD,KAAhC,EACEC,2BAA2B,CAACD,KAA5B,CAAkCO,CAAlC,EAAqCC,OAArC;AACH,KAlBH;AAoBA,WAAOd,OAAP;AACD,GA3Ee,EA2Eb,CACDJ,cADC,EAEDC,eAFC,EAGDC,YAHC,EAIDH,qBAJC,CA3Ea,CAAhB;AAkFA,sDAAuBK,OAAvB,EAAgCD,OAAhC;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 onGestureBegin: (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 onGestureBegin,\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 onBegin: gesture.onBegin,\n onUpdate: gesture.onUpdate,\n onEnd: gesture.onEnd,\n };\n\n // Save the user defined gesture callbacks\n const userDefinedConflictGestures: {\n onBegin?: Parameters<(typeof gesture)[\"onBegin\"]>[0]\n onUpdate?: Parameters<(typeof gesture)[\"onUpdate\"]>[0]\n onEnd?: Parameters<(typeof gesture)[\"onEnd\"]>[0]\n } = {\n onBegin: undefined,\n onUpdate: undefined,\n onEnd: undefined,\n };\n\n const fakeOnBegin: typeof gesture.onBegin = (cb) => {\n // Using fakeOnBegin to save the user defined callback\n userDefinedConflictGestures.onBegin = 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.onBegin = fakeOnBegin;\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.onBegin = originalGestures.onBegin;\n gesture.onUpdate = originalGestures.onUpdate;\n gesture.onEnd = originalGestures.onEnd;\n\n // Setup the original callbacks with the user defined callbacks\n gesture\n .onBegin((e) => {\n onGestureBegin(e);\n\n if (userDefinedConflictGestures.onBegin)\n userDefinedConflictGestures.onBegin(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 onGestureBegin,\n onGestureUpdate,\n onGestureEnd,\n onConfigurePanGesture,\n ]);\n\n useUpdateGestureConfig(gesture, options);\n\n return gesture;\n};\n"]}
|
|
@@ -0,0 +1,397 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _reactNative = require("react-native");
|
|
6
|
+
|
|
7
|
+
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
8
|
+
|
|
9
|
+
var _reactNative2 = require("@testing-library/react-native");
|
|
10
|
+
|
|
11
|
+
var _jestUtils = require("react-native-gesture-handler/jest-utils");
|
|
12
|
+
|
|
13
|
+
var _usePanGestureProxy = require("./usePanGestureProxy");
|
|
14
|
+
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
|
|
17
|
+
beforeEach(_reactNative2.cleanup);
|
|
18
|
+
|
|
19
|
+
const mockedEventHandlers = () => {
|
|
20
|
+
return {
|
|
21
|
+
begin: jest.fn(),
|
|
22
|
+
start: jest.fn(),
|
|
23
|
+
active: jest.fn(),
|
|
24
|
+
end: jest.fn(),
|
|
25
|
+
fail: jest.fn(),
|
|
26
|
+
cancel: jest.fn(),
|
|
27
|
+
finish: jest.fn()
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
const mockedEventHandlersFromUser = () => {
|
|
32
|
+
return {
|
|
33
|
+
begin: jest.fn(),
|
|
34
|
+
start: jest.fn(),
|
|
35
|
+
active: jest.fn(),
|
|
36
|
+
end: jest.fn(),
|
|
37
|
+
fail: jest.fn(),
|
|
38
|
+
cancel: jest.fn(),
|
|
39
|
+
finish: jest.fn()
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
describe("Using RNGH v2 gesture API", () => {
|
|
44
|
+
function SingleHandler(_ref) {
|
|
45
|
+
let {
|
|
46
|
+
handlers,
|
|
47
|
+
handlersFromUser,
|
|
48
|
+
treatStartAsUpdate
|
|
49
|
+
} = _ref;
|
|
50
|
+
const pan = (0, _usePanGestureProxy.usePanGestureProxy)({
|
|
51
|
+
onConfigurePanGesture: gesture => {
|
|
52
|
+
// This is user's customizations
|
|
53
|
+
gesture.onStart(treatStartAsUpdate ? handlers.active : handlers.start).onBegin(handlersFromUser.begin).onUpdate(handlersFromUser.active).onEnd(handlersFromUser.end).onFinalize(handlers.finish).withTestId("pan");
|
|
54
|
+
},
|
|
55
|
+
onGestureBegin: handlers.begin,
|
|
56
|
+
onGestureUpdate: handlers.active,
|
|
57
|
+
onGestureEnd: handlers.end,
|
|
58
|
+
options: {
|
|
59
|
+
enabled: true
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureHandlerRootView, null, /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureDetector, {
|
|
63
|
+
gesture: pan
|
|
64
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "v2 API test")));
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
function RacingHandlers(_ref2) {
|
|
68
|
+
let {
|
|
69
|
+
tapHandlers,
|
|
70
|
+
panHandlers
|
|
71
|
+
} = _ref2;
|
|
72
|
+
|
|
73
|
+
const tap = _reactNativeGestureHandler.Gesture.Tap().onBegin(tapHandlers.begin).onEnd(tapHandlers.end).withTestId("tap");
|
|
74
|
+
|
|
75
|
+
const pan = (0, _usePanGestureProxy.usePanGestureProxy)({
|
|
76
|
+
onConfigurePanGesture: _ => {
|
|
77
|
+
_.onFinalize(panHandlers.finish).withTestId("pan");
|
|
78
|
+
},
|
|
79
|
+
onGestureBegin: panHandlers.begin,
|
|
80
|
+
onGestureUpdate: panHandlers.active,
|
|
81
|
+
onGestureEnd: panHandlers.end,
|
|
82
|
+
options: {
|
|
83
|
+
enabled: true
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
return /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureHandlerRootView, null, /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureDetector, {
|
|
87
|
+
gesture: _reactNativeGestureHandler.Gesture.Race(tap, pan)
|
|
88
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "v2 API test")));
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
it("sends events to handlers", () => {
|
|
92
|
+
const tapHandlers = mockedEventHandlers();
|
|
93
|
+
const panHandlers = mockedEventHandlers();
|
|
94
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(RacingHandlers, {
|
|
95
|
+
tapHandlers: tapHandlers,
|
|
96
|
+
panHandlers: panHandlers
|
|
97
|
+
}));
|
|
98
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("pan"), [{
|
|
99
|
+
state: _reactNativeGestureHandler.State.BEGAN
|
|
100
|
+
}, {
|
|
101
|
+
state: _reactNativeGestureHandler.State.ACTIVE
|
|
102
|
+
}, {
|
|
103
|
+
state: _reactNativeGestureHandler.State.END
|
|
104
|
+
}]);
|
|
105
|
+
expect(panHandlers.begin).toBeCalledWith(expect.objectContaining({
|
|
106
|
+
state: _reactNativeGestureHandler.State.BEGAN
|
|
107
|
+
}));
|
|
108
|
+
expect(panHandlers.finish).toBeCalled();
|
|
109
|
+
expect(tapHandlers.begin).not.toBeCalled();
|
|
110
|
+
});
|
|
111
|
+
it("sends events with additional data to handlers", () => {
|
|
112
|
+
const panHandlers = mockedEventHandlers();
|
|
113
|
+
const panHandlersFromUser = mockedEventHandlersFromUser();
|
|
114
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(SingleHandler, {
|
|
115
|
+
handlers: panHandlers,
|
|
116
|
+
handlersFromUser: panHandlersFromUser,
|
|
117
|
+
treatStartAsUpdate: true
|
|
118
|
+
}));
|
|
119
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("pan"), [{
|
|
120
|
+
state: _reactNativeGestureHandler.State.BEGAN,
|
|
121
|
+
translationX: 0
|
|
122
|
+
}, {
|
|
123
|
+
state: _reactNativeGestureHandler.State.ACTIVE,
|
|
124
|
+
translationX: 10
|
|
125
|
+
}, {
|
|
126
|
+
translationX: 20
|
|
127
|
+
}, {
|
|
128
|
+
translationX: 20
|
|
129
|
+
}, {
|
|
130
|
+
state: _reactNativeGestureHandler.State.END,
|
|
131
|
+
translationX: 30
|
|
132
|
+
}]);
|
|
133
|
+
expect(panHandlersFromUser.begin).toBeCalledTimes(1);
|
|
134
|
+
expect(panHandlersFromUser.active).toBeCalledTimes(2);
|
|
135
|
+
expect(panHandlersFromUser.end).toBeCalledTimes(1);
|
|
136
|
+
expect(panHandlers.active).toBeCalledTimes(3);
|
|
137
|
+
expect(panHandlers.active).toHaveBeenLastCalledWith(expect.objectContaining({
|
|
138
|
+
translationX: 20
|
|
139
|
+
}));
|
|
140
|
+
});
|
|
141
|
+
});
|
|
142
|
+
describe("Event list validation", () => {
|
|
143
|
+
function SingleHandler(_ref3) {
|
|
144
|
+
let {
|
|
145
|
+
handlers,
|
|
146
|
+
handlersFromUser,
|
|
147
|
+
treatStartAsUpdate
|
|
148
|
+
} = _ref3;
|
|
149
|
+
const pan = (0, _usePanGestureProxy.usePanGestureProxy)({
|
|
150
|
+
onConfigurePanGesture: _ => {
|
|
151
|
+
_.onStart(treatStartAsUpdate ? handlers.active : handlers.start).onBegin(handlersFromUser.begin).onUpdate(handlersFromUser.active).onEnd(handlersFromUser.end).onFinalize(handlers.finish).withTestId("pan");
|
|
152
|
+
},
|
|
153
|
+
onGestureBegin: handlers.begin,
|
|
154
|
+
onGestureUpdate: handlers.active,
|
|
155
|
+
onGestureEnd: handlers.end,
|
|
156
|
+
options: {
|
|
157
|
+
enabled: true
|
|
158
|
+
}
|
|
159
|
+
});
|
|
160
|
+
return /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureHandlerRootView, null, /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureDetector, {
|
|
161
|
+
gesture: pan
|
|
162
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "v2 API test")));
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
it("throws error when oldState doesn't correspond to previous event's state", () => {
|
|
166
|
+
const panHandlers = mockedEventHandlers();
|
|
167
|
+
const panHandlersFromUser = mockedEventHandlersFromUser();
|
|
168
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(SingleHandler, {
|
|
169
|
+
handlers: panHandlers,
|
|
170
|
+
handlersFromUser: panHandlersFromUser
|
|
171
|
+
}));
|
|
172
|
+
expect(() => {
|
|
173
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("pan"), [{
|
|
174
|
+
oldState: _reactNativeGestureHandler.State.UNDETERMINED,
|
|
175
|
+
state: _reactNativeGestureHandler.State.BEGAN,
|
|
176
|
+
x: 0,
|
|
177
|
+
y: 10
|
|
178
|
+
}, {
|
|
179
|
+
oldState: _reactNativeGestureHandler.State.UNDETERMINED,
|
|
180
|
+
state: _reactNativeGestureHandler.State.ACTIVE,
|
|
181
|
+
x: 1,
|
|
182
|
+
y: 11
|
|
183
|
+
}]);
|
|
184
|
+
}).toThrow("when state changes, oldState should be the same as previous event' state");
|
|
185
|
+
});
|
|
186
|
+
it.each([[_reactNativeGestureHandler.State.END], [_reactNativeGestureHandler.State.FAILED], [_reactNativeGestureHandler.State.CANCELLED]])("correctly handles events ending with state %s", lastState => {
|
|
187
|
+
const panHandlers = mockedEventHandlers();
|
|
188
|
+
const panHandlersFromUser = mockedEventHandlersFromUser();
|
|
189
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(SingleHandler, {
|
|
190
|
+
handlers: panHandlers,
|
|
191
|
+
handlersFromUser: panHandlersFromUser
|
|
192
|
+
}));
|
|
193
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("pan"), [{
|
|
194
|
+
state: _reactNativeGestureHandler.State.BEGAN
|
|
195
|
+
}, {
|
|
196
|
+
state: _reactNativeGestureHandler.State.ACTIVE
|
|
197
|
+
}, {
|
|
198
|
+
state: lastState
|
|
199
|
+
}]);
|
|
200
|
+
expect(panHandlersFromUser.begin).toBeCalledTimes(1);
|
|
201
|
+
expect(panHandlersFromUser.active).toBeCalledTimes(0);
|
|
202
|
+
expect(panHandlersFromUser.end).toBeCalledTimes(1);
|
|
203
|
+
if (lastState === _reactNativeGestureHandler.State.END) expect(panHandlers.end).toBeCalled();else expect(panHandlers.finish).toBeCalledWith(expect.any(Object), false);
|
|
204
|
+
});
|
|
205
|
+
});
|
|
206
|
+
describe("Filling event list with defaults", () => {
|
|
207
|
+
function RacingTapAndPan(_ref4) {
|
|
208
|
+
let {
|
|
209
|
+
handlers,
|
|
210
|
+
treatStartAsUpdate
|
|
211
|
+
} = _ref4;
|
|
212
|
+
|
|
213
|
+
const tap = _reactNativeGestureHandler.Gesture.Tap().onBegin(handlers.begin).onEnd(handlers.end).withTestId("tap");
|
|
214
|
+
|
|
215
|
+
const pan = (0, _usePanGestureProxy.usePanGestureProxy)({
|
|
216
|
+
onConfigurePanGesture: _ => {
|
|
217
|
+
_.onStart(treatStartAsUpdate ? handlers.active : handlers.start).onFinalize(handlers.finish).withTestId("pan");
|
|
218
|
+
},
|
|
219
|
+
onGestureBegin: handlers.begin,
|
|
220
|
+
onGestureUpdate: handlers.active,
|
|
221
|
+
onGestureEnd: handlers.end,
|
|
222
|
+
options: {
|
|
223
|
+
enabled: true
|
|
224
|
+
}
|
|
225
|
+
});
|
|
226
|
+
return /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureHandlerRootView, null, /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureDetector, {
|
|
227
|
+
gesture: _reactNativeGestureHandler.Gesture.Exclusive(pan, tap)
|
|
228
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "v2 API test")));
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
it("fills oldState if not passed", () => {
|
|
232
|
+
const handlers = mockedEventHandlers();
|
|
233
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(RacingTapAndPan, {
|
|
234
|
+
handlers: handlers,
|
|
235
|
+
treatStartAsUpdate: true
|
|
236
|
+
}));
|
|
237
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("pan"), [{
|
|
238
|
+
state: _reactNativeGestureHandler.State.BEGAN
|
|
239
|
+
}, {
|
|
240
|
+
state: _reactNativeGestureHandler.State.ACTIVE
|
|
241
|
+
}, {
|
|
242
|
+
state: _reactNativeGestureHandler.State.ACTIVE
|
|
243
|
+
}, {
|
|
244
|
+
state: _reactNativeGestureHandler.State.ACTIVE
|
|
245
|
+
}, {
|
|
246
|
+
state: _reactNativeGestureHandler.State.END
|
|
247
|
+
}]);
|
|
248
|
+
expect(handlers.begin).toBeCalledWith(expect.objectContaining({
|
|
249
|
+
oldState: _reactNativeGestureHandler.State.UNDETERMINED
|
|
250
|
+
}));
|
|
251
|
+
expect(handlers.active).nthCalledWith(1, expect.objectContaining({
|
|
252
|
+
oldState: _reactNativeGestureHandler.State.BEGAN
|
|
253
|
+
}));
|
|
254
|
+
expect(handlers.active).lastCalledWith(expect.not.objectContaining({
|
|
255
|
+
oldState: expect.anything()
|
|
256
|
+
}));
|
|
257
|
+
expect(handlers.end).toBeCalledWith(expect.objectContaining({
|
|
258
|
+
oldState: _reactNativeGestureHandler.State.ACTIVE
|
|
259
|
+
}), true);
|
|
260
|
+
});
|
|
261
|
+
it("fills missing ACTIVE states", () => {
|
|
262
|
+
const panHandlers = mockedEventHandlers();
|
|
263
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(RacingTapAndPan, {
|
|
264
|
+
handlers: panHandlers,
|
|
265
|
+
treatStartAsUpdate: true
|
|
266
|
+
}));
|
|
267
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("pan"), [{
|
|
268
|
+
state: _reactNativeGestureHandler.State.BEGAN,
|
|
269
|
+
x: 0,
|
|
270
|
+
y: 10
|
|
271
|
+
}, {
|
|
272
|
+
state: _reactNativeGestureHandler.State.ACTIVE,
|
|
273
|
+
x: 1,
|
|
274
|
+
y: 11
|
|
275
|
+
}, {
|
|
276
|
+
x: 2,
|
|
277
|
+
y: 12
|
|
278
|
+
}, {
|
|
279
|
+
x: 3,
|
|
280
|
+
y: 13
|
|
281
|
+
}, {
|
|
282
|
+
state: _reactNativeGestureHandler.State.END,
|
|
283
|
+
x: 4,
|
|
284
|
+
y: 14
|
|
285
|
+
}]);
|
|
286
|
+
expect(panHandlers.active).toBeCalledTimes(3);
|
|
287
|
+
expect(panHandlers.active).toHaveBeenLastCalledWith(expect.objectContaining({
|
|
288
|
+
x: 3,
|
|
289
|
+
y: 13
|
|
290
|
+
}));
|
|
291
|
+
});
|
|
292
|
+
it("fills BEGIN and END events for discrete handlers", () => {
|
|
293
|
+
const handlers = mockedEventHandlers();
|
|
294
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(RacingTapAndPan, {
|
|
295
|
+
handlers: handlers,
|
|
296
|
+
treatStartAsUpdate: true
|
|
297
|
+
}));
|
|
298
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("tap"), [{
|
|
299
|
+
x: 5
|
|
300
|
+
}]);
|
|
301
|
+
expect(handlers.begin).toBeCalledTimes(1);
|
|
302
|
+
expect(handlers.end).toBeCalledTimes(1);
|
|
303
|
+
});
|
|
304
|
+
it("with FAILED event, fills BEGIN event for discrete handlers", () => {
|
|
305
|
+
const handlers = mockedEventHandlers();
|
|
306
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(RacingTapAndPan, {
|
|
307
|
+
handlers: handlers,
|
|
308
|
+
treatStartAsUpdate: true
|
|
309
|
+
}));
|
|
310
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("tap"), [{
|
|
311
|
+
state: _reactNativeGestureHandler.State.FAILED
|
|
312
|
+
}]);
|
|
313
|
+
expect(handlers.begin).toBeCalledTimes(1);
|
|
314
|
+
expect(handlers.end).toBeCalledTimes(1);
|
|
315
|
+
expect(handlers.end).toBeCalledWith(expect.anything(), false);
|
|
316
|
+
});
|
|
317
|
+
it("uses event data from first event in filled BEGIN, ACTIVE events", () => {
|
|
318
|
+
const handlers = mockedEventHandlers();
|
|
319
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(RacingTapAndPan, {
|
|
320
|
+
handlers: handlers,
|
|
321
|
+
treatStartAsUpdate: true
|
|
322
|
+
}));
|
|
323
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("pan"), [{
|
|
324
|
+
x: 120
|
|
325
|
+
}]);
|
|
326
|
+
expect(handlers.begin).toBeCalledWith(expect.objectContaining({
|
|
327
|
+
x: 120
|
|
328
|
+
}));
|
|
329
|
+
expect(handlers.active).toHaveBeenNthCalledWith(1, expect.objectContaining({
|
|
330
|
+
x: 120
|
|
331
|
+
}));
|
|
332
|
+
});
|
|
333
|
+
it("uses event data from last event in filled END events", () => {
|
|
334
|
+
const handlers = mockedEventHandlers();
|
|
335
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(RacingTapAndPan, {
|
|
336
|
+
handlers: handlers,
|
|
337
|
+
treatStartAsUpdate: true
|
|
338
|
+
}));
|
|
339
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("pan"), [{
|
|
340
|
+
x: 120,
|
|
341
|
+
state: _reactNativeGestureHandler.State.FAILED
|
|
342
|
+
}]);
|
|
343
|
+
expect(handlers.begin).toBeCalledTimes(1);
|
|
344
|
+
expect(handlers.active).toBeCalledTimes(1);
|
|
345
|
+
expect(handlers.end).toBeCalledWith(expect.objectContaining({
|
|
346
|
+
x: 120
|
|
347
|
+
}), false);
|
|
348
|
+
});
|
|
349
|
+
it("uses event data filled events", () => {
|
|
350
|
+
const handlers = mockedEventHandlers();
|
|
351
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(RacingTapAndPan, {
|
|
352
|
+
handlers: handlers,
|
|
353
|
+
treatStartAsUpdate: true
|
|
354
|
+
}));
|
|
355
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("pan"), [{
|
|
356
|
+
x: 5,
|
|
357
|
+
y: 15
|
|
358
|
+
}, {
|
|
359
|
+
x: 6,
|
|
360
|
+
y: 16
|
|
361
|
+
}, {
|
|
362
|
+
x: 7,
|
|
363
|
+
y: 17
|
|
364
|
+
}]);
|
|
365
|
+
expect(handlers.begin).toBeCalledWith(expect.objectContaining({
|
|
366
|
+
x: 5,
|
|
367
|
+
y: 15
|
|
368
|
+
}));
|
|
369
|
+
expect(handlers.active).toBeCalledTimes(3);
|
|
370
|
+
expect(handlers.end).toBeCalledWith(expect.objectContaining({
|
|
371
|
+
x: 7,
|
|
372
|
+
y: 17
|
|
373
|
+
}), true);
|
|
374
|
+
});
|
|
375
|
+
it("fills BEGIN and END events when they're not present, for discrete handlers", () => {
|
|
376
|
+
const handlers = mockedEventHandlers();
|
|
377
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(RacingTapAndPan, {
|
|
378
|
+
handlers: handlers,
|
|
379
|
+
treatStartAsUpdate: true
|
|
380
|
+
}));
|
|
381
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("tap"));
|
|
382
|
+
expect(handlers.begin).toBeCalledTimes(1);
|
|
383
|
+
expect(handlers.end).toHaveBeenCalledTimes(1);
|
|
384
|
+
});
|
|
385
|
+
it("fills BEGIN, ACTIVE and END events when they're not present, for continuous handlers", () => {
|
|
386
|
+
const handlers = mockedEventHandlers();
|
|
387
|
+
(0, _reactNative2.render)( /*#__PURE__*/_react.default.createElement(RacingTapAndPan, {
|
|
388
|
+
handlers: handlers,
|
|
389
|
+
treatStartAsUpdate: true
|
|
390
|
+
}));
|
|
391
|
+
(0, _jestUtils.fireGestureHandler)((0, _jestUtils.getByGestureTestId)("pan"));
|
|
392
|
+
expect(handlers.begin).toBeCalledTimes(1);
|
|
393
|
+
expect(handlers.active).toBeCalledTimes(1);
|
|
394
|
+
expect(handlers.end).toHaveBeenCalledTimes(1);
|
|
395
|
+
});
|
|
396
|
+
});
|
|
397
|
+
//# sourceMappingURL=usePanGestureProxy.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePanGestureProxy.test.tsx"],"names":["beforeEach","cleanup","mockedEventHandlers","begin","jest","fn","start","active","end","fail","cancel","finish","mockedEventHandlersFromUser","describe","SingleHandler","handlers","handlersFromUser","treatStartAsUpdate","pan","onConfigurePanGesture","gesture","onStart","onBegin","onUpdate","onEnd","onFinalize","withTestId","onGestureBegin","onGestureUpdate","onGestureEnd","options","enabled","RacingHandlers","tapHandlers","panHandlers","tap","Gesture","Tap","_","Race","it","state","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 .onStart(treatStartAsUpdate ? handlers.active : handlers.start)\n .onBegin(handlersFromUser.begin)\n .onUpdate(handlersFromUser.active)\n .onEnd(handlersFromUser.end)\n .onFinalize(handlers.finish)\n .withTestId(\"pan\");\n },\n onGestureBegin: handlers.begin,\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 .onFinalize(panHandlers.finish)\n .withTestId(\"pan\");\n },\n onGestureBegin: panHandlers.begin,\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 .onStart(treatStartAsUpdate ? handlers.active : handlers.start)\n .onBegin(handlersFromUser.begin)\n .onUpdate(handlersFromUser.active)\n .onEnd(handlersFromUser.end)\n .onFinalize(handlers.finish)\n .withTestId(\"pan\");\n },\n onGestureBegin: handlers.begin,\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 .onStart(treatStartAsUpdate ? handlers.active : handlers.start)\n .onFinalize(handlers.finish)\n .withTestId(\"pan\");\n },\n onGestureBegin: handlers.begin,\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":["useUpdateGestureConfig","gesture","config","enabled"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"sources":["useUpdateGestureConfig.ts"],"names":["useUpdateGestureConfig","gesture","config","enabled"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,sBAAsB,GAAG,CAACC,OAAD,EAAsBC,MAAtB,KAAgD;AACpF,QAAM;AAAEC,IAAAA;AAAF,MAAcD,MAApB;AAEA,wBAAU,MAAM;AACd,QAAI,OAAOC,OAAP,KAAmB,WAAvB,EACEF,OAAO,CAACE,OAAR,CAAgBA,OAAhB;AACH,GAHD,EAGG,CAACA,OAAD,EAAUF,OAAV,CAHH;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"]}
|