@pathscale/ui 0.0.101 → 0.0.103

package/dist/components/streaming-table/StreamingTable.d.ts

@@ -1,10 +1,10 @@
-import { type EnhancedTableProps } from "../table/EnhancedTable";
+import type { TableProps } from "../table";
 import type { StreamingColumnDef, StreamingConfig } from "./types";
 export type StreamingTableProps<TData> = {
     data: TData[];
     columns: StreamingColumnDef<TData>[];
     getRowId?: (row: TData) => string;
     streamingConfig?: StreamingConfig;
-} & Omit<EnhancedTableProps<TData>, "data" | "columns">;
+} & Omit<TableProps, "children">;
 declare const StreamingTable: <TData>(props: StreamingTableProps<TData>) => import("solid-js").JSX.Element;
 export default StreamingTable;

package/dist/index.js

@@ -11998,8 +11998,9 @@ function createStreamingTableStore() {
         truncateToSize
     };
 }
+var StreamingTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tbody>");
 const StreamingTable_StreamingTable = (props)=>{
-    const [local, enhancedProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "data",
         "columns",
         "getRowId",
@@ -12034,27 +12035,53 @@ const StreamingTable_StreamingTable = (props)=>{
             });
         }
     });
-    const tableData = ()=>store.rows().map((rowStore)=>rowStore.data());
-    const enhancedColumns = ()=>local.columns.map((col)=>{
-            const colDef = {
-                header: col.header,
-                meta: col.meta,
-                enableColumnFilter: col.enableColumnFilter,
-                enableSorting: col.enableSorting
-            };
-            if (col.accessorKey) colDef.accessorKey = col.accessorKey;
-            if (col.accessorFn) colDef.accessorFn = col.accessorFn;
-            if (col.cell) colDef.cell = col.cell;
-            return colDef;
-        });
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(EnhancedTable, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        get data () {
-            return tableData();
-        },
-        get columns () {
-            return enhancedColumns();
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
+        get children () {
+            return [
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Head, {
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                            get each () {
+                                return local.columns;
+                            },
+                            children: (col)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
+                                    get children () {
+                                        return col.header;
+                                    }
+                                })
+                        });
+                    }
+                }),
+                (()=>{
+                    var _el$ = StreamingTable_tmpl$();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                        get each () {
+                            return store.rows();
+                        },
+                        children: (rowStore)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
+                                get children () {
+                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                        get each () {
+                                            return local.columns;
+                                        },
+                                        children: (col)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
+                                                get children () {
+                                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.cell)() ? col.cell({
+                                                        row: {
+                                                            original: rowStore.data()
+                                                        }
+                                                    }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.accessorKey)() ? rowStore.data()[col.accessorKey] : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.accessorFn)() ? col.accessorFn(rowStore.data()) : "";
+                                                }
+                                            })
+                                    });
+                                }
+                            })
+                    }));
+                    return _el$;
+                })()
+            ];
         }
-    }, enhancedProps));
+    }));
 };
 const StreamingTable = StreamingTable_StreamingTable;
 var Tab_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a role=tab>");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.101",
+  "version": "0.0.103",
   "author": "pathscale",
   "repository": {
     "type": "git",