@vitus-labs/hooks 1.2.2 → 1.2.3-alpha.3
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.
- package/LICENSE +1 -1
- package/README.md +83 -0
- package/lib/analysis/index.js.html +18 -18
- package/lib/index.d.ts +31 -21
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +49 -32
- package/lib/index.js.map +1 -1
- package/package.json +19 -20
- package/lib/types/index.d.ts +0 -7
- package/lib/types/index.d.ts.map +0 -1
- package/lib/types/useHover.d.ts +0 -8
- package/lib/types/useHover.d.ts.map +0 -1
- package/lib/types/useWindowResize.d.ts +0 -11
- package/lib/types/useWindowResize.d.ts.map +0 -1
package/LICENSE
CHANGED
package/README.md
ADDED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
# @vitus-labs/hooks
|
|
2
|
+
|
|
3
|
+
Lightweight React hooks for common UI interactions.
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/@vitus-labs/hooks)
|
|
6
|
+
[](https://github.com/vitus-labs/ui-system/blob/main/LICENSE)
|
|
7
|
+
|
|
8
|
+
## Installation
|
|
9
|
+
|
|
10
|
+
```bash
|
|
11
|
+
npm install @vitus-labs/hooks
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
## Hooks
|
|
15
|
+
|
|
16
|
+
### useHover
|
|
17
|
+
|
|
18
|
+
Tracks hover state with stable callback references.
|
|
19
|
+
|
|
20
|
+
```tsx
|
|
21
|
+
import { useHover } from '@vitus-labs/hooks'
|
|
22
|
+
|
|
23
|
+
const MyComponent = () => {
|
|
24
|
+
const { hover, onMouseEnter, onMouseLeave } = useHover()
|
|
25
|
+
|
|
26
|
+
return (
|
|
27
|
+
<div
|
|
28
|
+
onMouseEnter={onMouseEnter}
|
|
29
|
+
onMouseLeave={onMouseLeave}
|
|
30
|
+
style={{ background: hover ? '#f0f0f0' : '#fff' }}
|
|
31
|
+
>
|
|
32
|
+
{hover ? 'Hovered' : 'Hover me'}
|
|
33
|
+
</div>
|
|
34
|
+
)
|
|
35
|
+
}
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
**Parameters:**
|
|
39
|
+
|
|
40
|
+
| Param | Type | Default | Description |
|
|
41
|
+
| ----- | ---- | ------- | ----------- |
|
|
42
|
+
| initialValue | `boolean` | `false` | Initial hover state |
|
|
43
|
+
|
|
44
|
+
**Returns:** `{ hover: boolean, onMouseEnter: () => void, onMouseLeave: () => void }`
|
|
45
|
+
|
|
46
|
+
### useWindowResize
|
|
47
|
+
|
|
48
|
+
Tracks viewport dimensions with throttled updates.
|
|
49
|
+
|
|
50
|
+
```tsx
|
|
51
|
+
import { useWindowResize } from '@vitus-labs/hooks'
|
|
52
|
+
|
|
53
|
+
const Layout = () => {
|
|
54
|
+
const { width, height } = useWindowResize({
|
|
55
|
+
throttleDelay: 300,
|
|
56
|
+
onChange: ({ width }) => console.log('Width:', width),
|
|
57
|
+
})
|
|
58
|
+
|
|
59
|
+
return <div>Viewport: {width} x {height}</div>
|
|
60
|
+
}
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
**Parameters:**
|
|
64
|
+
|
|
65
|
+
| Param | Type | Default | Description |
|
|
66
|
+
| ----- | ---- | ------- | ----------- |
|
|
67
|
+
| params.throttleDelay | `number` | `200` | Milliseconds between resize handler calls |
|
|
68
|
+
| params.onChange | `(sizes) => void` | — | Callback fired on each resize |
|
|
69
|
+
| initialValues.width | `number` | `0` | Initial width (useful for SSR) |
|
|
70
|
+
| initialValues.height | `number` | `0` | Initial height (useful for SSR) |
|
|
71
|
+
|
|
72
|
+
**Returns:** `{ width: number, height: number }`
|
|
73
|
+
|
|
74
|
+
## Peer Dependencies
|
|
75
|
+
|
|
76
|
+
| Package | Version |
|
|
77
|
+
| ------- | ------- |
|
|
78
|
+
| react | >= 19 |
|
|
79
|
+
| @vitus-labs/core | * |
|
|
80
|
+
|
|
81
|
+
## License
|
|
82
|
+
|
|
83
|
+
MIT
|
|
@@ -149,9 +149,9 @@ main {
|
|
|
149
149
|
var drawChart = (function (exports) {
|
|
150
150
|
'use strict';
|
|
151
151
|
|
|
152
|
-
var n,l$1,u$2,i$1,r$1,o$1,e$1,f$2,c$2,s$1,a$2,h$1,p$1={},v$1=[],y$3=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,d$1=Array.isArray;function w$1(n,l){for(var u in l)n[u]=l[u];return n}function _(n){n&&n.parentNode&&n.parentNode.removeChild(n);}function g(l,u,t){var i,r,o,e={};for(o in u)"key"==o?i=u[o]:"ref"==o?r=u[o]:e[o]=u[o];if(arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===e[o]&&(e[o]=l.defaultProps[o]);return m$2(l,e,i,r,null)}function m$2(n,t,i,r,o){var e={type:n,props:t,key:i,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++u$2:o,__i:-1,__u:0};return null==o&&null!=l$1.vnode&&l$1.vnode(e),e}function k$1(n){return n.children}function x$3(n,l){this.props=n,this.context=l;}function C$1(n,l){if(null==l)return n.__?C$1(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?C$1(n):null}function S(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return S(n)}}function M(n){(!n.__d&&(n.__d=!0)&&i$1.push(n)&&!P.__r++||r$1!==l$1.debounceRendering)&&((r$1=l$1.debounceRendering)||o$1)(P);}function P(){var n,u,t,r,o,f,c,s;for(i$1.sort(e$1);n=i$1.shift();)n.__d&&(u=i$1.length,r=void 0,f=(o=(t=n).__v).__e,c=[],s=[],t.__P&&((r=w$1({},o)).__v=o.__v+1,l$1.vnode&&l$1.vnode(r),j$1(t.__P,r,o,t.__n,t.__P.namespaceURI,32&o.__u?[f]:null,c,null==f?C$1(o):f,!!(32&o.__u),s),r.__v=o.__v,r.__.__k[r.__i]=r,z$1(c,r,s),r.__e!=f&&S(r)),i$1.length>u&&i$1.sort(e$1));P.__r=0;}function $(n,l,u,t,i,r,o,e,f,c,s){var a,h,y,d,w,_,g=t&&t.__k||v$1,m=l.length;for(f=I(u,l,g,f,m),a=0;a<m;a++)null!=(y=u.__k[a])&&(h=-1===y.__i?p$1:g[y.__i]||p$1,y.__i=a,_=j$1(n,y,h,i,r,o,e,f,c,s),d=y.__e,y.ref&&h.ref!=y.ref&&(h.ref&&V(h.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),4&y.__u||h.__k===y.__k?f=A$1(y,f,n):"function"==typeof y.type&&void 0!==_?f=_:d&&(f=d.nextSibling),y.__u&=-7);return u.__e=w,f}function I(n,l,u,t,i){var r,o,e,f,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),r=0;r<i;r++)null!=(o=l[r])&&"boolean"!=typeof o&&"function"!=typeof o?(f=r+h,(o=n.__k[r]="string"==typeof o||"number"==typeof o||"bigint"==typeof o||o.constructor==String?m$2(null,o,null,null,null):d$1(o)?m$2(k$1,{children:o},null,null,null):void 0===o.constructor&&o.__b>0?m$2(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):o).__=n,o.__b=n.__b+1,e=null,-1!==(c=o.__i=L(o,u,f,a))&&(a--,(e=u[c])&&(e.__u|=2)),null==e||null===e.__v?(-1==c&&h--,"function"!=typeof o.type&&(o.__u|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,o.__u|=4))):n.__k[r]=null;if(a)for(r=0;r<s;r++)null!=(e=u[r])&&0==(2&e.__u)&&(e.__e==t&&(t=C$1(e)),q$1(e,e));return t}function A$1(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=A$1(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=C$1(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling;}while(null!=l&&8==l.nodeType);return l}function L(n,l,u,t){var i,r,o=n.key,e=n.type,f=l[u];if(null===f||f&&o==f.key&&e===f.type&&0==(2&f.__u))return u;if(t>(null!=f&&0==(2&f.__u)?1:0))for(i=u-1,r=u+1;i>=0||r<l.length;){if(i>=0){if((f=l[i])&&0==(2&f.__u)&&o==f.key&&e===f.type)return i;i--;}if(r<l.length){if((f=l[r])&&0==(2&f.__u)&&o==f.key&&e===f.type)return r;r++;}}return -1}function T$1(n,l,u){"-"==l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||y$3.test(l)?u:u+"px";}function F(n,l,u,t,i){var r;n:if("style"==l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T$1(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T$1(n.style,l,u[l]);}else if("o"==l[0]&&"n"==l[1])r=l!=(l=l.replace(f$2,"$1")),l=l.toLowerCase()in n||"onFocusOut"==l||"onFocusIn"==l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?t?u.u=t.u:(u.u=c$2,n.addEventListener(l,r?a$2:s$1,r)):n.removeEventListener(l,r?a$2:s$1,r);else {if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!=l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u));}}function O(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=c$2++;else if(u.t<t.u)return;return t(l$1.event?l$1.event(u):u)}}}function j$1(n,u,t,i,r,o,e,f,c,s){var a,h,p,v,y,g,m,b,C,S,M,P,I,A,H,L,T,F=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),o=[f=u.__e=t.__e]),(a=l$1.__b)&&a(u);n:if("function"==typeof F)try{if(b=u.props,C="prototype"in F&&F.prototype.render,S=(a=F.contextType)&&i[a.__c],M=a?S?S.props.value:a.__:i,t.__c?m=(h=u.__c=t.__c).__=h.__E:(C?u.__c=h=new F(b,M):(u.__c=h=new x$3(b,M),h.constructor=F,h.render=B$1),S&&S.sub(h),h.props=b,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),C&&null==h.__s&&(h.__s=h.state),C&&null!=F.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=w$1({},h.__s)),w$1(h.__s,F.getDerivedStateFromProps(b,h.__s))),v=h.props,y=h.state,h.__v=u,p)C&&null==F.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),C&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(C&&null==F.getDerivedStateFromProps&&b!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(b,M),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(b,h.__s,M)||u.__v==t.__v)){for(u.__v!=t.__v&&(h.props=b,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u);}),P=0;P<h._sb.length;P++)h.__h.push(h._sb[P]);h._sb=[],h.__h.length&&e.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(b,h.__s,M),C&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,y,g);});}if(h.context=M,h.props=b,h.__P=n,h.__e=!1,I=l$1.__r,A=0,C){for(h.state=h.__s,h.__d=!1,I&&I(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[];}else do{h.__d=!1,I&&I(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++A<25);h.state=h.__s,null!=h.getChildContext&&(i=w$1(w$1({},i),h.getChildContext())),C&&!p&&null!=h.getSnapshotBeforeUpdate&&(g=h.getSnapshotBeforeUpdate(v,y)),f=$(n,d$1(L=null!=a&&a.type===k$1&&null==a.key?a.props.children:a)?L:[L],u,t,i,r,o,e,f,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&e.push(h),m&&(h.__E=h.__=null);}catch(n){if(u.__v=null,c||null!=o)if(n.then){for(u.__u|=c?160:128;f&&8==f.nodeType&&f.nextSibling;)f=f.nextSibling;o[o.indexOf(f)]=null,u.__e=f;}else for(T=o.length;T--;)_(o[T]);else u.__e=t.__e,u.__k=t.__k;l$1.__e(n,u,t);}else null==o&&u.__v==t.__v?(u.__k=t.__k,u.__e=t.__e):f=u.__e=N(t.__e,u,t,i,r,o,e,c,s);return (a=l$1.diffed)&&a(u),128&u.__u?void 0:f}function z$1(n,u,t){for(var i=0;i<t.length;i++)V(t[i],t[++i],t[++i]);l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function N(u,t,i,r,o,e,f,c,s){var a,h,v,y,w,g,m,b=i.props,k=t.props,x=t.type;if("svg"==x?o="http://www.w3.org/2000/svg":"math"==x?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=e)for(a=0;a<e.length;a++)if((w=e[a])&&"setAttribute"in w==!!x&&(x?w.localName==x:3==w.nodeType)){u=w,e[a]=null;break}if(null==u){if(null==x)return document.createTextNode(k);u=document.createElementNS(o,x,k.is&&k),c&&(l$1.__m&&l$1.__m(t,e),c=!1),e=null;}if(null===x)b===k||c&&u.data===k||(u.data=k);else {if(e=e&&n.call(u.childNodes),b=i.props||p$1,!c&&null!=e)for(b={},a=0;a<u.attributes.length;a++)b[(w=u.attributes[a]).name]=w.value;for(a in b)if(w=b[a],"children"==a);else if("dangerouslySetInnerHTML"==a)v=w;else if(!(a in k)){if("value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k)continue;F(u,a,null,w,o);}for(a in k)w=k[a],"children"==a?y=w:"dangerouslySetInnerHTML"==a?h=w:"value"==a?g=w:"checked"==a?m=w:c&&"function"!=typeof w||b[a]===w||F(u,a,w,b[a],o);if(h)c||v&&(h.__html===v.__html||h.__html===u.innerHTML)||(u.innerHTML=h.__html),t.__k=[];else if(v&&(u.innerHTML=""),$(u,d$1(y)?y:[y],t,i,r,"foreignObject"==x?"http://www.w3.org/1999/xhtml":o,e,f,e?e[0]:i.__k&&C$1(i,0),c,s),null!=e)for(a=e.length;a--;)_(e[a]);c||(a="value","progress"==x&&null==g?u.removeAttribute("value"):void 0!==g&&(g!==u[a]||"progress"==x&&!g||"option"==x&&g!==b[a])&&F(u,a,g,b[a],o),a="checked",void 0!==m&&m!==u[a]&&F(u,a,m,b[a],o));}return u}function V(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u));}else n.current=u;}catch(n){l$1.__e(n,t);}}function q$1(n,u,t){var i,r;if(l$1.unmount&&l$1.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||V(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l$1.__e(n,u);}i.base=i.__P=null;}if(i=n.__k)for(r=0;r<i.length;r++)i[r]&&q$1(i[r],u,t||"function"!=typeof n.type);t||_(n.__e),n.__c=n.__=n.__e=void 0;}function B$1(n,l,u){return this.constructor(n,u)}function D$1(u,t,i){var r,o,e,f;t==document&&(t=document.documentElement),l$1.__&&l$1.__(u,t),o=(r="function"==typeof i)?null:t.__k,e=[],f=[],j$1(t,u=(t).__k=g(k$1,null,[u]),o||p$1,p$1,t.namespaceURI,o?null:t.firstChild?n.call(t.childNodes):null,e,o?o.__e:t.firstChild,r,f),z$1(e,u,f);}function J(n,l){var u={__c:l="__cC"+h$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=new Set,(t={})[l]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null;},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.forEach(function(n){n.__e=!0,M(n);});},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=v$1.slice,l$1={__e:function(n,l,u,t){for(var i,r,o;l=l.__;)if((i=l.__c)&&!i.__)try{if((r=i.constructor)&&null!=r.getDerivedStateFromError&&(i.setState(r.getDerivedStateFromError(n)),o=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),o=i.__d),o)return i.__E=i}catch(l){n=l;}throw n}},u$2=0,x$3.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=w$1({},this.state),"function"==typeof n&&(n=n(w$1({},u),this.props)),n&&w$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this));},x$3.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M(this));},x$3.prototype.render=k$1,i$1=[],o$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,e$1=function(n,l){return n.__v.__b-l.__v.__b},P.__r=0,f$2=/(PointerCapture)$|Capture$/i,c$2=0,s$1=O(!1),a$2=O(!0),h$1=0;
|
|
152
|
+
var n,l$1,u$2,i$1,r$1,o$1,e$1,f$2,c$2,s$1,a$2,h$1,p$1={},v$1=[],y$3=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,w$1=Array.isArray;function d$1(n,l){for(var u in l)n[u]=l[u];return n}function g(n){n&&n.parentNode&&n.parentNode.removeChild(n);}function _(l,u,t){var i,r,o,e={};for(o in u)"key"==o?i=u[o]:"ref"==o?r=u[o]:e[o]=u[o];if(arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps) void 0===e[o]&&(e[o]=l.defaultProps[o]);return m$2(l,e,i,r,null)}function m$2(n,t,i,r,o){var e={type:n,props:t,key:i,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++u$2:o,__i:-1,__u:0};return null==o&&null!=l$1.vnode&&l$1.vnode(e),e}function k$1(n){return n.children}function x$3(n,l){this.props=n,this.context=l;}function S(n,l){if(null==l)return n.__?S(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?S(n):null}function C$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C$1(n)}}function M(n){(!n.__d&&(n.__d=true)&&i$1.push(n)&&!$.__r++||r$1!=l$1.debounceRendering)&&((r$1=l$1.debounceRendering)||o$1)($);}function $(){for(var n,u,t,r,o,f,c,s=1;i$1.length;)i$1.length>s&&i$1.sort(e$1),n=i$1.shift(),s=i$1.length,n.__d&&(t=void 0,o=(r=(u=n).__v).__e,f=[],c=[],u.__P&&((t=d$1({},r)).__v=r.__v+1,l$1.vnode&&l$1.vnode(t),O(u.__P,t,r,u.__n,u.__P.namespaceURI,32&r.__u?[o]:null,f,null==o?S(r):o,!!(32&r.__u),c),t.__v=r.__v,t.__.__k[t.__i]=t,z$1(f,t,c),t.__e!=o&&C$1(t)));$.__r=0;}function I(n,l,u,t,i,r,o,e,f,c,s){var a,h,y,w,d,g,_=t&&t.__k||v$1,m=l.length;for(f=P(u,l,_,f,m),a=0;a<m;a++)null!=(y=u.__k[a])&&(h=-1==y.__i?p$1:_[y.__i]||p$1,y.__i=a,g=O(n,y,h,i,r,o,e,f,c,s),w=y.__e,y.ref&&h.ref!=y.ref&&(h.ref&&q$1(h.ref,null,y),s.push(y.ref,y.__c||w,y)),null==d&&null!=w&&(d=w),4&y.__u||h.__k===y.__k?f=A$1(y,f,n):"function"==typeof y.type&&void 0!==g?f=g:w&&(f=w.nextSibling),y.__u&=-7);return u.__e=d,f}function P(n,l,u,t,i){var r,o,e,f,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),r=0;r<i;r++)null!=(o=l[r])&&"boolean"!=typeof o&&"function"!=typeof o?(f=r+h,(o=n.__k[r]="string"==typeof o||"number"==typeof o||"bigint"==typeof o||o.constructor==String?m$2(null,o,null,null,null):w$1(o)?m$2(k$1,{children:o},null,null,null):null==o.constructor&&o.__b>0?m$2(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):o).__=n,o.__b=n.__b+1,e=null,-1!=(c=o.__i=L(o,u,f,a))&&(a--,(e=u[c])&&(e.__u|=2)),null==e||null==e.__v?(-1==c&&(i>s?h--:i<s&&h++),"function"!=typeof o.type&&(o.__u|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,o.__u|=4))):n.__k[r]=null;if(a)for(r=0;r<s;r++)null!=(e=u[r])&&0==(2&e.__u)&&(e.__e==t&&(t=S(e)),B$1(e,e));return t}function A$1(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=A$1(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=S(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling;}while(null!=l&&8==l.nodeType);return l}function L(n,l,u,t){var i,r,o=n.key,e=n.type,f=l[u];if(null===f&&null==n.key||f&&o==f.key&&e==f.type&&0==(2&f.__u))return u;if(t>(null!=f&&0==(2&f.__u)?1:0))for(i=u-1,r=u+1;i>=0||r<l.length;){if(i>=0){if((f=l[i])&&0==(2&f.__u)&&o==f.key&&e==f.type)return i;i--;}if(r<l.length){if((f=l[r])&&0==(2&f.__u)&&o==f.key&&e==f.type)return r;r++;}}return -1}function T$1(n,l,u){"-"==l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||y$3.test(l)?u:u+"px";}function j$1(n,l,u,t,i){var r,o;n:if("style"==l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T$1(n.style,l,"");if(u)for(l in u)t&&u[l]==t[l]||T$1(n.style,l,u[l]);}else if("o"==l[0]&&"n"==l[1])r=l!=(l=l.replace(f$2,"$1")),o=l.toLowerCase(),l=o in n||"onFocusOut"==l||"onFocusIn"==l?o.slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?t?u.u=t.u:(u.u=c$2,n.addEventListener(l,r?a$2:s$1,r)):n.removeEventListener(l,r?a$2:s$1,r);else {if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||false===u&&"-"!=l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u));}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=c$2++;else if(u.t<t.u)return;return t(l$1.event?l$1.event(u):u)}}}function O(n,u,t,i,r,o,e,f,c,s){var a,h,p,v,y,_,m,b,S,C,M,$,P,A,H,L,T,j=u.type;if(null!=u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),o=[f=u.__e=t.__e]),(a=l$1.__b)&&a(u);n:if("function"==typeof j)try{if(b=u.props,S="prototype"in j&&j.prototype.render,C=(a=j.contextType)&&i[a.__c],M=a?C?C.props.value:a.__:i,t.__c?m=(h=u.__c=t.__c).__=h.__E:(S?u.__c=h=new j(b,M):(u.__c=h=new x$3(b,M),h.constructor=j,h.render=D$1),C&&C.sub(h),h.props=b,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),S&&null==h.__s&&(h.__s=h.state),S&&null!=j.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d$1({},h.__s)),d$1(h.__s,j.getDerivedStateFromProps(b,h.__s))),v=h.props,y=h.state,h.__v=u,p)S&&null==j.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),S&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(S&&null==j.getDerivedStateFromProps&&b!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(b,M),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(b,h.__s,M)||u.__v==t.__v){for(u.__v!=t.__v&&(h.props=b,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u);}),$=0;$<h._sb.length;$++)h.__h.push(h._sb[$]);h._sb=[],h.__h.length&&e.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(b,h.__s,M),S&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,y,_);});}if(h.context=M,h.props=b,h.__P=n,h.__e=!1,P=l$1.__r,A=0,S){for(h.state=h.__s,h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[];}else do{h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++A<25);h.state=h.__s,null!=h.getChildContext&&(i=d$1(d$1({},i),h.getChildContext())),S&&!p&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(v,y)),L=a,null!=a&&a.type===k$1&&null==a.key&&(L=N(a.props.children)),f=I(n,w$1(L)?L:[L],u,t,i,r,o,e,f,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&e.push(h),m&&(h.__E=h.__=null);}catch(n){if(u.__v=null,c||null!=o)if(n.then){for(u.__u|=c?160:128;f&&8==f.nodeType&&f.nextSibling;)f=f.nextSibling;o[o.indexOf(f)]=null,u.__e=f;}else for(T=o.length;T--;)g(o[T]);else u.__e=t.__e,u.__k=t.__k;l$1.__e(n,u,t);}else null==o&&u.__v==t.__v?(u.__k=t.__k,u.__e=t.__e):f=u.__e=V(t.__e,u,t,i,r,o,e,c,s);return (a=l$1.diffed)&&a(u),128&u.__u?void 0:f}function z$1(n,u,t){for(var i=0;i<t.length;i++)q$1(t[i],t[++i],t[++i]);l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function N(n){return "object"!=typeof n||null==n||n.__b&&n.__b>0?n:w$1(n)?n.map(N):d$1({},n)}function V(u,t,i,r,o,e,f,c,s){var a,h,v,y,d,_,m,b=i.props,k=t.props,x=t.type;if("svg"==x?o="http://www.w3.org/2000/svg":"math"==x?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=e)for(a=0;a<e.length;a++)if((d=e[a])&&"setAttribute"in d==!!x&&(x?d.localName==x:3==d.nodeType)){u=d,e[a]=null;break}if(null==u){if(null==x)return document.createTextNode(k);u=document.createElementNS(o,x,k.is&&k),c&&(l$1.__m&&l$1.__m(t,e),c=false),e=null;}if(null==x)b===k||c&&u.data==k||(u.data=k);else {if(e=e&&n.call(u.childNodes),b=i.props||p$1,!c&&null!=e)for(b={},a=0;a<u.attributes.length;a++)b[(d=u.attributes[a]).name]=d.value;for(a in b)if(d=b[a],"children"==a);else if("dangerouslySetInnerHTML"==a)v=d;else if(!(a in k)){if("value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k)continue;j$1(u,a,null,d,o);}for(a in k)d=k[a],"children"==a?y=d:"dangerouslySetInnerHTML"==a?h=d:"value"==a?_=d:"checked"==a?m=d:c&&"function"!=typeof d||b[a]===d||j$1(u,a,d,b[a],o);if(h)c||v&&(h.__html==v.__html||h.__html==u.innerHTML)||(u.innerHTML=h.__html),t.__k=[];else if(v&&(u.innerHTML=""),I("template"==t.type?u.content:u,w$1(y)?y:[y],t,i,r,"foreignObject"==x?"http://www.w3.org/1999/xhtml":o,e,f,e?e[0]:i.__k&&S(i,0),c,s),null!=e)for(a=e.length;a--;)g(e[a]);c||(a="value","progress"==x&&null==_?u.removeAttribute("value"):null!=_&&(_!==u[a]||"progress"==x&&!_||"option"==x&&_!=b[a])&&j$1(u,a,_,b[a],o),a="checked",null!=m&&m!=u[a]&&j$1(u,a,m,b[a],o));}return u}function q$1(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u));}else n.current=u;}catch(n){l$1.__e(n,t);}}function B$1(n,u,t){var i,r;if(l$1.unmount&&l$1.unmount(n),(i=n.ref)&&(i.current&&i.current!=n.__e||q$1(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l$1.__e(n,u);}i.base=i.__P=null;}if(i=n.__k)for(r=0;r<i.length;r++)i[r]&&B$1(i[r],u,t||"function"!=typeof n.type);t||g(n.__e),n.__c=n.__=n.__e=void 0;}function D$1(n,l,u){return this.constructor(n,u)}function E(u,t,i){var r,o,e,f;t==document&&(t=document.documentElement),l$1.__&&l$1.__(u,t),o=(r="function"=="undefined")?null:t.__k,e=[],f=[],O(t,u=(t).__k=_(k$1,null,[u]),o||p$1,p$1,t.namespaceURI,o?null:t.firstChild?n.call(t.childNodes):null,e,o?o.__e:t.firstChild,r,f),z$1(e,u,f);}function K(n){function l(n){var u,t;return this.getChildContext||(u=new Set,(t={})[l.__c]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null;},this.shouldComponentUpdate=function(n){this.props.value!=n.value&&u.forEach(function(n){n.__e=true,M(n);});},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n);};}),n.children}return l.__c="__cC"+h$1++,l.__=n,l.Provider=l.__l=(l.Consumer=function(n,l){return n.children(l)}).contextType=l,l}n=v$1.slice,l$1={__e:function(n,l,u,t){for(var i,r,o;l=l.__;)if((i=l.__c)&&!i.__)try{if((r=i.constructor)&&null!=r.getDerivedStateFromError&&(i.setState(r.getDerivedStateFromError(n)),o=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),o=i.__d),o)return i.__E=i}catch(l){n=l;}throw n}},u$2=0,x$3.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=d$1({},this.state),"function"==typeof n&&(n=n(d$1({},u),this.props)),n&&d$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this));},x$3.prototype.forceUpdate=function(n){this.__v&&(this.__e=true,n&&this.__h.push(n),M(this));},x$3.prototype.render=k$1,i$1=[],o$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,e$1=function(n,l){return n.__v.__b-l.__v.__b},$.__r=0,f$2=/(PointerCapture)$|Capture$/i,c$2=0,s$1=F(false),a$2=F(true),h$1=0;
|
|
153
153
|
|
|
154
|
-
var f$1=0;function u$1(e,t,n,o,i,u){t||(t={});var a,c,p=t;if("ref"in p)for(c in p={},t)"ref"==c?a=t[c]:p[c]=t[c];var l={type:e,props:p,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--f$1,__i:-1,__u:0,__source:i,__self:u};if("function"==typeof e&&(a=e.defaultProps))for(c in a)void 0===p[c]&&(p[c]=a[c]);return l$1.vnode&&l$1.vnode(l),l}
|
|
154
|
+
var f$1=0;function u$1(e,t,n,o,i,u){t||(t={});var a,c,p=t;if("ref"in p)for(c in p={},t)"ref"==c?a=t[c]:p[c]=t[c];var l={type:e,props:p,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--f$1,__i:-1,__u:0,__source:i,__self:u};if("function"==typeof e&&(a=e.defaultProps))for(c in a) void 0===p[c]&&(p[c]=a[c]);return l$1.vnode&&l$1.vnode(l),l}
|
|
155
155
|
|
|
156
156
|
const LABELS = {
|
|
157
157
|
renderedLength: "Rendered",
|
|
@@ -169,7 +169,7 @@ var drawChart = (function (exports) {
|
|
|
169
169
|
return availableSizeProperties;
|
|
170
170
|
};
|
|
171
171
|
|
|
172
|
-
var t,r,u,i,o=0,f=[],c$1=l$1,e=c$1.__b,a$1=c$1.__r,v=c$1.diffed,l=c$1.__c,m$1=c$1.unmount,s=c$1.__;function
|
|
172
|
+
var t,r,u,i,o=0,f=[],c$1=l$1,e=c$1.__b,a$1=c$1.__r,v=c$1.diffed,l=c$1.__c,m$1=c$1.unmount,s=c$1.__;function p(n,t){c$1.__h&&c$1.__h(r,n,o||t),o=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function d(n){return o=1,h(D,n)}function h(n,u,i){var o=p(t++,2);if(o.t=n,!o.__c&&(o.__=[D(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r,!r.__f)){var f=function(n,t,r){if(!o.__c.__H)return true;var u=o.__c.__H.__.filter(function(n){return !!n.__c});if(u.every(function(n){return !n.__N}))return !c||c.call(this,n,t,r);var i=o.__c.props!==n;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=true);}}),c&&c.call(this,n,t,r)||i};r.__f=true;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u;}e&&e.call(this,n,t,r);},r.shouldComponentUpdate=f;}return o.__N||o.__}function y$2(n,u){var i=p(t++,3);!c$1.__s&&C(i.__H,u)&&(i.__=n,i.u=u,r.__H.__h.push(i));}function A(n){return o=5,T(function(){return {current:n}},[])}function T(n,r){var u=p(t++,7);return C(u.__H,r)&&(u.__=n(),u.__H=r,u.__h=n),u.__}function q(n,t){return o=8,T(function(){return n},t)}function x$2(n){var u=r.context[n.__c],i=p(t++,9);return i.c=n,u?(null==i.__&&(i.__=true,u.sub(r)),u.props.value):n.__}function j(){for(var n;n=f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(z),n.__H.__h.forEach(B),n.__H.__h=[];}catch(t){n.__H.__h=[],c$1.__e(t,n.__v);}}c$1.__b=function(n){r=null,e&&e(n);},c$1.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),s&&s(n,t);},c$1.__r=function(n){a$1&&a$1(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0;})):(i.__h.forEach(z),i.__h.forEach(B),i.__h=[],t=0)),u=r;},c$1.diffed=function(n){v&&v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===c$1.requestAnimationFrame||((i=c$1.requestAnimationFrame)||w)(j)),t.__H.__.forEach(function(n){n.u&&(n.__H=n.u),n.u=void 0;})),u=r=null;},c$1.__c=function(n,t){t.some(function(n){try{n.__h.forEach(z),n.__h=n.__h.filter(function(n){return !n.__||B(n)});}catch(r){t.some(function(n){n.__h&&(n.__h=[]);}),t=[],c$1.__e(r,n.__v);}}),l&&l(n,t);},c$1.unmount=function(n){m$1&&m$1(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{z(n);}catch(n){t=n;}}),r.__H=void 0,t&&c$1.__e(t,r.__v));};var k="function"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,35);k&&(t=requestAnimationFrame(r));}function z(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function B(n){var t=r;n.__c=n.__(),r=t;}function C(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function D(n,t){return "function"==typeof t?t(n):t}
|
|
173
173
|
|
|
174
174
|
function ascending(a, b) {
|
|
175
175
|
return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
|
|
@@ -5011,8 +5011,8 @@ var drawChart = (function (exports) {
|
|
|
5011
5011
|
}));
|
|
5012
5012
|
};
|
|
5013
5013
|
const useFilter = () => {
|
|
5014
|
-
const [includeFilter, setIncludeFilter] =
|
|
5015
|
-
const [excludeFilter, setExcludeFilter] =
|
|
5014
|
+
const [includeFilter, setIncludeFilter] = d("");
|
|
5015
|
+
const [excludeFilter, setExcludeFilter] = d("");
|
|
5016
5016
|
const setIncludeFilterTrottled = T(() => throttleFilter(setIncludeFilter, 200), []);
|
|
5017
5017
|
const setExcludeFilterTrottled = T(() => throttleFilter(setExcludeFilter, 200), []);
|
|
5018
5018
|
const isIncluded = T(() => createFilter(prepareFilter(includeFilter), prepareFilter(excludeFilter)), [includeFilter, excludeFilter]);
|
|
@@ -5030,8 +5030,8 @@ var drawChart = (function (exports) {
|
|
|
5030
5030
|
|
|
5031
5031
|
const PLACEHOLDER = "*/**/file.js";
|
|
5032
5032
|
const SideBar = ({ availableSizeProperties, sizeProperty, setSizeProperty, onExcludeChange, onIncludeChange, }) => {
|
|
5033
|
-
const [includeValue, setIncludeValue] =
|
|
5034
|
-
const [excludeValue, setExcludeValue] =
|
|
5033
|
+
const [includeValue, setIncludeValue] = d("");
|
|
5034
|
+
const [excludeValue, setExcludeValue] = d("");
|
|
5035
5035
|
const handleSizePropertyChange = (sizeProp) => () => {
|
|
5036
5036
|
if (sizeProp !== sizeProperty) {
|
|
5037
5037
|
setSizeProperty(sizeProp);
|
|
@@ -5059,7 +5059,7 @@ var drawChart = (function (exports) {
|
|
|
5059
5059
|
const Tooltip = ({ node, visible }) => {
|
|
5060
5060
|
const { data } = x$2(StaticContext);
|
|
5061
5061
|
const ref = A(null);
|
|
5062
|
-
const [style, setStyle] =
|
|
5062
|
+
const [style, setStyle] = d({});
|
|
5063
5063
|
const content = T(() => {
|
|
5064
5064
|
if (!node)
|
|
5065
5065
|
return null;
|
|
@@ -5134,9 +5134,9 @@ var drawChart = (function (exports) {
|
|
|
5134
5134
|
};
|
|
5135
5135
|
const Network = ({ links, nodes, onNodeHover, onNodeDblClick, getColor, onCanvasClick, onNodeClick, }) => {
|
|
5136
5136
|
const { width, height } = x$2(StaticContext);
|
|
5137
|
-
const [transform, setTransform] =
|
|
5137
|
+
const [transform, setTransform] = d(identityTransform);
|
|
5138
5138
|
const startPosRef = A();
|
|
5139
|
-
const [dragging, setDragging] =
|
|
5139
|
+
const [dragging, setDragging] = d(false);
|
|
5140
5140
|
const handleMouseDown = (event) => {
|
|
5141
5141
|
if (event.ctrlKey || event.button) {
|
|
5142
5142
|
// context menu
|
|
@@ -5175,8 +5175,8 @@ var drawChart = (function (exports) {
|
|
|
5175
5175
|
};
|
|
5176
5176
|
|
|
5177
5177
|
const Chart = ({ links, nodes, onNodeExclude, getColor, onNodeSelect, }) => {
|
|
5178
|
-
const [showTooltip, setShowTooltip] =
|
|
5179
|
-
const [tooltipNode, setTooltipNode] =
|
|
5178
|
+
const [showTooltip, setShowTooltip] = d(false);
|
|
5179
|
+
const [tooltipNode, setTooltipNode] = d(undefined);
|
|
5180
5180
|
y$2(() => {
|
|
5181
5181
|
const handleMouseOut = () => {
|
|
5182
5182
|
setShowTooltip(false);
|
|
@@ -5223,8 +5223,8 @@ var drawChart = (function (exports) {
|
|
|
5223
5223
|
const getModuleColor = T(() => {
|
|
5224
5224
|
return createRainbowColor(groups);
|
|
5225
5225
|
}, [groups]);
|
|
5226
|
-
const [excludedNodes, setExcludedNodes] =
|
|
5227
|
-
const [selectedNode, setSelectedNode] =
|
|
5226
|
+
const [excludedNodes, setExcludedNodes] = d([]);
|
|
5227
|
+
const [selectedNode, setSelectedNode] = d();
|
|
5228
5228
|
const { getModuleFilterMultiplier, setExcludeFilter, setIncludeFilter } = useFilter();
|
|
5229
5229
|
const getColor = (node) => {
|
|
5230
5230
|
if (selectedNode != null) {
|
|
@@ -5274,7 +5274,7 @@ var drawChart = (function (exports) {
|
|
|
5274
5274
|
return source && target;
|
|
5275
5275
|
});
|
|
5276
5276
|
}, [data.nodeMetas, processedNodes]);
|
|
5277
|
-
const [animatedNodes, setAnimatedNodes] =
|
|
5277
|
+
const [animatedNodes, setAnimatedNodes] = d([]);
|
|
5278
5278
|
y$2(() => {
|
|
5279
5279
|
const simulation = forceSimulation()
|
|
5280
5280
|
.force("collision", forceCollide().radius((node) => node.radius))
|
|
@@ -5304,7 +5304,7 @@ var drawChart = (function (exports) {
|
|
|
5304
5304
|
|
|
5305
5305
|
const NODE_MODULES = /.*(?:\/|\\\\)?node_modules(?:\/|\\\\)([^/\\]+)(?:\/|\\\\).+/;
|
|
5306
5306
|
|
|
5307
|
-
const StaticContext =
|
|
5307
|
+
const StaticContext = K({});
|
|
5308
5308
|
const createNodeInfo = (data, availableSizeProperties, uid) => {
|
|
5309
5309
|
var _a, _b;
|
|
5310
5310
|
const meta = data.nodeMetas[uid];
|
|
@@ -5362,7 +5362,7 @@ var drawChart = (function (exports) {
|
|
|
5362
5362
|
}
|
|
5363
5363
|
groupLayers.push([...newLayer]);
|
|
5364
5364
|
}
|
|
5365
|
-
|
|
5365
|
+
E(u$1(StaticContext.Provider, { value: {
|
|
5366
5366
|
data,
|
|
5367
5367
|
width,
|
|
5368
5368
|
height,
|
|
@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
|
|
|
5386
5386
|
</script>
|
|
5387
5387
|
<script>
|
|
5388
5388
|
/*<!--*/
|
|
5389
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"
|
|
5389
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"1a8c7527-1","name":"useHover.ts"},{"uid":"1a8c7527-3","name":"useWindowResize.ts"},{"uid":"1a8c7527-5","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"1a8c7527-1":{"renderedLength":412,"gzipLength":260,"brotliLength":0,"metaUid":"1a8c7527-0"},"1a8c7527-3":{"renderedLength":1158,"gzipLength":543,"brotliLength":0,"metaUid":"1a8c7527-2"},"1a8c7527-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"1a8c7527-4"}},"nodeMetas":{"1a8c7527-0":{"id":"/src/useHover.ts","moduleParts":{"index.js":"1a8c7527-1"},"imported":[{"uid":"1a8c7527-6"}],"importedBy":[{"uid":"1a8c7527-4"}]},"1a8c7527-2":{"id":"/src/useWindowResize.ts","moduleParts":{"index.js":"1a8c7527-3"},"imported":[{"uid":"1a8c7527-7"},{"uid":"1a8c7527-6"}],"importedBy":[{"uid":"1a8c7527-4"}]},"1a8c7527-4":{"id":"/src/index.ts","moduleParts":{"index.js":"1a8c7527-5"},"imported":[{"uid":"1a8c7527-0"},{"uid":"1a8c7527-2"}],"importedBy":[],"isEntry":true},"1a8c7527-6":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"1a8c7527-0"},{"uid":"1a8c7527-2"}]},"1a8c7527-7":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"1a8c7527-2"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
5390
5390
|
|
|
5391
5391
|
const run = () => {
|
|
5392
5392
|
const width = window.innerWidth;
|
package/lib/index.d.ts
CHANGED
|
@@ -1,21 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
//#region src/useHover.d.ts
|
|
2
|
+
type UseHover = (initialValue?: boolean) => {
|
|
3
|
+
hover: boolean;
|
|
4
|
+
onMouseEnter: () => void;
|
|
5
|
+
onMouseLeave: () => void;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Simple hover-state hook that returns a boolean plus stable
|
|
9
|
+
* `onMouseEnter`/`onMouseLeave` handlers ready to spread onto an element.
|
|
10
|
+
*/
|
|
11
|
+
declare const useHover: UseHover;
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/useWindowResize.d.ts
|
|
14
|
+
type Sizes = {
|
|
15
|
+
width: number;
|
|
16
|
+
height: number;
|
|
17
|
+
};
|
|
18
|
+
type UseWindowResize = (params?: Partial<{
|
|
19
|
+
throttleDelay: number;
|
|
20
|
+
onChange: (params: Sizes) => void;
|
|
21
|
+
}>, initialValues?: Partial<Sizes>) => Sizes;
|
|
22
|
+
/**
|
|
23
|
+
* Tracks the browser viewport size, throttled to avoid excessive re-renders.
|
|
24
|
+
* Reads `window.innerWidth`/`innerHeight` on mount and on every resize event.
|
|
25
|
+
* An optional `onChange` callback fires alongside state updates.
|
|
26
|
+
* Cleans up both the event listener and any pending throttled call on unmount.
|
|
27
|
+
*/
|
|
28
|
+
declare const useWindowResize: UseWindowResize;
|
|
29
|
+
//#endregion
|
|
30
|
+
export { type UseHover, type UseWindowResize, useHover, useWindowResize };
|
|
31
|
+
//# sourceMappingURL=index2.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index2.d.ts","names":[],"sources":["../src/useHover.ts","../src/useWindowResize.ts"],"mappings":";KAEY,QAAA,IAAY,YAAA;EACtB,KAAA;EACA,YAAA;EACA,YAAA;AAAA;;;;;cAOI,QAAA,EAAU,QAAA;;;KCTX,KAAA;EACH,KAAA;EACA,MAAA;AAAA;AAAA,KAGU,eAAA,IACV,MAAA,GAAS,OAAA;EACP,aAAA;EACA,QAAA,GAAW,MAAA,EAAQ,KAAA;AAAA,IAErB,aAAA,GAAgB,OAAA,CAAQ,KAAA,MACrB,KAAA;;;;ADRJ;;;cCgBK,eAAA,EAAiB,eAAA"}
|
package/lib/index.js
CHANGED
|
@@ -1,40 +1,57 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { throttle } from
|
|
1
|
+
import { useCallback, useEffect, useRef, useState } from "react";
|
|
2
|
+
import { throttle } from "@vitus-labs/core";
|
|
3
3
|
|
|
4
|
+
//#region src/useHover.ts
|
|
5
|
+
/**
|
|
6
|
+
* Simple hover-state hook that returns a boolean plus stable
|
|
7
|
+
* `onMouseEnter`/`onMouseLeave` handlers ready to spread onto an element.
|
|
8
|
+
*/
|
|
4
9
|
const useHover = (initial = false) => {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
onMouseLeave: unsetHover,
|
|
12
|
-
};
|
|
10
|
+
const [hover, handleHover] = useState(initial);
|
|
11
|
+
return {
|
|
12
|
+
hover,
|
|
13
|
+
onMouseEnter: useCallback(() => handleHover(true), []),
|
|
14
|
+
onMouseLeave: useCallback(() => handleHover(false), [])
|
|
15
|
+
};
|
|
13
16
|
};
|
|
14
17
|
|
|
18
|
+
//#endregion
|
|
19
|
+
//#region src/useWindowResize.ts
|
|
20
|
+
/**
|
|
21
|
+
* Tracks the browser viewport size, throttled to avoid excessive re-renders.
|
|
22
|
+
* Reads `window.innerWidth`/`innerHeight` on mount and on every resize event.
|
|
23
|
+
* An optional `onChange` callback fires alongside state updates.
|
|
24
|
+
* Cleans up both the event listener and any pending throttled call on unmount.
|
|
25
|
+
*/
|
|
15
26
|
const useWindowResize = ({ throttleDelay = 200, onChange } = {}, { width = 0, height = 0 } = {}) => {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
27
|
+
const [windowSize, setWindowSize] = useState({
|
|
28
|
+
width,
|
|
29
|
+
height
|
|
30
|
+
});
|
|
31
|
+
const onChangeRef = useRef(onChange);
|
|
32
|
+
onChangeRef.current = onChange;
|
|
33
|
+
const updateSizes = useCallback(() => {
|
|
34
|
+
const sizes = {
|
|
35
|
+
width: window.innerWidth,
|
|
36
|
+
height: window.innerHeight
|
|
37
|
+
};
|
|
38
|
+
setWindowSize(sizes);
|
|
39
|
+
if (onChangeRef.current) onChangeRef.current(sizes);
|
|
40
|
+
}, []);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
updateSizes();
|
|
43
|
+
}, [updateSizes]);
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
const throttled = throttle(updateSizes, throttleDelay);
|
|
46
|
+
window.addEventListener("resize", throttled, false);
|
|
47
|
+
return () => {
|
|
48
|
+
window.removeEventListener("resize", throttled, false);
|
|
49
|
+
throttled.cancel();
|
|
50
|
+
};
|
|
51
|
+
}, [updateSizes, throttleDelay]);
|
|
52
|
+
return windowSize;
|
|
37
53
|
};
|
|
38
54
|
|
|
55
|
+
//#endregion
|
|
39
56
|
export { useHover, useWindowResize };
|
|
40
|
-
//# sourceMappingURL=index.js.map
|
|
57
|
+
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/useHover.ts","../src/useWindowResize.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/useHover.ts","../src/useWindowResize.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\n\nexport type UseHover = (initialValue?: boolean) => {\n hover: boolean\n onMouseEnter: () => void\n onMouseLeave: () => void\n}\n\n/**\n * Simple hover-state hook that returns a boolean plus stable\n * `onMouseEnter`/`onMouseLeave` handlers ready to spread onto an element.\n */\nconst useHover: UseHover = (initial = false) => {\n const [hover, handleHover] = useState(initial)\n\n const setHover = useCallback(() => handleHover(true), [])\n const unsetHover = useCallback(() => handleHover(false), [])\n\n return {\n hover,\n onMouseEnter: setHover,\n onMouseLeave: unsetHover,\n }\n}\n\nexport default useHover\n","import { throttle } from '@vitus-labs/core'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\ntype Sizes = {\n width: number\n height: number\n}\n\nexport type UseWindowResize = (\n params?: Partial<{\n throttleDelay: number\n onChange: (params: Sizes) => void\n }>,\n initialValues?: Partial<Sizes>,\n) => Sizes\n\n/**\n * Tracks the browser viewport size, throttled to avoid excessive re-renders.\n * Reads `window.innerWidth`/`innerHeight` on mount and on every resize event.\n * An optional `onChange` callback fires alongside state updates.\n * Cleans up both the event listener and any pending throttled call on unmount.\n */\nconst useWindowResize: UseWindowResize = (\n { throttleDelay = 200, onChange } = {},\n { width = 0, height = 0 } = {},\n) => {\n const [windowSize, setWindowSize] = useState({ width, height })\n const onChangeRef = useRef(onChange)\n onChangeRef.current = onChange\n\n const updateSizes = useCallback(() => {\n const sizes = {\n width: window.innerWidth,\n height: window.innerHeight,\n }\n\n setWindowSize(sizes)\n if (onChangeRef.current) onChangeRef.current(sizes)\n }, [])\n\n useEffect(() => {\n updateSizes()\n }, [updateSizes])\n\n useEffect(() => {\n const throttled = throttle(updateSizes, throttleDelay)\n window.addEventListener('resize', throttled, false)\n\n return () => {\n window.removeEventListener('resize', throttled, false)\n throttled.cancel()\n }\n }, [updateSizes, throttleDelay])\n\n return windowSize\n}\n\nexport default useWindowResize\n"],"mappings":";;;;;;;;AAYA,MAAM,YAAsB,UAAU,UAAU;CAC9C,MAAM,CAAC,OAAO,eAAe,SAAS,QAAQ;AAK9C,QAAO;EACL;EACA,cALe,kBAAkB,YAAY,KAAK,EAAE,EAAE,CAAC;EAMvD,cALiB,kBAAkB,YAAY,MAAM,EAAE,EAAE,CAAC;EAM3D;;;;;;;;;;;ACAH,MAAM,mBACJ,EAAE,gBAAgB,KAAK,aAAa,EAAE,EACtC,EAAE,QAAQ,GAAG,SAAS,MAAM,EAAE,KAC3B;CACH,MAAM,CAAC,YAAY,iBAAiB,SAAS;EAAE;EAAO;EAAQ,CAAC;CAC/D,MAAM,cAAc,OAAO,SAAS;AACpC,aAAY,UAAU;CAEtB,MAAM,cAAc,kBAAkB;EACpC,MAAM,QAAQ;GACZ,OAAO,OAAO;GACd,QAAQ,OAAO;GAChB;AAED,gBAAc,MAAM;AACpB,MAAI,YAAY,QAAS,aAAY,QAAQ,MAAM;IAClD,EAAE,CAAC;AAEN,iBAAgB;AACd,eAAa;IACZ,CAAC,YAAY,CAAC;AAEjB,iBAAgB;EACd,MAAM,YAAY,SAAS,aAAa,cAAc;AACtD,SAAO,iBAAiB,UAAU,WAAW,MAAM;AAEnD,eAAa;AACX,UAAO,oBAAoB,UAAU,WAAW,MAAM;AACtD,aAAU,QAAQ;;IAEnB,CAAC,aAAa,cAAc,CAAC;AAEhC,QAAO"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vitus-labs/hooks",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.3-alpha.3+75e10a0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Vit Bokisch <vit@bokisch.cz>",
|
|
6
6
|
"maintainers": [
|
|
@@ -18,38 +18,37 @@
|
|
|
18
18
|
"homepage": "https://github.com/vitus-labs/ui-system/tree/master/packages/hooks",
|
|
19
19
|
"description": "Universal styles",
|
|
20
20
|
"scripts": {
|
|
21
|
-
"dev": "
|
|
22
|
-
"prepublish": "
|
|
23
|
-
"build": "
|
|
24
|
-
"build:watch": "
|
|
25
|
-
"lint
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"test": "
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"cover": "coveralls < .coverage/lcov.info"
|
|
21
|
+
"dev": "bun run vl_stories",
|
|
22
|
+
"prepublish": "bun run build",
|
|
23
|
+
"build": "bun run vl_rolldown_build",
|
|
24
|
+
"build:watch": "bun run vl_rolldown_build-watch",
|
|
25
|
+
"lint": "biome check src/",
|
|
26
|
+
"test": "vitest run",
|
|
27
|
+
"test:coverage": "vitest run --coverage",
|
|
28
|
+
"test:watch": "vitest",
|
|
29
|
+
"cover": "coveralls < .coverage/lcov.info",
|
|
30
|
+
"typecheck": "tsc --noEmit"
|
|
32
31
|
},
|
|
33
32
|
"publishConfig": {
|
|
34
33
|
"access": "public"
|
|
35
34
|
},
|
|
36
35
|
"repository": {
|
|
37
36
|
"type": "git",
|
|
38
|
-
"url": "
|
|
37
|
+
"url": "https://github.com/vitus-labs/ui-system",
|
|
38
|
+
"directory": "packages/hooks"
|
|
39
39
|
},
|
|
40
40
|
"bugs": {
|
|
41
41
|
"url": "https://github.com/vitus-labs/ui-system/issues"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"@vitus-labs/core": "*",
|
|
45
|
-
"react": ">=
|
|
45
|
+
"react": ">= 19"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@vitus-labs/core": "1.2.
|
|
49
|
-
"@vitus-labs/tools-
|
|
50
|
-
"@vitus-labs/tools-
|
|
51
|
-
"@vitus-labs/tools-
|
|
52
|
-
"@vitus-labs/tools-typescript": "^1.5.1"
|
|
48
|
+
"@vitus-labs/core": "1.2.3-alpha.3+75e10a0",
|
|
49
|
+
"@vitus-labs/tools-rolldown": "^1.6.0",
|
|
50
|
+
"@vitus-labs/tools-storybook": "^1.6.0",
|
|
51
|
+
"@vitus-labs/tools-typescript": "^1.6.0"
|
|
53
52
|
},
|
|
54
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "75e10a00ccc5df2908d4d779e954606dd22aae13"
|
|
55
54
|
}
|
package/lib/types/index.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import useHover from './useHover';
|
|
2
|
-
import useWindowResize from './useWindowResize';
|
|
3
|
-
import type { UseHover } from './useHover';
|
|
4
|
-
import type { UseWindowResize } from './useWindowResize';
|
|
5
|
-
export type { UseHover, UseWindowResize };
|
|
6
|
-
export { useHover, useWindowResize };
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
package/lib/types/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAExD,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAA;AAEzC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAA"}
|
package/lib/types/useHover.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useHover.d.ts","sourceRoot":"","sources":["../../src/useHover.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK;IACjD,KAAK,EAAE,OAAO,CAAA;IACd,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAED,QAAA,MAAM,QAAQ,EAAE,QAWf,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
type Sizes = {
|
|
2
|
-
width: number;
|
|
3
|
-
height: number;
|
|
4
|
-
};
|
|
5
|
-
export type UseWindowResize = (params?: Partial<{
|
|
6
|
-
throttleDelay: number;
|
|
7
|
-
onChange: (params: Sizes) => void;
|
|
8
|
-
}>, initialValues?: Partial<Sizes>) => Sizes;
|
|
9
|
-
declare const useWindowResize: UseWindowResize;
|
|
10
|
-
export default useWindowResize;
|
|
11
|
-
//# sourceMappingURL=useWindowResize.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useWindowResize.d.ts","sourceRoot":"","sources":["../../src/useWindowResize.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAA;CAClC,CAAC,EACF,aAAa,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,KAC3B,KAAK,CAAA;AAEV,QAAA,MAAM,eAAe,EAAE,eA+BtB,CAAA;AAED,eAAe,eAAe,CAAA"}
|