@react-native-aria/interactions 0.2.11 → 0.2.13
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/CHANGELOG.md +15 -0
- package/lib/commonjs/index.js +14 -17
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/index.web.js +8 -11
- package/lib/commonjs/index.web.js.map +1 -1
- package/lib/commonjs/useHover.js +0 -3
- package/lib/commonjs/useHover.js.map +1 -1
- package/lib/commonjs/useHover.web.js +4 -7
- package/lib/commonjs/useHover.web.js.map +1 -1
- package/lib/commonjs/useKeyboardDismisssable.js +28 -27
- package/lib/commonjs/useKeyboardDismisssable.js.map +1 -1
- package/lib/commonjs/usePress.js +0 -5
- package/lib/commonjs/usePress.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/index.web.js.map +1 -1
- package/lib/module/useHover.js.map +1 -1
- package/lib/module/useHover.web.js +4 -2
- package/lib/module/useHover.web.js.map +1 -1
- package/lib/module/useKeyboardDismisssable.js +24 -14
- package/lib/module/useKeyboardDismisssable.js.map +1 -1
- package/lib/module/usePress.js.map +1 -1
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/index.web.d.ts +1 -0
- package/lib/typescript/index.web.d.ts.map +1 -0
- package/lib/typescript/useHover.d.ts +1 -0
- package/lib/typescript/useHover.d.ts.map +1 -0
- package/lib/typescript/useHover.web.d.ts +228 -214
- package/lib/typescript/useHover.web.d.ts.map +1 -0
- package/lib/typescript/useKeyboardDismisssable.d.ts +2 -1
- package/lib/typescript/useKeyboardDismisssable.d.ts.map +1 -0
- package/lib/typescript/usePress.d.ts +2 -1
- package/lib/typescript/usePress.d.ts.map +1 -0
- package/package.json +8 -4
- package/src/useKeyboardDismisssable.ts +23 -10
package/CHANGELOG.md
ADDED
package/lib/commonjs/index.js
CHANGED
@@ -3,18 +3,6 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
Object.defineProperty(exports, "useHover", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function () {
|
9
|
-
return _useHover.useHover;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "usePress", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function () {
|
15
|
-
return _usePress.usePress;
|
16
|
-
}
|
17
|
-
});
|
18
6
|
Object.defineProperty(exports, "PressEvents", {
|
19
7
|
enumerable: true,
|
20
8
|
get: function () {
|
@@ -45,22 +33,31 @@ Object.defineProperty(exports, "keyboardDismissHandlerManager", {
|
|
45
33
|
return _useKeyboardDismisssable.keyboardDismissHandlerManager;
|
46
34
|
}
|
47
35
|
});
|
36
|
+
Object.defineProperty(exports, "useBackHandler", {
|
37
|
+
enumerable: true,
|
38
|
+
get: function () {
|
39
|
+
return _useKeyboardDismisssable.useBackHandler;
|
40
|
+
}
|
41
|
+
});
|
42
|
+
Object.defineProperty(exports, "useHover", {
|
43
|
+
enumerable: true,
|
44
|
+
get: function () {
|
45
|
+
return _useHover.useHover;
|
46
|
+
}
|
47
|
+
});
|
48
48
|
Object.defineProperty(exports, "useKeyboardDismissable", {
|
49
49
|
enumerable: true,
|
50
50
|
get: function () {
|
51
51
|
return _useKeyboardDismisssable.useKeyboardDismissable;
|
52
52
|
}
|
53
53
|
});
|
54
|
-
Object.defineProperty(exports, "
|
54
|
+
Object.defineProperty(exports, "usePress", {
|
55
55
|
enumerable: true,
|
56
56
|
get: function () {
|
57
|
-
return
|
57
|
+
return _usePress.usePress;
|
58
58
|
}
|
59
59
|
});
|
60
|
-
|
61
60
|
var _useHover = require("./useHover");
|
62
|
-
|
63
61
|
var _usePress = require("./usePress");
|
64
|
-
|
65
62
|
var _useKeyboardDismisssable = require("./useKeyboardDismisssable");
|
66
63
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_useHover","require","_usePress","_useKeyboardDismisssable"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAQA,IAAAE,wBAAA,GAAAF,OAAA"}
|
@@ -3,22 +3,22 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
Object.defineProperty(exports, "
|
6
|
+
Object.defineProperty(exports, "keyboardDismissHandlerManager", {
|
7
7
|
enumerable: true,
|
8
8
|
get: function () {
|
9
|
-
return
|
9
|
+
return _useKeyboardDismisssable.keyboardDismissHandlerManager;
|
10
10
|
}
|
11
11
|
});
|
12
|
-
Object.defineProperty(exports, "
|
12
|
+
Object.defineProperty(exports, "useBackHandler", {
|
13
13
|
enumerable: true,
|
14
14
|
get: function () {
|
15
|
-
return
|
15
|
+
return _useKeyboardDismisssable.useBackHandler;
|
16
16
|
}
|
17
17
|
});
|
18
|
-
Object.defineProperty(exports, "
|
18
|
+
Object.defineProperty(exports, "useHover", {
|
19
19
|
enumerable: true,
|
20
20
|
get: function () {
|
21
|
-
return
|
21
|
+
return _useHover.useHover;
|
22
22
|
}
|
23
23
|
});
|
24
24
|
Object.defineProperty(exports, "useKeyboardDismissable", {
|
@@ -27,16 +27,13 @@ Object.defineProperty(exports, "useKeyboardDismissable", {
|
|
27
27
|
return _useKeyboardDismisssable.useKeyboardDismissable;
|
28
28
|
}
|
29
29
|
});
|
30
|
-
Object.defineProperty(exports, "
|
30
|
+
Object.defineProperty(exports, "usePress", {
|
31
31
|
enumerable: true,
|
32
32
|
get: function () {
|
33
|
-
return
|
33
|
+
return _usePress.usePress;
|
34
34
|
}
|
35
35
|
});
|
36
|
-
|
37
36
|
var _useHover = require("./useHover.web");
|
38
|
-
|
39
37
|
var _usePress = require("./usePress");
|
40
|
-
|
41
38
|
var _useKeyboardDismisssable = require("./useKeyboardDismisssable");
|
42
39
|
//# sourceMappingURL=index.web.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_useHover","require","_usePress","_useKeyboardDismisssable"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA"}
|
package/lib/commonjs/useHover.js
CHANGED
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useHover = void 0;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
const useHover = (_props, _ref) => {
|
11
9
|
const [isHovered, setHovered] = (0, _react.useState)(false);
|
12
10
|
let params = {
|
@@ -18,6 +16,5 @@ const useHover = (_props, _ref) => {
|
|
18
16
|
};
|
19
17
|
return params;
|
20
18
|
};
|
21
|
-
|
22
19
|
exports.useHover = useHover;
|
23
20
|
//# sourceMappingURL=useHover.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_react","require","useHover","_props","_ref","isHovered","setHovered","useState","params","hoverProps","onHoverIn","onHoverOut","exports"],"sourceRoot":"../../src","sources":["useHover.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,QAAQ,GAAGA,CAACC,MAAmB,EAAEC,IAAU,KAAK;EAC3D,MAAM,CAACC,SAAS,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,IAAIC,MAAM,GAAG;IACXC,UAAU,EAAE;MACVC,SAAS,EAAEA,CAAA,KAAMJ,UAAU,CAAC,IAAI,CAAC;MACjCK,UAAU,EAAEA,CAAA,KAAML,UAAU,CAAC,KAAK;IACpC,CAAC;IACDD;EACF,CAAC;EAED,OAAOG,MAAM;AACf,CAAC;AAACI,OAAA,CAAAV,QAAA,GAAAA,QAAA"}
|
@@ -4,26 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useHover = void 0;
|
7
|
-
|
8
7
|
var _interactions = require("@react-aria/interactions");
|
9
|
-
|
10
8
|
var _react = require("react");
|
11
|
-
|
12
9
|
var _utils = require("@react-native-aria/utils");
|
13
|
-
|
14
10
|
const useHover = (props = {}, ref) => {
|
15
11
|
let params = (0, _interactions.useHover)(props);
|
16
12
|
(0, _react.useEffect)(() => {
|
17
13
|
ref && ref.current && (0, _utils.attachEventHandlersOnRef)(params.hoverProps, ref);
|
18
14
|
}, []);
|
19
|
-
const finalResult = {
|
20
|
-
|
15
|
+
const finalResult = {
|
16
|
+
...params,
|
17
|
+
hoverProps: {
|
18
|
+
...params.hoverProps,
|
21
19
|
onHoverIn: params.hoverProps.onPointerEnter,
|
22
20
|
onHoverOut: params.hoverProps.onPointerLeave
|
23
21
|
}
|
24
22
|
};
|
25
23
|
return finalResult;
|
26
24
|
};
|
27
|
-
|
28
25
|
exports.useHover = useHover;
|
29
26
|
//# sourceMappingURL=useHover.web.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_interactions","require","_react","_utils","useHover","props","ref","params","useHoverWeb","useEffect","current","attachEventHandlersOnRef","hoverProps","finalResult","onHoverIn","onPointerEnter","onHoverOut","onPointerLeave","exports"],"sourceRoot":"../../src","sources":["useHover.web.ts"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,QAAQ,GAAGA,CAACC,KAAK,GAAG,CAAC,CAAe,EAAEC,GAAS,KAAK;EAC/D,IAAIC,MAAM,GAAG,IAAAC,sBAAW,EAACH,KAAK,CAAC;EAC/B,IAAAI,gBAAS,EAAC,MAAM;IACdH,GAAG,IAAIA,GAAG,CAACI,OAAO,IAAI,IAAAC,+BAAwB,EAACJ,MAAM,CAACK,UAAU,EAAEN,GAAG,CAAC;EACxE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,WAAW,GAAG;IAClB,GAAGN,MAAM;IACTK,UAAU,EAAE;MACV,GAAGL,MAAM,CAACK,UAAU;MACpBE,SAAS,EAAEP,MAAM,CAACK,UAAU,CAACG,cAAc;MAC3CC,UAAU,EAAET,MAAM,CAACK,UAAU,CAACK;IAChC;EACF,CAAC;EAED,OAAOJ,WAAW;AACpB,CAAC;AAACK,OAAA,CAAAd,QAAA,GAAAA,QAAA"}
|
@@ -3,19 +3,15 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
+
exports.keyboardDismissHandlerManager = void 0;
|
6
7
|
exports.useBackHandler = useBackHandler;
|
7
|
-
exports.useKeyboardDismissable =
|
8
|
-
|
8
|
+
exports.useKeyboardDismissable = void 0;
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
10
|
-
|
11
10
|
var _reactNative = require("react-native");
|
12
|
-
|
13
|
-
function
|
14
|
-
|
15
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
16
|
-
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
17
13
|
let keyboardDismissHandlers = [];
|
18
|
-
const keyboardDismissHandlerManager = {
|
14
|
+
const keyboardDismissHandlerManager = exports.keyboardDismissHandlerManager = {
|
19
15
|
push: handler => {
|
20
16
|
keyboardDismissHandlers.push(handler);
|
21
17
|
return () => {
|
@@ -27,55 +23,60 @@ const keyboardDismissHandlerManager = {
|
|
27
23
|
return keyboardDismissHandlers.pop();
|
28
24
|
}
|
29
25
|
};
|
26
|
+
|
30
27
|
/**
|
31
28
|
* Handles attaching callback for Escape key listener on web and Back button listener on Android
|
32
29
|
*/
|
33
|
-
|
34
|
-
exports.keyboardDismissHandlerManager = keyboardDismissHandlerManager;
|
35
|
-
|
36
30
|
const useKeyboardDismissable = ({
|
37
31
|
enabled,
|
38
32
|
callback
|
39
33
|
}) => {
|
40
34
|
_react.default.useEffect(() => {
|
41
35
|
let cleanupFn = () => {};
|
42
|
-
|
43
36
|
if (enabled) {
|
44
37
|
cleanupFn = keyboardDismissHandlerManager.push(callback);
|
45
38
|
} else {
|
46
39
|
cleanupFn();
|
47
40
|
}
|
48
|
-
|
49
41
|
return () => {
|
50
42
|
cleanupFn();
|
51
43
|
};
|
52
44
|
}, [enabled, callback]);
|
53
|
-
|
54
45
|
useBackHandler({
|
55
46
|
enabled,
|
56
47
|
callback
|
57
48
|
});
|
58
49
|
};
|
59
|
-
|
60
50
|
exports.useKeyboardDismissable = useKeyboardDismissable;
|
61
|
-
|
62
51
|
function useBackHandler({
|
63
52
|
enabled,
|
64
53
|
callback
|
65
54
|
}) {
|
66
55
|
(0, _react.useEffect)(() => {
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
56
|
+
if (_reactNative.Platform.OS === 'web') {
|
57
|
+
var _document, _document$addEventLis;
|
58
|
+
const handleEscape = e => {
|
59
|
+
if (e.key === 'Escape') {
|
60
|
+
callback();
|
61
|
+
}
|
62
|
+
};
|
63
|
+
(_document = document) === null || _document === void 0 || (_document = _document.body) === null || _document === void 0 || (_document$addEventLis = _document.addEventListener) === null || _document$addEventLis === void 0 || _document$addEventLis.call(_document, 'keyup', handleEscape);
|
64
|
+
return () => {
|
65
|
+
var _document2, _document2$removeEven;
|
66
|
+
(_document2 = document) === null || _document2 === void 0 || (_document2 = _document2.body) === null || _document2 === void 0 || (_document2$removeEven = _document2.removeEventListener) === null || _document2$removeEven === void 0 || _document2$removeEven.call(_document2, 'keyup', handleEscape);
|
67
|
+
};
|
74
68
|
} else {
|
75
|
-
|
69
|
+
let backHandler = () => {
|
70
|
+
callback();
|
71
|
+
return true;
|
72
|
+
};
|
73
|
+
if (enabled) {
|
74
|
+
_reactNative.BackHandler.addEventListener('hardwareBackPress', backHandler);
|
75
|
+
} else {
|
76
|
+
_reactNative.BackHandler.removeEventListener('hardwareBackPress', backHandler);
|
77
|
+
}
|
78
|
+
return () => _reactNative.BackHandler.removeEventListener('hardwareBackPress', backHandler);
|
76
79
|
}
|
77
|
-
|
78
|
-
return () => _reactNative.BackHandler.removeEventListener('hardwareBackPress', backHandler);
|
79
80
|
}, [enabled, callback]);
|
80
81
|
}
|
81
82
|
//# sourceMappingURL=useKeyboardDismisssable.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","keyboardDismissHandlers","keyboardDismissHandlerManager","exports","push","handler","filter","h","length","pop","useKeyboardDismissable","enabled","callback","React","useEffect","cleanupFn","useBackHandler","Platform","OS","_document","_document$addEventLis","handleEscape","key","document","body","addEventListener","_document2","_document2$removeEven","removeEventListener","backHandler","BackHandler"],"sourceRoot":"../../src","sources":["useKeyboardDismisssable.ts"],"mappings":"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"}
|
package/lib/commonjs/usePress.js
CHANGED
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.usePress = usePress;
|
7
|
-
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
9
|
-
|
10
8
|
var _utils = require("@react-aria/utils");
|
11
|
-
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13
|
-
|
14
10
|
function usePress({
|
15
11
|
isDisabled,
|
16
12
|
onPress,
|
@@ -23,7 +19,6 @@ function usePress({
|
|
23
19
|
...restProps
|
24
20
|
}) {
|
25
21
|
let [isPressed, setPressed] = _react.default.useState(false);
|
26
|
-
|
27
22
|
let pressProps = {
|
28
23
|
onPress: e => {
|
29
24
|
if (isDisabled) return;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_utils","obj","__esModule","default","usePress","isDisabled","onPress","onPressStart","onPressEnd","onPressUp","onPressChange","isPressed","isPressedProp","restProps","setPressed","React","useState","pressProps","e","onPressIn","onPressOut","mergeProps"],"sourceRoot":"../../src","sources":["usePress.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA+C,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA0CxC,SAASG,QAAQA,CAAC;EACvBC,UAAU;EACVC,OAAO;EACPC,YAAY;EACZC,UAAU;EACVC,SAAS;EAAE;EACXC,aAAa;EACbC,SAAS,EAAEC,aAAa;EACxB,GAAGC;AACW,CAAC,EAAe;EAC9B,IAAI,CAACF,SAAS,EAAEG,UAAU,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAEnD,IAAIC,UAAU,GAAG;IACfX,OAAO,EAAGY,CAAM,IAAK;MACnB,IAAIb,UAAU,EAAE;MAChBC,OAAO,IAAIA,OAAO,CAACY,CAAC,CAAC;IACvB,CAAC;IACDC,SAAS,EAAGD,CAAM,IAAK;MACrB,IAAIb,UAAU,EAAE;MAChBE,YAAY,IAAIA,YAAY,CAACW,CAAC,CAAC;MAC/BJ,UAAU,CAAC,IAAI,CAAC;MAChBJ,aAAa,IAAIA,aAAa,CAAC,IAAI,CAAC;IACtC,CAAC;IACDU,UAAU,EAAGF,CAAM,IAAK;MACtB,IAAIb,UAAU,EAAE;MAChBG,UAAU,IAAIA,UAAU,CAACU,CAAC,CAAC;MAC3BJ,UAAU,CAAC,KAAK,CAAC;MACjBJ,aAAa,IAAIA,aAAa,CAAC,KAAK,CAAC;MACrCD,SAAS,IAAIA,SAAS,CAACS,CAAC,CAAC;IAC3B;EACF,CAAC;EAEDD,UAAU,GAAG,IAAAI,iBAAU,EAACJ,UAAU,EAAEJ,SAAS,CAAC;EAE9C,OAAO;IACLF,SAAS,EAAEC,aAAa,IAAID,SAAS;IACrCM;EACF,CAAC;AACH"}
|
package/lib/module/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["useHover","usePress","PressEvents","PressHookProps","PressProps","PressResult","keyboardDismissHandlerManager","useKeyboardDismissable","useBackHandler"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SACEC,QAAQ,EACRC,WAAW,EACXC,cAAc,EACdC,UAAU,EACVC,WAAW,QACN,YAAY;AAEnB,SACEC,6BAA6B,EAC7BC,sBAAsB,EACtBC,cAAc,QACT,2BAA2B"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["useHover","usePress","keyboardDismissHandlerManager","useKeyboardDismissable","useBackHandler"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SACEC,6BAA6B,EAC7BC,sBAAsB,EACtBC,cAAc,QACT,2BAA2B"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["useState","useHover","_props","_ref","isHovered","setHovered","params","hoverProps","onHoverIn","onHoverOut"],"sourceRoot":"../../src","sources":["useHover.ts"],"mappings":"AACA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,OAAO,MAAMC,QAAQ,GAAGA,CAACC,MAAmB,EAAEC,IAAU,KAAK;EAC3D,MAAM,CAACC,SAAS,EAAEC,UAAU,CAAC,GAAGL,QAAQ,CAAC,KAAK,CAAC;EAC/C,IAAIM,MAAM,GAAG;IACXC,UAAU,EAAE;MACVC,SAAS,EAAEA,CAAA,KAAMH,UAAU,CAAC,IAAI,CAAC;MACjCI,UAAU,EAAEA,CAAA,KAAMJ,UAAU,CAAC,KAAK;IACpC,CAAC;IACDD;EACF,CAAC;EAED,OAAOE,MAAM;AACf,CAAC"}
|
@@ -6,8 +6,10 @@ export const useHover = (props = {}, ref) => {
|
|
6
6
|
useEffect(() => {
|
7
7
|
ref && ref.current && attachEventHandlersOnRef(params.hoverProps, ref);
|
8
8
|
}, []);
|
9
|
-
const finalResult = {
|
10
|
-
|
9
|
+
const finalResult = {
|
10
|
+
...params,
|
11
|
+
hoverProps: {
|
12
|
+
...params.hoverProps,
|
11
13
|
onHoverIn: params.hoverProps.onPointerEnter,
|
12
14
|
onHoverOut: params.hoverProps.onPointerLeave
|
13
15
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["useHover","useHoverWeb","useEffect","attachEventHandlersOnRef","props","ref","params","current","hoverProps","finalResult","onHoverIn","onPointerEnter","onHoverOut","onPointerLeave"],"sourceRoot":"../../src","sources":["useHover.web.ts"],"mappings":"AAAA,SAASA,QAAQ,IAAIC,WAAW,QAAoB,0BAA0B;AAC9E,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,wBAAwB,QAAQ,0BAA0B;AAEnE,OAAO,MAAMH,QAAQ,GAAGA,CAACI,KAAK,GAAG,CAAC,CAAe,EAAEC,GAAS,KAAK;EAC/D,IAAIC,MAAM,GAAGL,WAAW,CAACG,KAAK,CAAC;EAC/BF,SAAS,CAAC,MAAM;IACdG,GAAG,IAAIA,GAAG,CAACE,OAAO,IAAIJ,wBAAwB,CAACG,MAAM,CAACE,UAAU,EAAEH,GAAG,CAAC;EACxE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,WAAW,GAAG;IAClB,GAAGH,MAAM;IACTE,UAAU,EAAE;MACV,GAAGF,MAAM,CAACE,UAAU;MACpBE,SAAS,EAAEJ,MAAM,CAACE,UAAU,CAACG,cAAc;MAC3CC,UAAU,EAAEN,MAAM,CAACE,UAAU,CAACK;IAChC;EACF,CAAC;EAED,OAAOJ,WAAW;AACpB,CAAC"}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { useEffect } from 'react';
|
3
|
-
import { BackHandler } from 'react-native';
|
3
|
+
import { BackHandler, Platform } from 'react-native';
|
4
4
|
let keyboardDismissHandlers = [];
|
5
5
|
export const keyboardDismissHandlerManager = {
|
6
6
|
push: handler => {
|
@@ -14,23 +14,21 @@ export const keyboardDismissHandlerManager = {
|
|
14
14
|
return keyboardDismissHandlers.pop();
|
15
15
|
}
|
16
16
|
};
|
17
|
+
|
17
18
|
/**
|
18
19
|
* Handles attaching callback for Escape key listener on web and Back button listener on Android
|
19
20
|
*/
|
20
|
-
|
21
21
|
export const useKeyboardDismissable = ({
|
22
22
|
enabled,
|
23
23
|
callback
|
24
24
|
}) => {
|
25
25
|
React.useEffect(() => {
|
26
26
|
let cleanupFn = () => {};
|
27
|
-
|
28
27
|
if (enabled) {
|
29
28
|
cleanupFn = keyboardDismissHandlerManager.push(callback);
|
30
29
|
} else {
|
31
30
|
cleanupFn();
|
32
31
|
}
|
33
|
-
|
34
32
|
return () => {
|
35
33
|
cleanupFn();
|
36
34
|
};
|
@@ -45,18 +43,30 @@ export function useBackHandler({
|
|
45
43
|
callback
|
46
44
|
}) {
|
47
45
|
useEffect(() => {
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
46
|
+
if (Platform.OS === 'web') {
|
47
|
+
var _document, _document$addEventLis;
|
48
|
+
const handleEscape = e => {
|
49
|
+
if (e.key === 'Escape') {
|
50
|
+
callback();
|
51
|
+
}
|
52
|
+
};
|
53
|
+
(_document = document) === null || _document === void 0 || (_document = _document.body) === null || _document === void 0 || (_document$addEventLis = _document.addEventListener) === null || _document$addEventLis === void 0 || _document$addEventLis.call(_document, 'keyup', handleEscape);
|
54
|
+
return () => {
|
55
|
+
var _document2, _document2$removeEven;
|
56
|
+
(_document2 = document) === null || _document2 === void 0 || (_document2 = _document2.body) === null || _document2 === void 0 || (_document2$removeEven = _document2.removeEventListener) === null || _document2$removeEven === void 0 || _document2$removeEven.call(_document2, 'keyup', handleEscape);
|
57
|
+
};
|
55
58
|
} else {
|
56
|
-
|
59
|
+
let backHandler = () => {
|
60
|
+
callback();
|
61
|
+
return true;
|
62
|
+
};
|
63
|
+
if (enabled) {
|
64
|
+
BackHandler.addEventListener('hardwareBackPress', backHandler);
|
65
|
+
} else {
|
66
|
+
BackHandler.removeEventListener('hardwareBackPress', backHandler);
|
67
|
+
}
|
68
|
+
return () => BackHandler.removeEventListener('hardwareBackPress', backHandler);
|
57
69
|
}
|
58
|
-
|
59
|
-
return () => BackHandler.removeEventListener('hardwareBackPress', backHandler);
|
60
70
|
}, [enabled, callback]);
|
61
71
|
}
|
62
72
|
//# sourceMappingURL=useKeyboardDismisssable.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["React","useEffect","BackHandler","Platform","keyboardDismissHandlers","keyboardDismissHandlerManager","push","handler","filter","h","length","pop","useKeyboardDismissable","enabled","callback","cleanupFn","useBackHandler","OS","_document","_document$addEventLis","handleEscape","e","key","document","body","addEventListener","call","_document2","_document2$removeEven","removeEventListener","backHandler"],"sourceRoot":"../../src","sources":["useKeyboardDismisssable.ts"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,cAAc;AAOpD,IAAIC,uBAAyC,GAAG,EAAE;AAClD,OAAO,MAAMC,6BAA6B,GAAG;EAC3CC,IAAI,EAAGC,OAAkB,IAAK;IAC5BH,uBAAuB,CAACE,IAAI,CAACC,OAAO,CAAC;IACrC,OAAO,MAAM;MACXH,uBAAuB,GAAGA,uBAAuB,CAACI,MAAM,CACrDC,CAAC,IAAKA,CAAC,KAAKF,OACf,CAAC;IACH,CAAC;EACH,CAAC;EACDG,MAAM,EAAEA,CAAA,KAAMN,uBAAuB,CAACM,MAAM;EAC5CC,GAAG,EAAEA,CAAA,KAAM;IACT,OAAOP,uBAAuB,CAACO,GAAG,CAAC,CAAC;EACtC;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAkB,CAAC,KAAK;EACxEd,KAAK,CAACC,SAAS,CAAC,MAAM;IACpB,IAAIc,SAAS,GAAGA,CAAA,KAAM,CAAC,CAAC;IACxB,IAAIF,OAAO,EAAE;MACXE,SAAS,GAAGV,6BAA6B,CAACC,IAAI,CAACQ,QAAQ,CAAC;IAC1D,CAAC,MAAM;MACLC,SAAS,CAAC,CAAC;IACb;IACA,OAAO,MAAM;MACXA,SAAS,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,CAACF,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEvBE,cAAc,CAAC;IAAEH,OAAO;IAAEC;EAAS,CAAC,CAAC;AACvC,CAAC;AAED,OAAO,SAASE,cAAcA,CAAC;EAAEH,OAAO;EAAEC;AAAkB,CAAC,EAAE;EAC7Db,SAAS,CAAC,MAAM;IACd,IAAIE,QAAQ,CAACc,EAAE,KAAK,KAAK,EAAE;MAAA,IAAAC,SAAA,EAAAC,qBAAA;MACzB,MAAMC,YAAY,GAAIC,CAAgB,IAAK;QACzC,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,EAAE;UACtBR,QAAQ,CAAC,CAAC;QACZ;MACF,CAAC;MAED,CAAAI,SAAA,GAAAK,QAAQ,cAAAL,SAAA,gBAAAA,SAAA,GAARA,SAAA,CAAUM,IAAI,cAAAN,SAAA,gBAAAC,qBAAA,GAAdD,SAAA,CAAgBO,gBAAgB,cAAAN,qBAAA,eAAhCA,qBAAA,CAAAO,IAAA,CAAAR,SAAA,EAAmC,OAAO,EAAEE,YAAY,CAAC;MACzD,OAAO,MAAM;QAAA,IAAAO,UAAA,EAAAC,qBAAA;QACX,CAAAD,UAAA,GAAAJ,QAAQ,cAAAI,UAAA,gBAAAA,UAAA,GAARA,UAAA,CAAUH,IAAI,cAAAG,UAAA,gBAAAC,qBAAA,GAAdD,UAAA,CAAgBE,mBAAmB,cAAAD,qBAAA,eAAnCA,qBAAA,CAAAF,IAAA,CAAAC,UAAA,EAAsC,OAAO,EAAEP,YAAY,CAAC;MAC9D,CAAC;IACH,CAAC,MAAM;MACL,IAAIU,WAAW,GAAGA,CAAA,KAAM;QACtBhB,QAAQ,CAAC,CAAC;QACV,OAAO,IAAI;MACb,CAAC;MACD,IAAID,OAAO,EAAE;QACXX,WAAW,CAACuB,gBAAgB,CAAC,mBAAmB,EAAEK,WAAW,CAAC;MAChE,CAAC,MAAM;QACL5B,WAAW,CAAC2B,mBAAmB,CAAC,mBAAmB,EAAEC,WAAW,CAAC;MACnE;MACA,OAAO,MACL5B,WAAW,CAAC2B,mBAAmB,CAAC,mBAAmB,EAAEC,WAAW,CAAC;IACrE;EACF,CAAC,EAAE,CAACjB,OAAO,EAAEC,QAAQ,CAAC,CAAC;AACzB"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["React","mergeProps","usePress","isDisabled","onPress","onPressStart","onPressEnd","onPressUp","onPressChange","isPressed","isPressedProp","restProps","setPressed","useState","pressProps","e","onPressIn","onPressOut"],"sourceRoot":"../../src","sources":["usePress.ts"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,UAAU,QAAQ,mBAAmB;AA0C9C,OAAO,SAASC,QAAQA,CAAC;EACvBC,UAAU;EACVC,OAAO;EACPC,YAAY;EACZC,UAAU;EACVC,SAAS;EAAE;EACXC,aAAa;EACbC,SAAS,EAAEC,aAAa;EACxB,GAAGC;AACW,CAAC,EAAe;EAC9B,IAAI,CAACF,SAAS,EAAEG,UAAU,CAAC,GAAGZ,KAAK,CAACa,QAAQ,CAAC,KAAK,CAAC;EAEnD,IAAIC,UAAU,GAAG;IACfV,OAAO,EAAGW,CAAM,IAAK;MACnB,IAAIZ,UAAU,EAAE;MAChBC,OAAO,IAAIA,OAAO,CAACW,CAAC,CAAC;IACvB,CAAC;IACDC,SAAS,EAAGD,CAAM,IAAK;MACrB,IAAIZ,UAAU,EAAE;MAChBE,YAAY,IAAIA,YAAY,CAACU,CAAC,CAAC;MAC/BH,UAAU,CAAC,IAAI,CAAC;MAChBJ,aAAa,IAAIA,aAAa,CAAC,IAAI,CAAC;IACtC,CAAC;IACDS,UAAU,EAAGF,CAAM,IAAK;MACtB,IAAIZ,UAAU,EAAE;MAChBG,UAAU,IAAIA,UAAU,CAACS,CAAC,CAAC;MAC3BH,UAAU,CAAC,KAAK,CAAC;MACjBJ,aAAa,IAAIA,aAAa,CAAC,KAAK,CAAC;MACrCD,SAAS,IAAIA,SAAS,CAACQ,CAAC,CAAC;IAC3B;EACF,CAAC;EAEDD,UAAU,GAAGb,UAAU,CAACa,UAAU,EAAEH,SAAS,CAAC;EAE9C,OAAO;IACLF,SAAS,EAAEC,aAAa,IAAID,SAAS;IACrCK;EACF,CAAC;AACH"}
|
@@ -1,3 +1,4 @@
|
|
1
1
|
export { useHover } from './useHover';
|
2
2
|
export { usePress, PressEvents, PressHookProps, PressProps, PressResult, } from './usePress';
|
3
3
|
export { keyboardDismissHandlerManager, useKeyboardDismissable, useBackHandler, } from './useKeyboardDismisssable';
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,QAAQ,EACR,WAAW,EACX,cAAc,EACd,UAAU,EACV,WAAW,GACZ,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,6BAA6B,EAC7B,sBAAsB,EACtB,cAAc,GACf,MAAM,2BAA2B,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../src/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,6BAA6B,EAC7B,sBAAsB,EACtB,cAAc,GACf,MAAM,2BAA2B,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useHover.d.ts","sourceRoot":"","sources":["../../src/useHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGtD,eAAO,MAAM,QAAQ,YAAa,UAAU,SAAS,GAAG;;;;;;CAWvD,CAAC"}
|