@folklore/hooks - npm Package Compare versions

Comparing version 0.0.24 to 0.0.25

dist/cjs.js

@@ -430,15 +430,29 @@ 'use strict';
 
-var documentEventsManager = typeof document !== 'undefined' ? new EventsManager__default["default"](document) : null;
+var eventsManager$1 = typeof document !== 'undefined' ? new EventsManager__default["default"](document) : null;
 
-var windowEventsManager = typeof window !== 'undefined' ? new EventsManager__default["default"](window) : null;
+var useDocumentEvent = function useDocumentEvent(event, callback) {
+  react.useEffect(function () {
+    if (eventsManager$1 !== null && callback !== null) {
+      eventsManager$1.subscribe(event, callback);
+    }
 
+    return function () {
+      if (eventsManager$1 !== null && callback !== null) {
+        eventsManager$1.unsubscribe(event, callback);
+      }
+    };
+  }, [event, callback]);
+};
+
+var eventsManager = typeof window !== 'undefined' ? new EventsManager__default["default"](window) : null;
+
 var useWindowEvent = function useWindowEvent(event, callback) {
   react.useEffect(function () {
-    if (windowEventsManager !== null && callback !== null) {
-      windowEventsManager.subscribe(event, callback);
+    if (eventsManager !== null && callback !== null) {
+      eventsManager.subscribe(event, callback);
     }
 
     return function () {
-      if (windowEventsManager !== null && callback !== null) {
-        windowEventsManager.unsubscribe(event, callback);
+      if (eventsManager !== null && callback !== null) {
+        eventsManager.unsubscribe(event, callback);
       }
@@ -1710,5 +1724,6 @@ };
 
-exports.documentEventsManager = documentEventsManager;
+exports.documentEventsManager = eventsManager$1;
 exports.getObserver = getObserver;
 exports.useDailymotionPlayer = useDailymotionPlayer;
+exports.useDocumentEvent = useDocumentEvent;
 exports.useIntersectionObserver = useIntersectionObserver;
@@ -1722,5 +1737,6 @@ exports.useKeyboard = useKeyboard;
 exports.useVimeoPlayer = useVimeoPlayer;
+exports.useWindowEvent = useWindowEvent;
 exports.useWindowScroll = useWindowScroll;
 exports.useWindowSize = useWindowSize;
 exports.useYouTubePlayer = useYouTubePlayer;
-exports.windowEventsManager = windowEventsManager;
+exports.windowEventsManager = eventsManager;

dist/es.js

@@ -418,15 +418,29 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 
-var documentEventsManager = typeof document !== 'undefined' ? new EventsManager(document) : null;
+var eventsManager$1 = typeof document !== 'undefined' ? new EventsManager(document) : null;
 
-var windowEventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
+var useDocumentEvent = function useDocumentEvent(event, callback) {
+  useEffect(function () {
+    if (eventsManager$1 !== null && callback !== null) {
+      eventsManager$1.subscribe(event, callback);
+    }
 
+    return function () {
+      if (eventsManager$1 !== null && callback !== null) {
+        eventsManager$1.unsubscribe(event, callback);
+      }
+    };
+  }, [event, callback]);
+};
+
+var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
+
 var useWindowEvent = function useWindowEvent(event, callback) {
   useEffect(function () {
-    if (windowEventsManager !== null && callback !== null) {
-      windowEventsManager.subscribe(event, callback);
+    if (eventsManager !== null && callback !== null) {
+      eventsManager.subscribe(event, callback);
     }
 
     return function () {
-      if (windowEventsManager !== null && callback !== null) {
-        windowEventsManager.unsubscribe(event, callback);
+      if (eventsManager !== null && callback !== null) {
+        eventsManager.unsubscribe(event, callback);
       }
@@ -1698,2 +1712,2 @@ };
 
-export { documentEventsManager, getObserver, useDailymotionPlayer, useIntersectionObserver, useKeyboard, useNativeVideoPlayer, useObserver, usePlayerCurrentTime, useResizeObserver, useVideoPlayer, useVimeoPlayer, useWindowScroll, useWindowSize, useYouTubePlayer, windowEventsManager };
+export { eventsManager$1 as documentEventsManager, getObserver, useDailymotionPlayer, useDocumentEvent, useIntersectionObserver, useKeyboard, useNativeVideoPlayer, useObserver, usePlayerCurrentTime, useResizeObserver, useVideoPlayer, useVimeoPlayer, useWindowEvent, useWindowScroll, useWindowSize, useYouTubePlayer, eventsManager as windowEventsManager };

package.json

 {
     "name": "@folklore/hooks",
-    "version": "0.0.24",
+    "version": "0.0.25",
     "description": "React hooks",
@@ -51,3 +51,3 @@ "keywords": [
     },
-    "gitHead": "0a4dfa874995de462b43cf1e0f215b3fb40e0a99",
+    "gitHead": "dab8a1cffb1bab13e6d76ec464720a1746917da7",
     "dependencies": {
@@ -54,0 +54,0 @@ "@folklore/events": "^0.0.3",

No alert changes

Improved metrics

Total package byte prevSize

122067

increased by0.71%

Lines of code

3045

increased by0.86%

No dependency changes