gesture-kit-proximity 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/HandAwayGesture.d.ts +11 -0
- package/dist/HandAwayGesture.js +18 -0
- package/dist/HandNearGesture.d.ts +11 -0
- package/dist/HandNearGesture.js +18 -0
- package/dist/HoverGesture.d.ts +11 -0
- package/dist/HoverGesture.js +18 -0
- package/dist/ProximityTapGesture.d.ts +11 -0
- package/dist/ProximityTapGesture.js +18 -0
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/index.js +11 -0
- package/dist/hooks/useHandAway.d.ts +10 -0
- package/dist/hooks/useHandAway.js +14 -0
- package/dist/hooks/useHandNear.d.ts +10 -0
- package/dist/hooks/useHandNear.js +14 -0
- package/dist/hooks/useHover.d.ts +10 -0
- package/dist/hooks/useHover.js +14 -0
- package/dist/hooks/useProximityTap.d.ts +10 -0
- package/dist/hooks/useProximityTap.js +14 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +30 -0
- package/dist/types.d.ts +12 -0
- package/dist/types.js +5 -0
- package/package.json +33 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Hand Away Gesture - Detects hand moving away
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface HandAwayGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const HandAwayGesture: React.FC<HandAwayGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Hand Away Gesture - Detects hand moving away
|
|
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.HandAwayGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const HandAwayGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Hand Away Gesture logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.HandAwayGesture = HandAwayGesture;
|
|
18
|
+
exports.HandAwayGesture.displayName = 'HandAwayGesture';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Hand Near Gesture - Detects hand approaching
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface HandNearGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const HandNearGesture: React.FC<HandNearGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Hand Near Gesture - Detects hand approaching
|
|
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.HandNearGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const HandNearGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Hand Near Gesture logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.HandNearGesture = HandNearGesture;
|
|
18
|
+
exports.HandNearGesture.displayName = 'HandNearGesture';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Hover Gesture - Detects hovering
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface HoverGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const HoverGesture: React.FC<HoverGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Hover Gesture - Detects hovering
|
|
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.HoverGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const HoverGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Hover Gesture logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.HoverGesture = HoverGesture;
|
|
18
|
+
exports.HoverGesture.displayName = 'HoverGesture';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Proximity Tap Gesture - Detects proximity-based tap
|
|
3
|
+
* @module gestures
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export interface ProximityTapGestureProps {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const ProximityTapGesture: React.FC<ProximityTapGestureProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Proximity Tap Gesture - Detects proximity-based 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.ProximityTapGesture = void 0;
|
|
11
|
+
const react_1 = __importDefault(require("react"));
|
|
12
|
+
const react_native_1 = require("react-native");
|
|
13
|
+
const ProximityTapGesture = ({ children, enabled = true, ...rest }) => {
|
|
14
|
+
// TODO: Implement Proximity Tap Gesture logic
|
|
15
|
+
return react_1.default.createElement(react_native_1.View, { ...rest }, children);
|
|
16
|
+
};
|
|
17
|
+
exports.ProximityTapGesture = ProximityTapGesture;
|
|
18
|
+
exports.ProximityTapGesture.displayName = 'ProximityTapGesture';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useHover = exports.useProximityTap = exports.useHandAway = exports.useHandNear = void 0;
|
|
4
|
+
var useHandNear_1 = require("./useHandNear");
|
|
5
|
+
Object.defineProperty(exports, "useHandNear", { enumerable: true, get: function () { return useHandNear_1.useHandNear; } });
|
|
6
|
+
var useHandAway_1 = require("./useHandAway");
|
|
7
|
+
Object.defineProperty(exports, "useHandAway", { enumerable: true, get: function () { return useHandAway_1.useHandAway; } });
|
|
8
|
+
var useProximityTap_1 = require("./useProximityTap");
|
|
9
|
+
Object.defineProperty(exports, "useProximityTap", { enumerable: true, get: function () { return useProximityTap_1.useProximityTap; } });
|
|
10
|
+
var useHover_1 = require("./useHover");
|
|
11
|
+
Object.defineProperty(exports, "useHover", { enumerable: true, get: function () { return useHover_1.useHover; } });
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useHandAway - useHandAway hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useHandAway = useHandAway;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useHandAway(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useHandAway logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useHandNear - useHandNear hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useHandNear = useHandNear;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useHandNear(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useHandNear logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useHover - useHover hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useHover = useHover;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useHover(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useHover logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* useProximityTap - useProximityTap hook
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useProximityTap = useProximityTap;
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
function useProximityTap(options = {}) {
|
|
9
|
+
const { enabled = true } = options;
|
|
10
|
+
return (0, react_1.useMemo)(() => {
|
|
11
|
+
// TODO: Implement useProximityTap logic
|
|
12
|
+
return { enabled };
|
|
13
|
+
}, [enabled]);
|
|
14
|
+
}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from './types';
|
|
2
|
+
export { HandNearGesture } from './HandNearGesture';
|
|
3
|
+
export { HandAwayGesture } from './HandAwayGesture';
|
|
4
|
+
export { ProximityTapGesture } from './ProximityTapGesture';
|
|
5
|
+
export { HoverGesture } from './HoverGesture';
|
|
6
|
+
export * from './hooks';
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
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.HoverGesture = exports.ProximityTapGesture = exports.HandAwayGesture = exports.HandNearGesture = void 0;
|
|
18
|
+
// Proximity Gestures
|
|
19
|
+
__exportStar(require("./types"), exports);
|
|
20
|
+
// Components
|
|
21
|
+
var HandNearGesture_1 = require("./HandNearGesture");
|
|
22
|
+
Object.defineProperty(exports, "HandNearGesture", { enumerable: true, get: function () { return HandNearGesture_1.HandNearGesture; } });
|
|
23
|
+
var HandAwayGesture_1 = require("./HandAwayGesture");
|
|
24
|
+
Object.defineProperty(exports, "HandAwayGesture", { enumerable: true, get: function () { return HandAwayGesture_1.HandAwayGesture; } });
|
|
25
|
+
var ProximityTapGesture_1 = require("./ProximityTapGesture");
|
|
26
|
+
Object.defineProperty(exports, "ProximityTapGesture", { enumerable: true, get: function () { return ProximityTapGesture_1.ProximityTapGesture; } });
|
|
27
|
+
var HoverGesture_1 = require("./HoverGesture");
|
|
28
|
+
Object.defineProperty(exports, "HoverGesture", { enumerable: true, get: function () { return HoverGesture_1.HoverGesture; } });
|
|
29
|
+
// Hooks
|
|
30
|
+
__exportStar(require("./hooks"), exports);
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Type definitions for this gesture category.
|
|
3
|
+
*/
|
|
4
|
+
import type { BaseGestureEvent } from 'gesture-kit-core';
|
|
5
|
+
export interface ProximityEvent extends BaseGestureEvent {
|
|
6
|
+
distance: number;
|
|
7
|
+
isNear: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface HoverEvent extends BaseGestureEvent {
|
|
10
|
+
duration: number;
|
|
11
|
+
distance: number;
|
|
12
|
+
}
|
package/dist/types.js
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "gesture-kit-proximity",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "Proximity-based gestures: hover, hand-near/away detection",
|
|
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
|
+
"peerDependenciesMeta": {
|
|
22
|
+
"react-native-proximity": { "optional": true }
|
|
23
|
+
},
|
|
24
|
+
"devDependencies": {
|
|
25
|
+
"@types/react": "^18.2.0",
|
|
26
|
+
"react": "^18.2.0",
|
|
27
|
+
"react-native": "^0.73.11",
|
|
28
|
+
"react-native-gesture-handler": "^2.30.0",
|
|
29
|
+
"typescript": "^5.9.3"
|
|
30
|
+
},
|
|
31
|
+
"keywords": ["react-native", "gesture", "proximity", "hover"],
|
|
32
|
+
"license": "MIT"
|
|
33
|
+
}
|