@folklore/hooks 0.0.24 → 0.0.25
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/cjs.js +24 -8
- package/dist/es.js +21 -7
- package/package.json +2 -2
package/dist/cjs.js
CHANGED
|
@@ -427,19 +427,33 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
427
427
|
}, metadata), playState);
|
|
428
428
|
};
|
|
429
429
|
|
|
430
|
-
var
|
|
430
|
+
var eventsManager$1 = typeof document !== 'undefined' ? new EventsManager__default["default"](document) : null;
|
|
431
431
|
|
|
432
|
-
var
|
|
432
|
+
var useDocumentEvent = function useDocumentEvent(event, callback) {
|
|
433
|
+
react.useEffect(function () {
|
|
434
|
+
if (eventsManager$1 !== null && callback !== null) {
|
|
435
|
+
eventsManager$1.subscribe(event, callback);
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
return function () {
|
|
439
|
+
if (eventsManager$1 !== null && callback !== null) {
|
|
440
|
+
eventsManager$1.unsubscribe(event, callback);
|
|
441
|
+
}
|
|
442
|
+
};
|
|
443
|
+
}, [event, callback]);
|
|
444
|
+
};
|
|
445
|
+
|
|
446
|
+
var eventsManager = typeof window !== 'undefined' ? new EventsManager__default["default"](window) : null;
|
|
433
447
|
|
|
434
448
|
var useWindowEvent = function useWindowEvent(event, callback) {
|
|
435
449
|
react.useEffect(function () {
|
|
436
|
-
if (
|
|
437
|
-
|
|
450
|
+
if (eventsManager !== null && callback !== null) {
|
|
451
|
+
eventsManager.subscribe(event, callback);
|
|
438
452
|
}
|
|
439
453
|
|
|
440
454
|
return function () {
|
|
441
|
-
if (
|
|
442
|
-
|
|
455
|
+
if (eventsManager !== null && callback !== null) {
|
|
456
|
+
eventsManager.unsubscribe(event, callback);
|
|
443
457
|
}
|
|
444
458
|
};
|
|
445
459
|
}, [event, callback]);
|
|
@@ -1706,9 +1720,10 @@ function useWindowSize() {
|
|
|
1706
1720
|
return size;
|
|
1707
1721
|
}
|
|
1708
1722
|
|
|
1709
|
-
exports.documentEventsManager =
|
|
1723
|
+
exports.documentEventsManager = eventsManager$1;
|
|
1710
1724
|
exports.getObserver = getObserver;
|
|
1711
1725
|
exports.useDailymotionPlayer = useDailymotionPlayer;
|
|
1726
|
+
exports.useDocumentEvent = useDocumentEvent;
|
|
1712
1727
|
exports.useIntersectionObserver = useIntersectionObserver;
|
|
1713
1728
|
exports.useKeyboard = useKeyboard;
|
|
1714
1729
|
exports.useNativeVideoPlayer = useNativeVideoPlayer;
|
|
@@ -1717,7 +1732,8 @@ exports.usePlayerCurrentTime = usePlayerCurrentTime;
|
|
|
1717
1732
|
exports.useResizeObserver = useResizeObserver;
|
|
1718
1733
|
exports.useVideoPlayer = useVideoPlayer;
|
|
1719
1734
|
exports.useVimeoPlayer = useVimeoPlayer;
|
|
1735
|
+
exports.useWindowEvent = useWindowEvent;
|
|
1720
1736
|
exports.useWindowScroll = useWindowScroll;
|
|
1721
1737
|
exports.useWindowSize = useWindowSize;
|
|
1722
1738
|
exports.useYouTubePlayer = useYouTubePlayer;
|
|
1723
|
-
exports.windowEventsManager =
|
|
1739
|
+
exports.windowEventsManager = eventsManager;
|
package/dist/es.js
CHANGED
|
@@ -415,19 +415,33 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
415
415
|
}, metadata), playState);
|
|
416
416
|
};
|
|
417
417
|
|
|
418
|
-
var
|
|
418
|
+
var eventsManager$1 = typeof document !== 'undefined' ? new EventsManager(document) : null;
|
|
419
419
|
|
|
420
|
-
var
|
|
420
|
+
var useDocumentEvent = function useDocumentEvent(event, callback) {
|
|
421
|
+
useEffect(function () {
|
|
422
|
+
if (eventsManager$1 !== null && callback !== null) {
|
|
423
|
+
eventsManager$1.subscribe(event, callback);
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
return function () {
|
|
427
|
+
if (eventsManager$1 !== null && callback !== null) {
|
|
428
|
+
eventsManager$1.unsubscribe(event, callback);
|
|
429
|
+
}
|
|
430
|
+
};
|
|
431
|
+
}, [event, callback]);
|
|
432
|
+
};
|
|
433
|
+
|
|
434
|
+
var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
|
|
421
435
|
|
|
422
436
|
var useWindowEvent = function useWindowEvent(event, callback) {
|
|
423
437
|
useEffect(function () {
|
|
424
|
-
if (
|
|
425
|
-
|
|
438
|
+
if (eventsManager !== null && callback !== null) {
|
|
439
|
+
eventsManager.subscribe(event, callback);
|
|
426
440
|
}
|
|
427
441
|
|
|
428
442
|
return function () {
|
|
429
|
-
if (
|
|
430
|
-
|
|
443
|
+
if (eventsManager !== null && callback !== null) {
|
|
444
|
+
eventsManager.unsubscribe(event, callback);
|
|
431
445
|
}
|
|
432
446
|
};
|
|
433
447
|
}, [event, callback]);
|
|
@@ -1694,4 +1708,4 @@ function useWindowSize() {
|
|
|
1694
1708
|
return size;
|
|
1695
1709
|
}
|
|
1696
1710
|
|
|
1697
|
-
export { documentEventsManager, getObserver, useDailymotionPlayer, useIntersectionObserver, useKeyboard, useNativeVideoPlayer, useObserver, usePlayerCurrentTime, useResizeObserver, useVideoPlayer, useVimeoPlayer, useWindowScroll, useWindowSize, useYouTubePlayer, windowEventsManager };
|
|
1711
|
+
export { eventsManager$1 as documentEventsManager, getObserver, useDailymotionPlayer, useDocumentEvent, useIntersectionObserver, useKeyboard, useNativeVideoPlayer, useObserver, usePlayerCurrentTime, useResizeObserver, useVideoPlayer, useVimeoPlayer, useWindowEvent, useWindowScroll, useWindowSize, useYouTubePlayer, eventsManager as windowEventsManager };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@folklore/hooks",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.25",
|
|
4
4
|
"description": "React hooks",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"publishConfig": {
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "dab8a1cffb1bab13e6d76ec464720a1746917da7",
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@folklore/events": "^0.0.3",
|
|
54
54
|
"@folklore/services": "^0.1.36",
|