@jamsr-ui/hooks - npm Package Compare versions

Comparing version 0.0.43 to 0.0.44

dist/index.js

 "use client"
-"use strict";var N=Object.create;var R=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var J=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var z=(e,t)=>{for(var n in t)R(e,n,{get:t[n],enumerable:!0})},w=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of J(t))!q.call(e,s)&&s!==n&&R(e,s,{get:()=>t[s],enumerable:!(o=W(t,s))||o.enumerable});return e};var G=(e,t,n)=>(n=e!=null?N(j(e)):{},w(t||!e||!e.__esModule?R(n,"default",{value:e,enumerable:!0}):n,e)),Q=e=>w(R({},"__esModule",{value:!0}),e);var Y={};z(Y,{useCallbackRef:()=>x,useControlledState:()=>h,useControlledState2:()=>F,useDebounce:()=>C,useDisclosure:()=>k,useEventListener:()=>M,useFocus:()=>H,useFocusVisible:()=>K,useHover:()=>U,useKeyPress:()=>V,useMergeRefs:()=>A,usePress:()=>I,usePrevious:()=>B});module.exports=Q(Y);var v=require("react");function x(e){let t=(0,v.useRef)(e);return(0,v.useEffect)(()=>{t.current=e}),(0,v.useMemo)(()=>(...n)=>t.current?.(...n),[])}var m=require("react");var F=(e,t,n)=>{let[o,s]=(0,m.useState)(t??e);return(0,m.useEffect)(()=>{n?.(o)},[n,o]),[o,s]};function X({defaultProp:e,onChange:t}){let n=(0,m.useState)(e),[o]=n,s=(0,m.useRef)(o),i=x(t);return(0,m.useEffect)(()=>{s.current!==o&&(i(o),s.current=o)},[o,s,i]),n}function h(e,t,n){let[o,s]=X({defaultProp:e,onChange:n}),i=t!==void 0,a=i?t:o,u=x(n),r=(0,m.useCallback)(c=>{if(i){let d=typeof c=="function"?c(t):c;d!==t&&u(d)}else s(c)},[i,t,s,u]);return[a,r]}var P=require("react"),C=(e,t=500)=>{let[n,o]=(0,P.useState)(e);return(0,P.useEffect)(()=>{let s=setTimeout(()=>{o(e)},t);return()=>{clearTimeout(s)}},[e,t]),n};var p=require("react"),k=e=>{let[t,n]=(0,p.useState)(e??!1),o=(0,p.useCallback)(()=>n(!0),[]),s=(0,p.useCallback)(()=>n(!1),[]);return{onToggle:(0,p.useCallback)(()=>n(a=>!a),[]),isOpen:t,setIsOpen:n,onOpen:o,onClose:s}};var y=require("react"),M=(e,t,n)=>{let o=(0,y.useRef)(null);(0,y.useEffect)(()=>{o.current=n},[n]),(0,y.useEffect)(()=>{if(!e)return()=>{};let s=i=>{o.current&&o.current(i)};return e.addEventListener(t,s),()=>{e.removeEventListener(t,s)}},[t,e])};var E=require("react"),H=(e={})=>{let{onFocusStart:t,onFocusEnd:n,isDisabled:o}=e,[s,i]=(0,E.useState)(!1),a=(0,E.useRef)(null);return(0,E.useEffect)(()=>{let u=a.current;if(!u||o)return()=>{};let r=()=>{i(!0),t?.()},c=()=>{i(!1),n?.()};return u.addEventListener("focus",r),u.addEventListener("blur",c),()=>{u.removeEventListener("focus",r),u.removeEventListener("blur",c)}},[t,n,o]),{ref:a,isFocused:s}};var T=require("react"),K=(e={})=>{let{onFocusVisible:t,onBlurVisible:n,isDisabled:o}=e,[s,i]=(0,T.useState)(!1),a=(0,T.useRef)(null);return(0,T.useEffect)(()=>{if(o)return()=>{};let u=!1,r=a.current,c=f=>{(f.key==="Tab"||f.key==="ArrowUp"||f.key==="ArrowDown"||f.key==="ArrowLeft"||f.key==="Home"||f.key==="End"||f.key==="ArrowRight")&&(u=!0)},l=()=>{u=!1},d=()=>{u&&(i(!0),t?.())},S=()=>{s&&(i(!1),n?.())};return document.addEventListener("keydown",c),document.addEventListener("mousedown",l),document.addEventListener("touchstart",l),r&&(r.addEventListener("focus",d),r.addEventListener("blur",S)),()=>{document.removeEventListener("keydown",c),document.removeEventListener("mousedown",l),document.removeEventListener("touchstart",l),r&&(r.removeEventListener("focus",d),r.removeEventListener("blur",S))}},[t,n,o,s]),{ref:a,isFocusVisible:s}};var b=require("react"),U=e=>{let{enterDelay:t=0,exitDelay:n=0,isDisabled:o}=e??{},[s,i]=(0,b.useState)(!1),a=(0,b.useRef)(null);return(0,b.useEffect)(()=>{let u=a.current;if(!u||o)return()=>{};let r=null,c=null,l=()=>{c&&clearTimeout(c),r=setTimeout(()=>{i(!0)},t)},d=()=>{r&&clearTimeout(r),c=setTimeout(()=>{i(!1)},n)};return u.addEventListener("mouseenter",l),u.addEventListener("mouseleave",d),()=>{r&&clearTimeout(r),c&&clearTimeout(c),u.removeEventListener("mouseenter",l),u.removeEventListener("mouseleave",d)}},[t,n,o]),{ref:a,isHovered:s}};var O=require("react"),V=(e,t)=>{(0,O.useEffect)(()=>{let n=o=>{let s=e===null&&"all"||Array.isArray(e)&&e||[e];(s==="all"||s.includes(o.key))&&t(o)};return window.addEventListener("keydown",n),()=>{window.removeEventListener("keydown",n)}},[e,t])};var g=G(require("react")),A=e=>g.useMemo(()=>e.every(t=>t==null)?null:t=>{e.forEach(n=>{typeof n=="function"?n(t):n!=null&&(n.current=t)})},e);var L=require("react"),I=(e={})=>{let{onPressStart:t,onPressEnd:n,onPressCancel:o,isDisabled:s}=e,[i,a]=(0,L.useState)(!1),u=(0,L.useRef)(null);return(0,L.useEffect)(()=>{let r=u.current;if(!r||s)return()=>{};let c=()=>{a(!0),t?.();let l=f=>{if(r.contains(f.target)){a(!0);return}a(!1),o?.()},d=f=>{r&&r.contains(f.target)&&n?.(),a(!1),S()},S=()=>{document.removeEventListener("pointermove",l),document.removeEventListener("pointerup",d)};document.addEventListener("pointermove",l),document.addEventListener("pointerup",d)};return r.addEventListener("pointerdown",c),()=>{r.removeEventListener("pointerdown",c)}},[t,n,o,s]),{ref:u,isPressed:i}};var D=require("react"),B=e=>{let t=(0,D.useRef)(e);return(0,D.useEffect)(()=>{t.current=e},[e]),t.current};0&&(module.exports={useCallbackRef,useControlledState,useControlledState2,useDebounce,useDisclosure,useEventListener,useFocus,useFocusVisible,useHover,useKeyPress,useMergeRefs,usePress,usePrevious});
+"use strict";var B=Object.create;var R=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var J=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var z=(e,t)=>{for(var n in t)R(e,n,{get:t[n],enumerable:!0})},F=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of J(t))!q.call(e,s)&&s!==n&&R(e,s,{get:()=>t[s],enumerable:!(o=N(t,s))||o.enumerable});return e};var G=(e,t,n)=>(n=e!=null?B(j(e)):{},F(t||!e||!e.__esModule?R(n,"default",{value:e,enumerable:!0}):n,e)),Q=e=>F(R({},"__esModule",{value:!0}),e);var Y={};z(Y,{useCallbackRef:()=>x,useControlledState:()=>C,useControlledState2:()=>h,useDebounce:()=>M,useDisclosure:()=>H,useEventListener:()=>k,useFocus:()=>K,useFocusVisible:()=>U,useHover:()=>O,useKeyPress:()=>V,useMergeRefs:()=>A,usePress:()=>I,usePrevious:()=>W});module.exports=Q(Y);var v=require("react");function x(e){let t=(0,v.useRef)(e);return(0,v.useEffect)(()=>{t.current=e}),(0,v.useMemo)(()=>(...n)=>t.current?.(...n),[])}var m=require("react");var h=(e,t,n)=>{let[o,s]=(0,m.useState)(t??e);return(0,m.useEffect)(()=>{n?.(o)},[n,o]),[o,s]};function X({defaultProp:e,onChange:t}){let n=(0,m.useState)(e),[o]=n,s=(0,m.useRef)(o),u=x(t);return(0,m.useEffect)(()=>{s.current!==o&&(u(o),s.current=o)},[o,s,u]),n}function C(e,t,n){let[o,s]=X({defaultProp:e,onChange:n}),u=t!==void 0,c=u?t:o,i=x(n),r=(0,m.useCallback)(a=>{if(u){let d=typeof a=="function"?a(t):a;d!==t&&i(d)}else s(a)},[u,t,s,i]);return[c,r]}var P=require("react"),M=(e,t=500)=>{let[n,o]=(0,P.useState)(e);return(0,P.useEffect)(()=>{let s=setTimeout(()=>{o(e)},t);return()=>{clearTimeout(s)}},[e,t]),n};var p=require("react"),H=e=>{let[t,n]=(0,p.useState)(e??!1),o=(0,p.useCallback)(()=>n(!0),[]),s=(0,p.useCallback)(()=>n(!1),[]);return{onToggle:(0,p.useCallback)(()=>n(c=>!c),[]),isOpen:t,setIsOpen:n,onOpen:o,onClose:s}};var y=require("react"),k=(e,t,n)=>{let o=(0,y.useRef)(null);(0,y.useEffect)(()=>{o.current=n},[n]),(0,y.useEffect)(()=>{if(!e)return()=>{};let s=u=>{o.current&&o.current(u)};return e.addEventListener(t,s),()=>{e.removeEventListener(t,s)}},[t,e])};var T=require("react"),K=(e={})=>{let{onFocusStart:t,onFocusEnd:n,isDisabled:o}=e,[s,u]=(0,T.useState)(!1),c=(0,T.useRef)(null);return(0,T.useEffect)(()=>{let i=c.current;if(!i||o)return()=>{};let r=()=>{u(!0),t?.()},a=()=>{u(!1),n?.()};return i.addEventListener("focus",r),i.addEventListener("blur",a),()=>{i.removeEventListener("focus",r),i.removeEventListener("blur",a)}},[t,n,o]),{ref:c,isFocused:s}};var E=require("react"),U=(e={})=>{let{onFocusVisible:t,onBlurVisible:n,isDisabled:o}=e,[s,u]=(0,E.useState)(!1),c=(0,E.useRef)(null);return(0,E.useEffect)(()=>{if(o)return()=>{};let i=!1,r=c.current,a=f=>{(f.key==="Tab"||f.key==="ArrowUp"||f.key==="ArrowDown"||f.key==="ArrowLeft"||f.key==="Home"||f.key==="End"||f.key==="ArrowRight")&&(i=!0)},l=()=>{i=!1},d=()=>{i&&(u(!0),t?.())},S=()=>{s&&(u(!1),n?.())};return document.addEventListener("keydown",a),document.addEventListener("mousedown",l),document.addEventListener("touchstart",l),r&&(r.addEventListener("focus",d),r.addEventListener("blur",S)),()=>{document.removeEventListener("keydown",a),document.removeEventListener("mousedown",l),document.removeEventListener("touchstart",l),r&&(r.removeEventListener("focus",d),r.removeEventListener("blur",S))}},[t,n,o,s]),{ref:c,isFocusVisible:s}};var b=require("react"),O=e=>{let{enterDelay:t=0,exitDelay:n=0,isDisabled:o}=e??{},[s,u]=(0,b.useState)(!1),c=(0,b.useRef)(null);return(0,b.useEffect)(()=>{let i=c.current;if(!i||o)return()=>{};let r=null,a=null,l=()=>{a&&clearTimeout(a),r=setTimeout(()=>{u(!0)},t)},d=()=>{r&&clearTimeout(r),a=setTimeout(()=>{u(!1)},n)};return i.addEventListener("mouseenter",l),i.addEventListener("mouseleave",d),()=>{r&&clearTimeout(r),a&&clearTimeout(a),i.removeEventListener("mouseenter",l),i.removeEventListener("mouseleave",d)}},[t,n,o]),{ref:c,isHovered:s}};var D=require("react"),V=(e,t,n={})=>{let o=(0,D.useRef)(null),{isDisabled:s=!1}=n;return(0,D.useEffect)(()=>{let u=n.isWindow?window:o.current;if(!u||s)return()=>{};let c=i=>{let r=e===null&&"all"||Array.isArray(e)&&e||[e];(r==="all"||r.includes(i.key))&&t(i)};return u.addEventListener("keydown",c),()=>{u.removeEventListener("keydown",c)}},[e,t,s,n.isWindow]),{ref:o}};var g=G(require("react")),A=e=>g.useMemo(()=>e.every(t=>t==null)?null:t=>{e.forEach(n=>{typeof n=="function"?n(t):n!=null&&(n.current=t)})},e);var L=require("react"),I=(e={})=>{let{onPressStart:t,onPressEnd:n,onPressCancel:o,isDisabled:s}=e,[u,c]=(0,L.useState)(!1),i=(0,L.useRef)(null);return(0,L.useEffect)(()=>{let r=i.current;if(!r||s)return()=>{};let a=()=>{c(!0),t?.();let l=f=>{if(r.contains(f.target)){c(!0);return}c(!1),o?.()},d=f=>{r&&r.contains(f.target)&&n?.(),c(!1),S()},S=()=>{document.removeEventListener("pointermove",l),document.removeEventListener("pointerup",d)};document.addEventListener("pointermove",l),document.addEventListener("pointerup",d)};return r.addEventListener("pointerdown",a),()=>{r.removeEventListener("pointerdown",a)}},[t,n,o,s]),{ref:i,isPressed:u}};var w=require("react"),W=e=>{let t=(0,w.useRef)(e);return(0,w.useEffect)(()=>{t.current=e},[e]),t.current};0&&(module.exports={useCallbackRef,useControlledState,useControlledState2,useDebounce,useDisclosure,useEventListener,useFocus,useFocusVisible,useHover,useKeyPress,useMergeRefs,usePress,usePrevious});

