@pathscale/ui 0.0.99 → 0.0.100

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

@@ -1,9 +1,9 @@
-import Table from "../table/Table";
+import type { TableProps } from "../table";
 import type { StreamingColumnDef } from "./types";
-export type StreamingTableProps<T> = {
-    data: T[];
-    columns: StreamingColumnDef<T>[];
-    getRowId?: (row: T) => string;
-} & Omit<Parameters<typeof Table>[0], "children">;
-export declare function StreamingTable<T>(props: StreamingTableProps<T>): import("solid-js").JSX.Element;
+export type StreamingTableProps<TData> = {
+    data: TData[];
+    columns: StreamingColumnDef<TData>[];
+    getRowId?: (row: TData) => string;
+} & Omit<TableProps, "children">;
+declare const StreamingTable: <TData>(props: StreamingTableProps<TData>) => import("solid-js").JSX.Element;
 export default StreamingTable;

package/dist/index.js

@@ -11970,16 +11970,31 @@ function createStreamingTableStore() {
         removeRow
     };
 }
-function StreamingTable_StreamingTable(props) {
+const StreamingTable_StreamingTable = (props)=>{
     const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "data",
         "columns",
         "getRowId"
     ]);
-    const getId = local.getRowId ?? ((row)=>row.id);
     const store = createStreamingTableStore();
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
-        store.loadInitial(local.data, getId);
+    const resolveId = (row)=>{
+        if (local.getRowId) return local.getRowId(row);
+        const anyRow = row;
+        if (null != anyRow.id) return String(anyRow.id);
+        return JSON.stringify(anyRow);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const incoming = local.data ?? [];
+        const idSet = new Set();
+        incoming.forEach((row)=>{
+            const id = resolveId(row);
+            idSet.add(id);
+            store.upsertRow(row, resolveId);
+        });
+        const current = store.rows();
+        current.forEach((r)=>{
+            if (!idSet.has(r.id)) store.removeRow(r.id);
+        });
     });
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
         get children () {
@@ -12032,7 +12047,7 @@ function StreamingTable_StreamingTable(props) {
             ];
         }
     }));
-}
+};
 const StreamingTable = StreamingTable_StreamingTable;
 var Tab_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a role=tab>");
 const Tab = (props)=>{

package/package.json

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