@tanstack/vue-table 8.5.10 → 8.5.13

package/build/stats-html.html

@@ -660,11 +660,11 @@ var drawChart = (function (exports) {
       return availableSizeProperties;
   };
 
-  var t,u,r,o,i=0,c=[],f=[],e=l$1.__b,a=l$1.__r,v=l$1.diffed,l=l$1.__c,m=l$1.unmount;function p(t,r){l$1.__h&&l$1.__h(u,t,i||r),i=0;var o=u.__H||(u.__H={__:[],__h:[]});return t>=o.__.length&&o.__.push({__V:f}),o.__[t]}function y(n){return i=1,d(z,n)}function d(n,r,o){var i=p(t++,2);return i.t=n,i.__c||(i.__=[o?o(r):z(void 0,r),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}));}],i.__c=u),i.__}function _(r,o){var i=p(t++,3);!l$1.__s&&w(i.__H,o)&&(i.__=r,i.u=o,u.__H.__h.push(i));}function h(r,o){var i=p(t++,4);!l$1.__s&&w(i.__H,o)&&(i.__=r,i.u=o,u.__h.push(i));}function s(n){return i=5,F(function(){return {current:n}},[])}function F(n,u){var r=p(t++,7);return w(r.__H,u)?(r.__V=n(),r.u=u,r.__h=n,r.__V):r.__}function q(n){var r=u.context[n.__c],o=p(t++,9);return o.c=n,r?(null==o.__&&(o.__=!0,r.sub(u)),r.props.value):n.__}function b(){for(var t;t=c.shift();)if(t.__P)try{t.__H.__h.forEach(j),t.__H.__h.forEach(k),t.__H.__h=[];}catch(u){t.__H.__h=[],l$1.__e(u,t.__v);}}l$1.__b=function(n){u=null,e&&e(n);},l$1.__r=function(n){a&&a(n),t=0;var o=(u=n.__c).__H;o&&(r===u?(o.__h=[],u.__h=[],o.__.forEach(function(n){n.__V=f,n.u=void 0;})):(o.__h.forEach(j),o.__h.forEach(k),o.__h=[])),r=u;},l$1.diffed=function(t){v&&v(t);var i=t.__c;i&&i.__H&&(i.__H.__h.length&&(1!==c.push(i)&&o===l$1.requestAnimationFrame||((o=l$1.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),g&&cancelAnimationFrame(t),setTimeout(n);},r=setTimeout(u,100);g&&(t=requestAnimationFrame(u));})(b)),i.__H.__.forEach(function(n){n.u&&(n.__H=n.u),n.__V!==f&&(n.__=n.__V),n.u=void 0,n.__V=f;})),r=u=null;},l$1.__c=function(t,u){u.some(function(t){try{t.__h.forEach(j),t.__h=t.__h.filter(function(n){return !n.__||k(n)});}catch(r){u.some(function(n){n.__h&&(n.__h=[]);}),u=[],l$1.__e(r,t.__v);}}),l&&l(t,u);},l$1.unmount=function(t){m&&m(t);var u,r=t.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{j(n);}catch(n){u=n;}}),u&&l$1.__e(u,r.__v));};var g="function"==typeof requestAnimationFrame;function j(n){var t=u,r=n.__c;"function"==typeof r&&(n.__c=void 0,r()),u=t;}function k(n){var t=u;n.__c=n.__(),u=t;}function w(n,t){return !n||n.length!==t.length||t.some(function(t,u){return t!==n[u]})}function z(n,t){return "function"==typeof t?t(n):t}
+  var t,r,u,i,o=0,c=[],f=[],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:f}),i.__[t]}function p(n){return o=1,y(z,n)}function y(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):z(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 c=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 !c||c.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&&(!c||c.call(this,n,t,r))};}return o.__N||o.__}function h(u,i){var o=d(t++,3);!l$1.__s&&w(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&&w(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 w(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=c.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(j),t.__H.__h.forEach(k),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){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=f,n.__N=n.i=void 0;})):(i.__h.forEach(j),i.__h.forEach(k),i.__h=[])),u=r;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==c.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||function(n){var t,r=function(){clearTimeout(u),g&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g&&(t=requestAnimationFrame(r));})(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==f&&(n.__=n.__V),n.i=void 0,n.__V=f;})),u=r=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(j),t.__h=t.__h.filter(function(n){return !n.__||k(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{j(n);}catch(n){r=n;}}),r&&l$1.__e(r,u.__v));};var g="function"==typeof requestAnimationFrame;function j(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function k(n){var t=r;n.__c=n.__(),r=t;}function w(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function z(n,t){return "function"==typeof t?t(n):t}
 
   const SideBar = ({ availableSizeProperties, sizeProperty, setSizeProperty, onExcludeChange, onIncludeChange, }) => {
-      const [includeValue, setIncludeValue] = y("");
-      const [excludeValue, setExcludeValue] = y("");
+      const [includeValue, setIncludeValue] = p("");
+      const [excludeValue, setExcludeValue] = p("");
       const handleSizePropertyChange = (sizeProp) => () => {
           if (sizeProp !== sizeProperty) {
               setSizeProperty(sizeProp);
@@ -700,8 +700,8 @@ var drawChart = (function (exports) {
       };
   };
   const useFilter = () => {
-      const [includeFilter, setIncludeFilter] = y("");
-      const [excludeFilter, setExcludeFilter] = y("");
+      const [includeFilter, setIncludeFilter] = p("");
+      const [excludeFilter, setExcludeFilter] = p("");
       const setIncludeFilterTrottled = F(() => throttleFilter(setIncludeFilter, 200), []);
       const setExcludeFilterTrottled = F(() => throttleFilter(setExcludeFilter, 200), []);
       const isModuleIncluded = F(() => {
@@ -954,8 +954,8 @@ var drawChart = (function (exports) {
       const { getModuleColor } = q(StaticContext);
       const { backgroundColor, fontColor } = getModuleColor(node);
       const { x0, x1, y1, y0, data, children = null } = node;
-      const textRef = s(null);
-      const textRectRef = s();
+      const textRef = _(null);
+      const textRectRef = _();
       const width = x1 - x0;
       const height = y1 - y0;
       const textProps = {
@@ -970,7 +970,7 @@ var drawChart = (function (exports) {
       else {
           textProps.y = height / 2;
       }
-      h(() => {
+      s(() => {
           if (width == 0 || height == 0 || !textRef.current) {
               return;
           }
@@ -1208,8 +1208,8 @@ var drawChart = (function (exports) {
   const COMPRESSED = (e$1("span", { children: [e$1("b", { children: LABELS.gzipLength }), " and ", e$1("b", { children: LABELS.brotliLength }), " is a byte size of individual file after individual", " ", "transformations,", e$1("br", {}), " treeshake and compression."] }));
   const Tooltip = ({ node, visible, root, sizeProperty }) => {
       const { availableSizeProperties, getModuleSize, data } = q(StaticContext);
-      const ref = s(null);
-      const [style, setStyle] = y({});
+      const ref = _(null);
+      const [style, setStyle] = p({});
       const content = F(() => {
           if (!node)
               return null;
@@ -1257,7 +1257,7 @@ var drawChart = (function (exports) {
           }
           setStyle(pos);
       };
-      _(() => {
+      h(() => {
           const handleMouseMove = (event) => {
               updatePosition({
                   x: event.pageX,
@@ -1273,9 +1273,9 @@ var drawChart = (function (exports) {
   };
 
   const Chart = ({ root, sizeProperty, selectedNode, setSelectedNode }) => {
-      const [showTooltip, setShowTooltip] = y(false);
-      const [tooltipNode, setTooltipNode] = y(undefined);
-      _(() => {
+      const [showTooltip, setShowTooltip] = p(false);
+      const [tooltipNode, setTooltipNode] = p(undefined);
+      h(() => {
           const handleMouseOut = () => {
               setShowTooltip(false);
           };
@@ -1294,8 +1294,8 @@ var drawChart = (function (exports) {
 
   const Main = () => {
       const { availableSizeProperties, rawHierarchy, getModuleSize, layout, data } = q(StaticContext);
-      const [sizeProperty, setSizeProperty] = y(availableSizeProperties[0]);
-      const [selectedNode, setSelectedNode] = y(undefined);
+      const [sizeProperty, setSizeProperty] = p(availableSizeProperties[0]);
+      const [selectedNode, setSelectedNode] = p(undefined);
       const { getModuleFilterMultiplier, setExcludeFilter, setIncludeFilter } = useFilter();
       console.time("getNodeSizeMultiplier");
       const getNodeSizeMultiplier = F(() => {
@@ -4014,7 +4014,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"00d2-149"},{"name":"vue-table/src","children":[{"uid":"00d2-151","name":"merge-proxy.ts"},{"uid":"00d2-153","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"00d2-149":{"renderedLength":138375,"gzipLength":24016,"brotliLength":0,"mainUid":"00d2-148"},"00d2-151":{"renderedLength":1622,"gzipLength":660,"brotliLength":0,"mainUid":"00d2-150"},"00d2-153":{"renderedLength":1748,"gzipLength":687,"brotliLength":0,"mainUid":"00d2-152"}},"nodeMetas":{"00d2-148":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"00d2-149"},"imported":[],"importedBy":[{"uid":"00d2-152"}]},"00d2-150":{"id":"/packages/vue-table/src/merge-proxy.ts","moduleParts":{"index.production.js":"00d2-151"},"imported":[],"importedBy":[{"uid":"00d2-152"}]},"00d2-152":{"id":"/packages/vue-table/src/index.ts","moduleParts":{"index.production.js":"00d2-153"},"imported":[{"uid":"00d2-148"},{"uid":"00d2-154"},{"uid":"00d2-150"}],"importedBy":[],"isEntry":true},"00d2-154":{"id":"vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"00d2-152"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"0e66-149"},{"name":"vue-table/src","children":[{"uid":"0e66-151","name":"merge-proxy.ts"},{"uid":"0e66-153","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"0e66-149":{"renderedLength":138541,"gzipLength":24040,"brotliLength":0,"mainUid":"0e66-148"},"0e66-151":{"renderedLength":1622,"gzipLength":660,"brotliLength":0,"mainUid":"0e66-150"},"0e66-153":{"renderedLength":1748,"gzipLength":687,"brotliLength":0,"mainUid":"0e66-152"}},"nodeMetas":{"0e66-148":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"0e66-149"},"imported":[],"importedBy":[{"uid":"0e66-152"}]},"0e66-150":{"id":"/packages/vue-table/src/merge-proxy.ts","moduleParts":{"index.production.js":"0e66-151"},"imported":[],"importedBy":[{"uid":"0e66-152"}]},"0e66-152":{"id":"/packages/vue-table/src/index.ts","moduleParts":{"index.production.js":"0e66-153"},"imported":[{"uid":"0e66-148"},{"uid":"0e66-154"},{"uid":"0e66-150"}],"importedBy":[],"isEntry":true},"0e66-154":{"id":"vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"0e66-152"}],"isExternal":true}},"env":{"rollup":"2.79.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -11,17 +11,17 @@
             "children": [
               {
                 "name": "table-core/build/esm/index.js",
-                "uid": "00d2-156"
+                "uid": "0e66-156"
               },
               {
                 "name": "vue-table/src",
                 "children": [
                   {
-                    "uid": "00d2-158",
+                    "uid": "0e66-158",
                     "name": "merge-proxy.ts"
                   },
                   {
-                    "uid": "00d2-160",
+                    "uid": "0e66-160",
                     "name": "index.ts"
                   }
                 ]
@@ -34,83 +34,83 @@
     "isRoot": true
   },
   "nodeParts": {
-    "00d2-156": {
-      "renderedLength": 138375,
-      "gzipLength": 24016,
+    "0e66-156": {
+      "renderedLength": 138541,
+      "gzipLength": 24040,
       "brotliLength": 0,
-      "mainUid": "00d2-155"
+      "mainUid": "0e66-155"
     },
-    "00d2-158": {
+    "0e66-158": {
       "renderedLength": 1622,
       "gzipLength": 660,
       "brotliLength": 0,
-      "mainUid": "00d2-157"
+      "mainUid": "0e66-157"
     },
-    "00d2-160": {
+    "0e66-160": {
       "renderedLength": 1748,
       "gzipLength": 687,
       "brotliLength": 0,
-      "mainUid": "00d2-159"
+      "mainUid": "0e66-159"
     }
   },
   "nodeMetas": {
-    "00d2-155": {
+    "0e66-155": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "00d2-156"
+        "index.production.js": "0e66-156"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "00d2-159"
+          "uid": "0e66-159"
         }
       ]
     },
-    "00d2-157": {
+    "0e66-157": {
       "id": "/packages/vue-table/src/merge-proxy.ts",
       "moduleParts": {
-        "index.production.js": "00d2-158"
+        "index.production.js": "0e66-158"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "00d2-159"
+          "uid": "0e66-159"
         }
       ]
     },
-    "00d2-159": {
+    "0e66-159": {
       "id": "/packages/vue-table/src/index.ts",
       "moduleParts": {
-        "index.production.js": "00d2-160"
+        "index.production.js": "0e66-160"
       },
       "imported": [
         {
-          "uid": "00d2-155"
+          "uid": "0e66-155"
         },
         {
-          "uid": "00d2-161"
+          "uid": "0e66-161"
         },
         {
-          "uid": "00d2-157"
+          "uid": "0e66-157"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "00d2-161": {
+    "0e66-161": {
       "id": "vue",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "00d2-159"
+          "uid": "0e66-159"
         }
       ],
       "isExternal": true
     }
   },
   "env": {
-    "rollup": "2.77.2"
+    "rollup": "2.79.0"
   },
   "options": {
     "gzip": true,

package/build/umd/index.development.js

@@ -1913,7 +1913,7 @@
         }),
         getRightVisibleCells: memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.right], (allCells, right) => {
           const cells = (right != null ? right : []).map(columnId => allCells.find(cell => cell.column.id === columnId)).filter(Boolean).map(d => ({ ...d,
-            position: 'left'
+            position: 'right'
           }));
           return cells;
         }, {
@@ -3063,13 +3063,16 @@
       column,
       getValue: () => row.getValue(columnId),
       renderValue: getRenderValue,
-      getContext: () => ({
+      getContext: memo(() => [table, column, row, cell], (table, column, row, cell) => ({
         table,
         column,
         row,
         cell: cell,
         getValue: cell.getValue,
         renderValue: cell.renderValue
+      }), {
+        key: 'cell.getContext',
+        debug: () => table.options.debugAll
       })
     };