dist/use-keypress.d.ts

@@ -1,3 +0,10 @@
-declare const useKeyPress: (keys: null | string | string[], callback: (event: KeyboardEvent) => void) => void;
+import * as react from 'react';
 
+declare const useKeyPress: <T extends HTMLElement>(keys: null | string | string[], callback: (event: KeyboardEvent) => void, options?: {
+    isDisabled?: boolean;
+    isWindow?: boolean;
+}) => {
+    ref: react.RefObject<T>;
+};
+
 export { useKeyPress };

dist/use-keypress.js

 "use client"
-"use strict";var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var u=(e,n)=>{for(var t in n)i(e,t,{get:n[t],enumerable:!0})},v=(e,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of l(n))!a.call(e,r)&&r!==t&&i(e,r,{get:()=>n[r],enumerable:!(o=d(n,r))||o.enumerable});return e};var w=e=>v(i({},"__esModule",{value:!0}),e);var E={};u(E,{useKeyPress:()=>y});module.exports=w(E);var s=require("react"),y=(e,n)=>{(0,s.useEffect)(()=>{let t=o=>{let r=e===null&&"all"||Array.isArray(e)&&e||[e];(r==="all"||r.includes(o.key))&&n(o)};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[e,n])};0&&(module.exports={useKeyPress});
+"use strict";var d=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var E=(e,n)=>{for(var r in n)d(e,r,{get:n[r],enumerable:!0})},v=(e,n,r,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of c(n))!w.call(e,s)&&s!==r&&d(e,s,{get:()=>n[s],enumerable:!(t=f(n,s))||t.enumerable});return e};var y=e=>v(d({},"__esModule",{value:!0}),e);var m={};E(m,{useKeyPress:()=>b});module.exports=y(m);var i=require("react"),b=(e,n,r={})=>{let t=(0,i.useRef)(null),{isDisabled:s=!1}=r;return(0,i.useEffect)(()=>{let o=r.isWindow?window:t.current;if(!o||s)return()=>{};let l=a=>{let u=e===null&&"all"||Array.isArray(e)&&e||[e];(u==="all"||u.includes(a.key))&&n(a)};return o.addEventListener("keydown",l),()=>{o.removeEventListener("keydown",l)}},[e,n,s,r.isWindow]),{ref:t}};0&&(module.exports={useKeyPress});

package.json

 {
   "name": "@jamsr-ui/hooks",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "description": "A react js ui library with tailwindcss",
@@ -5,0 +5,0 @@ "sideEffects": false,

No alert changes

Improved metrics

Total package byte prevSize

32085

increased by2.13%

Lines of code

248

increased by2.9%

No dependency changes