@tanstack/svelte-table 8.0.0-alpha.76 → 8.0.0-alpha.79

package/build/stats-html.html

@@ -2669,7 +2669,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":"e2ab-163"},{"name":"svelte-table/src","children":[{"uid":"e2ab-165","name":"placeholder.svelte"},{"uid":"e2ab-167","name":"render-component.ts"},{"uid":"e2ab-169","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"e2ab-163":{"renderedLength":139597,"gzipLength":23873,"brotliLength":0,"mainUid":"e2ab-162"},"e2ab-165":{"renderedLength":925,"gzipLength":444,"brotliLength":0,"mainUid":"e2ab-164"},"e2ab-167":{"renderedLength":1365,"gzipLength":519,"brotliLength":0,"mainUid":"e2ab-166"},"e2ab-169":{"renderedLength":1958,"gzipLength":709,"brotliLength":0,"mainUid":"e2ab-168"}},"nodeMetas":{"e2ab-162":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"e2ab-163"},"imported":[],"importedBy":[{"uid":"e2ab-168"}]},"e2ab-164":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"e2ab-165"},"imported":[{"uid":"e2ab-171"}],"importedBy":[{"uid":"e2ab-168"}]},"e2ab-166":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"e2ab-167"},"imported":[{"uid":"e2ab-171"}],"importedBy":[{"uid":"e2ab-168"}]},"e2ab-168":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"e2ab-169"},"imported":[{"uid":"e2ab-162"},{"uid":"e2ab-164"},{"uid":"e2ab-170"},{"uid":"e2ab-166"}],"importedBy":[],"isEntry":true},"e2ab-170":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"e2ab-168"}],"isExternal":true},"e2ab-171":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"e2ab-164"},{"uid":"e2ab-166"}],"isExternal":true}},"env":{"rollup":"2.70.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":"3880-163"},{"name":"svelte-table/src","children":[{"uid":"3880-165","name":"placeholder.svelte"},{"uid":"3880-167","name":"render-component.ts"},{"uid":"3880-169","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"3880-163":{"renderedLength":139811,"gzipLength":23895,"brotliLength":0,"mainUid":"3880-162"},"3880-165":{"renderedLength":925,"gzipLength":444,"brotliLength":0,"mainUid":"3880-164"},"3880-167":{"renderedLength":1365,"gzipLength":519,"brotliLength":0,"mainUid":"3880-166"},"3880-169":{"renderedLength":2729,"gzipLength":868,"brotliLength":0,"mainUid":"3880-168"}},"nodeMetas":{"3880-162":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"3880-163"},"imported":[],"importedBy":[{"uid":"3880-168"}]},"3880-164":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"3880-165"},"imported":[{"uid":"3880-170"}],"importedBy":[{"uid":"3880-168"}]},"3880-166":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"3880-167"},"imported":[{"uid":"3880-170"}],"importedBy":[{"uid":"3880-168"}]},"3880-168":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"3880-169"},"imported":[{"uid":"3880-162"},{"uid":"3880-164"},{"uid":"3880-170"},{"uid":"3880-171"},{"uid":"3880-166"}],"importedBy":[],"isEntry":true},"3880-170":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"3880-168"},{"uid":"3880-164"},{"uid":"3880-166"}],"isExternal":true},"3880-171":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"3880-168"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -11,21 +11,21 @@
             "children": [
               {
                 "name": "table-core/build/esm/index.js",
-                "uid": "e2ab-173"
+                "uid": "3880-173"
               },
               {
                 "name": "svelte-table/src",
                 "children": [
                   {
-                    "uid": "e2ab-175",
+                    "uid": "3880-175",
                     "name": "placeholder.svelte"
                   },
                   {
-                    "uid": "e2ab-177",
+                    "uid": "3880-177",
                     "name": "render-component.ts"
                   },
                   {
-                    "uid": "e2ab-179",
+                    "uid": "3880-179",
                     "name": "index.ts"
                   }
                 ]
@@ -38,119 +38,125 @@
     "isRoot": true
   },
   "nodeParts": {
-    "e2ab-173": {
-      "renderedLength": 139597,
-      "gzipLength": 23873,
+    "3880-173": {
+      "renderedLength": 139811,
+      "gzipLength": 23895,
       "brotliLength": 0,
-      "mainUid": "e2ab-172"
+      "mainUid": "3880-172"
     },
-    "e2ab-175": {
+    "3880-175": {
       "renderedLength": 925,
       "gzipLength": 444,
       "brotliLength": 0,
-      "mainUid": "e2ab-174"
+      "mainUid": "3880-174"
     },
-    "e2ab-177": {
+    "3880-177": {
       "renderedLength": 1365,
       "gzipLength": 519,
       "brotliLength": 0,
-      "mainUid": "e2ab-176"
+      "mainUid": "3880-176"
     },
-    "e2ab-179": {
-      "renderedLength": 1958,
-      "gzipLength": 709,
+    "3880-179": {
+      "renderedLength": 2729,
+      "gzipLength": 868,
       "brotliLength": 0,
-      "mainUid": "e2ab-178"
+      "mainUid": "3880-178"
     }
   },
   "nodeMetas": {
-    "e2ab-172": {
+    "3880-172": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "e2ab-173"
+        "index.production.js": "3880-173"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "e2ab-178"
+          "uid": "3880-178"
         }
       ]
     },
-    "e2ab-174": {
+    "3880-174": {
       "id": "/packages/svelte-table/src/placeholder.svelte",
       "moduleParts": {
-        "index.production.js": "e2ab-175"
+        "index.production.js": "3880-175"
       },
       "imported": [
         {
-          "uid": "e2ab-181"
+          "uid": "3880-180"
         }
       ],
       "importedBy": [
         {
-          "uid": "e2ab-178"
+          "uid": "3880-178"
         }
       ]
     },
-    "e2ab-176": {
+    "3880-176": {
       "id": "/packages/svelte-table/src/render-component.ts",
       "moduleParts": {
-        "index.production.js": "e2ab-177"
+        "index.production.js": "3880-177"
       },
       "imported": [
         {
-          "uid": "e2ab-181"
+          "uid": "3880-180"
         }
       ],
       "importedBy": [
         {
-          "uid": "e2ab-178"
+          "uid": "3880-178"
         }
       ]
     },
-    "e2ab-178": {
+    "3880-178": {
       "id": "/packages/svelte-table/src/index.ts",
       "moduleParts": {
-        "index.production.js": "e2ab-179"
+        "index.production.js": "3880-179"
       },
       "imported": [
         {
-          "uid": "e2ab-172"
+          "uid": "3880-172"
         },
         {
-          "uid": "e2ab-174"
+          "uid": "3880-174"
         },
         {
-          "uid": "e2ab-180"
+          "uid": "3880-180"
         },
         {
-          "uid": "e2ab-176"
+          "uid": "3880-181"
+        },
+        {
+          "uid": "3880-176"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "e2ab-180": {
-      "id": "svelte/store",
+    "3880-180": {
+      "id": "svelte/internal",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "e2ab-178"
+          "uid": "3880-178"
+        },
+        {
+          "uid": "3880-174"
+        },
+        {
+          "uid": "3880-176"
         }
       ],
       "isExternal": true
     },
-    "e2ab-181": {
-      "id": "svelte/internal",
+    "3880-181": {
+      "id": "svelte/store",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "e2ab-174"
-        },
-        {
-          "uid": "e2ab-176"
+          "uid": "3880-178"
         }
       ],
       "isExternal": true

package/build/types/index.d.ts

@@ -2,7 +2,7 @@ import { PartialKeys, Table, TableGenerics, TableOptions } from '@tanstack/table
 import { Readable } from 'svelte/store';
 export { renderComponent } from './render-component';
 export * from '@tanstack/table-core';
-export declare function render(Comp: any, props: any): any;
+export declare function render(component: any, props: any): any;
 export declare const createTable: () => Table<{
     Renderer: typeof render;
     Rendered: any;

package/build/umd/index.development.js

@@ -537,7 +537,7 @@
               }
             }
 
-            const startSize = column.getSize();
+            const startSize = header.getSize();
             const columnSizingStart = header ? header.getLeafHeaders().map(d => [d.column.id, d.column.getSize()]) : [[column.id, column.getSize()]];
             const clientX = isTouchStartEvent(e) ? Math.round(e.touches[0].clientX) : e.clientX;
 
@@ -2684,8 +2684,10 @@
         },
         // Header Groups
         getHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left, instance.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
-          const leftColumns = leafColumns.filter(column => left == null ? void 0 : left.includes(column.id));
-          const rightColumns = leafColumns.filter(column => right == null ? void 0 : right.includes(column.id));
+          var _left$map$filter, _right$map$filter;
+
+          const leftColumns = (_left$map$filter = left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter : [];
+          const rightColumns = (_right$map$filter = right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter : [];
           const centerColumns = leafColumns.filter(column => !(left != null && left.includes(column.id)) && !(right != null && right.includes(column.id)));
           const headerGroups = buildHeaderGroups(allColumns, [...leftColumns, ...centerColumns, ...rightColumns], instance);
           return headerGroups;
@@ -2709,9 +2711,9 @@
           }
         }),
         getLeftHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left], (allColumns, leafColumns, left) => {
-          var _left$map$filter;
+          var _left$map$filter2;
 
-          const orderedLeafColumns = (_left$map$filter = left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter : [];
+          const orderedLeafColumns = (_left$map$filter2 = left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter2 : [];
           return buildHeaderGroups(allColumns, orderedLeafColumns, instance, 'left');
         }, {
           key: 'getLeftHeaderGroups',
@@ -2722,9 +2724,9 @@
           }
         }),
         getRightHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.right], (allColumns, leafColumns, right) => {
-          var _right$map$filter;
+          var _right$map$filter2;
 
-          const orderedLeafColumns = (_right$map$filter = right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter : [];
+          const orderedLeafColumns = (_right$map$filter2 = right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter2 : [];
           return buildHeaderGroups(allColumns, orderedLeafColumns, instance, 'right');
         }, {
           key: 'getRightHeaderGroups',
@@ -4001,18 +4003,46 @@
 
   const renderComponent = typeof window === 'undefined' ? renderServer : renderClient;
 
-  function render(Comp, props) {
-    if (!Comp) return null;
+  function isSvelteServerComponent(component) {
+    return typeof component === 'object' && typeof component.$$render === 'function' && typeof component.render === 'function';
+  }
 
-    if (Comp instanceof Function) {
-      let res = Comp(props);
-      return res;
+  function isSvelteClientComponent(component) {
+    return component.prototype instanceof internal.SvelteComponent;
+  }
+
+  function isSvelteComponent(component) {
+    if (typeof document === 'undefined') {
+      return isSvelteServerComponent(component);
     } else {
-      return renderComponent(Placeholder, {
-        content: Comp
-      });
-    } // return Comp
+      return isSvelteClientComponent(component);
+    }
+  }
+
+  function wrapInPlaceholder(content) {
+    return renderComponent(Placeholder, {
+      content
+    });
+  }
+
+  function render(component, props) {
+    if (!component) return null;
+
+    if (isSvelteComponent(component)) {
+      return renderComponent(component, props);
+    }
+
+    if (typeof component === 'function') {
+      const result = component(props);
+
+      if (isSvelteComponent(result)) {
+        return result;
+      }
+
+      return wrapInPlaceholder(result);
+    }
 
+    return wrapInPlaceholder(component);
   }
   const createTable = createTableFactory({
     render