@pathscale/ui 0.0.97 → 0.0.99

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

@@ -0,0 +1,9 @@
+import Table from "../table/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 default StreamingTable;

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

@@ -0,0 +1,7 @@
+export interface RowStore<T> {
+    id: string;
+    data: () => T;
+    patch: (partial: Partial<T>) => void;
+    replace: (newData: T) => void;
+}
+export declare function createRowStore<T>(id: string, initial: T): RowStore<T>;

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

@@ -0,0 +1,10 @@
+import { type RowStore } from "./createRowStore";
+export interface StreamingTableStore<T> {
+    rows: () => RowStore<T>[];
+    loadInitial: (rows: T[], getId: (row: T) => string) => void;
+    upsertRow: (row: T, getId: (row: T) => string) => void;
+    upsertRows: (rows: T[], getId: (row: T) => string) => void;
+    updateRow: (id: string, patch: Partial<T>) => void;
+    removeRow: (id: string) => void;
+}
+export declare function createStreamingTableStore<T>(): StreamingTableStore<T>;

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

@@ -0,0 +1,3 @@
+export { default as StreamingTable } from "./StreamingTable";
+export type { StreamingTableProps } from "./StreamingTable";
+export type { StreamingColumnDef } from "./types";

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

@@ -0,0 +1,17 @@
+import type { JSX } from "solid-js";
+export interface StreamingColumnDef<T> {
+    /** Header text or JSX element */
+    header: JSX.Element | string;
+    /** For simple field access */
+    accessorKey?: keyof T & string;
+    /** For computed access */
+    accessorFn?: (row: T) => any;
+    /** Custom cell renderer */
+    cell?: (ctx: {
+        row: {
+            original: T;
+        };
+    }) => JSX.Element;
+    /** Extra config (sorting, filters, etc.) */
+    meta?: Record<string, any>;
+}

package/dist/index.d.ts

@@ -75,6 +75,9 @@ export { default as Swap } from "./components/swap";
 export { default as Table, EnhancedTable } from "./components/table";
 export type { TableProps } from "./components/table";
 export type { EnhancedTableProps } from "./components/table/EnhancedTable";
+export { StreamingTable } from "./components/streaming-table";
+export type { StreamingTableProps } from "./components/streaming-table";
+export type { StreamingColumnDef } from "./components/streaming-table";
 export { default as Tabs } from "./components/tabs";
 export type { RadioTabProps, TabProps, TabsProps } from "./components/tabs";
 export { default as Textarea } from "./components/textarea";

package/dist/index.js

@@ -11386,6 +11386,7 @@ function EnhancedTable_EnhancedTable(props) {
         return pageCount > 1 || totalRows > pageSize;
     });
     const headerGroups = ()=>table.getHeaderGroups();
+    const visibleColumnCount = ()=>headerGroups()[0]?.headers.length ?? 0;
     const FilterIconTrigger = (props)=>(()=>{
             var _el$ = EnhancedTable_tmpl$();
             _el$.$$click = (e)=>{
@@ -11433,7 +11434,7 @@ function EnhancedTable_EnhancedTable(props) {
             }
         });
     };
