@lms-elements/hooks - npm Package Compare versions

Comparing version 2.0.19 to 2.0.20

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

@@ -12,3 +12,4 @@ export { useClickOutside } from './useClickOutside';
 export { useResizeTextarea } from './useResizeTextarea';
+export { useThrottle } from './useThrottle';
 export { useTouched } from './useTouched';
 export { useWindowResize } from './useWindowResize';

build/index.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");var t,n=setTimeout((function(){return""}),0);exports.DragScrollStateEnum=void 0,(t=exports.DragScrollStateEnum||(exports.DragScrollStateEnum={}))[t.notScrolling=0]="notScrolling",t[t.scrollStart=1]="scrollStart",t[t.scrollEnd=2]="scrollEnd";var r=setTimeout((function(){return""}),0);exports.useClickOutside=function(t,n){e.useEffect((function(){var e=function(e){var r;(null===(r=null==t?void 0:t.current)||void 0===r?void 0:r.contains(e.target))||n(e)};return document.addEventListener("click",e),function(){document.removeEventListener("click",e)}}),[n,t])},exports.useDragScroll=function(t,r,o,u,l){e.useEffect((function(){var e;if(r===exports.DragScrollStateEnum.notScrolling&&0!==t&&u(0),r===exports.DragScrollStateEnum.scrollStart){var c=(null===(e=o.current)||void 0===e?void 0:e.scrollLeft)||0;document.onmousemove=function(e){var r;0===t?u(e.clientX):(null===(r=o.current)||void 0===r||r.scrollTo({left:c+(t-e.clientX)}),clearTimeout(n),n=setTimeout((function(){return u(e.clientX)}),100))},document.onmouseup=function(){l(exports.DragScrollStateEnum.scrollEnd),clearTimeout(n)}}r===exports.DragScrollStateEnum.scrollEnd&&(document.onmousemove=null,document.onmousedown=null,document.onmouseup=null,document.ondragstart=function(){return!1},l(exports.DragScrollStateEnum.notScrolling))}),[o,r,t,u,l])},exports.useDragScrollDoubleRef=function(t,n,o,u,l,c){e.useEffect((function(){var e;if(n===exports.DragScrollStateEnum.notScrolling&&0!==t&&l(0),n===exports.DragScrollStateEnum.scrollStart){var i=(null===(e=o.current)||void 0===e?void 0:e.scrollLeft)||0;document.onmousemove=function(e){var n,c;0===t?l(e.clientX):(null===(n=o.current)||void 0===n||n.scrollTo({left:i+(t-e.clientX)}),null===(c=u.current)||void 0===c||c.scrollTo({left:i+(t-e.clientX)}),clearTimeout(r),r=setTimeout((function(){return l(e.clientX)}),100))},document.onmouseup=function(){c(exports.DragScrollStateEnum.scrollEnd),clearTimeout(r)}}n===exports.DragScrollStateEnum.scrollEnd&&(document.onmousemove=null,document.onmousedown=null,document.onmouseup=null,document.ondragstart=function(){return!1},c(exports.DragScrollStateEnum.notScrolling))}),[o,n,t,l,c,u])},exports.useDropdownDots=function(){var t=e.useState(!1),n=t[0],r=t[1];return{canDrag:n,handleDropdownDotsMouseEnter:e.useCallback((function(){r(!0)}),[]),handleDropdownDotsMouseLeave:e.useCallback((function(){r(!1)}),[])}},exports.useGetHeightStyle=function(t){var n=e.useMemo((function(){return t.current}),[t]),r=e.useState(n?n.offsetTop:0),o=r[0],u=r[1],l=e.useCallback((function(){u(n?n.offsetTop:0)}),[n]);return e.useEffect((function(){return window.addEventListener("resize",l),function(){return window.removeEventListener("resize",l)}}),[l]),{height:"calc(100vh - "+o+"px)"}},exports.useGetOnScrollHandler=function(t){var n=e.useState(0),r=n[0],o=n[1],u=e.useState(0),l=u[0],c=u[1];return{scrollTop:r,scrollLeft:l,handleContentScroll:e.useCallback((function(){var e,n,r,u,l=t,i=(null===(e=l.current)||void 0===e?void 0:e.scrollTop)?null===(n=l.current)||void 0===n?void 0:n.scrollTop:0,s=(null===(r=l.current)||void 0===r?void 0:r.scrollLeft)?null===(u=l.current)||void 0===u?void 0:u.scrollLeft:0;c(s),o(i)}),[t])}},exports.useGetScrollPosition=function(t,n,r){var o=void 0===r?{}:r,u=o.scrollStartOffset,l=void 0===u?100:u,c=o.scrollEndOffset,i=void 0===c?0:c,s=e.useState(!1),a=s[0],d=s[1],f=e.useState(!1),v=f[0],m=f[1],S=e.useState(!1),E=S[0],p=S[1],g=e.useCallback((function(){var e=t.current||{},n=e.clientHeight,r=void 0===n?0:n,o=e.scrollHeight,u=void 0===o?0:o,l=e.scrollTop;m(!(u-(void 0===l?0:l)-i<=r&&0!==r))}),[t,i]),x=e.useCallback((function(){var e=t.current||{},n=e.scrollHeight,r=void 0===n?0:n,o=e.scrollTop;p((void 0===o?0:o)-l>=0&&0!==r)}),[t,l]),w=e.useCallback((function(){x(),g(),d(!1)}),[g,x]),T=e.useCallback((function(){x(),g(),d(!0)}),[g,x]);return e.useEffect((function(){x()}),[x]),e.useEffect((function(){g()}),[g]),e.useEffect((function(){if(null==n?void 0:n.current){var e=new ResizeObserver(w);return e.observe(n.current),function(){e.disconnect()}}}),[n,w]),{isScrollEnd:v,isScrollStart:E,wasScrolled:a,onScroll:T}},exports.useOuterClick=function(t,n){var r=e.useCallback((function(e){var n;return t.current&&!(null===(n=t.current)||void 0===n?void 0:n.contains(e.target))}),[t]),o=e.useCallback((function(e){r(e)&&n(!1)}),[r,n]);e.useEffect((function(){return document.addEventListener("click",o,!0),function(){return document.removeEventListener("click",o,!0)}}),[o])},exports.useOuterClickField=function(t,n,r){void 0===r&&(r=!0),e.useEffect((function(){var e=function(e){t.current&&!t.current.contains(e.target)&&r&&n()};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}),[t,n,r])},exports.useRefForDrag=function(t){var n=e.useState(!1),r=n[0],o=n[1];return{element:e.useMemo((function(){return r?null:t}),[r,t]),handleContainerFocus:e.useCallback((function(){o(!0)}),[]),handleContainerBlur:e.useCallback((function(){o(!1)}),[])}},exports.useResizeTextarea=function(){var t=e.useCallback((function(e){e&&(e.style.height="auto",e.style.height=e.scrollHeight+"px")}),[]);return{handleTextareaInput:e.useCallback((function(e){var n=e.currentTarget;t(n)}),[t]),handleTextareaRender:t,handleTextareaResize:t}},exports.useTouched=function(t){var n=e.useState(!1),r=n[0],o=n[1];return e.useEffect((function(){var e=function(){!r&&t.current&&document.activeElement===t.current&&o(!0)};return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)}}),[t,r]),r},exports.useWindowResize=function(){var t=e.useState(window.innerWidth<=1024),n=t[0],r=t[1],o=e.useState(window.innerWidth<=768),u=o[0],l=o[1],c=e.useCallback((function(e){var t=e.currentTarget;r(t.innerWidth<=1024),l(t.innerWidth<=768)}),[]);return e.useEffect((function(){return window.addEventListener("resize",c),function(){return window.removeEventListener("resize",c)}}),[c]),{isTablet:n,isMobile:u}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");var t,n=setTimeout((function(){return""}),0);exports.DragScrollStateEnum=void 0,(t=exports.DragScrollStateEnum||(exports.DragScrollStateEnum={}))[t.notScrolling=0]="notScrolling",t[t.scrollStart=1]="scrollStart",t[t.scrollEnd=2]="scrollEnd";var r=setTimeout((function(){return""}),0);exports.useClickOutside=function(t,n){e.useEffect((function(){var e=function(e){var r;(null===(r=null==t?void 0:t.current)||void 0===r?void 0:r.contains(e.target))||n(e)};return document.addEventListener("click",e),function(){document.removeEventListener("click",e)}}),[n,t])},exports.useDragScroll=function(t,r,o,u,l){e.useEffect((function(){var e;if(r===exports.DragScrollStateEnum.notScrolling&&0!==t&&u(0),r===exports.DragScrollStateEnum.scrollStart){var c=(null===(e=o.current)||void 0===e?void 0:e.scrollLeft)||0;document.onmousemove=function(e){var r;0===t?u(e.clientX):(null===(r=o.current)||void 0===r||r.scrollTo({left:c+(t-e.clientX)}),clearTimeout(n),n=setTimeout((function(){return u(e.clientX)}),100))},document.onmouseup=function(){l(exports.DragScrollStateEnum.scrollEnd),clearTimeout(n)}}r===exports.DragScrollStateEnum.scrollEnd&&(document.onmousemove=null,document.onmousedown=null,document.onmouseup=null,document.ondragstart=function(){return!1},l(exports.DragScrollStateEnum.notScrolling))}),[o,r,t,u,l])},exports.useDragScrollDoubleRef=function(t,n,o,u,l,c){e.useEffect((function(){var e;if(n===exports.DragScrollStateEnum.notScrolling&&0!==t&&l(0),n===exports.DragScrollStateEnum.scrollStart){var i=(null===(e=o.current)||void 0===e?void 0:e.scrollLeft)||0;document.onmousemove=function(e){var n,c;0===t?l(e.clientX):(null===(n=o.current)||void 0===n||n.scrollTo({left:i+(t-e.clientX)}),null===(c=u.current)||void 0===c||c.scrollTo({left:i+(t-e.clientX)}),clearTimeout(r),r=setTimeout((function(){return l(e.clientX)}),100))},document.onmouseup=function(){c(exports.DragScrollStateEnum.scrollEnd),clearTimeout(r)}}n===exports.DragScrollStateEnum.scrollEnd&&(document.onmousemove=null,document.onmousedown=null,document.onmouseup=null,document.ondragstart=function(){return!1},c(exports.DragScrollStateEnum.notScrolling))}),[o,n,t,l,c,u])},exports.useDropdownDots=function(){var t=e.useState(!1),n=t[0],r=t[1];return{canDrag:n,handleDropdownDotsMouseEnter:e.useCallback((function(){r(!0)}),[]),handleDropdownDotsMouseLeave:e.useCallback((function(){r(!1)}),[])}},exports.useGetHeightStyle=function(t){var n=e.useMemo((function(){return t.current}),[t]),r=e.useState(n?n.offsetTop:0),o=r[0],u=r[1],l=e.useCallback((function(){u(n?n.offsetTop:0)}),[n]);return e.useEffect((function(){return window.addEventListener("resize",l),function(){return window.removeEventListener("resize",l)}}),[l]),{height:"calc(100vh - "+o+"px)"}},exports.useGetOnScrollHandler=function(t){var n=e.useState(0),r=n[0],o=n[1],u=e.useState(0),l=u[0],c=u[1];return{scrollTop:r,scrollLeft:l,handleContentScroll:e.useCallback((function(){var e,n,r,u,l=t,i=(null===(e=l.current)||void 0===e?void 0:e.scrollTop)?null===(n=l.current)||void 0===n?void 0:n.scrollTop:0,s=(null===(r=l.current)||void 0===r?void 0:r.scrollLeft)?null===(u=l.current)||void 0===u?void 0:u.scrollLeft:0;c(s),o(i)}),[t])}},exports.useGetScrollPosition=function(t,n,r){var o=void 0===r?{}:r,u=o.scrollStartOffset,l=void 0===u?100:u,c=o.scrollEndOffset,i=void 0===c?0:c,s=e.useState(!1),a=s[0],f=s[1],d=e.useState(!1),v=d[0],m=d[1],S=e.useState(!1),p=S[0],E=S[1],g=e.useCallback((function(){var e=t.current||{},n=e.clientHeight,r=void 0===n?0:n,o=e.scrollHeight,u=void 0===o?0:o,l=e.scrollTop;m(!(u-(void 0===l?0:l)-i<=r&&0!==r))}),[t,i]),x=e.useCallback((function(){var e=t.current||{},n=e.scrollHeight,r=void 0===n?0:n,o=e.scrollTop;E((void 0===o?0:o)-l>=0&&0!==r)}),[t,l]),T=e.useCallback((function(){x(),g(),f(!1)}),[g,x]),h=e.useCallback((function(){x(),g(),f(!0)}),[g,x]);return e.useEffect((function(){x()}),[x]),e.useEffect((function(){g()}),[g]),e.useEffect((function(){if(null==n?void 0:n.current){var e=new ResizeObserver(T);return e.observe(n.current),function(){e.disconnect()}}}),[n,T]),{isScrollEnd:v,isScrollStart:p,wasScrolled:a,onScroll:h}},exports.useOuterClick=function(t,n){var r=e.useCallback((function(e){var n;return t.current&&!(null===(n=t.current)||void 0===n?void 0:n.contains(e.target))}),[t]),o=e.useCallback((function(e){r(e)&&n(!1)}),[r,n]);e.useEffect((function(){return document.addEventListener("click",o,!0),function(){return document.removeEventListener("click",o,!0)}}),[o])},exports.useOuterClickField=function(t,n,r){void 0===r&&(r=!0),e.useEffect((function(){var e=function(e){t.current&&!t.current.contains(e.target)&&r&&n()};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}),[t,n,r])},exports.useRefForDrag=function(t){var n=e.useState(!1),r=n[0],o=n[1];return{element:e.useMemo((function(){return r?null:t}),[r,t]),handleContainerFocus:e.useCallback((function(){o(!0)}),[]),handleContainerBlur:e.useCallback((function(){o(!1)}),[])}},exports.useResizeTextarea=function(){var t=e.useCallback((function(e){e&&(e.style.height="auto",e.style.height=e.scrollHeight+"px")}),[]);return{handleTextareaInput:e.useCallback((function(e){var n=e.currentTarget;t(n)}),[t]),handleTextareaRender:t,handleTextareaResize:t}},exports.useThrottle=function(t,n){var r=e.useState(!1),o=r[0],u=r[1],l=e.useState(null),c=l[0],i=l[1],s=e.useCallback((function(){for(var e=[],r=0;r<arguments.length;r++)e[r]=arguments[r];o||(t.apply(void 0,e),u(!0),i(setTimeout((function(){return u(!1)}),n)))}),[t,n,o]);return e.useEffect((function(){return function(){c&&clearTimeout(c)}}),[c]),s},exports.useTouched=function(t){var n=e.useState(!1),r=n[0],o=n[1];return e.useEffect((function(){var e=function(){!r&&t.current&&document.activeElement===t.current&&o(!0)};return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)}}),[t,r]),r},exports.useWindowResize=function(){var t=e.useState(window.innerWidth<=1024),n=t[0],r=t[1],o=e.useState(window.innerWidth<=768),u=o[0],l=o[1],c=e.useCallback((function(e){var t=e.currentTarget;r(t.innerWidth<=1024),l(t.innerWidth<=768)}),[]);return e.useEffect((function(){return window.addEventListener("resize",c),function(){return window.removeEventListener("resize",c)}}),[c]),{isTablet:n,isMobile:u}};
 //# sourceMappingURL=index.js.map

package.json

 {
     "name": "@lms-elements/hooks",
-    "version": "2.0.19",
+    "version": "2.0.20",
     "description": "Custom React hooks",
@@ -41,3 +41,3 @@ "keywords": [
     },
-    "gitHead": "28c985d0e32bf486f235a58b6c705e345320fe54"
+    "gitHead": "d5d6b4254ecec61e96a7ce81965deae2befded2a"
 }

No alert changes

Improved metrics

Total package byte prevSize

35013

increased by6.01%

Number of package files

20

increased by5.26%

Lines of code

114

increased by2.7%

No dependency changes