@folklore/hooks 0.0.64 → 0.0.66

package/dist/cjs.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var raf = require('raf');
 var react = require('react');
 var services = require('@folklore/services');
@@ -10,13 +8,6 @@ var EventsManager = require('@folklore/events');
 var cancelablePromise = require('cancelable-promise');
 var isNumber = require('lodash/isNumber');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
-var createDebug__default = /*#__PURE__*/_interopDefaultLegacy(createDebug);
-var EventsManager__default = /*#__PURE__*/_interopDefaultLegacy(EventsManager);
-var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
-
 function useCounter(desiredValue, _ref) {
   let {
     disabled = false,
@@ -48,20 +39,20 @@ function useCounter(desiredValue, _ref) {
       const newValue = Math.round(startValue + progress * delta);
       setCurrentValue(newValue);
       if (newValue !== desiredValue) {
-        animationFrame = raf__default["default"](loop);
+        animationFrame = raf(loop);
       }
     }
     if (delta !== 0) {
       duration = Math.min(maxDuration, Math.abs(delta) * speed * 1000);
       startTime = Date.now();
-      animationFrame = raf__default["default"](loop);
+      animationFrame = raf(loop);
     } else if (disabled) {
       setCurrentValue(desiredValue);
     }
     return () => {
       canceled = true;
       if (animationFrame !== null) {
-        raf__default["default"].cancel(animationFrame);
+        raf.cancel(animationFrame);
       }
     };
   }, [desiredValue, disabled, initialValue, maxDuration, speed]);
@@ -95,7 +86,7 @@ function useDailymotionPlayer() {
       return null;
     }
   } = params;
-  const debug = react.useMemo(() => createDebug__default["default"]('folklore:video:dailymotion'), []);
+  const debug = react.useMemo(() => createDebug('folklore:video:dailymotion'), []);
   const [apiLoaded, setApiLoaded] = react.useState(typeof window !== 'undefined' && typeof window.dailymotion !== 'undefined');
   const [playerReady, setPlayerReady] = react.useState(false);
   const [loaded, setLoaded] = react.useState(false);
@@ -399,7 +390,7 @@ function useDailymotionPlayer() {
   };
 }
 
