@pathscale/ui 0.0.98 → 0.0.100

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

@@ -0,0 +1,9 @@
+import type { TableProps } from "../table";
+import type { StreamingColumnDef } from "./types";
+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/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

@@ -11917,6 +11917,138 @@ 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
+    };
+}
+const StreamingTable_StreamingTable = (props)=>{
+    const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "data",
+        "columns",
+        "getRowId"
+    ]);
+    const store = createStreamingTableStore();
+    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 () {
+            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, [
@@ -12509,4 +12641,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.98",
+  "version": "0.0.100",
   "author": "pathscale",
   "repository": {
     "type": "git",