@tanstack/react-table 8.5.15 → 8.5.17
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/build/cjs/react-table/src/index.js +12 -10
- package/build/cjs/react-table/src/index.js.map +1 -1
- package/build/cjs/table-core/build/esm/index.js +267 -504
- package/build/cjs/table-core/build/esm/index.js.map +1 -1
- package/build/esm/index.js +279 -514
- package/build/esm/index.js.map +1 -1
- package/build/stats-html.html +51 -41
- package/build/stats-react.json +19 -19
- package/build/umd/index.development.js +279 -512
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +1 -1
- package/build/umd/index.production.js.map +1 -1
- package/package.json +2 -2
package/build/stats-html.html
CHANGED
|
@@ -144,7 +144,7 @@ main {
|
|
|
144
144
|
var drawChart = (function (exports) {
|
|
145
145
|
'use strict';
|
|
146
146
|
|
|
147
|
-
var n,l$1,u$1,t,o$2,r$1,f$1={},e$1=[],c$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function s$1(n,l){for(var u in l)n[u]=l[u];return n}function a$1(n){var l=n.parentNode;l&&l.removeChild(n);}function h$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return v$1(l,f,t,o,null)}function v$1(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function p$1(n){return n.children}function d$1(n,l){this.props=n,this.context=l;}function _$2(n,l){if(null==l)return n.__?_$2(n.__,n.__.__k.indexOf(n)+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?_$2(n):null}function k$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 k$1(n)}}function b(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g$1.__r++||o$2!==l$1.debounceRendering)&&((o$2=l$1.debounceRendering)||setTimeout)(g$1);}function g$1(){for(var n;g$1.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=s$1({},t)).__v=t.__v+1,j$1(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?_$2(t):o,t.__h),z$1(u,t),t.__e!=o&&k$1(t)));});}function w$1(n,l,u,i,t,o,r,c,s,a){var h,y,d,k,b,g,w,x=i&&i.__k||e$1,C=x.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(k=u.__k[h]=null==(k=l[h])||"boolean"==typeof k?null:"string"==typeof k||"number"==typeof k||"bigint"==typeof k?v$1(null,k,null,null,k):Array.isArray(k)?v$1(p$1,{children:k},null,null,null):k.__b>0?v$1(k.type,k.props,k.key,k.ref?k.ref:null,k.__v):k)){if(k.__=u,k.__b=u.__b+1,null===(d=x[h])||d&&k.key==d.key&&k.type===d.type)x[h]=void 0;else for(y=0;y<C;y++){if((d=x[y])&&k.key==d.key&&k.type===d.type){x[y]=void 0;break}d=null;}j$1(n,k,d=d||f$1,t,o,r,c,s,a),b=k.__e,(y=k.ref)&&d.ref!=y&&(w||(w=[]),d.ref&&w.push(d.ref,null,k),w.push(y,k.__c||b,k)),null!=b?(null==g&&(g=b),"function"==typeof k.type&&k.__k===d.__k?k.__d=s=m$1(k,s,n):s=A$
|
|
147
|
+
var n,l$1,u$1,t$1,o$2,r$1,f$1={},e$1=[],c$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function s$1(n,l){for(var u in l)n[u]=l[u];return n}function a$1(n){var l=n.parentNode;l&&l.removeChild(n);}function h$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return v$1(l,f,t,o,null)}function v$1(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function p$1(n){return n.children}function d$1(n,l){this.props=n,this.context=l;}function _$2(n,l){if(null==l)return n.__?_$2(n.__,n.__.__k.indexOf(n)+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?_$2(n):null}function k$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 k$1(n)}}function b$1(n){(!n.__d&&(n.__d=!0)&&t$1.push(n)&&!g$1.__r++||o$2!==l$1.debounceRendering)&&((o$2=l$1.debounceRendering)||setTimeout)(g$1);}function g$1(){for(var n;g$1.__r=t$1.length;)n=t$1.sort(function(n,l){return n.__v.__b-l.__v.__b}),t$1=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=s$1({},t)).__v=t.__v+1,j$1(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?_$2(t):o,t.__h),z$1(u,t),t.__e!=o&&k$1(t)));});}function w$1(n,l,u,i,t,o,r,c,s,a){var h,y,d,k,b,g,w,x=i&&i.__k||e$1,C=x.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(k=u.__k[h]=null==(k=l[h])||"boolean"==typeof k?null:"string"==typeof k||"number"==typeof k||"bigint"==typeof k?v$1(null,k,null,null,k):Array.isArray(k)?v$1(p$1,{children:k},null,null,null):k.__b>0?v$1(k.type,k.props,k.key,k.ref?k.ref:null,k.__v):k)){if(k.__=u,k.__b=u.__b+1,null===(d=x[h])||d&&k.key==d.key&&k.type===d.type)x[h]=void 0;else for(y=0;y<C;y++){if((d=x[y])&&k.key==d.key&&k.type===d.type){x[y]=void 0;break}d=null;}j$1(n,k,d=d||f$1,t,o,r,c,s,a),b=k.__e,(y=k.ref)&&d.ref!=y&&(w||(w=[]),d.ref&&w.push(d.ref,null,k),w.push(y,k.__c||b,k)),null!=b?(null==g&&(g=b),"function"==typeof k.type&&k.__k===d.__k?k.__d=s=m$1(k,s,n):s=A$1(n,k,d,x,b,s),"function"==typeof u.type&&(u.__d=s)):s&&d.__e==s&&s.parentNode!=n&&(s=_$2(d));}for(u.__e=g,h=C;h--;)null!=x[h]&&N(x[h],x[h]);if(w)for(h=0;h<w.length;h++)M(w[h],w[++h],w[++h]);}function m$1(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?m$1(i,l,u):A$1(u,i,i,t,i.__e,l));return l}function A$1(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function C$1(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H(n,o,l[o],u[o],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||c$1.test(l)?u:u+"px";}function H(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T:I,o):n.removeEventListener(l,o?T:I,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&-1==l.indexOf("-")?n.removeAttribute(l):n.setAttribute(l,u));}}function I(n){this.l[n.type+!1](l$1.event?l$1.event(n):n);}function T(n){this.l[n.type+!0](l$1.event?l$1.event(n):n);}function j$1(n,u,i,t,o,r,f,e,c){var a,h,v,y,_,k,b,g,m,x,A,C,$,H,I,T=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(a=l$1.__b)&&a(u);try{n:if("function"==typeof T){if(g=u.props,m=(a=T.contextType)&&t[a.__c],x=a?m?m.props.value:a.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in T&&T.prototype.render?u.__c=h=new T(g,x):(u.__c=h=new d$1(g,x),h.constructor=T,h.render=O),m&&m.sub(h),h.props=g,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[],h._sb=[]),null==h.__s&&(h.__s=h.state),null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=s$1({},h.__s)),s$1(h.__s,T.getDerivedStateFromProps(g,h.__s))),y=h.props,_=h.state,v)null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==T.getDerivedStateFromProps&&g!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(g,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(g,h.__s,x)||u.__v===i.__v){for(h.props=g,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),A=0;A<h._sb.length;A++)h.__h.push(h._sb[A]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(g,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,_,k);});}if(h.context=x,h.props=g,h.__v=u,h.__P=n,C=l$1.__r,$=0,"prototype"in T&&T.prototype.render){for(h.state=h.__s,h.__d=!1,C&&C(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,C&&C(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++$<25);h.state=h.__s,null!=h.getChildContext&&(t=s$1(s$1({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,_)),I=null!=a&&a.type===p$1&&null==a.key?a.props.children:a,w$1(n,Array.isArray(I)?I:[I],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,o,r,f,c);(a=l$1.diffed)&&a(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l$1.__e(n,u,i);}}function z$1(n,u){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 L(l,u,i,t,o,r,e,c){var s,h,v,y=i.props,p=u.props,d=u.type,k=0;if("svg"===d&&(o=!0),null!=r)for(;k<r.length;k++)if((s=r[k])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[k]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(r=r&&n.call(l.childNodes),h=(y=i.props||f$1).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},k=0;k<l.attributes.length;k++)y[l.attributes[k].name]=l.attributes[k].value;(v||h)&&(v&&(h&&v.__html==h.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C$1(l,p,y,o,c),v)u.__k=[];else if(k=u.props.children,w$1(l,Array.isArray(k)?k:[k],u,i,t,o&&"foreignObject"!==d,r,e,r?r[0]:i.__k&&_$2(i,0),c),null!=r)for(k=r.length;k--;)null!=r[k]&&a$1(r[k]);c||("value"in p&&void 0!==(k=p.value)&&(k!==l.value||"progress"===d&&!k||"option"===d&&k!==y.value)&&H(l,"value",k,y.value,!1),"checked"in p&&void 0!==(k=p.checked)&&k!==l.checked&&H(l,"checked",k,y.checked,!1));}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function N(n,u,i){var t,o;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null,n.__c=void 0;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,i||"function"!=typeof n.type);i||null==n.__e||a$1(n.__e),n.__=n.__e=n.__d=void 0;}function O(n,l,u){return this.constructor(n,u)}function P(u,i,t){var o,r,e;l$1.__&&l$1.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,e=[],j$1(i,u=(!o&&t||i).__k=h$1(p$1,null,[u]),r||f$1,f$1,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,e,!o&&t?t:r?r.__e:i.firstChild,o),z$1(e,u);}function B$2(n,l){var u={__c:l="__cC"+r$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(b$1);},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=e$1.slice,l$1={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,d$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=s$1({},this.state),"function"==typeof n&&(n=n(s$1({},u),this.props)),n&&s$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),b$1(this));},d$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),b$1(this));},d$1.prototype.render=p$1,t$1=[],g$1.__r=0,r$1=0;
|
|
148
148
|
|
|
149
149
|
var _$1=0;function o$1(o,e,n,t,f){var l,s,u={};for(s in e)"ref"==s?l=e[s]:u[s]=e[s];var a={type:o,props:u,key:n,ref:l,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--_$1,__source:f,__self:t};if("function"==typeof o&&(l=o.defaultProps))for(s in l)void 0===u[s]&&(u[s]=l[s]);return l$1.vnode&&l$1.vnode(a),a}
|
|
150
150
|
|
|
@@ -660,11 +660,11 @@ var drawChart = (function (exports) {
|
|
|
660
660
|
return availableSizeProperties;
|
|
661
661
|
};
|
|
662
662
|
|
|
663
|
-
var r,u,i,o
|
|
663
|
+
var t,r,u,i,o=0,f=[],c=[],e=l$1.__b,a=l$1.__r,v=l$1.diffed,l=l$1.__c,m=l$1.unmount;function d(t,u){l$1.__h&&l$1.__h(r,t,o||u),o=0;var i=r.__H||(r.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c}),i.__[t]}function p(n){return o=1,y(B$1,n)}function y(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B$1(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.u)){r.u=!0;var f=r.shouldComponentUpdate;r.shouldComponentUpdate=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !f||f.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!f||f.call(this,n,t,r))};}return o.__N||o.__}function h(u,i){var o=d(t++,3);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__H.__h.push(o));}function s(u,i){var o=d(t++,4);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__h.push(o));}function _(n){return o=5,F(function(){return {current:n}},[])}function F(n,r){var u=d(t++,7);return z(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function q(n){var u=r.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function b(){for(var t;t=f.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k),t.__H.__h.forEach(w),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){"function"!=typeof n.type||n.__m||null===n.__?n.__m||(n.__m=n.__&&n.__.__m?n.__.__m:""):n.__m=(n.__&&n.__.__m?n.__.__m:"")+(n.__&&n.__.__k?n.__.__k.indexOf(n):0),r=null,e&&e(n);},l$1.__r=function(n){a&&a(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.__V=c,n.__N=n.i=void 0;})):(i.__h.forEach(k),i.__h.forEach(w),i.__h=[])),u=r;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||j)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c;})),u=r=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k),t.__h=t.__h.filter(function(n){return !n.__||w(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$1.__e(u,t.__v);}}),l&&l(t,r);},l$1.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$1.__e(r,u.__v));};var g="function"==typeof requestAnimationFrame;function j(n){var t,r=function(){clearTimeout(u),g&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g&&(t=requestAnimationFrame(r));}function k(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function w(n){var t=r;n.__c=n.__(),r=t;}function z(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B$1(n,t){return "function"==typeof t?t(n):t}
|
|
664
664
|
|
|
665
665
|
const SideBar = ({ availableSizeProperties, sizeProperty, setSizeProperty, onExcludeChange, onIncludeChange, }) => {
|
|
666
|
-
const [includeValue, setIncludeValue] =
|
|
667
|
-
const [excludeValue, setExcludeValue] =
|
|
666
|
+
const [includeValue, setIncludeValue] = p("");
|
|
667
|
+
const [excludeValue, setExcludeValue] = p("");
|
|
668
668
|
const handleSizePropertyChange = (sizeProp) => () => {
|
|
669
669
|
if (sizeProp !== sizeProperty) {
|
|
670
670
|
setSizeProperty(sizeProp);
|
|
@@ -700,11 +700,11 @@ var drawChart = (function (exports) {
|
|
|
700
700
|
};
|
|
701
701
|
};
|
|
702
702
|
const useFilter = () => {
|
|
703
|
-
const [includeFilter, setIncludeFilter] =
|
|
704
|
-
const [excludeFilter, setExcludeFilter] =
|
|
705
|
-
const setIncludeFilterTrottled =
|
|
706
|
-
const setExcludeFilterTrottled =
|
|
707
|
-
const isModuleIncluded =
|
|
703
|
+
const [includeFilter, setIncludeFilter] = p("");
|
|
704
|
+
const [excludeFilter, setExcludeFilter] = p("");
|
|
705
|
+
const setIncludeFilterTrottled = F(() => throttleFilter(setIncludeFilter, 200), []);
|
|
706
|
+
const setExcludeFilterTrottled = F(() => throttleFilter(setExcludeFilter, 200), []);
|
|
707
|
+
const isModuleIncluded = F(() => {
|
|
708
708
|
if (includeFilter === "") {
|
|
709
709
|
return () => true;
|
|
710
710
|
}
|
|
@@ -716,7 +716,7 @@ var drawChart = (function (exports) {
|
|
|
716
716
|
return () => false;
|
|
717
717
|
}
|
|
718
718
|
}, [includeFilter]);
|
|
719
|
-
const isModuleExcluded =
|
|
719
|
+
const isModuleExcluded = F(() => {
|
|
720
720
|
if (excludeFilter === "") {
|
|
721
721
|
return () => false;
|
|
722
722
|
}
|
|
@@ -729,7 +729,7 @@ var drawChart = (function (exports) {
|
|
|
729
729
|
}
|
|
730
730
|
}, [excludeFilter]);
|
|
731
731
|
const isDefaultInclude = includeFilter === "";
|
|
732
|
-
const getModuleFilterMultiplier =
|
|
732
|
+
const getModuleFilterMultiplier = F(() => {
|
|
733
733
|
return (data) => {
|
|
734
734
|
if (isDefaultInclude) {
|
|
735
735
|
return isModuleExcluded(data) ? 0 : 1;
|
|
@@ -951,11 +951,11 @@ var drawChart = (function (exports) {
|
|
|
951
951
|
const PADDING = 2;
|
|
952
952
|
|
|
953
953
|
const Node = ({ node, onMouseOver, onClick, selected }) => {
|
|
954
|
-
const { getModuleColor } =
|
|
954
|
+
const { getModuleColor } = q(StaticContext);
|
|
955
955
|
const { backgroundColor, fontColor } = getModuleColor(node);
|
|
956
956
|
const { x0, x1, y1, y0, data, children = null } = node;
|
|
957
|
-
const textRef =
|
|
958
|
-
const textRectRef =
|
|
957
|
+
const textRef = _(null);
|
|
958
|
+
const textRectRef = _();
|
|
959
959
|
const width = x1 - x0;
|
|
960
960
|
const height = y1 - y0;
|
|
961
961
|
const textProps = {
|
|
@@ -970,7 +970,7 @@ var drawChart = (function (exports) {
|
|
|
970
970
|
else {
|
|
971
971
|
textProps.y = height / 2;
|
|
972
972
|
}
|
|
973
|
-
|
|
973
|
+
s(() => {
|
|
974
974
|
if (width == 0 || height == 0 || !textRef.current) {
|
|
975
975
|
return;
|
|
976
976
|
}
|
|
@@ -1009,11 +1009,11 @@ var drawChart = (function (exports) {
|
|
|
1009
1009
|
} }, textProps, { children: data.name }))] })));
|
|
1010
1010
|
};
|
|
1011
1011
|
|
|
1012
|
-
const TreeMap = ({ root, onNodeHover, selectedNode, onNodeClick }) => {
|
|
1013
|
-
const { width, height, getModuleIds } =
|
|
1012
|
+
const TreeMap = ({ root, onNodeHover, selectedNode, onNodeClick, }) => {
|
|
1013
|
+
const { width, height, getModuleIds } = q(StaticContext);
|
|
1014
1014
|
console.time("layering");
|
|
1015
1015
|
// this will make groups by height
|
|
1016
|
-
const nestedData =
|
|
1016
|
+
const nestedData = F(() => {
|
|
1017
1017
|
const nestedDataMap = group(root.descendants(), (d) => d.height);
|
|
1018
1018
|
const nestedData = Array.from(nestedDataMap, ([key, values]) => ({
|
|
1019
1019
|
key,
|
|
@@ -1203,14 +1203,14 @@ var drawChart = (function (exports) {
|
|
|
1203
1203
|
|
|
1204
1204
|
const Tooltip_marginX = 10;
|
|
1205
1205
|
const Tooltip_marginY = 30;
|
|
1206
|
-
const SOURCEMAP_RENDERED = (o$1("span", { children: [" ", o$1("b", { children: LABELS.renderedLength }), " is a number of characters in the file after individual and ", o$1("br", {}), " whole bundle transformations according to sourcemap."] }));
|
|
1206
|
+
const SOURCEMAP_RENDERED = (o$1("span", { children: [" ", o$1("b", { children: LABELS.renderedLength }), " is a number of characters in the file after individual and ", o$1("br", {}), " ", "whole bundle transformations according to sourcemap."] }));
|
|
1207
1207
|
const RENDRED = (o$1("span", { children: [o$1("b", { children: LABELS.renderedLength }), " is a byte size of individual file after transformations and treeshake."] }));
|
|
1208
|
-
const COMPRESSED = (o$1("span", { children: [o$1("b", { children: LABELS.gzipLength }), " and ", o$1("b", { children: LABELS.brotliLength }), " is a byte size of individual file after individual
|
|
1209
|
-
const Tooltip = ({ node, visible, root, sizeProperty }) => {
|
|
1210
|
-
const { availableSizeProperties, getModuleSize, data } =
|
|
1211
|
-
const ref =
|
|
1212
|
-
const [style, setStyle] =
|
|
1213
|
-
const content =
|
|
1208
|
+
const COMPRESSED = (o$1("span", { children: [o$1("b", { children: LABELS.gzipLength }), " and ", o$1("b", { children: LABELS.brotliLength }), " is a byte size of individual file after individual transformations,", o$1("br", {}), " treeshake and compression."] }));
|
|
1209
|
+
const Tooltip = ({ node, visible, root, sizeProperty, }) => {
|
|
1210
|
+
const { availableSizeProperties, getModuleSize, data } = q(StaticContext);
|
|
1211
|
+
const ref = _(null);
|
|
1212
|
+
const [style, setStyle] = p({});
|
|
1213
|
+
const content = F(() => {
|
|
1214
1214
|
if (!node)
|
|
1215
1215
|
return null;
|
|
1216
1216
|
const mainSize = getModuleSize(node.data, sizeProperty);
|
|
@@ -1229,10 +1229,10 @@ var drawChart = (function (exports) {
|
|
|
1229
1229
|
}
|
|
1230
1230
|
return (o$1(p$1, { children: [o$1("div", { children: path }), availableSizeProperties.map((sizeProp) => {
|
|
1231
1231
|
if (sizeProp === sizeProperty) {
|
|
1232
|
-
return (o$1("div", { children: [o$1("b", { children: [LABELS[sizeProp], ": ", format_1(mainSize)] }), " ", "(", percentageString, ")"] }));
|
|
1232
|
+
return (o$1("div", { children: [o$1("b", { children: [LABELS[sizeProp], ": ", format_1(mainSize)] }), " ", "(", percentageString, ")"] }, sizeProp));
|
|
1233
1233
|
}
|
|
1234
1234
|
else {
|
|
1235
|
-
return (o$1("div", { children: [LABELS[sizeProp], ": ", format_1(getModuleSize(node.data, sizeProp))] }));
|
|
1235
|
+
return (o$1("div", { children: [LABELS[sizeProp], ": ", format_1(getModuleSize(node.data, sizeProp))] }, sizeProp));
|
|
1236
1236
|
}
|
|
1237
1237
|
}), o$1("br", {}), dataNode && dataNode.importedBy.length > 0 && (o$1("div", { children: [o$1("div", { children: [o$1("b", { children: "Imported By" }), ":"] }), dataNode.importedBy.map(({ uid }) => {
|
|
1238
1238
|
const id = data.nodeMetas[uid].id;
|
|
@@ -1257,7 +1257,7 @@ var drawChart = (function (exports) {
|
|
|
1257
1257
|
}
|
|
1258
1258
|
setStyle(pos);
|
|
1259
1259
|
};
|
|
1260
|
-
|
|
1260
|
+
h(() => {
|
|
1261
1261
|
const handleMouseMove = (event) => {
|
|
1262
1262
|
updatePosition({
|
|
1263
1263
|
x: event.pageX,
|
|
@@ -1272,10 +1272,10 @@ var drawChart = (function (exports) {
|
|
|
1272
1272
|
return (o$1("div", Object.assign({ className: `tooltip ${visible ? "" : "tooltip-hidden"}`, ref: ref, style: style }, { children: content })));
|
|
1273
1273
|
};
|
|
1274
1274
|
|
|
1275
|
-
const Chart = ({ root, sizeProperty, selectedNode, setSelectedNode }) => {
|
|
1276
|
-
const [showTooltip, setShowTooltip] =
|
|
1277
|
-
const [tooltipNode, setTooltipNode] =
|
|
1278
|
-
|
|
1275
|
+
const Chart = ({ root, sizeProperty, selectedNode, setSelectedNode, }) => {
|
|
1276
|
+
const [showTooltip, setShowTooltip] = p(false);
|
|
1277
|
+
const [tooltipNode, setTooltipNode] = p(undefined);
|
|
1278
|
+
h(() => {
|
|
1279
1279
|
const handleMouseOut = () => {
|
|
1280
1280
|
setShowTooltip(false);
|
|
1281
1281
|
};
|
|
@@ -1293,12 +1293,12 @@ var drawChart = (function (exports) {
|
|
|
1293
1293
|
};
|
|
1294
1294
|
|
|
1295
1295
|
const Main = () => {
|
|
1296
|
-
const { availableSizeProperties, rawHierarchy, getModuleSize, layout, data } =
|
|
1297
|
-
const [sizeProperty, setSizeProperty] =
|
|
1298
|
-
const [selectedNode, setSelectedNode] =
|
|
1296
|
+
const { availableSizeProperties, rawHierarchy, getModuleSize, layout, data } = q(StaticContext);
|
|
1297
|
+
const [sizeProperty, setSizeProperty] = p(availableSizeProperties[0]);
|
|
1298
|
+
const [selectedNode, setSelectedNode] = p(undefined);
|
|
1299
1299
|
const { getModuleFilterMultiplier, setExcludeFilter, setIncludeFilter } = useFilter();
|
|
1300
1300
|
console.time("getNodeSizeMultiplier");
|
|
1301
|
-
const getNodeSizeMultiplier =
|
|
1301
|
+
const getNodeSizeMultiplier = F(() => {
|
|
1302
1302
|
const rootSize = getModuleSize(rawHierarchy.data, sizeProperty);
|
|
1303
1303
|
const selectedSize = selectedNode ? getModuleSize(selectedNode.data, sizeProperty) : 1;
|
|
1304
1304
|
const multiplier = rootSize * 0.2 > selectedSize ? (rootSize * 0.2) / selectedSize : 3;
|
|
@@ -1326,7 +1326,7 @@ var drawChart = (function (exports) {
|
|
|
1326
1326
|
console.timeEnd("getNodeSizeMultiplier");
|
|
1327
1327
|
console.time("root hierarchy compute");
|
|
1328
1328
|
// root here always be the same as rawHierarchy even after layouting
|
|
1329
|
-
const root =
|
|
1329
|
+
const root = F(() => {
|
|
1330
1330
|
const rootWithSizesAndSorted = rawHierarchy
|
|
1331
1331
|
.sum((node) => {
|
|
1332
1332
|
if (isModuleTree(node))
|
|
@@ -1338,7 +1338,15 @@ var drawChart = (function (exports) {
|
|
|
1338
1338
|
})
|
|
1339
1339
|
.sort((a, b) => getModuleSize(a.data, sizeProperty) - getModuleSize(b.data, sizeProperty));
|
|
1340
1340
|
return layout(rootWithSizesAndSorted);
|
|
1341
|
-
}, [
|
|
1341
|
+
}, [
|
|
1342
|
+
data,
|
|
1343
|
+
getModuleFilterMultiplier,
|
|
1344
|
+
getModuleSize,
|
|
1345
|
+
getNodeSizeMultiplier,
|
|
1346
|
+
layout,
|
|
1347
|
+
rawHierarchy,
|
|
1348
|
+
sizeProperty,
|
|
1349
|
+
]);
|
|
1342
1350
|
console.timeEnd("root hierarchy compute");
|
|
1343
1351
|
return (o$1(p$1, { children: [o$1(SideBar, { sizeProperty: sizeProperty, availableSizeProperties: availableSizeProperties, setSizeProperty: setSizeProperty, onExcludeChange: setExcludeFilter, onIncludeChange: setIncludeFilter }), o$1(Chart, { root: root, sizeProperty: sizeProperty, selectedNode: selectedNode, setSelectedNode: setSelectedNode })] }));
|
|
1344
1352
|
};
|
|
@@ -3924,7 +3932,9 @@ var drawChart = (function (exports) {
|
|
|
3924
3932
|
const lightScale = linear().domain([0, root.height]).range([0.9, 0.3]);
|
|
3925
3933
|
const getBackgroundColor = (node) => {
|
|
3926
3934
|
const parents = node.ancestors();
|
|
3927
|
-
const colorStr = parents.length === 1
|
|
3935
|
+
const colorStr = parents.length === 1
|
|
3936
|
+
? colorParentMap.get(parents[0])
|
|
3937
|
+
: colorParentMap.get(parents[parents.length - 2]);
|
|
3928
3938
|
const hslColor = hsl(colorStr);
|
|
3929
3939
|
hslColor.l = lightScale(node.depth);
|
|
3930
3940
|
return hslColor;
|
|
@@ -4001,7 +4011,7 @@ var drawChart = (function (exports) {
|
|
|
4001
4011
|
};
|
|
4002
4012
|
|
|
4003
4013
|
exports.StaticContext = StaticContext;
|
|
4004
|
-
exports
|
|
4014
|
+
exports.default = drawChart;
|
|
4005
4015
|
|
|
4006
4016
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4007
4017
|
|
|
@@ -4014,7 +4024,7 @@ var drawChart = (function (exports) {
|
|
|
4014
4024
|
</script>
|
|
4015
4025
|
<script>
|
|
4016
4026
|
/*<!--*/
|
|
4017
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"
|
|
4027
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"1d0e-127"},{"name":"react-table/src/index.tsx","uid":"1d0e-129"}]}]}],"isRoot":true},"nodeParts":{"1d0e-127":{"renderedLength":125390,"gzipLength":22307,"brotliLength":0,"mainUid":"1d0e-126"},"1d0e-129":{"renderedLength":1923,"gzipLength":755,"brotliLength":0,"mainUid":"1d0e-128"}},"nodeMetas":{"1d0e-126":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"1d0e-127"},"imported":[],"importedBy":[{"uid":"1d0e-128"}]},"1d0e-128":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"1d0e-129"},"imported":[{"uid":"1d0e-130"},{"uid":"1d0e-126"}],"importedBy":[],"isEntry":true},"1d0e-130":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"1d0e-128"}],"isExternal":true}},"env":{"rollup":"2.79.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
4018
4028
|
|
|
4019
4029
|
const run = () => {
|
|
4020
4030
|
const width = window.innerWidth;
|
package/build/stats-react.json
CHANGED
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
"children": [
|
|
12
12
|
{
|
|
13
13
|
"name": "table-core/build/esm/index.js",
|
|
14
|
-
"uid": "
|
|
14
|
+
"uid": "1d0e-132"
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
17
|
"name": "react-table/src/index.tsx",
|
|
18
|
-
"uid": "
|
|
18
|
+
"uid": "1d0e-134"
|
|
19
19
|
}
|
|
20
20
|
]
|
|
21
21
|
}
|
|
@@ -25,55 +25,55 @@
|
|
|
25
25
|
"isRoot": true
|
|
26
26
|
},
|
|
27
27
|
"nodeParts": {
|
|
28
|
-
"
|
|
29
|
-
"renderedLength":
|
|
30
|
-
"gzipLength":
|
|
28
|
+
"1d0e-132": {
|
|
29
|
+
"renderedLength": 125390,
|
|
30
|
+
"gzipLength": 22307,
|
|
31
31
|
"brotliLength": 0,
|
|
32
|
-
"mainUid": "
|
|
32
|
+
"mainUid": "1d0e-131"
|
|
33
33
|
},
|
|
34
|
-
"
|
|
35
|
-
"renderedLength":
|
|
36
|
-
"gzipLength":
|
|
34
|
+
"1d0e-134": {
|
|
35
|
+
"renderedLength": 1923,
|
|
36
|
+
"gzipLength": 755,
|
|
37
37
|
"brotliLength": 0,
|
|
38
|
-
"mainUid": "
|
|
38
|
+
"mainUid": "1d0e-133"
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
"nodeMetas": {
|
|
42
|
-
"
|
|
42
|
+
"1d0e-131": {
|
|
43
43
|
"id": "/packages/table-core/build/esm/index.js",
|
|
44
44
|
"moduleParts": {
|
|
45
|
-
"index.production.js": "
|
|
45
|
+
"index.production.js": "1d0e-132"
|
|
46
46
|
},
|
|
47
47
|
"imported": [],
|
|
48
48
|
"importedBy": [
|
|
49
49
|
{
|
|
50
|
-
"uid": "
|
|
50
|
+
"uid": "1d0e-133"
|
|
51
51
|
}
|
|
52
52
|
]
|
|
53
53
|
},
|
|
54
|
-
"
|
|
54
|
+
"1d0e-133": {
|
|
55
55
|
"id": "/packages/react-table/src/index.tsx",
|
|
56
56
|
"moduleParts": {
|
|
57
|
-
"index.production.js": "
|
|
57
|
+
"index.production.js": "1d0e-134"
|
|
58
58
|
},
|
|
59
59
|
"imported": [
|
|
60
60
|
{
|
|
61
|
-
"uid": "
|
|
61
|
+
"uid": "1d0e-135"
|
|
62
62
|
},
|
|
63
63
|
{
|
|
64
|
-
"uid": "
|
|
64
|
+
"uid": "1d0e-131"
|
|
65
65
|
}
|
|
66
66
|
],
|
|
67
67
|
"importedBy": [],
|
|
68
68
|
"isEntry": true
|
|
69
69
|
},
|
|
70
|
-
"
|
|
70
|
+
"1d0e-135": {
|
|
71
71
|
"id": "react",
|
|
72
72
|
"moduleParts": {},
|
|
73
73
|
"imported": [],
|
|
74
74
|
"importedBy": [
|
|
75
75
|
{
|
|
76
|
-
"uid": "
|
|
76
|
+
"uid": "1d0e-133"
|
|
77
77
|
}
|
|
78
78
|
],
|
|
79
79
|
"isExternal": true
|