tekivex-ui 2.5.2 → 2.5.4

package/dist/headless.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./TkxForm-ljQjX7KD.cjs"),y=require("./index-BINBzXuY.cjs"),t=require("react");function v(e=!1){const[c,s]=t.useState(e),n=t.useCallback(()=>s(!0),[]),r=t.useCallback(()=>s(!1),[]),u=t.useCallback(()=>s(o=>!o),[]);return{isOpen:c,open:n,close:r,toggle:u}}function p({count:e,initialIndex:c=0,orientation:s="horizontal",loop:n=!0}){const[r,u]=t.useState(c),o=t.useRef([]),a=t.useCallback(i=>{u(l=>{let b=l+i;return n?b=(b%e+e)%e:b=Math.max(0,Math.min(e-1,b)),requestAnimationFrame(()=>{var k;(k=o.current[b])==null||k.focus()}),b})},[e,n]),S=t.useCallback(i=>({tabIndex:i===r?0:-1,"data-focused":i===r,onFocus:()=>u(i),onKeyDown:l=>{const b=s==="horizontal"||s==="both",k=s==="vertical"||s==="both";b&&l.key==="ArrowRight"&&(l.preventDefault(),a(1)),b&&l.key==="ArrowLeft"&&(l.preventDefault(),a(-1)),k&&l.key==="ArrowDown"&&(l.preventDefault(),a(1)),k&&l.key==="ArrowUp"&&(l.preventDefault(),a(-1)),l.key==="Home"&&(l.preventDefault(),u(0),requestAnimationFrame(()=>{var C;return(C=o.current[0])==null?void 0:C.focus()})),l.key==="End"&&(l.preventDefault(),u(e-1),requestAnimationFrame(()=>{var C;return(C=o.current[e-1])==null?void 0:C.focus()}))}}),[r,a,s,e]);return{focusedIndex:r,setFocusedIndex:u,getItemProps:S}}function I({initialValues:e,validate:c}){const[s,n]=t.useState({...e}),[r,u]=t.useState({}),[o,a]=t.useState({}),S=t.useRef(e),i=t.useCallback((d,h)=>{n(A=>({...A,[d]:h}))},[]),l=t.useCallback(d=>{n(h=>({...h,...d}))},[]),b=t.useCallback(d=>{a(h=>({...h,[d]:!0}))},[]),k=t.useCallback(()=>{if(!c)return!0;const d=c(s),h=Object.fromEntries(Object.entries(d).filter(([,x])=>x!=null));u(h);const A=Object.fromEntries(Object.keys(s).map(x=>[x,!0]));return a(A),Object.keys(h).length===0},[s,c]),C=t.useCallback(()=>{n({...S.current}),u({}),a({})},[]),f=Object.keys(s).some(d=>s[d]!==S.current[d]),m=Object.keys(r).length===0,w=t.useCallback(d=>({value:s[d],onChange:h=>{i(d,h.target.value)},onBlur:()=>b(d),"aria-invalid":o[d]&&r[d]?!0:void 0,"aria-describedby":r[d]?`${String(d)}-error`:void 0}),[s,r,o,i,b]);return{values:s,errors:r,touched:o,dirty:f,isValid:m,setValue:i,setValues:l,touchField:b,validate:k,reset:C,getFieldProps:w}}function O({items:e,initialSelected:c=[],multiple:s=!0}){const[n,r]=t.useState(()=>new Set(c)),u=t.useCallback(f=>{r(m=>{const w=new Set(m);return w.has(f)?w.delete(f):(s||w.clear(),w.add(f)),w})},[s]),o=t.useCallback(f=>{r(m=>{if(m.has(f))return m;const w=s?new Set(m):new Set;return w.add(f),w})},[s]),a=t.useCallback(f=>{r(m=>{if(!m.has(f))return m;const w=new Set(m);return w.delete(f),w})},[]),S=t.useCallback(()=>{s&&r(new Set(e))},[e,s]),i=t.useCallback(()=>r(new Set),[]),l=t.useCallback(()=>{r(f=>e.every(w=>f.has(w))?new Set:new Set(e))},[e]),b=e.length>0&&e.every(f=>n.has(f)),k=e.some(f=>n.has(f)),C=t.useMemo(()=>Array.from(n),[n]);return{selected:n,isSelected:t.useCallback(f=>n.has(f),[n]),toggle:u,select:o,deselect:a,selectAll:S,deselectAll:i,toggleAll:l,allSelected:b,someSelected:k,selectedCount:n.size,selectedArray:C}}function R(e,c){const[s,n]=t.useState(e);return t.useEffect(()=>{const r=setTimeout(()=>n(e),c);return()=>clearTimeout(r)},[e,c]),s}function T(e,c){const[s,n]=t.useState(e),r=t.useRef(Date.now());return t.useEffect(()=>{const u=Date.now(),o=c-(u-r.current);if(o<=0)r.current=u,n(e);else{const a=setTimeout(()=>{r.current=Date.now(),n(e)},o);return()=>clearTimeout(a)}},[e,c]),s}function D({value:e,onChange:c,defaultValue:s}){const n=e!==void 0,[r,u]=t.useState(s),o=t.useRef(c);o.current=c;const a=t.useCallback(S=>{var i;n||u(S),(i=o.current)==null||i.call(o,S)},[n]);return[n?e:r,a]}function E(e){const[c,s]=t.useState(()=>typeof window>"u"?!1:window.matchMedia(e).matches);return t.useEffect(()=>{if(typeof window>"u")return;const n=window.matchMedia(e);s(n.matches);const r=u=>s(u.matches);return n.addEventListener("change",r),()=>n.removeEventListener("change",r)},[e]),c}function F(e,c){const[s,n]=t.useState(()=>{if(typeof window>"u")return c;try{const o=window.localStorage.getItem(e);return o!==null?JSON.parse(o):c}catch{return c}}),r=t.useCallback(o=>{n(a=>{const S=typeof o=="function"?o(a):o;if(typeof window<"u")try{window.localStorage.setItem(e,JSON.stringify(S))}catch{}return S})},[e]),u=t.useCallback(()=>{if(n(c),typeof window<"u")try{window.localStorage.removeItem(e)}catch{}},[e,c]);return[s,r,u]}function V({threshold:e=0,rootMargin:c="0px",root:s=null,once:n=!1}={}){const r=t.useRef(null),[u,o]=t.useState(null),a=t.useRef(null);return t.useEffect(()=>{const S=r.current;if(!(!S||typeof IntersectionObserver>"u"))return a.current=new IntersectionObserver(([i])=>{var l;o(i),n&&i.isIntersecting&&((l=a.current)==null||l.unobserve(S))},{threshold:e,rootMargin:c,root:s}),a.current.observe(S),()=>{var i;return(i=a.current)==null?void 0:i.disconnect()}},[e,c,s,n]),{ref:r,isIntersecting:(u==null?void 0:u.isIntersecting)??!1,entry:u}}exports.cx=g.cx;exports.extractAtomicCSS=g.extractAtomicCSS;exports.resetAtomicCSS=g.resetAtomicCSS;exports.sanitizeProps=g.sanitizeProps;exports.sanitizeString=g.sanitizeString;exports.tkxListPlugins=g.tkxListPlugins;exports.tkxPlugin=g.tkxPlugin;exports.tkxRemovePlugin=g.tkxRemovePlugin;exports.useAnnounce=g.useAnnounce;exports.useClickOutside=g.useClickOutside;exports.useEscapeKey=g.useEscapeKey;exports.useFocusTrap=g.useFocusTrap;exports.useHighContrast=g.useHighContrast;exports.useReducedMotion=g.useReducedMotion;exports.useTkxForm=g.useTkxForm;exports.contrastRatio=y.contrastRatio;exports.cssVar=y.cssVar;exports.extractCSS=y.extractCSS;exports.injectStyles=y.injectStyles;exports.meetsAA=y.meetsAA;exports.meetsAAA=y.meetsAAA;exports.resetStyles=y.resetStyles;exports.useControllable=D;exports.useDebounce=R;exports.useDisclosure=v;exports.useFormState=I;exports.useIntersectionObserver=V;exports.useListSelection=O;exports.useLocalStorage=F;exports.useMediaQuery=E;exports.useRovingTabIndex=p;exports.useThrottle=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./TkxForm-DwV_n-eE.cjs"),J=require("./tkx-BeNyC0w7.cjs"),q=require("./index-BINBzXuY.cjs"),B=require("./security-C369oOWH.cjs"),e=require("react");function Y(t=!1){const[c,n]=e.useState(t),s=e.useCallback(()=>n(!0),[]),r=e.useCallback(()=>n(!1),[]),o=e.useCallback(()=>n(u=>!u),[]);return{isOpen:c,open:s,close:r,toggle:o}}function Z({count:t,initialIndex:c=0,orientation:n="horizontal",loop:s=!0}){const[r,o]=e.useState(c),u=e.useRef([]),l=e.useCallback(i=>{o(d=>{let y=d+i;return s?y=(y%t+t)%t:y=Math.max(0,Math.min(t-1,y)),requestAnimationFrame(()=>{var w;(w=u.current[y])==null||w.focus()}),y})},[t,s]),S=e.useCallback(i=>({tabIndex:i===r?0:-1,"data-focused":i===r,onFocus:()=>o(i),onKeyDown:d=>{const y=n==="horizontal"||n==="both",w=n==="vertical"||n==="both";y&&d.key==="ArrowRight"&&(d.preventDefault(),l(1)),y&&d.key==="ArrowLeft"&&(d.preventDefault(),l(-1)),w&&d.key==="ArrowDown"&&(d.preventDefault(),l(1)),w&&d.key==="ArrowUp"&&(d.preventDefault(),l(-1)),d.key==="Home"&&(d.preventDefault(),o(0),requestAnimationFrame(()=>{var m;return(m=u.current[0])==null?void 0:m.focus()})),d.key==="End"&&(d.preventDefault(),o(t-1),requestAnimationFrame(()=>{var m;return(m=u.current[t-1])==null?void 0:m.focus()}))}}),[r,l,n,t]);return{focusedIndex:r,setFocusedIndex:o,getItemProps:S}}function _({initialValues:t,validate:c}){const[n,s]=e.useState({...t}),[r,o]=e.useState({}),[u,l]=e.useState({}),S=e.useRef(t),i=e.useCallback((f,b)=>{s(x=>({...x,[f]:b}))},[]),d=e.useCallback(f=>{s(b=>({...b,...f}))},[]),y=e.useCallback(f=>{l(b=>({...b,[f]:!0}))},[]),w=e.useCallback(()=>{if(!c)return!0;const f=c(n),b=Object.fromEntries(Object.entries(f).filter(([,A])=>A!=null));o(b);const x=Object.fromEntries(Object.keys(n).map(A=>[A,!0]));return l(x),Object.keys(b).length===0},[n,c]),m=e.useCallback(()=>{s({...S.current}),o({}),l({})},[]),g=Object.keys(n).some(f=>n[f]!==S.current[f]),k=Object.keys(r).length===0,a=e.useCallback(f=>({value:n[f],onChange:b=>{i(f,b.target.value)},onBlur:()=>y(f),"aria-invalid":u[f]&&r[f]?!0:void 0,"aria-describedby":r[f]?`${String(f)}-error`:void 0}),[n,r,u,i,y]);return{values:n,errors:r,touched:u,dirty:g,isValid:k,setValue:i,setValues:d,touchField:y,validate:w,reset:m,getFieldProps:a}}function ee({items:t,initialSelected:c=[],multiple:n=!0}){const[s,r]=e.useState(()=>new Set(c)),o=e.useCallback(g=>{r(k=>{const a=new Set(k);return a.has(g)?a.delete(g):(n||a.clear(),a.add(g)),a})},[n]),u=e.useCallback(g=>{r(k=>{if(k.has(g))return k;const a=n?new Set(k):new Set;return a.add(g),a})},[n]),l=e.useCallback(g=>{r(k=>{if(!k.has(g))return k;const a=new Set(k);return a.delete(g),a})},[]),S=e.useCallback(()=>{n&&r(new Set(t))},[t,n]),i=e.useCallback(()=>r(new Set),[]),d=e.useCallback(()=>{r(g=>t.every(a=>g.has(a))?new Set:new Set(t))},[t]),y=t.length>0&&t.every(g=>s.has(g)),w=t.some(g=>s.has(g)),m=e.useMemo(()=>Array.from(s),[s]);return{selected:s,isSelected:e.useCallback(g=>s.has(g),[s]),toggle:o,select:u,deselect:l,selectAll:S,deselectAll:i,toggleAll:d,allSelected:y,someSelected:w,selectedCount:s.size,selectedArray:m}}function te(t,c){const[n,s]=e.useState(t);return e.useEffect(()=>{const r=setTimeout(()=>s(t),c);return()=>clearTimeout(r)},[t,c]),n}function ne(t,c){const[n,s]=e.useState(t),r=e.useRef(Date.now());return e.useEffect(()=>{const o=Date.now(),u=c-(o-r.current);if(u<=0)r.current=o,s(t);else{const l=setTimeout(()=>{r.current=Date.now(),s(t)},u);return()=>clearTimeout(l)}},[t,c]),n}function re({value:t,onChange:c,defaultValue:n}){const s=t!==void 0,[r,o]=e.useState(n),u=e.useRef(c);u.current=c;const l=e.useCallback(S=>{var i;s||o(S),(i=u.current)==null||i.call(u,S)},[s]);return[s?t:r,l]}function se(t){const[c,n]=e.useState(()=>typeof window>"u"?!1:window.matchMedia(t).matches);return e.useEffect(()=>{if(typeof window>"u")return;const s=window.matchMedia(t);n(s.matches);const r=o=>n(o.matches);return s.addEventListener("change",r),()=>s.removeEventListener("change",r)},[t]),c}function ce(t,c){const[n,s]=e.useState(()=>{if(typeof window>"u")return c;try{const u=window.localStorage.getItem(t);return u!==null?JSON.parse(u):c}catch{return c}}),r=e.useCallback(u=>{s(l=>{const S=typeof u=="function"?u(l):u;if(typeof window<"u")try{window.localStorage.setItem(t,JSON.stringify(S))}catch{}return S})},[t]),o=e.useCallback(()=>{if(s(c),typeof window<"u")try{window.localStorage.removeItem(t)}catch{}},[t,c]);return[n,r,o]}function ue({threshold:t=0,rootMargin:c="0px",root:n=null,once:s=!1}={}){const r=e.useRef(null),[o,u]=e.useState(null),l=e.useRef(null);return e.useEffect(()=>{const S=r.current;if(!(!S||typeof IntersectionObserver>"u"))return l.current=new IntersectionObserver(([i])=>{var d;u(i),s&&i.isIntersecting&&((d=l.current)==null||d.unobserve(S))},{threshold:t,rootMargin:c,root:n}),l.current.observe(S),()=>{var i;return(i=l.current)==null?void 0:i.disconnect()}},[t,c,n,s]),{ref:r,isIntersecting:(o==null?void 0:o.isIntersecting)??!1,entry:o}}function oe(t){const{url:c,protocols:n,reconnect:s=!0,reconnectDelay:r=1e3,reconnectAttempts:o=10,heartbeatInterval:u=3e4,heartbeatMessage:l="ping",onOpen:S,onClose:i,onError:d,onMessage:y}=t,[w,m]=e.useState("disconnected"),[g,k]=e.useState(null),[a,f]=e.useState([]),[b,x]=e.useState(0),[A,F]=e.useState(null),h=e.useRef(null),O=e.useRef(0),V=e.useRef(null),D=e.useRef(null),L=e.useRef(null),p=e.useRef([]),R=e.useRef(!0),T=e.useRef(!1),C=e.useRef(S),M=e.useRef(i),P=e.useRef(d),Q=e.useRef(y);C.current=S,M.current=i,P.current=d,Q.current=y;const z=e.useCallback(()=>{V.current&&(clearTimeout(V.current),V.current=null),D.current&&(clearInterval(D.current),D.current=null)},[]),U=e.useCallback(E=>{for(;p.current.length>0;){const I=p.current.shift();I!==void 0&&E.send(typeof I=="string"?I:JSON.stringify(I))}},[]),K=e.useCallback(()=>{if(h.current&&h.current.readyState===WebSocket.OPEN)return;T.current=!1,z(),R.current&&m("connecting");const E=new WebSocket(c,n);h.current=E,E.onopen=I=>{var v;R.current&&(m("connected"),O.current=0,x(0),(v=C.current)==null||v.call(C,I),U(E),D.current=setInterval(()=>{if(E.readyState===WebSocket.OPEN){L.current=Date.now();try{E.send(JSON.stringify({type:"ping",t:L.current}))}catch{}}},u))},E.onmessage=I=>{var W;if(!R.current)return;let v;try{v=JSON.parse(I.data)}catch{v=I.data}const j=v;if(j&&typeof j=="object"&&j.type==="pong"&&typeof j.t=="number"){F(Date.now()-j.t);return}if(v===l&&L.current!==null){F(Date.now()-L.current),L.current=null;return}k(v),f(X=>{const H=[...X,v];return H.length>100?H.slice(H.length-100):H}),(W=Q.current)==null||W.call(Q,v)},E.onerror=I=>{var v;R.current&&(m("error"),(v=P.current)==null||v.call(P,I))},E.onclose=I=>{var v;if(R.current&&(z(),m("disconnected"),(v=M.current)==null||v.call(M,I),!T.current&&s&&O.current<o)){const j=O.current,W=r*Math.pow(1.5,j);O.current+=1,x(O.current),V.current=setTimeout(()=>{R.current&&K()},W)}}},[c,n,s,r,o,u,l,z,U]),$=e.useCallback(()=>{T.current=!0,z(),h.current&&(h.current.close(),h.current=null),R.current&&m("disconnected")},[z]),G=e.useCallback(E=>{h.current&&h.current.readyState===WebSocket.OPEN?h.current.send(typeof E=="string"?E:JSON.stringify(E)):p.current.push(E)},[]);return e.useEffect(()=>(R.current=!0,K(),()=>{R.current=!1,T.current=!0,z(),h.current&&(h.current.close(),h.current=null)}),[]),{status:w,lastMessage:g,messages:a,send:G,connect:K,disconnect:$,reconnectCount:b,latency:A}}function ae(t){const{url:c,events:n=["message"],withCredentials:s=!1,reconnect:r=!0,reconnectDelay:o=3e3,onOpen:u,onError:l}=t,[S,i]=e.useState("connecting"),[d,y]=e.useState(null),[w,m]=e.useState([]),[g,k]=e.useState(0),a=e.useRef(null),f=e.useRef(null),b=e.useRef(!0),x=e.useRef(!1),A=e.useRef(u),F=e.useRef(l);A.current=u,F.current=l;const h=e.useCallback(()=>{f.current&&(clearTimeout(f.current),f.current=null)},[]),O=e.useCallback(()=>{if(typeof EventSource>"u"){b.current&&i("error");return}x.current=!1,h(),a.current&&(a.current.close(),a.current=null),b.current&&i("connecting");const D=new EventSource(c,{withCredentials:s});a.current=D,D.onopen=()=>{var p;b.current&&(i("connected"),(p=A.current)==null||p.call(A))},D.onerror=p=>{var R;b.current&&(i("error"),(R=F.current)==null||R.call(F,p),!x.current&&r&&(h(),f.current=setTimeout(()=>{b.current&&O()},o)))};const L=p=>R=>{if(!b.current)return;let T;try{T=JSON.parse(R.data)}catch{T=R.data}const C={type:p,data:T,timestamp:Date.now(),...R.lastEventId?{id:R.lastEventId}:{}};y({type:C.type,data:C.data,id:C.id}),m(M=>{const P=[...M,C];return P.length>200?P.slice(P.length-200):P}),k(M=>M+1)};for(const p of n)D.addEventListener(p,L(p))},[c,s,r,o,h]),V=e.useCallback(()=>{x.current=!0,h(),a.current&&(a.current.close(),a.current=null),b.current&&i("closed")},[h]);return e.useEffect(()=>(b.current=!0,O(),()=>{b.current=!1,x.current=!0,h(),a.current&&(a.current.close(),a.current=null)}),[]),{status:S,lastEvent:d,events:w,connect:O,disconnect:V,eventCount:g}}function le(t){const{queryFn:c,initialCursor:n=null,enabled:s=!0,dedupKey:r}=t,[o,u]=e.useState([]),[l,S]=e.useState("idle"),[i,d]=e.useState(null),[y,w]=e.useState(!1),[m,g]=e.useState(0),k=e.useRef(n??null),a=e.useRef(!1),f=e.useRef(!0),b=e.useRef(void 0),x=e.useRef(c);x.current=c;const A=e.useCallback(async(L,p,R)=>{if(a.current||r!==void 0&&r===b.current)return;a.current=!0;let T=!1;f.current&&(S(R?"loading":"fetching-more"),d(null));try{const C=await x.current(L,p);if(T||!f.current)return;r!==void 0&&(b.current=r),k.current=C.nextCursor,u(M=>R?[C.data]:[...M,C.data]),w(C.hasMore),g(p),S("success")}catch(C){if(T||!f.current)return;d(C instanceof Error?C:new Error(String(C))),S("error")}finally{T||(a.current=!1)}return()=>{T=!0}},[r]),F=e.useCallback(()=>{!y||a.current||A(k.current,m+1,!1)},[y,m,A]),h=e.useCallback(()=>{a.current=!1,b.current=void 0,k.current=n??null,u([]),S("idle"),d(null),w(!1),g(0)},[n]);e.useEffect(()=>(f.current=!0,s&&A(n??null,0,!0),()=>{f.current=!1}),[s]);const O=o.flat(),V=l==="fetching-more",D=O.length;return{data:O,pages:o,status:l,error:i,hasMore:y,isFetchingMore:V,fetchMore:F,reset:h,pageIndex:m,totalLoaded:D}}exports.useAnnounce=N.useAnnounce;exports.useClickOutside=N.useClickOutside;exports.useEscapeKey=N.useEscapeKey;exports.useFocusTrap=N.useFocusTrap;exports.useHighContrast=N.useHighContrast;exports.useReducedMotion=N.useReducedMotion;exports.useTkxForm=N.useTkxForm;exports.cx=J.cx;exports.extractAtomicCSS=J.extractAtomicCSS;exports.resetAtomicCSS=J.resetAtomicCSS;exports.tkxListPlugins=J.tkxListPlugins;exports.tkxPlugin=J.tkxPlugin;exports.tkxRemovePlugin=J.tkxRemovePlugin;exports.contrastRatio=q.contrastRatio;exports.cssVar=q.cssVar;exports.extractCSS=q.extractCSS;exports.injectStyles=q.injectStyles;exports.meetsAA=q.meetsAA;exports.meetsAAA=q.meetsAAA;exports.resetStyles=q.resetStyles;exports.sanitizeProps=B.sanitizeProps;exports.sanitizeString=B.sanitizeString;exports.useControllable=re;exports.useDebounce=te;exports.useDisclosure=Y;exports.useFormState=_;exports.useInfiniteQuery=le;exports.useIntersectionObserver=ue;exports.useListSelection=ee;exports.useLocalStorage=ce;exports.useMediaQuery=se;exports.useRovingTabIndex=Z;exports.useSSE=ae;exports.useThrottle=ne;exports.useWebSocket=oe;