@tanstack/react-table 8.5.12 → 8.5.15
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/table-core/build/esm/index.js +193 -494
- package/build/cjs/table-core/build/esm/index.js.map +1 -1
- package/build/esm/index.js +193 -494
- package/build/esm/index.js.map +1 -1
- package/build/stats-html.html +56 -56
- package/build/stats-react.json +18 -18
- package/build/umd/index.development.js +193 -494
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +2 -2
- package/build/umd/index.production.js.map +1 -1
- package/package.json +2 -2
package/build/stats-html.html
CHANGED
|
@@ -144,9 +144,9 @@ main {
|
|
|
144
144
|
var drawChart = (function (exports) {
|
|
145
145
|
'use strict';
|
|
146
146
|
|
|
147
|
-
var n,l$1,u$1,t
|
|
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$2(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]&&("function"==typeof u.type&&null!=x[h].__e&&x[h].__e==u.__d&&(u.__d=_$2(i,h+1)),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$2(u,i,i,t,i.__e,l));return l}function A$2(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$2(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$1:I,o):n.removeEventListener(l,o?T$1: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||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I(n){this.l[n.type+!1](l$1.event?l$1.event(n):n);}function T$1(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=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 H){if(g=u.props,m=(a=H.contextType)&&t[a.__c],x=a?m?m.props.value:a.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in H&&H.prototype.render?u.__c=h=new H(g,x):(u.__c=h=new d$1(g,x),h.constructor=H,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=[]),null==h.__s&&(h.__s=h.state),null!=H.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=s$1({},h.__s)),s$1(h.__s,H.getDerivedStateFromProps(g,h.__s))),y=h.props,_=h.state,v)null==H.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==H.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){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);}),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,A=l$1.__r,C=0,"prototype"in H&&H.prototype.render)h.state=h.__s,h.__d=!1,A&&A(u),a=h.render(h.props,h.state,h.context);else do{h.__d=!1,A&&A(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++C<25);h.state=h.__s,null!=h.getChildContext&&(t=s$1(s$1({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,_)),$=null!=a&&a.type===p$1&&null==a.key?a.props.children:a,w$1(n,Array.isArray($)?$:[$],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$2(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,"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);},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.__h.push(l),b(this));},d$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),b(this));},d$1.prototype.render=p$1,t=[],g$1.__r=0,r$1=0;
|
|
148
148
|
|
|
149
|
-
var
|
|
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
|
|
|
151
151
|
function count$1(node) {
|
|
152
152
|
var sum = 0,
|
|
@@ -660,11 +660,11 @@ var drawChart = (function (exports) {
|
|
|
660
660
|
return availableSizeProperties;
|
|
661
661
|
};
|
|
662
662
|
|
|
663
|
-
var
|
|
663
|
+
var r,u,i,o,f=0,c=[],e=[],a=l$1.__b,v=l$1.__r,l=l$1.diffed,m=l$1.__c,d=l$1.unmount;function p(t,r){l$1.__h&&l$1.__h(u,t,f||r),f=0;var i=u.__H||(u.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:e}),i.__[t]}function y(n){return f=1,h(C$1,n)}function h(n,t,i){var o=p(r++,2);if(o.t=n,!o.__c&&(o.__=[i?i(t):C$1(void 0,t),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=u,!u.u)){u.u=!0;var f=u.shouldComponentUpdate;u.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&&(!f||f.call(this,n,t,r))};}return o.__N||o.__}function s(t,i){var o=p(r++,3);!l$1.__s&&B$1(o.__H,i)&&(o.__=t,o.i=i,u.__H.__h.push(o));}function _(t,i){var o=p(r++,4);!l$1.__s&&B$1(o.__H,i)&&(o.__=t,o.i=i,u.__h.push(o));}function A$1(n){return f=5,T(function(){return {current:n}},[])}function T(n,t){var u=p(r++,7);return B$1(u.__H,t)?(u.__V=n(),u.i=t,u.__h=n,u.__V):u.__}function x(n){var t=u.context[n.__c],i=p(r++,9);return i.c=n,t?(null==i.__&&(i.__=!0,t.sub(u)),t.props.value):n.__}function g(){for(var t;t=c.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(w),t.__H.__h.forEach(z),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){"function"!=typeof n.type||n.o||n.type===p$1?n.o||(n.o=n.__&&n.__.o?n.__.o:""):n.o=(n.__&&n.__.o?n.__.o:"")+(n.__&&n.__.__k?n.__.__k.indexOf(n):0),u=null,a&&a(n);},l$1.__r=function(n){v&&v(n),r=0;var t=(u=n.__c).__H;t&&(i===u?(t.__h=[],u.__h=[],t.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=e,n.__N=n.i=void 0;})):(t.__h.forEach(w),t.__h.forEach(z),t.__h=[])),i=u;},l$1.diffed=function(t){l&&l(t);var r=t.__c;r&&r.__H&&(r.__H.__h.length&&(1!==c.push(r)&&o===l$1.requestAnimationFrame||((o=l$1.requestAnimationFrame)||k)(g)),r.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==e&&(n.__=n.__V),n.i=void 0,n.__V=e;})),i=u=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(w),t.__h=t.__h.filter(function(n){return !n.__||z(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$1.__e(u,t.__v);}}),m&&m(t,r);},l$1.unmount=function(t){d&&d(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{w(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$1.__e(r,u.__v));};var j="function"==typeof requestAnimationFrame;function k(n){var t,r=function(){clearTimeout(u),j&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);j&&(t=requestAnimationFrame(r));}function w(n){var t=u,r=n.__c;"function"==typeof r&&(n.__c=void 0,r()),u=t;}function z(n){var t=u;n.__c=n.__(),u=t;}function B$1(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function C$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] = y("");
|
|
667
|
+
const [excludeValue, setExcludeValue] = y("");
|
|
668
668
|
const handleSizePropertyChange = (sizeProp) => () => {
|
|
669
669
|
if (sizeProp !== sizeProperty) {
|
|
670
670
|
setSizeProperty(sizeProp);
|
|
@@ -680,11 +680,11 @@ var drawChart = (function (exports) {
|
|
|
680
680
|
setExcludeValue(value);
|
|
681
681
|
onExcludeChange(value);
|
|
682
682
|
};
|
|
683
|
-
return (
|
|
683
|
+
return (o$1("aside", Object.assign({ className: "sidebar" }, { children: [o$1("div", Object.assign({ className: "size-selectors" }, { children: availableSizeProperties.length > 1 &&
|
|
684
684
|
availableSizeProperties.map((sizeProp) => {
|
|
685
685
|
const id = `selector-${sizeProp}`;
|
|
686
|
-
return (
|
|
687
|
-
}) })),
|
|
686
|
+
return (o$1("div", Object.assign({ className: "size-selector" }, { children: [o$1("input", { type: "radio", id: id, checked: sizeProp === sizeProperty, onChange: handleSizePropertyChange(sizeProp) }), o$1("label", Object.assign({ htmlFor: id }, { children: LABELS[sizeProp] }))] }), sizeProp));
|
|
687
|
+
}) })), o$1("div", Object.assign({ className: "module-filters" }, { children: [o$1("div", Object.assign({ className: "module-filter" }, { children: [o$1("label", Object.assign({ htmlFor: "module-filter-exclude" }, { children: "Exclude" })), o$1("input", { type: "text", id: "module-filter-exclude", value: excludeValue, onInput: handleExcludeChange, placeholder: "RegExp" })] })), o$1("div", Object.assign({ className: "module-filter" }, { children: [o$1("label", Object.assign({ htmlFor: "module-filter-include" }, { children: "Include" })), o$1("input", { type: "text", id: "module-filter-include", value: includeValue, onInput: handleIncludeChange, placeholder: "RegExp" })] }))] }))] })));
|
|
688
688
|
};
|
|
689
689
|
|
|
690
690
|
const throttleFilter = (callback, limit) => {
|
|
@@ -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] = y("");
|
|
704
|
+
const [excludeFilter, setExcludeFilter] = y("");
|
|
705
|
+
const setIncludeFilterTrottled = T(() => throttleFilter(setIncludeFilter, 200), []);
|
|
706
|
+
const setExcludeFilterTrottled = T(() => throttleFilter(setExcludeFilter, 200), []);
|
|
707
|
+
const isModuleIncluded = T(() => {
|
|
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 = T(() => {
|
|
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 = T(() => {
|
|
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 } = x(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 = A$1(null);
|
|
958
|
+
const textRectRef = A$1();
|
|
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
|
+
_(() => {
|
|
974
974
|
if (width == 0 || height == 0 || !textRef.current) {
|
|
975
975
|
return;
|
|
976
976
|
}
|
|
@@ -995,13 +995,13 @@ var drawChart = (function (exports) {
|
|
|
995
995
|
if (width == 0 || height == 0) {
|
|
996
996
|
return null;
|
|
997
997
|
}
|
|
998
|
-
return (
|
|
998
|
+
return (o$1("g", Object.assign({ className: "node", transform: `translate(${x0},${y0})`, onClick: (event) => {
|
|
999
999
|
event.stopPropagation();
|
|
1000
1000
|
onClick(node);
|
|
1001
1001
|
}, onMouseOver: (event) => {
|
|
1002
1002
|
event.stopPropagation();
|
|
1003
1003
|
onMouseOver(node);
|
|
1004
|
-
} }, { children: [
|
|
1004
|
+
} }, { children: [o$1("rect", { fill: backgroundColor, rx: 2, ry: 2, width: x1 - x0, height: y1 - y0, stroke: selected ? "#fff" : undefined, "stroke-width": selected ? 2 : undefined }), o$1("text", Object.assign({ ref: textRef, fill: fontColor, onClick: (event) => {
|
|
1005
1005
|
var _a;
|
|
1006
1006
|
if (((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString()) !== "") {
|
|
1007
1007
|
event.stopPropagation();
|
|
@@ -1010,10 +1010,10 @@ var drawChart = (function (exports) {
|
|
|
1010
1010
|
};
|
|
1011
1011
|
|
|
1012
1012
|
const TreeMap = ({ root, onNodeHover, selectedNode, onNodeClick }) => {
|
|
1013
|
-
const { width, height, getModuleIds } =
|
|
1013
|
+
const { width, height, getModuleIds } = x(StaticContext);
|
|
1014
1014
|
console.time("layering");
|
|
1015
1015
|
// this will make groups by height
|
|
1016
|
-
const nestedData =
|
|
1016
|
+
const nestedData = T(() => {
|
|
1017
1017
|
const nestedDataMap = group(root.descendants(), (d) => d.height);
|
|
1018
1018
|
const nestedData = Array.from(nestedDataMap, ([key, values]) => ({
|
|
1019
1019
|
key,
|
|
@@ -1023,9 +1023,9 @@ var drawChart = (function (exports) {
|
|
|
1023
1023
|
return nestedData;
|
|
1024
1024
|
}, [root]);
|
|
1025
1025
|
console.timeEnd("layering");
|
|
1026
|
-
return (
|
|
1027
|
-
return (
|
|
1028
|
-
return (
|
|
1026
|
+
return (o$1("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, { children: nestedData.map(({ key, values }) => {
|
|
1027
|
+
return (o$1("g", Object.assign({ className: "layer" }, { children: values.map((node) => {
|
|
1028
|
+
return (o$1(Node, { node: node, onMouseOver: onNodeHover, selected: selectedNode === node, onClick: onNodeClick }, getModuleIds(node.data).nodeUid.id));
|
|
1029
1029
|
}) }), key));
|
|
1030
1030
|
}) })));
|
|
1031
1031
|
};
|
|
@@ -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 = (
|
|
1207
|
-
const RENDRED = (
|
|
1208
|
-
const COMPRESSED = (
|
|
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
|
+
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", " ", "transformations,", o$1("br", {}), " treeshake and compression."] }));
|
|
1209
1209
|
const Tooltip = ({ node, visible, root, sizeProperty }) => {
|
|
1210
|
-
const { availableSizeProperties, getModuleSize, data } =
|
|
1211
|
-
const ref =
|
|
1212
|
-
const [style, setStyle] =
|
|
1213
|
-
const content =
|
|
1210
|
+
const { availableSizeProperties, getModuleSize, data } = x(StaticContext);
|
|
1211
|
+
const ref = A$1(null);
|
|
1212
|
+
const [style, setStyle] = y({});
|
|
1213
|
+
const content = T(() => {
|
|
1214
1214
|
if (!node)
|
|
1215
1215
|
return null;
|
|
1216
1216
|
const mainSize = getModuleSize(node.data, sizeProperty);
|
|
@@ -1227,17 +1227,17 @@ var drawChart = (function (exports) {
|
|
|
1227
1227
|
const mainUid = data.nodeParts[node.data.uid].mainUid;
|
|
1228
1228
|
dataNode = data.nodeMetas[mainUid];
|
|
1229
1229
|
}
|
|
1230
|
-
return (
|
|
1230
|
+
return (o$1(p$1, { children: [o$1("div", { children: path }), availableSizeProperties.map((sizeProp) => {
|
|
1231
1231
|
if (sizeProp === sizeProperty) {
|
|
1232
|
-
return (
|
|
1232
|
+
return (o$1("div", { children: [o$1("b", { children: [LABELS[sizeProp], ": ", format_1(mainSize)] }), " ", "(", percentageString, ")"] }));
|
|
1233
1233
|
}
|
|
1234
1234
|
else {
|
|
1235
|
-
return (
|
|
1235
|
+
return (o$1("div", { children: [LABELS[sizeProp], ": ", format_1(getModuleSize(node.data, 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;
|
|
1239
|
-
return
|
|
1240
|
-
})] })),
|
|
1239
|
+
return o$1("div", { children: id }, id);
|
|
1240
|
+
})] })), o$1("br", {}), o$1("small", { children: data.options.sourcemap ? SOURCEMAP_RENDERED : RENDRED }), (data.options.gzip || data.options.brotli) && (o$1(p$1, { children: [o$1("br", {}), o$1("small", { children: COMPRESSED })] }))] }));
|
|
1241
1241
|
}, [availableSizeProperties, data, getModuleSize, node, root.data, sizeProperty]);
|
|
1242
1242
|
const updatePosition = (mouseCoords) => {
|
|
1243
1243
|
if (!ref.current)
|
|
@@ -1257,7 +1257,7 @@ var drawChart = (function (exports) {
|
|
|
1257
1257
|
}
|
|
1258
1258
|
setStyle(pos);
|
|
1259
1259
|
};
|
|
1260
|
-
|
|
1260
|
+
s(() => {
|
|
1261
1261
|
const handleMouseMove = (event) => {
|
|
1262
1262
|
updatePosition({
|
|
1263
1263
|
x: event.pageX,
|
|
@@ -1269,13 +1269,13 @@ var drawChart = (function (exports) {
|
|
|
1269
1269
|
document.removeEventListener("mousemove", handleMouseMove, true);
|
|
1270
1270
|
};
|
|
1271
1271
|
}, []);
|
|
1272
|
-
return (
|
|
1272
|
+
return (o$1("div", Object.assign({ className: `tooltip ${visible ? "" : "tooltip-hidden"}`, ref: ref, style: style }, { children: content })));
|
|
1273
1273
|
};
|
|
1274
1274
|
|
|
1275
1275
|
const Chart = ({ root, sizeProperty, selectedNode, setSelectedNode }) => {
|
|
1276
|
-
const [showTooltip, setShowTooltip] =
|
|
1277
|
-
const [tooltipNode, setTooltipNode] =
|
|
1278
|
-
|
|
1276
|
+
const [showTooltip, setShowTooltip] = y(false);
|
|
1277
|
+
const [tooltipNode, setTooltipNode] = y(undefined);
|
|
1278
|
+
s(() => {
|
|
1279
1279
|
const handleMouseOut = () => {
|
|
1280
1280
|
setShowTooltip(false);
|
|
1281
1281
|
};
|
|
@@ -1284,21 +1284,21 @@ var drawChart = (function (exports) {
|
|
|
1284
1284
|
document.removeEventListener("mouseover", handleMouseOut);
|
|
1285
1285
|
};
|
|
1286
1286
|
}, []);
|
|
1287
|
-
return (
|
|
1287
|
+
return (o$1(p$1, { children: [o$1(TreeMap, { root: root, onNodeHover: (node) => {
|
|
1288
1288
|
setTooltipNode(node);
|
|
1289
1289
|
setShowTooltip(true);
|
|
1290
1290
|
}, selectedNode: selectedNode, onNodeClick: (node) => {
|
|
1291
1291
|
setSelectedNode(selectedNode === node ? undefined : node);
|
|
1292
|
-
} }),
|
|
1292
|
+
} }), o$1(Tooltip, { visible: showTooltip, node: tooltipNode, root: root, sizeProperty: sizeProperty })] }));
|
|
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 } = x(StaticContext);
|
|
1297
|
+
const [sizeProperty, setSizeProperty] = y(availableSizeProperties[0]);
|
|
1298
|
+
const [selectedNode, setSelectedNode] = y(undefined);
|
|
1299
1299
|
const { getModuleFilterMultiplier, setExcludeFilter, setIncludeFilter } = useFilter();
|
|
1300
1300
|
console.time("getNodeSizeMultiplier");
|
|
1301
|
-
const getNodeSizeMultiplier =
|
|
1301
|
+
const getNodeSizeMultiplier = T(() => {
|
|
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 = T(() => {
|
|
1330
1330
|
const rootWithSizesAndSorted = rawHierarchy
|
|
1331
1331
|
.sum((node) => {
|
|
1332
1332
|
if (isModuleTree(node))
|
|
@@ -1340,7 +1340,7 @@ var drawChart = (function (exports) {
|
|
|
1340
1340
|
return layout(rootWithSizesAndSorted);
|
|
1341
1341
|
}, [data, getModuleFilterMultiplier, getModuleSize, getNodeSizeMultiplier, layout, rawHierarchy, sizeProperty]);
|
|
1342
1342
|
console.timeEnd("root hierarchy compute");
|
|
1343
|
-
return (
|
|
1343
|
+
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
1344
|
};
|
|
1345
1345
|
|
|
1346
1346
|
function initRange(domain, range) {
|
|
@@ -3943,7 +3943,7 @@ var drawChart = (function (exports) {
|
|
|
3943
3943
|
};
|
|
3944
3944
|
};
|
|
3945
3945
|
|
|
3946
|
-
const StaticContext = B$
|
|
3946
|
+
const StaticContext = B$2({});
|
|
3947
3947
|
const drawChart = (parentNode, data, width, height) => {
|
|
3948
3948
|
const availableSizeProperties = getAvailableSizeOptions(data.options);
|
|
3949
3949
|
console.time("layout create");
|
|
@@ -3987,7 +3987,7 @@ var drawChart = (function (exports) {
|
|
|
3987
3987
|
console.time("color");
|
|
3988
3988
|
const getModuleColor = createRainbowColor(rawHierarchy);
|
|
3989
3989
|
console.timeEnd("color");
|
|
3990
|
-
P(
|
|
3990
|
+
P(o$1(StaticContext.Provider, Object.assign({ value: {
|
|
3991
3991
|
data,
|
|
3992
3992
|
availableSizeProperties,
|
|
3993
3993
|
width,
|
|
@@ -3997,7 +3997,7 @@ var drawChart = (function (exports) {
|
|
|
3997
3997
|
getModuleColor,
|
|
3998
3998
|
rawHierarchy,
|
|
3999
3999
|
layout,
|
|
4000
|
-
} }, { children:
|
|
4000
|
+
} }, { children: o$1(Main, {}) })), parentNode);
|
|
4001
4001
|
};
|
|
4002
4002
|
|
|
4003
4003
|
exports.StaticContext = StaticContext;
|
|
@@ -4014,7 +4014,7 @@ var drawChart = (function (exports) {
|
|
|
4014
4014
|
</script>
|
|
4015
4015
|
<script>
|
|
4016
4016
|
/*<!--*/
|
|
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":"
|
|
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":"ef32-127"},{"name":"react-table/src/index.tsx","uid":"ef32-129"}]}]}],"isRoot":true},"nodeParts":{"ef32-127":{"renderedLength":123932,"gzipLength":22248,"brotliLength":0,"mainUid":"ef32-126"},"ef32-129":{"renderedLength":1900,"gzipLength":752,"brotliLength":0,"mainUid":"ef32-128"}},"nodeMetas":{"ef32-126":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"ef32-127"},"imported":[],"importedBy":[{"uid":"ef32-128"}]},"ef32-128":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"ef32-129"},"imported":[{"uid":"ef32-130"},{"uid":"ef32-126"}],"importedBy":[],"isEntry":true},"ef32-130":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"ef32-128"}],"isExternal":true}},"env":{"rollup":"2.79.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
4018
4018
|
|
|
4019
4019
|
const run = () => {
|
|
4020
4020
|
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": "ef32-132"
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
17
|
"name": "react-table/src/index.tsx",
|
|
18
|
-
"uid": "
|
|
18
|
+
"uid": "ef32-134"
|
|
19
19
|
}
|
|
20
20
|
]
|
|
21
21
|
}
|
|
@@ -25,62 +25,62 @@
|
|
|
25
25
|
"isRoot": true
|
|
26
26
|
},
|
|
27
27
|
"nodeParts": {
|
|
28
|
-
"
|
|
29
|
-
"renderedLength":
|
|
30
|
-
"gzipLength":
|
|
28
|
+
"ef32-132": {
|
|
29
|
+
"renderedLength": 123932,
|
|
30
|
+
"gzipLength": 22248,
|
|
31
31
|
"brotliLength": 0,
|
|
32
|
-
"mainUid": "
|
|
32
|
+
"mainUid": "ef32-131"
|
|
33
33
|
},
|
|
34
|
-
"
|
|
34
|
+
"ef32-134": {
|
|
35
35
|
"renderedLength": 1900,
|
|
36
36
|
"gzipLength": 752,
|
|
37
37
|
"brotliLength": 0,
|
|
38
|
-
"mainUid": "
|
|
38
|
+
"mainUid": "ef32-133"
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
"nodeMetas": {
|
|
42
|
-
"
|
|
42
|
+
"ef32-131": {
|
|
43
43
|
"id": "/packages/table-core/build/esm/index.js",
|
|
44
44
|
"moduleParts": {
|
|
45
|
-
"index.production.js": "
|
|
45
|
+
"index.production.js": "ef32-132"
|
|
46
46
|
},
|
|
47
47
|
"imported": [],
|
|
48
48
|
"importedBy": [
|
|
49
49
|
{
|
|
50
|
-
"uid": "
|
|
50
|
+
"uid": "ef32-133"
|
|
51
51
|
}
|
|
52
52
|
]
|
|
53
53
|
},
|
|
54
|
-
"
|
|
54
|
+
"ef32-133": {
|
|
55
55
|
"id": "/packages/react-table/src/index.tsx",
|
|
56
56
|
"moduleParts": {
|
|
57
|
-
"index.production.js": "
|
|
57
|
+
"index.production.js": "ef32-134"
|
|
58
58
|
},
|
|
59
59
|
"imported": [
|
|
60
60
|
{
|
|
61
|
-
"uid": "
|
|
61
|
+
"uid": "ef32-135"
|
|
62
62
|
},
|
|
63
63
|
{
|
|
64
|
-
"uid": "
|
|
64
|
+
"uid": "ef32-131"
|
|
65
65
|
}
|
|
66
66
|
],
|
|
67
67
|
"importedBy": [],
|
|
68
68
|
"isEntry": true
|
|
69
69
|
},
|
|
70
|
-
"
|
|
70
|
+
"ef32-135": {
|
|
71
71
|
"id": "react",
|
|
72
72
|
"moduleParts": {},
|
|
73
73
|
"imported": [],
|
|
74
74
|
"importedBy": [
|
|
75
75
|
{
|
|
76
|
-
"uid": "
|
|
76
|
+
"uid": "ef32-133"
|
|
77
77
|
}
|
|
78
78
|
],
|
|
79
79
|
"isExternal": true
|
|
80
80
|
}
|
|
81
81
|
},
|
|
82
82
|
"env": {
|
|
83
|
-
"rollup": "2.79.
|
|
83
|
+
"rollup": "2.79.1"
|
|
84
84
|
},
|
|
85
85
|
"options": {
|
|
86
86
|
"gzip": true,
|