@folklore/hooks 0.0.22 → 0.0.23
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 +8 -22
- package/dist/es.js +7 -21
- package/package.json +2 -2
package/dist/cjs.js
CHANGED
|
@@ -427,33 +427,19 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
427
427
|
}, metadata), playState);
|
|
428
428
|
};
|
|
429
429
|
|
|
430
|
-
var
|
|
430
|
+
var documentEventsManager = typeof document !== 'undefined' ? new EventsManager__default["default"](document) : null;
|
|
431
431
|
|
|
432
|
-
var
|
|
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;
|
|
432
|
+
var windowEventsManager = typeof window !== 'undefined' ? new EventsManager__default["default"](window) : null;
|
|
447
433
|
|
|
448
434
|
var useWindowEvent = function useWindowEvent(event, callback) {
|
|
449
435
|
react.useEffect(function () {
|
|
450
|
-
if (
|
|
451
|
-
|
|
436
|
+
if (windowEventsManager !== null && callback !== null) {
|
|
437
|
+
windowEventsManager.subscribe(event, callback);
|
|
452
438
|
}
|
|
453
439
|
|
|
454
440
|
return function () {
|
|
455
|
-
if (
|
|
456
|
-
|
|
441
|
+
if (windowEventsManager !== null && callback !== null) {
|
|
442
|
+
windowEventsManager.unsubscribe(event, callback);
|
|
457
443
|
}
|
|
458
444
|
};
|
|
459
445
|
}, [event, callback]);
|
|
@@ -1632,9 +1618,9 @@ function useVideoPlayer(params) {
|
|
|
1632
1618
|
return player;
|
|
1633
1619
|
}
|
|
1634
1620
|
|
|
1621
|
+
exports.documentEventsManager = documentEventsManager;
|
|
1635
1622
|
exports.getObserver = getObserver;
|
|
1636
1623
|
exports.useDailymotionPlayer = useDailymotionPlayer;
|
|
1637
|
-
exports.useDocumentEvent = useDocumentEvent;
|
|
1638
1624
|
exports.useIntersectionObserver = useIntersectionObserver;
|
|
1639
1625
|
exports.useKeyboard = useKeyboard;
|
|
1640
1626
|
exports.useNativeVideoPlayer = useNativeVideoPlayer;
|
|
@@ -1643,5 +1629,5 @@ exports.usePlayerCurrentTime = usePlayerCurrentTime;
|
|
|
1643
1629
|
exports.useResizeObserver = useResizeObserver;
|
|
1644
1630
|
exports.useVideoPlayer = useVideoPlayer;
|
|
1645
1631
|
exports.useVimeoPlayer = useVimeoPlayer;
|
|
1646
|
-
exports.useWindowEvent = useWindowEvent;
|
|
1647
1632
|
exports.useYouTubePlayer = useYouTubePlayer;
|
|
1633
|
+
exports.windowEventsManager = windowEventsManager;
|
package/dist/es.js
CHANGED
|
@@ -415,33 +415,19 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
415
415
|
}, metadata), playState);
|
|
416
416
|
};
|
|
417
417
|
|
|
418
|
-
var
|
|
418
|
+
var documentEventsManager = typeof document !== 'undefined' ? new EventsManager(document) : null;
|
|
419
419
|
|
|
420
|
-
var
|
|
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;
|
|
420
|
+
var windowEventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
|
|
435
421
|
|
|
436
422
|
var useWindowEvent = function useWindowEvent(event, callback) {
|
|
437
423
|
useEffect(function () {
|
|
438
|
-
if (
|
|
439
|
-
|
|
424
|
+
if (windowEventsManager !== null && callback !== null) {
|
|
425
|
+
windowEventsManager.subscribe(event, callback);
|
|
440
426
|
}
|
|
441
427
|
|
|
442
428
|
return function () {
|
|
443
|
-
if (
|
|
444
|
-
|
|
429
|
+
if (windowEventsManager !== null && callback !== null) {
|
|
430
|
+
windowEventsManager.unsubscribe(event, callback);
|
|
445
431
|
}
|
|
446
432
|
};
|
|
447
433
|
}, [event, callback]);
|
|
@@ -1620,4 +1606,4 @@ function useVideoPlayer(params) {
|
|
|
1620
1606
|
return player;
|
|
1621
1607
|
}
|
|
1622
1608
|
|
|
1623
|
-
export { getObserver, useDailymotionPlayer,
|
|
1609
|
+
export { documentEventsManager, getObserver, useDailymotionPlayer, useIntersectionObserver, useKeyboard, useNativeVideoPlayer, useObserver, usePlayerCurrentTime, useResizeObserver, useVideoPlayer, useVimeoPlayer, useYouTubePlayer, windowEventsManager };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@folklore/hooks",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.23",
|
|
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": "85e1b0e9e6ddd91680edabaeeb7f252400adbb92",
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@folklore/events": "^0.0.3",
|
|
54
54
|
"@folklore/services": "^0.1.36",
|