@lms-elements/hooks - npm Package Compare versions

Comparing version 2.0.2 to 2.0.3

build/@types/packages/Hooks/src/index.d.ts

@@ -0,1 +1,2 @@
+export { useClickOutside } from './useClickOutside';
 export { useGetHeightStyle } from './useGetHeightStyle';
@@ -2,0 +3,0 @@ export { useGetOnScrollHandler } from './useGetOnScrollHandler';

build/index.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useGetHeightStyle=function(n){var t=e.useMemo((function(){return n.current}),[n]),r=e.useState(t?t.offsetTop:0),u=r[0],o=r[1],i=e.useCallback((function(){o(t?t.offsetTop:0)}),[t]);return e.useEffect((function(){return window.addEventListener("resize",i),function(){return window.removeEventListener("resize",i)}}),[i]),{height:"calc(100vh - "+u+"px)"}},exports.useGetOnScrollHandler=function(n){var t=e.useState(0),r=t[0],u=t[1],o=e.useState(0),i=o[0],c=o[1];return{scrollTop:r,scrollLeft:i,handleContentScroll:e.useCallback((function(){var e,t,r,o,i=n,l=(null===(e=i.current)||void 0===e?void 0:e.scrollTop)?null===(t=i.current)||void 0===t?void 0:t.scrollTop:0,s=(null===(r=i.current)||void 0===r?void 0:r.scrollLeft)?null===(o=i.current)||void 0===o?void 0:o.scrollLeft:0;c(s),u(l)}),[n])}},exports.useGetScrollPosition=function(n){var t=e.useState(0),r=t[0],u=t[1],o=e.useCallback((function(){var e,t=null===(e=n.current)||void 0===e?void 0:e.scrollTop;u(t||0)}),[n]);return{isScrollEnd:e.useMemo((function(){var e,t,u;return!(((null===(e=n.current)||void 0===e?void 0:e.scrollHeight)?n.current.scrollHeight:0)-r<=((null===(t=n.current)||void 0===t?void 0:t.clientHeight)?n.current.clientHeight:0)&&0!==(null===(u=n.current)||void 0===u?void 0:u.clientHeight))}),[r,n]),isScrollStart:e.useMemo((function(){var e;return r-100>=0&&0!==(null===(e=n.current)||void 0===e?void 0:e.scrollHeight)}),[n,r]),onScroll:o}},exports.useOuterClick=function(n,t){var r=e.useCallback((function(e){var t;return n.current&&!(null===(t=n.current)||void 0===t?void 0:t.contains(e.target))}),[n]),u=e.useCallback((function(e){r(e)&&t(!1)}),[r,t]);e.useEffect((function(){return document.addEventListener("click",u,!0),function(){return document.removeEventListener("click",u,!0)}}),[u])},exports.useOuterClickField=function(n,t,r){void 0===r&&(r=!0),e.useEffect((function(){var e=function(e){n.current&&!n.current.contains(e.target)&&r&&t()};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}),[n,t,r])},exports.useTouched=function(n){var t=e.useState(!1),r=t[0],u=t[1];return e.useEffect((function(){var e=function(){!r&&n.current&&document.activeElement===n.current&&u(!0)};return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)}}),[n,r]),r},exports.useWindowResize=function(){var n=e.useState(window.innerWidth<=1024),t=n[0],r=n[1],u=e.useCallback((function(e){var n=e.currentTarget;r(n.innerWidth<=1024)}),[]);return e.useEffect((function(){return window.addEventListener("resize",u),function(){return window.removeEventListener("resize",u)}}),[u]),t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useClickOutside=function(n,t){e.useEffect((function(){var e=function(e){var r;(null===(r=null==n?void 0:n.current)||void 0===r?void 0:r.contains(e.target))||t(e)};return document.addEventListener("click",e),function(){document.removeEventListener("click",e)}}),[t,n])},exports.useGetHeightStyle=function(n){var t=e.useMemo((function(){return n.current}),[n]),r=e.useState(t?t.offsetTop:0),u=r[0],o=r[1],i=e.useCallback((function(){o(t?t.offsetTop:0)}),[t]);return e.useEffect((function(){return window.addEventListener("resize",i),function(){return window.removeEventListener("resize",i)}}),[i]),{height:"calc(100vh - "+u+"px)"}},exports.useGetOnScrollHandler=function(n){var t=e.useState(0),r=t[0],u=t[1],o=e.useState(0),i=o[0],c=o[1];return{scrollTop:r,scrollLeft:i,handleContentScroll:e.useCallback((function(){var e,t,r,o,i=n,l=(null===(e=i.current)||void 0===e?void 0:e.scrollTop)?null===(t=i.current)||void 0===t?void 0:t.scrollTop:0,s=(null===(r=i.current)||void 0===r?void 0:r.scrollLeft)?null===(o=i.current)||void 0===o?void 0:o.scrollLeft:0;c(s),u(l)}),[n])}},exports.useGetScrollPosition=function(n){var t=e.useState(0),r=t[0],u=t[1],o=e.useCallback((function(){var e,t=null===(e=n.current)||void 0===e?void 0:e.scrollTop;u(t||0)}),[n]);return{isScrollEnd:e.useMemo((function(){var e,t,u;return!(((null===(e=n.current)||void 0===e?void 0:e.scrollHeight)?n.current.scrollHeight:0)-r<=((null===(t=n.current)||void 0===t?void 0:t.clientHeight)?n.current.clientHeight:0)&&0!==(null===(u=n.current)||void 0===u?void 0:u.clientHeight))}),[r,n]),isScrollStart:e.useMemo((function(){var e;return r-100>=0&&0!==(null===(e=n.current)||void 0===e?void 0:e.scrollHeight)}),[n,r]),onScroll:o}},exports.useOuterClick=function(n,t){var r=e.useCallback((function(e){var t;return n.current&&!(null===(t=n.current)||void 0===t?void 0:t.contains(e.target))}),[n]),u=e.useCallback((function(e){r(e)&&t(!1)}),[r,t]);e.useEffect((function(){return document.addEventListener("click",u,!0),function(){return document.removeEventListener("click",u,!0)}}),[u])},exports.useOuterClickField=function(n,t,r){void 0===r&&(r=!0),e.useEffect((function(){var e=function(e){n.current&&!n.current.contains(e.target)&&r&&t()};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}),[n,t,r])},exports.useTouched=function(n){var t=e.useState(!1),r=t[0],u=t[1];return e.useEffect((function(){var e=function(){!r&&n.current&&document.activeElement===n.current&&u(!0)};return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)}}),[n,r]),r},exports.useWindowResize=function(){var n=e.useState(window.innerWidth<=1024),t=n[0],r=n[1],u=e.useCallback((function(e){var n=e.currentTarget;r(n.innerWidth<=1024)}),[]);return e.useEffect((function(){return window.addEventListener("resize",u),function(){return window.removeEventListener("resize",u)}}),[u]),t};
 //# sourceMappingURL=index.js.map

package.json

 {
     "name": "@lms-elements/hooks",
-    "version": "2.0.2",
+    "version": "2.0.3",
     "description": "Custom React hooks",
@@ -41,3 +41,3 @@ "keywords": [
     },
-    "gitHead": "ba78c6f31fece2bba8771c7f72dc36a0812cfde5"
+    "gitHead": "b660f33dfbe7c6c6100bf5785d7dd181b44ce0bd"
 }

No alert changes

Improved metrics

Total package byte prevSize

15897

increased by8.79%

Number of package files

14

increased by7.69%

Lines of code

56

increased by7.69%

No dependency changes