@folklore/hooks 0.0.61 → 0.0.62

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.
Files changed (3) hide show
  1. package/dist/cjs.js +15 -10
  2. package/dist/es.js +15 -10
  3. package/package.json +2 -2
package/dist/cjs.js CHANGED
@@ -1782,28 +1782,33 @@ function useVisualViewport() {
1782
1782
  width: windowWidth,
1783
1783
  height: windowHeight
1784
1784
  });
1785
+ const updateViewport = react.useCallback(function () {
1786
+ let viewPort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
1787
+ setViewport(viewPort || window.visualViewport || {});
1788
+ }, [setViewport]);
1785
1789
  react.useEffect(() => {
1786
1790
  if (typeof window === 'undefined' || (window.visualViewport || null) === null) {
1787
1791
  return () => {};
1788
1792
  }
1789
- function updateViewport(e) {
1790
- setViewport(e.target);
1791
- }
1792
- setViewport(window.visualViewport);
1793
- window.visualViewport.addEventListener('resize', updateViewport);
1794
- window.visualViewport.addEventListener('scroll', updateViewport);
1793
+ const onUpdate = e => {
1794
+ updateViewport(e.target);
1795
+ };
1796
+ updateViewport();
1797
+ window.visualViewport.addEventListener('resize', onUpdate);
1798
+ window.visualViewport.addEventListener('scroll', onUpdate);
1795
1799
  return () => {
1796
- window.visualViewport.removeEventListener('resize', updateViewport);
1797
- window.visualViewport.addEventListener('scroll', updateViewport);
1800
+ window.visualViewport.removeEventListener('resize', onUpdate);
1801
+ window.visualViewport.addEventListener('scroll', onUpdate);
1798
1802
  };
1799
- }, [setViewport]);
1803
+ }, [updateViewport]);
1800
1804
  return {
1801
1805
  width: viewportWidth || windowWidth,
1802
1806
  height: viewportHeight || windowHeight,
1803
1807
  offsetTop,
1804
1808
  offsetLeft,
1805
1809
  pageLeft,
1806
- pageTop
1810
+ pageTop,
1811
+ updateViewport
1807
1812
  };
1808
1813
  }
1809
1814
 
package/dist/es.js CHANGED
@@ -1771,28 +1771,33 @@ function useVisualViewport() {
1771
1771
  width: windowWidth,
1772
1772
  height: windowHeight
1773
1773
  });
1774
+ const updateViewport = useCallback(function () {
1775
+ let viewPort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
1776
+ setViewport(viewPort || window.visualViewport || {});
1777
+ }, [setViewport]);
1774
1778
  useEffect(() => {
1775
1779
  if (typeof window === 'undefined' || (window.visualViewport || null) === null) {
1776
1780
  return () => {};
1777
1781
  }
1778
- function updateViewport(e) {
1779
- setViewport(e.target);
1780
- }
1781
- setViewport(window.visualViewport);
1782
- window.visualViewport.addEventListener('resize', updateViewport);
1783
- window.visualViewport.addEventListener('scroll', updateViewport);
1782
+ const onUpdate = e => {
1783
+ updateViewport(e.target);
1784
+ };
1785
+ updateViewport();
1786
+ window.visualViewport.addEventListener('resize', onUpdate);
1787
+ window.visualViewport.addEventListener('scroll', onUpdate);
1784
1788
  return () => {
1785
- window.visualViewport.removeEventListener('resize', updateViewport);
1786
- window.visualViewport.addEventListener('scroll', updateViewport);
1789
+ window.visualViewport.removeEventListener('resize', onUpdate);
1790
+ window.visualViewport.addEventListener('scroll', onUpdate);
1787
1791
  };
1788
- }, [setViewport]);
1792
+ }, [updateViewport]);
1789
1793
  return {
1790
1794
  width: viewportWidth || windowWidth,
1791
1795
  height: viewportHeight || windowHeight,
1792
1796
  offsetTop,
1793
1797
  offsetLeft,
1794
1798
  pageLeft,
1795
- pageTop
1799
+ pageTop,
1800
+ updateViewport
1796
1801
  };
1797
1802
  }
1798
1803
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@folklore/hooks",
3
- "version": "0.0.61",
3
+ "version": "0.0.62",
4
4
  "description": "React hooks",
5
5
  "keywords": [
6
6
  "javascript",
@@ -49,7 +49,7 @@
49
49
  "publishConfig": {
50
50
  "access": "public"
51
51
  },
52
- "gitHead": "0a8b9c477678635f7c9c774eac2fea657e723425",
52
+ "gitHead": "54decbea354a5a8fa99c25f34918460bb9666bb2",
53
53
  "dependencies": {
54
54
  "@folklore/events": "^0.0.5",
55
55
  "@folklore/services": "^0.1.40",