-const eventsManager$1 = typeof document !== 'undefined' ? new EventsManager__default["default"](document) : null;
+const eventsManager$1 = typeof document !== 'undefined' ? new EventsManager(document) : null;
 function useDocumentEvent(event, callback) {
   react.useEffect(() => {
     if (eventsManager$1 !== null && callback !== null) {
@@ -629,7 +620,7 @@ function useIsVisible() {
   };
 }
 
-const eventsManager = typeof window !== 'undefined' ? new EventsManager__default["default"](window) : null;
+const eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
 function useWindowEvent(event, callback) {
   react.useEffect(() => {
     if (eventsManager !== null && callback !== null) {
@@ -764,7 +755,7 @@ const useItemsPaginated = function (loader) {
         }
         return aPage > bPage ? 1 : -1;
       }
-      if (isNumber__default["default"](a) && isNumber__default["default"](b)) {
+      if (isNumber(a) && isNumber(b)) {
         if (a === b) {
           return 0;
         }
@@ -940,7 +931,7 @@ function useNativeVideoPlayer(url) {
     timeUpdateInterval = 1000,
     onTimeUpdate: customOnTimeUpdate = null
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const debug = react.useMemo(() => createDebug__default["default"]('folklore:video:native'), []);
+  const debug = react.useMemo(() => createDebug('folklore:video:native'), []);
   const elementRef = react.useRef(null);
   const [loaded, setLoaded] = react.useState(false);
   const [volume, setVolumeState] = react.useState(initialMuted ? 0 : 1);
@@ -1131,7 +1122,7 @@ function useVimeoPlayer(id) {
       return match !== null ? match[1] : null;
     }
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const debug = react.useMemo(() => createDebug__default["default"]('folklore:video:vimeo'), []);
+  const debug = react.useMemo(() => createDebug('folklore:video:vimeo'), []);
   const [apiLoaded, setApiLoaded] = react.useState(false);
   const apiRef = react.useRef(null);
   const elementRef = react.useRef(null);
@@ -1433,7 +1424,7 @@ function useYouTubePlayer(id) {
       return match !== null ? match[7] : null;
     }
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const debug = react.useMemo(() => createDebug__default["default"]('folklore:video:youtube'), []);
+  const debug = react.useMemo(() => createDebug('folklore:video:youtube'), []);
   const [apiLoaded, setApiLoaded] = react.useState(typeof window !== 'undefined' && typeof window.YT !== 'undefined');
   const apiRef = react.useRef(typeof window !== 'undefined' && typeof window.YT !== 'undefined' ? window.YT : null);
   const elementRef = react.useRef(null);
@@ -1742,17 +1733,19 @@ function useWindowSize() {
     onChange = null
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const [size, setSize] = react.useState(currentSize);
+  const sizeRef = react.useRef(size);
   const updateSize = react.useCallback(() => {
     const newSize = getWindowSize();
     if (currentSize.width !== newSize.width || currentSize.height !== newSize.height) {
       currentSize = newSize;
     }
-    if (size.width !== newSize.width || size.height !== newSize.height) {
+    if (sizeRef.current.width !== newSize.width || sizeRef.current.height !== newSize.height) {
+      sizeRef.current = newSize;
       setSize(newSize);
       return newSize;
     }
     return null;
-  }, [size, setSize]);
+  }, [setSize]);
   const onResize = react.useCallback(() => {
     const newSize = updateSize();
     if (newSize !== null && onChange !== null) {
@@ -1825,18 +1818,21 @@ const getWindowScroll = () => ({
   x: typeof window !== 'undefined' ? window.scrollX || 0 : 0,
   y: typeof window !== 'undefined' ? window.scrollY || 0 : 0
 });
-const currentScroll = getWindowScroll();
+let currentScroll = getWindowScroll();
 function useWindowScroll() {
   let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     onChange = null
   } = opts;
   const [scroll, setScroll] = react.useState(currentScroll);
+  const scrollRef = react.useRef(scroll);
   const updateScroll = react.useCallback(() => {
     const newScroll = getWindowScroll();
     if (currentScroll.x !== newScroll.x || currentScroll.y !== newScroll.y) {
-      currentScroll.x = newScroll.x;
-      currentScroll.y = newScroll.y;
+      currentScroll = newScroll;
+    }
+    if (scrollRef.current.x !== newScroll.x || scrollRef.current.y !== newScroll.y) {
+      scrollRef.current = newScroll;
       setScroll(newScroll);
       return newScroll;
     }

package/dist/es.js

@@ -1731,17 +1731,19 @@ function useWindowSize() {
     onChange = null
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const [size, setSize] = useState(currentSize);
+  const sizeRef = useRef(size);
   const updateSize = useCallback(() => {
     const newSize = getWindowSize();
     if (currentSize.width !== newSize.width || currentSize.height !== newSize.height) {
       currentSize = newSize;
     }
-    if (size.width !== newSize.width || size.height !== newSize.height) {
+    if (sizeRef.current.width !== newSize.width || sizeRef.current.height !== newSize.height) {
+      sizeRef.current = newSize;
       setSize(newSize);
       return newSize;
     }
     return null;
-  }, [size, setSize]);
+  }, [setSize]);
   const onResize = useCallback(() => {
     const newSize = updateSize();
     if (newSize !== null && onChange !== null) {
@@ -1814,18 +1816,21 @@ const getWindowScroll = () => ({
   x: typeof window !== 'undefined' ? window.scrollX || 0 : 0,
   y: typeof window !== 'undefined' ? window.scrollY || 0 : 0
 });
-const currentScroll = getWindowScroll();
+let currentScroll = getWindowScroll();
 function useWindowScroll() {
   let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     onChange = null
   } = opts;
   const [scroll, setScroll] = useState(currentScroll);
+  const scrollRef = useRef(scroll);
   const updateScroll = useCallback(() => {
     const newScroll = getWindowScroll();
     if (currentScroll.x !== newScroll.x || currentScroll.y !== newScroll.y) {
-      currentScroll.x = newScroll.x;
-      currentScroll.y = newScroll.y;
+      currentScroll = newScroll;
+    }
+    if (scrollRef.current.x !== newScroll.x || scrollRef.current.y !== newScroll.y) {
+      scrollRef.current = newScroll;
       setScroll(newScroll);
       return newScroll;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.64",
+    "version": "0.0.66",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -35,7 +35,7 @@
     "sideEffects": false,
     "scripts": {
         "clean": "rm -rf dist",
-        "build": "rollup --config ../../rollup.config.js",
+        "build": "rollup --bundleConfigAsCjs --config ../../rollup.config.js",
         "prepare": "npm run clean && npm run build"
     },
     "devDependencies": {
@@ -49,10 +49,10 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "6b7ef9741a35f131038120725fe0ed79851eb216",
+    "gitHead": "c13ef70b8126b3182b3e3365f34f9231fa9b1535",
     "dependencies": {
-        "@folklore/events": "^0.0.5",
-        "@folklore/services": "^0.1.41",
+        "@folklore/events": "^0.0.6",
+        "@folklore/services": "^0.1.42",
         "cancelable-promise": "^4.3.1",
         "debug": "^4.3.4",
         "lodash": "^4.17.21",