gesture-kit-multi-finger 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/FingerGatherGesture.d.ts +11 -0
- package/dist/FingerGatherGesture.js +18 -0
- package/dist/FingerSpreadGesture.d.ts +11 -0
- package/dist/FingerSpreadGesture.js +18 -0
- package/dist/FourFingerTapGesture.d.ts +11 -0
- package/dist/FourFingerTapGesture.js +18 -0
- package/dist/MultiFingerDragGesture.d.ts +11 -0
- package/dist/MultiFingerDragGesture.js +18 -0
- package/dist/ThreeFingerSwipeGesture.d.ts +11 -0
- package/dist/ThreeFingerSwipeGesture.js +18 -0
- package/dist/ThreeFingerTapGesture.d.ts +11 -0
- package/dist/ThreeFingerTapGesture.js +18 -0
- package/dist/TwoFingerSwipeGesture.d.ts +11 -0
- package/dist/TwoFingerSwipeGesture.js +18 -0
- package/dist/TwoFingerTapGesture.d.ts +11 -0
- package/dist/TwoFingerTapGesture.js +18 -0
- package/dist/hooks/index.d.ts +8 -0
- package/dist/hooks/index.js +19 -0
- package/dist/hooks/useFingerGather.d.ts +10 -0
- package/dist/hooks/useFingerGather.js +14 -0
- package/dist/hooks/useFingerSpread.d.ts +10 -0
- package/dist/hooks/useFingerSpread.js +14 -0
- package/dist/hooks/useFourFingerTap.d.ts +10 -0
- package/dist/hooks/useFourFingerTap.js +14 -0
- package/dist/hooks/useMultiFingerDrag.d.ts +10 -0
- package/dist/hooks/useMultiFingerDrag.js +14 -0
- package/dist/hooks/useThreeFingerSwipe.d.ts +10 -0
- package/dist/hooks/useThreeFingerSwipe.js +14 -0
- package/dist/hooks/useThreeFingerTap.d.ts +10 -0
- package/dist/hooks/useThreeFingerTap.js +14 -0
- package/dist/hooks/useTwoFingerSwipe.d.ts +10 -0
- package/dist/hooks/useTwoFingerSwipe.js +14 -0
- package/dist/hooks/useTwoFingerTap.d.ts +10 -0
- package/dist/hooks/useTwoFingerTap.js +14 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.js +38 -0
- package/dist/types.d.ts +15 -0
- package/dist/types.js +5 -0
- package/package.json +30 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Finger Gather - Detects finger gather (pinch in)
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface FingerGatherGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const FingerGatherGesture: React.FC<FingerGatherGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Finger Gather - Detects finger gather (pinch in)
|
|
4
|
+
* @module gestures
|
|
5
|
+
*/
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.FingerGatherGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const FingerGatherGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Finger Gather logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.FingerGatherGesture = FingerGatherGesture;
|
|
18
|
+
exports.FingerGatherGesture.displayName = 'FingerGatherGesture';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Finger Spread - Detects finger spread (pinch out)
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface FingerSpreadGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const FingerSpreadGesture: React.FC<FingerSpreadGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Finger Spread - Detects finger spread (pinch out)
|
|
4
|
+
* @module gestures
|
|
5
|
+
*/
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.FingerSpreadGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const FingerSpreadGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Finger Spread logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.FingerSpreadGesture = FingerSpreadGesture;
|
|
18
|
+
exports.FingerSpreadGesture.displayName = 'FingerSpreadGesture';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Four Finger Tap - Detects four finger tap
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface FourFingerTapGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const FourFingerTapGesture: React.FC<FourFingerTapGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Four Finger Tap - Detects four finger tap
|
|
4
|
+
* @module gestures
|
|
5
|
+
*/
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.FourFingerTapGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const FourFingerTapGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Four Finger Tap logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.FourFingerTapGesture = FourFingerTapGesture;
|
|
18
|
+
exports.FourFingerTapGesture.displayName = 'FourFingerTapGesture';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Multi Finger Drag - Detects multi finger drag
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface MultiFingerDragGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const MultiFingerDragGesture: React.FC<MultiFingerDragGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Multi Finger Drag - Detects multi finger drag
|
|
4
|
+
* @module gestures
|
|
5
|
+
*/
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.MultiFingerDragGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const MultiFingerDragGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Multi Finger Drag logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.MultiFingerDragGesture = MultiFingerDragGesture;
|
|
18
|
+
exports.MultiFingerDragGesture.displayName = 'MultiFingerDragGesture';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Three Finger Swipe - Detects three finger swipe
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface ThreeFingerSwipeGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const ThreeFingerSwipeGesture: React.FC<ThreeFingerSwipeGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Three Finger Swipe - Detects three finger swipe
|
|
4
|
+
* @module gestures
|
|
5
|
+
*/
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.ThreeFingerSwipeGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const ThreeFingerSwipeGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Three Finger Swipe logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.ThreeFingerSwipeGesture = ThreeFingerSwipeGesture;
|
|
18
|
+
exports.ThreeFingerSwipeGesture.displayName = 'ThreeFingerSwipeGesture';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Three Finger Tap - Detects three finger tap
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface ThreeFingerTapGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const ThreeFingerTapGesture: React.FC<ThreeFingerTapGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Three Finger Tap - Detects three finger tap
|
|
4
|
+
* @module gestures
|
|
5
|
+
*/
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.ThreeFingerTapGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const ThreeFingerTapGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Three Finger Tap logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.ThreeFingerTapGesture = ThreeFingerTapGesture;
|
|
18
|
+
exports.ThreeFingerTapGesture.displayName = 'ThreeFingerTapGesture';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Two Finger Swipe - Detects two finger swipe
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface TwoFingerSwipeGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const TwoFingerSwipeGesture: React.FC<TwoFingerSwipeGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Two Finger Swipe - Detects two finger swipe
|
|
4
|
+
* @module gestures
|
|
5
|
+
*/
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.TwoFingerSwipeGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const TwoFingerSwipeGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Two Finger Swipe logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.TwoFingerSwipeGesture = TwoFingerSwipeGesture;
|
|
18
|
+
exports.TwoFingerSwipeGesture.displayName = 'TwoFingerSwipeGesture';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Two Finger Tap - Detects two finger tap
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface TwoFingerTapGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const TwoFingerTapGesture: React.FC<TwoFingerTapGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Two Finger Tap - Detects two finger tap
|
|
4
|
+
* @module gestures
|
|
5
|
+
*/
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.TwoFingerTapGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const TwoFingerTapGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Two Finger Tap logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.TwoFingerTapGesture = TwoFingerTapGesture;
|
|
18
|
+
exports.TwoFingerTapGesture.displayName = 'TwoFingerTapGesture';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { useTwoFingerTap } from './useTwoFingerTap';
|
|
2
|
+
export { useThreeFingerTap } from './useThreeFingerTap';
|
|
3
|
+
export { useFourFingerTap } from './useFourFingerTap';
|
|
4
|
+
export { useTwoFingerSwipe } from './useTwoFingerSwipe';
|
|
5
|
+
export { useThreeFingerSwipe } from './useThreeFingerSwipe';
|
|
6
|
+
export { useMultiFingerDrag } from './useMultiFingerDrag';
|
|
7
|
+
export { useFingerSpread } from './useFingerSpread';
|
|
8
|
+
export { useFingerGather } from './useFingerGather';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useFingerGather = exports.useFingerSpread = exports.useMultiFingerDrag = exports.useThreeFingerSwipe = exports.useTwoFingerSwipe = exports.useFourFingerTap = exports.useThreeFingerTap = exports.useTwoFingerTap = void 0;
|
|
4
|
+
var useTwoFingerTap_1 = require("./useTwoFingerTap");
|
|
5
|
+
Object.defineProperty(exports, "useTwoFingerTap", { enumerable: true, get: function () { return useTwoFingerTap_1.useTwoFingerTap; } });
|
|
6
|
+
var useThreeFingerTap_1 = require("./useThreeFingerTap");
|
|
7
|
+
Object.defineProperty(exports, "useThreeFingerTap", { enumerable: true, get: function () { return useThreeFingerTap_1.useThreeFingerTap; } });
|
|
8
|
+
var useFourFingerTap_1 = require("./useFourFingerTap");
|
|
9
|
+
Object.defineProperty(exports, "useFourFingerTap", { enumerable: true, get: function () { return useFourFingerTap_1.useFourFingerTap; } });
|
|
10
|
+
var useTwoFingerSwipe_1 = require("./useTwoFingerSwipe");
|
|
11
|
+
Object.defineProperty(exports, "useTwoFingerSwipe", { enumerable: true, get: function () { return useTwoFingerSwipe_1.useTwoFingerSwipe; } });
|
|
12
|
+
var useThreeFingerSwipe_1 = require("./useThreeFingerSwipe");
|
|
13
|
+
Object.defineProperty(exports, "useThreeFingerSwipe", { enumerable: true, get: function () { return useThreeFingerSwipe_1.useThreeFingerSwipe; } });
|
|
14
|
+
var useMultiFingerDrag_1 = require("./useMultiFingerDrag");
|
|
15
|
+
Object.defineProperty(exports, "useMultiFingerDrag", { enumerable: true, get: function () { return useMultiFingerDrag_1.useMultiFingerDrag; } });
|
|
16
|
+
var useFingerSpread_1 = require("./useFingerSpread");
|
|
17
|
+
Object.defineProperty(exports, "useFingerSpread", { enumerable: true, get: function () { return useFingerSpread_1.useFingerSpread; } });
|
|
18
|
+
var useFingerGather_1 = require("./useFingerGather");
|
|
19
|
+
Object.defineProperty(exports, "useFingerGather", { enumerable: true, get: function () { return useFingerGather_1.useFingerGather; } });
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useFingerGather - useFingerGather hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useFingerGather = useFingerGather;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useFingerGather(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useFingerGather logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useFingerSpread - useFingerSpread hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useFingerSpread = useFingerSpread;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useFingerSpread(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useFingerSpread logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useFourFingerTap - useFourFingerTap hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useFourFingerTap = useFourFingerTap;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useFourFingerTap(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useFourFingerTap logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useMultiFingerDrag - useMultiFingerDrag hook
|
|
3
|
+
*/
|
|
4
|
+
export interface useMultiFingerDragOptions {
|
|
5
|
+
enabled?: boolean;
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
}
|
|
8
|
+
export declare function useMultiFingerDrag(options?: useMultiFingerDragOptions): {
|
|
9
|
+
enabled: boolean;
|
|
10
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useMultiFingerDrag - useMultiFingerDrag hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useMultiFingerDrag = useMultiFingerDrag;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useMultiFingerDrag(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useMultiFingerDrag logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useThreeFingerSwipe - useThreeFingerSwipe hook
|
|
3
|
+
*/
|
|
4
|
+
export interface useThreeFingerSwipeOptions {
|
|
5
|
+
enabled?: boolean;
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
}
|
|
8
|
+
export declare function useThreeFingerSwipe(options?: useThreeFingerSwipeOptions): {
|
|
9
|
+
enabled: boolean;
|
|
10
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useThreeFingerSwipe - useThreeFingerSwipe hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useThreeFingerSwipe = useThreeFingerSwipe;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useThreeFingerSwipe(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useThreeFingerSwipe logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useThreeFingerTap - useThreeFingerTap hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useThreeFingerTap = useThreeFingerTap;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useThreeFingerTap(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useThreeFingerTap logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useTwoFingerSwipe - useTwoFingerSwipe hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useTwoFingerSwipe = useTwoFingerSwipe;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useTwoFingerSwipe(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useTwoFingerSwipe logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useTwoFingerTap - useTwoFingerTap hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useTwoFingerTap = useTwoFingerTap;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useTwoFingerTap(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useTwoFingerTap logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export * from './types';
|
|
2
|
+
export { TwoFingerTapGesture } from './TwoFingerTapGesture';
|
|
3
|
+
export { ThreeFingerTapGesture } from './ThreeFingerTapGesture';
|
|
4
|
+
export { FourFingerTapGesture } from './FourFingerTapGesture';
|
|
5
|
+
export { TwoFingerSwipeGesture } from './TwoFingerSwipeGesture';
|
|
6
|
+
export { ThreeFingerSwipeGesture } from './ThreeFingerSwipeGesture';
|
|
7
|
+
export { MultiFingerDragGesture } from './MultiFingerDragGesture';
|
|
8
|
+
export { FingerSpreadGesture } from './FingerSpreadGesture';
|
|
9
|
+
export { FingerGatherGesture } from './FingerGatherGesture';
|
|
10
|
+
export * from './hooks';
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.FingerGatherGesture = exports.FingerSpreadGesture = exports.MultiFingerDragGesture = exports.ThreeFingerSwipeGesture = exports.TwoFingerSwipeGesture = exports.FourFingerTapGesture = exports.ThreeFingerTapGesture = exports.TwoFingerTapGesture = void 0;
|
|
18
|
+
// Multi-Finger Gestures
|
|
19
|
+
__exportStar(require("./types"), exports);
|
|
20
|
+
// Components
|
|
21
|
+
var TwoFingerTapGesture_1 = require("./TwoFingerTapGesture");
|
|
22
|
+
Object.defineProperty(exports, "TwoFingerTapGesture", { enumerable: true, get: function () { return TwoFingerTapGesture_1.TwoFingerTapGesture; } });
|
|
23
|
+
var ThreeFingerTapGesture_1 = require("./ThreeFingerTapGesture");
|
|
24
|
+
Object.defineProperty(exports, "ThreeFingerTapGesture", { enumerable: true, get: function () { return ThreeFingerTapGesture_1.ThreeFingerTapGesture; } });
|
|
25
|
+
var FourFingerTapGesture_1 = require("./FourFingerTapGesture");
|
|
26
|
+
Object.defineProperty(exports, "FourFingerTapGesture", { enumerable: true, get: function () { return FourFingerTapGesture_1.FourFingerTapGesture; } });
|
|
27
|
+
var TwoFingerSwipeGesture_1 = require("./TwoFingerSwipeGesture");
|
|
28
|
+
Object.defineProperty(exports, "TwoFingerSwipeGesture", { enumerable: true, get: function () { return TwoFingerSwipeGesture_1.TwoFingerSwipeGesture; } });
|
|
29
|
+
var ThreeFingerSwipeGesture_1 = require("./ThreeFingerSwipeGesture");
|
|
30
|
+
Object.defineProperty(exports, "ThreeFingerSwipeGesture", { enumerable: true, get: function () { return ThreeFingerSwipeGesture_1.ThreeFingerSwipeGesture; } });
|
|
31
|
+
var MultiFingerDragGesture_1 = require("./MultiFingerDragGesture");
|
|
32
|
+
Object.defineProperty(exports, "MultiFingerDragGesture", { enumerable: true, get: function () { return MultiFingerDragGesture_1.MultiFingerDragGesture; } });
|
|
33
|
+
var FingerSpreadGesture_1 = require("./FingerSpreadGesture");
|
|
34
|
+
Object.defineProperty(exports, "FingerSpreadGesture", { enumerable: true, get: function () { return FingerSpreadGesture_1.FingerSpreadGesture; } });
|
|
35
|
+
var FingerGatherGesture_1 = require("./FingerGatherGesture");
|
|
36
|
+
Object.defineProperty(exports, "FingerGatherGesture", { enumerable: true, get: function () { return FingerGatherGesture_1.FingerGatherGesture; } });
|
|
37
|
+
// Hooks
|
|
38
|
+
__exportStar(require("./hooks"), exports);
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Type definitions for this gesture category.
|
|
3
|
+
*/
|
|
4
|
+
import type { BaseGestureEvent } from 'gesture-kit-core';
|
|
5
|
+
export interface MultiFingerEvent extends BaseGestureEvent {
|
|
6
|
+
numberOfFingers: number;
|
|
7
|
+
}
|
|
8
|
+
export interface MultiFingerSwipeEvent extends MultiFingerEvent {
|
|
9
|
+
direction: 'up' | 'down' | 'left' | 'right';
|
|
10
|
+
velocity: number;
|
|
11
|
+
}
|
|
12
|
+
export interface SpreadGatherEvent extends MultiFingerEvent {
|
|
13
|
+
scale: number;
|
|
14
|
+
velocity: number;
|
|
15
|
+
}
|
package/dist/types.js
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "gesture-kit-multi-finger",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "Multi-finger gesture components: multi-tap, multi-swipe, spread, gather",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"types": "dist/index.d.ts",
|
|
7
|
+
"files": ["dist", "README.md"],
|
|
8
|
+
"scripts": {
|
|
9
|
+
"build": "tsc",
|
|
10
|
+
"prepare": "npm run build",
|
|
11
|
+
"typecheck": "tsc --noEmit"
|
|
12
|
+
},
|
|
13
|
+
"dependencies": {
|
|
14
|
+
"gesture-kit-core": "^1.0.0"
|
|
15
|
+
},
|
|
16
|
+
"peerDependencies": {
|
|
17
|
+
"react": ">=18.0.0",
|
|
18
|
+
"react-native": ">=0.71.0",
|
|
19
|
+
"react-native-gesture-handler": ">=2.10.0"
|
|
20
|
+
},
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"@types/react": "^18.2.0",
|
|
23
|
+
"react": "^18.2.0",
|
|
24
|
+
"react-native": "^0.73.11",
|
|
25
|
+
"react-native-gesture-handler": "^2.30.0",
|
|
26
|
+
"typescript": "^5.9.3"
|
|
27
|
+
},
|
|
28
|
+
"keywords": ["react-native", "gesture", "multi-finger", "multi-touch"],
|
|
29
|
+
"license": "MIT"
|
|
30
|
+
}
|