-    const totalColumns = table.getAllLeafColumns().length + (local.enableRowSelection ? 1 : 0) + (local.expandable ? 1 : 0);
+    table.getAllLeafColumns().length, local.enableRowSelection, local.expandable;
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
         get ["class"] () {
             return dist_clsx(tableProps.class, "table-auto");
@@ -11557,7 +11558,9 @@ function EnhancedTable_EnhancedTable(props) {
                         return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.loading)() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
                             get children () {
                                 return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
-                                    colSpan: totalColumns,
+                                    get colSpan () {
+                                        return visibleColumnCount();
+                                    },
                                     class: "text-center py-6",
                                     get children () {
                                         return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.renderLoading)() ? local.renderLoading() : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(loading_Loading, {
@@ -11571,7 +11574,9 @@ function EnhancedTable_EnhancedTable(props) {
                         }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(0 === tableRows().length && local.renderEmpty))() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
                             get children () {
                                 return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
-                                    colSpan: totalColumns,
+                                    get colSpan () {
+                                        return visibleColumnCount();
+                                    },
                                     class: "text-center py-4",
                                     get children () {
                                         return local.renderEmpty();
@@ -11651,7 +11656,7 @@ function EnhancedTable_EnhancedTable(props) {
                                                 get children () {
                                                     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
                                                         get colSpan () {
-                                                            return row.getVisibleCells().length + (local.enableRowSelection ? 1 : 0) + (local.expandable ? 1 : 0);
+                                                            return visibleColumnCount();
                                                         },
                                                         get children () {
                                                             return local.expandable?.expandedRowRender({
@@ -11678,7 +11683,9 @@ function EnhancedTable_EnhancedTable(props) {
                                 return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
                                     get children () {
                                         return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
-                                            colSpan: totalColumns,
+                                            get colSpan () {
+                                                return visibleColumnCount();
+                                            },
                                             get children () {
                                                 var _el$5 = EnhancedTable_tmpl$3(), _el$6 = _el$5.firstChild, _el$8 = (_el$6.firstChild, _el$6.nextSibling), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$11 = _el$0.nextSibling, _el$12 = (_el$11.nextSibling, _el$9.nextSibling);
                                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(dropdown_Dropdown, {
@@ -11910,6 +11917,123 @@ const EnhancedTable = EnhancedTable_EnhancedTable;
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
+function createRowStore(id, initial) {
+    const [data, setData] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initial);
+    return {
+        id,
+        data,
+        patch: (partial)=>{
+            setData((prev)=>({
+                    ...prev,
+                    ...partial
+                }));
+        },
+        replace: (newData)=>{
+            setData(()=>newData);
+        }
+    };
+}
+function createStreamingTableStore() {
+    const [rowStores, setRowStores] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
+    function loadInitial(rows, getId) {
+        const stores = rows.map((r)=>createRowStore(getId(r), r));
+        setRowStores(stores);
+    }
+    function upsertRow(row, getId) {
+        const id = getId(row);
+        const stores = rowStores();
+        const existing = stores.find((s)=>s.id === id);
+        if (existing) return void existing.replace(row);
+        setRowStores([
+            ...stores,
+            createRowStore(id, row)
+        ]);
+    }
+    function upsertRows(rows, getId) {
+        rows.forEach((row)=>upsertRow(row, getId));
+    }
+    function updateRow(id, patch) {
+        const stores = rowStores();
+        const existing = stores.find((s)=>s.id === id);
+        if (existing) existing.patch(patch);
+    }
+    function removeRow(id) {
+        const stores = rowStores().filter((s)=>s.id !== id);
+        setRowStores(stores);
+    }
+    return {
+        rows: rowStores,
+        loadInitial,
+        upsertRow,
+        upsertRows,
+        updateRow,
+        removeRow
+    };
+}
+function 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);
+    });
+    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)(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.HeadCell, {
+                                            get children () {
+                                                return col.header;
+                                            }
+                                        })
+                                });
+                            }
+                        });
+                    }
+                }),
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Body, {
+                    get children () {
+                        return (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()) : "";
+                                                    }
+                                                })
+                                        });
+                                    }
+                                })
+                        });
+                    }
+                })
+            ];
+        }
+    }));
+}
+const StreamingTable = StreamingTable_StreamingTable;
 var Tab_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a role=tab>");
 const Tab = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -12502,4 +12626,4 @@ const WindowMockup = (props)=>{
     })();
 };
 const windowmockup_WindowMockup = WindowMockup;
-export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, bottom_sheet_BottomSheet as BottomSheet, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, connectionstatus_ConnectionStatus as ConnectionStatus, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, EnhancedTable, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, Grid, hero_Hero as Hero, icon_Icon as Icon, indicator_Indicator as Indicator, input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, showcase_section_ShowcaseSection as ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, connectionstatus_ConnectionStatus as default, toastStore, useDesktop, useFormValidation };
+export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, bottom_sheet_BottomSheet as BottomSheet, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, connectionstatus_ConnectionStatus as ConnectionStatus, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, EnhancedTable, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, Grid, hero_Hero as Hero, icon_Icon as Icon, indicator_Indicator as Indicator, input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, showcase_section_ShowcaseSection as ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, StreamingTable, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, connectionstatus_ConnectionStatus as default, toastStore, useDesktop, useFormValidation };

package/package.json

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