@folklore/hooks 0.0.72 → 0.0.74

package/dist/cjs.js

@@ -8,13 +8,12 @@ var EventsManager = require('@folklore/events');
 var cancelablePromise = require('cancelable-promise');
 var isNumber = require('lodash/isNumber');
 
-function useCounter(desiredValue, _ref) {
-  let {
-    disabled = false,
-    maxDuration = 2000,
-    speed = 1 / 10,
-    initialValue = null
-  } = _ref;
+function useCounter(desiredValue, {
+  disabled = false,
+  maxDuration = 2000,
+  speed = 1 / 10,
+  initialValue = null
+}) {
   const [currentValue, setCurrentValue] = react.useState(initialValue !== null ? initialValue : desiredValue);
   react.useEffect(() => {
     if (initialValue !== null && !disabled) {
@@ -60,9 +59,7 @@ function useCounter(desiredValue, _ref) {
 }
 
 const NO_PLAYER_ERROR$3 = new Error('No player');
-function useDailymotionPlayer() {
-  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function useDailymotionPlayer(id = null, params = {}) {
   const {
     width = 0,
     height = 0,
@@ -194,11 +191,10 @@ function useDailymotionPlayer() {
       setLoaded(true);
       debug('onPlaybackReady [ID: %s]', videoId);
     }
-    function onDurationChange(_ref) {
-      let {
-        videoTime,
-        videoDuration
-      } = _ref;
+    function onDurationChange({
+      videoTime,
+      videoDuration
+    }) {
       currentMetadata = {
         ...currentMetadata,
         duration: videoDuration
@@ -207,21 +203,19 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onDurationChange [ID: %s]', videoId);
     }
-    function onVolumeChange(_ref2) {
-      let {
-        playerIsMuted,
-        playerVolume,
-        videoTime
-      } = _ref2;
+    function onVolumeChange({
+      playerIsMuted,
+      playerVolume,
+      videoTime
+    }) {
       setMuted(playerIsMuted);
       setVolumeState(playerVolume);
       setCurrentTime(videoTime);
       debug('onVolumeChange [ID: %s]', videoId);
     }
-    function onPlay(_ref3) {
-      let {
-        videoTime
-      } = _ref3;
+    function onPlay({
+      videoTime
+    }) {
       currentPlayState = {
         ...currentPlayState,
         playing: true,
@@ -232,10 +226,9 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onPlay [ID: %s]', videoId);
     }
-    function onPause(_ref4) {
-      let {
-        videoTime
-      } = _ref4;
+    function onPause({
+      videoTime
+    }) {
       currentPlayState = {
         ...currentPlayState,
         playing: false,
@@ -246,10 +239,9 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onPause [ID: %s]', videoId);
     }
-    function onEnd(_ref5) {
-      let {
-        videoTime
-      } = _ref5;
+    function onEnd({
+      videoTime
+    }) {
       currentPlayState = {
         ...currentPlayState,
         playing: false,
@@ -260,10 +252,9 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onEnd [ID: %s]', videoId);
     }
-    function onPlaying(_ref6) {
-      let {
-        videoTime
-      } = _ref6;
+    function onPlaying({
+      videoTime
+    }) {
       currentPlayState = {
         ...currentPlayState,
         buffering: false
@@ -272,10 +263,9 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onPlaying [ID: %s]', videoId);
     }
-    function onWaiting(_ref7) {
-      let {
-        videoTime
-      } = _ref7;
+    function onWaiting({
+      videoTime
+    }) {
       currentPlayState = {
         ...currentPlayState,
         buffering: true
@@ -284,10 +274,9 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onWaiting [ID: %s]', videoId);
     }
-    function onTimeChange(_ref8) {
-      let {
-        videoTime
-      } = _ref8;
+    function onTimeChange({
+      videoTime
+    }) {
       setCurrentTime(videoTime);
     }
     function onAdStart() {
@@ -406,16 +395,14 @@ function useDocumentEvent(event, callback) {
 }
 
 const observersCache = new Map();
-function getOptionsKey(_ref) {
-  let {
-    root = null,
-    rootMargin,
-    threshold = null
-  } = _ref;
+function getOptionsKey({
+  root = null,
+  rootMargin,
+  threshold = null
+}) {
   return `root_${root}_rootMargin_${rootMargin || null}_threshold_${threshold}`;
 }
-function createObserver(Observer) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function createObserver(Observer, options = {}) {
   let subscribers = [];
   const addSubscriber = (element, callback) => {
     const currentSubscriber = subscribers.find(it => it.element === element) || null;
@@ -436,11 +423,10 @@ function createObserver(Observer) {
   } : it).filter(it => it.callbacks.length > 0);
   const onUpdate = entries => {
     entries.forEach(entry => {
-      subscribers.forEach(_ref2 => {
-        let {
-          element,
-          callbacks
-        } = _ref2;
+      subscribers.forEach(({
+        element,
+        callbacks
+      }) => {
         if (element === entry.target) {
           callbacks.forEach(callback => {
             callback(entry);
@@ -450,8 +436,7 @@ function createObserver(Observer) {
     });
   };
   const observer = new Observer(onUpdate, options);
-  const unsubscribe = function (element) {
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  const unsubscribe = (element, callback = null) => {
     subscribers = removeSubscriber(element, callback);
     if (typeof observer.unobserve === 'undefined') {
       observer.disconnect();
@@ -478,9 +463,7 @@ function createObserver(Observer) {
     observer
   };
 }
-function getObserver() {
-  let Observer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function getObserver(Observer = null, options = {}) {
   if (Observer === null) {
     return {
       observer: null,
@@ -499,9 +482,7 @@ function getObserver() {
   }
   return observers[observerKey];
 }
-function useObserver(Observer) {
-  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let initialEntry = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+function useObserver(Observer, opts = {}, initialEntry = {}) {
   const {
     root = null,
     rootMargin = null,
@@ -514,6 +495,9 @@ function useObserver(Observer) {
   const currentElement = react.useRef(null);
   const elementChanged = nodeRef.current !== currentElement.current;
   react.useEffect(() => {
+    if (disabled) {
+      return () => {};
+    }
     const {
       current: nodeElement
     } = nodeRef;
@@ -564,13 +548,12 @@ const intersectionObserverInitialEntry = {
   boundingClientRect: null,
   rootBounds: null
 };
-function useIntersectionObserver() {
-  let {
-    root = null,
-    rootMargin = '0px',
-    threshold = defaultThreshold,
-    disabled = false
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useIntersectionObserver({
+  root = null,
+  rootMargin = '0px',
+  threshold = defaultThreshold,
+  disabled = false
+} = {}) {
   return useObserver(typeof IntersectionObserver !== 'undefined' ? IntersectionObserver : null, {
     root,
     rootMargin,
@@ -588,20 +571,18 @@ const resizeObserverInitialEntry = {
   contentBoxSize: null,
   borderBoxSize: null
 };
-function useResizeObserver() {
-  let {
-    disabled = false
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useResizeObserver({
+  disabled = false
+} = {}) {
   return useObserver(typeof ResizeObserver !== 'undefined' ? ResizeObserver : null, {
     disabled
   }, resizeObserverInitialEntry);
 }
 
-function useIsVisible() {
-  let {
-    persist = false,
-    ...opts
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useIsVisible({
+  persist = false,
+  ...opts
+} = {}) {
   const {
     ref,
     entry: {
@@ -635,8 +616,7 @@ function useWindowEvent(event, callback) {
   }, [event, callback]);
 }
 
-function useKeyboard() {
-  let keyMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+function useKeyboard(keyMap = null) {
   const onKeyDown = react.useCallback(event => {
     const {
       key
@@ -669,40 +649,33 @@ function useKeyboard() {
   useWindowEvent('keyup', keyMap !== null ? onKeyUp : null);
 }
 
-const useItemsPaginated = function (loader) {
-  let {
-    page = null,
-    count = 10,
-    pages: initialPages = null,
-    getPageFromResponse = _ref2 => {
-      let {
-        pagination: {
-          page: currentPage,
-          last_page: lastPage,
-          total
-        },
-        data: items
-      } = _ref2;
-      return {
-        page: parseInt(currentPage, 10),
-        lastPage: parseInt(lastPage, 10),
-        total: parseInt(total, 10),
-        items
-      };
+const useItemsPaginated = (loader, {
+  page = null,
+  count = 10,
+  pages: initialPages = null,
+  getPageFromResponse = ({
+    pagination: {
+      page: currentPage,
+      last_page: lastPage,
+      total
     },
-    onLoaded = null,
-    onError = null,
-    query = null
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    data: items
+  }) => ({
+    page: parseInt(currentPage, 10),
+    lastPage: parseInt(lastPage, 10),
+    total: parseInt(total, 10),
+    items
+  }),
+  onLoaded = null,
+  onError = null,
+  query = null
+} = {}) => {
   const lastState = react.useRef(null);
   const initialState = react.useMemo(() => {
     const finalInitialPages = initialPages !== null ? initialPages.map(it => getPageFromResponse(it)) : null;
-    const finalLastPage = finalInitialPages !== null ? finalInitialPages.reduce((currentLastPage, _ref3) => {
-      let {
-        lastPage: initialLastPage
-      } = _ref3;
-      return initialLastPage > currentLastPage ? initialLastPage : currentLastPage;
-    }, -1) : -1;
+    const finalLastPage = finalInitialPages !== null ? finalInitialPages.reduce((currentLastPage, {
+      lastPage: initialLastPage
+    }) => initialLastPage > currentLastPage ? initialLastPage : currentLastPage, -1) : -1;
     return {
       lastPage: finalLastPage,
       total: finalInitialPages !== null ? finalInitialPages[0].total : 0,
@@ -720,19 +693,14 @@ const useItemsPaginated = function (loader) {
     pages,
     total
   } = state;
-  const items = pages !== null ? pages.reduce((pagesItems, _ref4) => {
-    let {
-      items: pageItems
-    } = _ref4;
-    return pagesItems.concat(pageItems);
-  }, []) : null;
+  const items = pages !== null ? pages.reduce((pagesItems, {
+    items: pageItems
+  }) => pagesItems.concat(pageItems), []) : null;
   const updateState = update => setState({
     ...state,
     ...update
   });
-  const updateFromResponse = function (response) {
-    let error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    let reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  const updateFromResponse = (response, error = null, reset = false) => {
     if (error !== null) {
       updateState({
         loaded: false,
@@ -852,12 +820,9 @@ const useItemsPaginated = function (loader) {
       }
     };
   }, [loader, page]);
-  const currentPage = pages !== null ? pages.find(_ref5 => {
-    let {
-      page: pageNumber
-    } = _ref5;
-    return parseInt(pageNumber, 10) === parseInt(page, 10);
-  }) || null : null;
+  const currentPage = pages !== null ? pages.find(({
+    page: pageNumber
+  }) => parseInt(pageNumber, 10) === parseInt(page, 10)) || null : null;
   return {
     items,
     pages,
@@ -873,14 +838,13 @@ const useItemsPaginated = function (loader) {
   };
 };
 
-function usePlayerCurrentTime(player) {
-  let {
-    id = null,
-    disabled = false,
-    updateInterval = 1000,
-    onUpdate: customOnUpdate = null,
-    getCurrentTime = p => p.currentTime
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function usePlayerCurrentTime(player, {
+  id = null,
+  disabled = false,
+  updateInterval = 1000,
+  onUpdate: customOnUpdate = null,
+  getCurrentTime = p => p.currentTime
+} = {}) {
   const [currentTime, setCurrentTime] = react.useState(0);
   const realCurrentTime = react.useRef(currentTime);
   const lastIdRef = react.useRef(id);
@@ -923,16 +887,15 @@ function usePlayerCurrentTime(player) {
 }
 
 const NO_PLAYER_ERROR$2 = new Error('No player');
-function useNativeVideoPlayer(url) {
-  let {
-    width = 0,
-    height = 0,
-    duration = 0,
-    muted: providedMuted = false,
-    initialMuted = false,
-    timeUpdateInterval = 1000,
-    onTimeUpdate: customOnTimeUpdate = null
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function useNativeVideoPlayer(url, {
+  width = 0,
+  height = 0,
+  duration = 0,
+  muted: providedMuted = false,
+  initialMuted = false,
+  timeUpdateInterval = 1000,
+  onTimeUpdate: customOnTimeUpdate = null
+} = {}) {
   const debug = react.useMemo(() => createDebug('folklore:video:native'), []);
   const elementRef = react.useRef(null);
   const [loaded, setLoaded] = react.useState(false);
@@ -1115,27 +1078,26 @@ function useNativeVideoPlayer(url) {
 }
 
 const NO_PLAYER_ERROR$1 = new Error('No player');
-function useVimeoPlayer(id) {
-  let {
-    width = 0,
-    height = 0,
-    duration = 0,
-    autoplay = false,
-    autopause = true,
-    byline = false,
-    controls = false,
-    muted: providedMuted = false,
-    initialMuted = false,
-    timeUpdateInterval = 1000,
-    onTimeUpdate: customOnTimeUpdate = null,
-    getVideoId = url => {
-      if (url === null || url.match(/^[0-9]+$/) !== null) {
-        return url;
-      }
-      const match = url.match(/\/[0-9]+/);
-      return match !== null ? match[1] : null;
-    }
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function useVimeoPlayer(id, {
+  width = 0,
+  height = 0,
+  duration = 0,
+  autoplay = false,
+  autopause = true,
+  byline = false,
+  controls = false,
+  muted: providedMuted = false,
+  initialMuted = false,
+  timeUpdateInterval = 1000,
+  onTimeUpdate: customOnTimeUpdate = null,
+  getVideoId = url => {
+    if (url === null || url.match(/^[0-9]+$/) !== null) {
+      return url;
+    }
+    const match = url.match(/\/[0-9]+/);
+    return match !== null ? match[1] : null;
+  }
+} = {}) {
   const debug = react.useMemo(() => createDebug('folklore:video:vimeo'), []);
   const [apiLoaded, setApiLoaded] = react.useState(false);
   const apiRef = react.useRef(null);
@@ -1291,8 +1253,7 @@ function useVimeoPlayer(id) {
     }
     let canceled = false;
     const onLoaded = () => {
-      Promise.all([player.getDuration(), player.getVideoWidth(), player.getVideoHeight(), player.getMuted()]).then(_ref => {
-        let [newDuration, newWidth, newHeight, newMuted] = _ref;
+      Promise.all([player.getDuration(), player.getVideoWidth(), player.getVideoHeight(), player.getMuted()]).then(([newDuration, newWidth, newHeight, newMuted]) => {
         if (canceled) {
           return;
         }
@@ -1332,10 +1293,9 @@ function useVimeoPlayer(id) {
       });
       debug('onPause [ID: %s]', videoId);
     };
-    const onVolumeChange = _ref2 => {
-      let {
-        volume: newVolume
-      } = _ref2;
+    const onVolumeChange = ({
+      volume: newVolume
+    }) => {
       setVolumeState(newVolume);
       debug('onVolumeChange [ID: %s]', videoId);
     };
@@ -1418,27 +1378,26 @@ function useVimeoPlayer(id) {
 }
 
 const NO_PLAYER_ERROR = new Error('No player');
-function useYouTubePlayer(id) {
-  let {
-    width = 0,
-    height = 0,
-    duration = 0,
-    autoplay = false,
-    controls = true,
-    timeUpdateInterval = 1000,
-    muted: providedMuted = false,
-    initialMuted = false,
-    onVolumeChange: customOnVolumeChange = null,
-    onTimeUpdate: customOnTimeUpdate = null,
-    getVideoId = url => {
-      if (url === null || url.match(/^https?:/) === null) {
-        return url;
-      }
-      const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
-      const match = url.match(regExp);
-      return match !== null ? match[7] : null;
-    }
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function useYouTubePlayer(id, {
+  width = 0,
+  height = 0,
+  duration = 0,
+  autoplay = false,
+  controls = true,
+  timeUpdateInterval = 1000,
+  muted: providedMuted = false,
+  initialMuted = false,
+  onVolumeChange: customOnVolumeChange = null,
+  onTimeUpdate: customOnTimeUpdate = null,
+  getVideoId = url => {
+    if (url === null || url.match(/^https?:/) === null) {
+      return url;
+    }
+    const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
+    const match = url.match(regExp);
+    return match !== null ? match[7] : null;
+  }
+} = {}) {
   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);
@@ -1565,10 +1524,9 @@ function useYouTubePlayer(id) {
       player.loadVideoById(videoId);
     } else {
       debug('Create player [ID: %s]', videoId);
-      const onReady = _ref => {
-        let {
-          target
-        } = _ref;
+      const onReady = ({
+        target
+      }) => {
         player = target;
         playerRef.current = target;
         setReady(true);
@@ -1584,10 +1542,9 @@ function useYouTubePlayer(id) {
           player.mute();
         }
       };
-      const onStateChange = _ref2 => {
-        let {
-          data: state
-        } = _ref2;
+      const onStateChange = ({
+        data: state
+      }) => {
         const newState = {
           playing: state === YT.PlayerState.PLAYING,
           paused: state === YT.PlayerState.PAUSED,
@@ -1743,10 +1700,9 @@ const getWindowSize = () => ({
   height: typeof window !== 'undefined' ? window.innerHeight || 0 : 0
 });
 let currentSize = getWindowSize();
-function useWindowSize() {
-  let {
-    onChange = null
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useWindowSize({
+  onChange = null
+} = {}) {
   const [size, setSize] = react.useState(currentSize);
   const sizeRef = react.useRef(size);
   const updateSize = react.useCallback(() => {
@@ -1787,8 +1743,7 @@ function useVisualViewport() {
     width: windowWidth,
     height: windowHeight
   });
-  const updateViewport = react.useCallback(function () {
-    let viewPort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  const updateViewport = react.useCallback((viewPort = null) => {
     const {
       width: newWidth = 0,
       height: newHeight = 0,
@@ -1834,8 +1789,7 @@ const getWindowScroll = () => ({
   y: typeof window !== 'undefined' ? window.scrollY || 0 : 0
 });
 let currentScroll = getWindowScroll();
-function useWindowScroll() {
-  let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useWindowScroll(opts = {}) {
   const {
     onChange = null
   } = opts;

package/dist/es.js

@@ -6,13 +6,12 @@ import EventsManager from '@folklore/events';
 import { cancelable } from 'cancelable-promise';
 import isNumber from 'lodash/isNumber';
 
-function useCounter(desiredValue, _ref) {
-  let {
-    disabled = false,
-    maxDuration = 2000,
-    speed = 1 / 10,
-    initialValue = null
-  } = _ref;
+function useCounter(desiredValue, {
+  disabled = false,
+  maxDuration = 2000,
+  speed = 1 / 10,
+  initialValue = null
+}) {
   const [currentValue, setCurrentValue] = useState(initialValue !== null ? initialValue : desiredValue);
   useEffect(() => {
     if (initialValue !== null && !disabled) {
@@ -58,9 +57,7 @@ function useCounter(desiredValue, _ref) {
 }
 
 const NO_PLAYER_ERROR$3 = new Error('No player');
-function useDailymotionPlayer() {
-  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function useDailymotionPlayer(id = null, params = {}) {
   const {
     width = 0,
     height = 0,
@@ -192,11 +189,10 @@ function useDailymotionPlayer() {
       setLoaded(true);
       debug('onPlaybackReady [ID: %s]', videoId);
     }
-    function onDurationChange(_ref) {
-      let {
-        videoTime,
-        videoDuration
-      } = _ref;
+    function onDurationChange({
+      videoTime,
+      videoDuration
+    }) {
       currentMetadata = {
         ...currentMetadata,
         duration: videoDuration
@@ -205,21 +201,19 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onDurationChange [ID: %s]', videoId);
     }
-    function onVolumeChange(_ref2) {
-      let {
-        playerIsMuted,
-        playerVolume,
-        videoTime
-      } = _ref2;
+    function onVolumeChange({
+      playerIsMuted,
+      playerVolume,
+      videoTime
+    }) {
       setMuted(playerIsMuted);
       setVolumeState(playerVolume);
       setCurrentTime(videoTime);
       debug('onVolumeChange [ID: %s]', videoId);
     }
-    function onPlay(_ref3) {
-      let {
-        videoTime
-      } = _ref3;
+    function onPlay({
+      videoTime
+    }) {
       currentPlayState = {
         ...currentPlayState,
         playing: true,
@@ -230,10 +224,9 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onPlay [ID: %s]', videoId);
     }
-    function onPause(_ref4) {
-      let {
-        videoTime
-      } = _ref4;
+    function onPause({
+      videoTime
+    }) {
       currentPlayState = {
         ...currentPlayState,
         playing: false,
@@ -244,10 +237,9 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onPause [ID: %s]', videoId);
     }
-    function onEnd(_ref5) {
-      let {
-        videoTime
-      } = _ref5;
+    function onEnd({
+      videoTime
+    }) {
       currentPlayState = {
         ...currentPlayState,
         playing: false,
@@ -258,10 +250,9 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onEnd [ID: %s]', videoId);
     }
-    function onPlaying(_ref6) {
-      let {
-        videoTime
-      } = _ref6;
+    function onPlaying({
+      videoTime
+    }) {
       currentPlayState = {
         ...currentPlayState,
         buffering: false
@@ -270,10 +261,9 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onPlaying [ID: %s]', videoId);
     }
-    function onWaiting(_ref7) {
-      let {
-        videoTime
-      } = _ref7;
+    function onWaiting({
+      videoTime
+    }) {
       currentPlayState = {
         ...currentPlayState,
         buffering: true
@@ -282,10 +272,9 @@ function useDailymotionPlayer() {
       setCurrentTime(videoTime);
       debug('onWaiting [ID: %s]', videoId);
     }
-    function onTimeChange(_ref8) {
-      let {
-        videoTime
-      } = _ref8;
+    function onTimeChange({
+      videoTime
+    }) {
       setCurrentTime(videoTime);
     }
     function onAdStart() {
@@ -404,16 +393,14 @@ function useDocumentEvent(event, callback) {
 }
 
 const observersCache = new Map();
-function getOptionsKey(_ref) {
-  let {
-    root = null,
-    rootMargin,
-    threshold = null
-  } = _ref;
+function getOptionsKey({
+  root = null,
+  rootMargin,
+  threshold = null
+}) {
   return `root_${root}_rootMargin_${rootMargin || null}_threshold_${threshold}`;
 }
-function createObserver(Observer) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function createObserver(Observer, options = {}) {
   let subscribers = [];
   const addSubscriber = (element, callback) => {
     const currentSubscriber = subscribers.find(it => it.element === element) || null;
@@ -434,11 +421,10 @@ function createObserver(Observer) {
   } : it).filter(it => it.callbacks.length > 0);
   const onUpdate = entries => {
     entries.forEach(entry => {
-      subscribers.forEach(_ref2 => {
-        let {
-          element,
-          callbacks
-        } = _ref2;
+      subscribers.forEach(({
+        element,
+        callbacks
+      }) => {
         if (element === entry.target) {
           callbacks.forEach(callback => {
             callback(entry);
@@ -448,8 +434,7 @@ function createObserver(Observer) {
     });
   };
   const observer = new Observer(onUpdate, options);
-  const unsubscribe = function (element) {
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  const unsubscribe = (element, callback = null) => {
     subscribers = removeSubscriber(element, callback);
     if (typeof observer.unobserve === 'undefined') {
       observer.disconnect();
@@ -476,9 +461,7 @@ function createObserver(Observer) {
     observer
   };
 }
-function getObserver() {
-  let Observer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function getObserver(Observer = null, options = {}) {
   if (Observer === null) {
     return {
       observer: null,
@@ -497,9 +480,7 @@ function getObserver() {
   }
   return observers[observerKey];
 }
-function useObserver(Observer) {
-  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let initialEntry = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+function useObserver(Observer, opts = {}, initialEntry = {}) {
   const {
     root = null,
     rootMargin = null,
@@ -512,6 +493,9 @@ function useObserver(Observer) {
   const currentElement = useRef(null);
   const elementChanged = nodeRef.current !== currentElement.current;
   useEffect(() => {
+    if (disabled) {
+      return () => {};
+    }
     const {
       current: nodeElement
     } = nodeRef;
@@ -562,13 +546,12 @@ const intersectionObserverInitialEntry = {
   boundingClientRect: null,
   rootBounds: null
 };
-function useIntersectionObserver() {
-  let {
-    root = null,
-    rootMargin = '0px',
-    threshold = defaultThreshold,
-    disabled = false
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useIntersectionObserver({
+  root = null,
+  rootMargin = '0px',
+  threshold = defaultThreshold,
+  disabled = false
+} = {}) {
   return useObserver(typeof IntersectionObserver !== 'undefined' ? IntersectionObserver : null, {
     root,
     rootMargin,
@@ -586,20 +569,18 @@ const resizeObserverInitialEntry = {
   contentBoxSize: null,
   borderBoxSize: null
 };
-function useResizeObserver() {
-  let {
-    disabled = false
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useResizeObserver({
+  disabled = false
+} = {}) {
   return useObserver(typeof ResizeObserver !== 'undefined' ? ResizeObserver : null, {
     disabled
   }, resizeObserverInitialEntry);
 }
 
-function useIsVisible() {
-  let {
-    persist = false,
-    ...opts
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useIsVisible({
+  persist = false,
+  ...opts
+} = {}) {
   const {
     ref,
     entry: {
@@ -633,8 +614,7 @@ function useWindowEvent(event, callback) {
   }, [event, callback]);
 }
 
-function useKeyboard() {
-  let keyMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+function useKeyboard(keyMap = null) {
   const onKeyDown = useCallback(event => {
     const {
       key
@@ -667,40 +647,33 @@ function useKeyboard() {
   useWindowEvent('keyup', keyMap !== null ? onKeyUp : null);
 }
 
-const useItemsPaginated = function (loader) {
-  let {
-    page = null,
-    count = 10,
-    pages: initialPages = null,
-    getPageFromResponse = _ref2 => {
-      let {
-        pagination: {
-          page: currentPage,
-          last_page: lastPage,
-          total
-        },
-        data: items
-      } = _ref2;
-      return {
-        page: parseInt(currentPage, 10),
-        lastPage: parseInt(lastPage, 10),
-        total: parseInt(total, 10),
-        items
-      };
+const useItemsPaginated = (loader, {
+  page = null,
+  count = 10,
+  pages: initialPages = null,
+  getPageFromResponse = ({
+    pagination: {
+      page: currentPage,
+      last_page: lastPage,
+      total
     },
-    onLoaded = null,
-    onError = null,
-    query = null
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    data: items
+  }) => ({
+    page: parseInt(currentPage, 10),
+    lastPage: parseInt(lastPage, 10),
+    total: parseInt(total, 10),
+    items
+  }),
+  onLoaded = null,
+  onError = null,
+  query = null
+} = {}) => {
   const lastState = useRef(null);
   const initialState = useMemo(() => {
     const finalInitialPages = initialPages !== null ? initialPages.map(it => getPageFromResponse(it)) : null;
-    const finalLastPage = finalInitialPages !== null ? finalInitialPages.reduce((currentLastPage, _ref3) => {
-      let {
-        lastPage: initialLastPage
-      } = _ref3;
-      return initialLastPage > currentLastPage ? initialLastPage : currentLastPage;
-    }, -1) : -1;
+    const finalLastPage = finalInitialPages !== null ? finalInitialPages.reduce((currentLastPage, {
+      lastPage: initialLastPage
+    }) => initialLastPage > currentLastPage ? initialLastPage : currentLastPage, -1) : -1;
     return {
       lastPage: finalLastPage,
       total: finalInitialPages !== null ? finalInitialPages[0].total : 0,
@@ -718,19 +691,14 @@ const useItemsPaginated = function (loader) {
     pages,
     total
   } = state;
-  const items = pages !== null ? pages.reduce((pagesItems, _ref4) => {
-    let {
-      items: pageItems
-    } = _ref4;
-    return pagesItems.concat(pageItems);
-  }, []) : null;
+  const items = pages !== null ? pages.reduce((pagesItems, {
+    items: pageItems
+  }) => pagesItems.concat(pageItems), []) : null;
   const updateState = update => setState({
     ...state,
     ...update
   });
-  const updateFromResponse = function (response) {
-    let error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    let reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  const updateFromResponse = (response, error = null, reset = false) => {
     if (error !== null) {
       updateState({
         loaded: false,
@@ -850,12 +818,9 @@ const useItemsPaginated = function (loader) {
       }
     };
   }, [loader, page]);
-  const currentPage = pages !== null ? pages.find(_ref5 => {
-    let {
-      page: pageNumber
-    } = _ref5;
-    return parseInt(pageNumber, 10) === parseInt(page, 10);
-  }) || null : null;
+  const currentPage = pages !== null ? pages.find(({
+    page: pageNumber
+  }) => parseInt(pageNumber, 10) === parseInt(page, 10)) || null : null;
   return {
     items,
     pages,
@@ -871,14 +836,13 @@ const useItemsPaginated = function (loader) {
   };
 };
 
-function usePlayerCurrentTime(player) {
-  let {
-    id = null,
-    disabled = false,
-    updateInterval = 1000,
-    onUpdate: customOnUpdate = null,
-    getCurrentTime = p => p.currentTime
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function usePlayerCurrentTime(player, {
+  id = null,
+  disabled = false,
+  updateInterval = 1000,
+  onUpdate: customOnUpdate = null,
+  getCurrentTime = p => p.currentTime
+} = {}) {
   const [currentTime, setCurrentTime] = useState(0);
   const realCurrentTime = useRef(currentTime);
   const lastIdRef = useRef(id);
@@ -921,16 +885,15 @@ function usePlayerCurrentTime(player) {
 }
 
 const NO_PLAYER_ERROR$2 = new Error('No player');
-function useNativeVideoPlayer(url) {
-  let {
-    width = 0,
-    height = 0,
-    duration = 0,
-    muted: providedMuted = false,
-    initialMuted = false,
-    timeUpdateInterval = 1000,
-    onTimeUpdate: customOnTimeUpdate = null
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function useNativeVideoPlayer(url, {
+  width = 0,
+  height = 0,
+  duration = 0,
+  muted: providedMuted = false,
+  initialMuted = false,
+  timeUpdateInterval = 1000,
+  onTimeUpdate: customOnTimeUpdate = null
+} = {}) {
   const debug = useMemo(() => createDebug('folklore:video:native'), []);
   const elementRef = useRef(null);
   const [loaded, setLoaded] = useState(false);
@@ -1113,27 +1076,26 @@ function useNativeVideoPlayer(url) {
 }
 
 const NO_PLAYER_ERROR$1 = new Error('No player');
-function useVimeoPlayer(id) {
-  let {
-    width = 0,
-    height = 0,
-    duration = 0,
-    autoplay = false,
-    autopause = true,
-    byline = false,
-    controls = false,
-    muted: providedMuted = false,
-    initialMuted = false,
-    timeUpdateInterval = 1000,
-    onTimeUpdate: customOnTimeUpdate = null,
-    getVideoId = url => {
-      if (url === null || url.match(/^[0-9]+$/) !== null) {
-        return url;
-      }
-      const match = url.match(/\/[0-9]+/);
-      return match !== null ? match[1] : null;
-    }
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function useVimeoPlayer(id, {
+  width = 0,
+  height = 0,
+  duration = 0,
+  autoplay = false,
+  autopause = true,
+  byline = false,
+  controls = false,
+  muted: providedMuted = false,
+  initialMuted = false,
+  timeUpdateInterval = 1000,
+  onTimeUpdate: customOnTimeUpdate = null,
+  getVideoId = url => {
+    if (url === null || url.match(/^[0-9]+$/) !== null) {
+      return url;
+    }
+    const match = url.match(/\/[0-9]+/);
+    return match !== null ? match[1] : null;
+  }
+} = {}) {
   const debug = useMemo(() => createDebug('folklore:video:vimeo'), []);
   const [apiLoaded, setApiLoaded] = useState(false);
   const apiRef = useRef(null);
@@ -1289,8 +1251,7 @@ function useVimeoPlayer(id) {
     }
     let canceled = false;
     const onLoaded = () => {
-      Promise.all([player.getDuration(), player.getVideoWidth(), player.getVideoHeight(), player.getMuted()]).then(_ref => {
-        let [newDuration, newWidth, newHeight, newMuted] = _ref;
+      Promise.all([player.getDuration(), player.getVideoWidth(), player.getVideoHeight(), player.getMuted()]).then(([newDuration, newWidth, newHeight, newMuted]) => {
         if (canceled) {
           return;
         }
@@ -1330,10 +1291,9 @@ function useVimeoPlayer(id) {
       });
       debug('onPause [ID: %s]', videoId);
     };
-    const onVolumeChange = _ref2 => {
-      let {
-        volume: newVolume
-      } = _ref2;
+    const onVolumeChange = ({
+      volume: newVolume
+    }) => {
       setVolumeState(newVolume);
       debug('onVolumeChange [ID: %s]', videoId);
     };
@@ -1416,27 +1376,26 @@ function useVimeoPlayer(id) {
 }
 
 const NO_PLAYER_ERROR = new Error('No player');
-function useYouTubePlayer(id) {
-  let {
-    width = 0,
-    height = 0,
-    duration = 0,
-    autoplay = false,
-    controls = true,
-    timeUpdateInterval = 1000,
-    muted: providedMuted = false,
-    initialMuted = false,
-    onVolumeChange: customOnVolumeChange = null,
-    onTimeUpdate: customOnTimeUpdate = null,
-    getVideoId = url => {
-      if (url === null || url.match(/^https?:/) === null) {
-        return url;
-      }
-      const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
-      const match = url.match(regExp);
-      return match !== null ? match[7] : null;
-    }
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function useYouTubePlayer(id, {
+  width = 0,
+  height = 0,
+  duration = 0,
+  autoplay = false,
+  controls = true,
+  timeUpdateInterval = 1000,
+  muted: providedMuted = false,
+  initialMuted = false,
+  onVolumeChange: customOnVolumeChange = null,
+  onTimeUpdate: customOnTimeUpdate = null,
+  getVideoId = url => {
+    if (url === null || url.match(/^https?:/) === null) {
+      return url;
+    }
+    const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
+    const match = url.match(regExp);
+    return match !== null ? match[7] : null;
+  }
+} = {}) {
   const debug = useMemo(() => createDebug('folklore:video:youtube'), []);
   const [apiLoaded, setApiLoaded] = useState(typeof window !== 'undefined' && typeof window.YT !== 'undefined');
   const apiRef = useRef(typeof window !== 'undefined' && typeof window.YT !== 'undefined' ? window.YT : null);
@@ -1563,10 +1522,9 @@ function useYouTubePlayer(id) {
       player.loadVideoById(videoId);
     } else {
       debug('Create player [ID: %s]', videoId);
-      const onReady = _ref => {
-        let {
-          target
-        } = _ref;
+      const onReady = ({
+        target
+      }) => {
         player = target;
         playerRef.current = target;
         setReady(true);
@@ -1582,10 +1540,9 @@ function useYouTubePlayer(id) {
           player.mute();
         }
       };
-      const onStateChange = _ref2 => {
-        let {
-          data: state
-        } = _ref2;
+      const onStateChange = ({
+        data: state
+      }) => {
         const newState = {
           playing: state === YT.PlayerState.PLAYING,
           paused: state === YT.PlayerState.PAUSED,
@@ -1741,10 +1698,9 @@ const getWindowSize = () => ({
   height: typeof window !== 'undefined' ? window.innerHeight || 0 : 0
 });
 let currentSize = getWindowSize();
-function useWindowSize() {
-  let {
-    onChange = null
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useWindowSize({
+  onChange = null
+} = {}) {
   const [size, setSize] = useState(currentSize);
   const sizeRef = useRef(size);
   const updateSize = useCallback(() => {
@@ -1785,8 +1741,7 @@ function useVisualViewport() {
     width: windowWidth,
     height: windowHeight
   });
-  const updateViewport = useCallback(function () {
-    let viewPort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  const updateViewport = useCallback((viewPort = null) => {
     const {
       width: newWidth = 0,
       height: newHeight = 0,
@@ -1832,8 +1787,7 @@ const getWindowScroll = () => ({
   y: typeof window !== 'undefined' ? window.scrollY || 0 : 0
 });
 let currentScroll = getWindowScroll();
-function useWindowScroll() {
-  let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useWindowScroll(opts = {}) {
   const {
     onChange = null
   } = opts;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.72",
+    "version": "0.0.74",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -36,7 +36,7 @@
     "scripts": {
         "clean": "rm -rf dist",
         "build": "rollup --bundleConfigAsCjs --config ../../rollup.config.js",
-        "prepare": "npm run clean && npm run build"
+        "prepublishOnly": "npm run clean && npm run build"
     },
     "devDependencies": {
         "react": "^17.0.0 || ^18.0.0",
@@ -49,11 +49,11 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "5e58b1aa0d9aeb6eb7caaaac538357d3285909b9",
+    "gitHead": "a04cfaacb364f3b35307d65d8778b078dace4491",
     "dependencies": {
-        "@folklore/events": "^0.0.6",
-        "@folklore/services": "^0.1.43",
-        "@folklore/utils": "^0.1.3",
+        "@folklore/events": "^0.0.7",
+        "@folklore/services": "^0.1.44",
+        "@folklore/utils": "^0.1.4",
         "cancelable-promise": "^4.3.1",
         "debug": "^4.3.4",
         "lodash": "^4.17.21",