@powerhousedao/design-system 5.1.0 → 5.2.0-staging.2

package/dist/src/connect/components/db-explorer/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./schema-tree-sidebar.js";
+export * from "./table-view.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/connect/components/db-explorer/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC"}

package/dist/src/connect/components/db-explorer/components/index.js

@@ -0,0 +1,3 @@
+export * from "./schema-tree-sidebar.js";
+export * from "./table-view.js";
+//# sourceMappingURL=index.js.map

package/dist/src/connect/components/db-explorer/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC"}

package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.d.ts

@@ -0,0 +1,15 @@
+import type { ColumnInfo } from "./table-view.js";
+export type TableInfo = {
+    readonly name: string;
+    readonly columns: ColumnInfo[];
+};
+export type SchemaTreeSidebarProps = {
+    readonly schema: string;
+    readonly tables: TableInfo[];
+    readonly selectedTable?: string;
+    readonly onSelectTable: (table: string) => void;
+    readonly onRefresh?: () => void | Promise<void>;
+    readonly loading?: boolean;
+};
+export declare function SchemaTreeSidebar({ schema, tables, selectedTable, onSelectTable, onRefresh, loading, }: SchemaTreeSidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=schema-tree-sidebar.d.ts.map

package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-tree-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/schema-tree-sidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;CAChC,CAAC;AAIF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AA+FF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,MAAM,EACN,aAAa,EACb,aAAa,EACb,SAAS,EACT,OAAO,GACR,EAAE,sBAAsB,2CAsFxB"}

package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { useState } from "react";
+import { twMerge } from "tailwind-merge";
+const INDENT_PX = 16;
+function TreeItem({ label, depth, expanded, selected, hasChildren, icon, onToggle, onClick, children, }) {
+    const handleChevronClick = (e) => {
+        e.stopPropagation();
+        onToggle?.();
+    };
+    return (_jsxs("div", { children: [_jsxs("div", { className: twMerge("flex cursor-pointer items-center gap-1 py-1 pr-2 text-sm hover:bg-gray-100", selected && "bg-blue-50"), style: { paddingLeft: depth * INDENT_PX + 4 }, onClick: onClick, children: [hasChildren ? (_jsx("button", { className: "flex h-4 w-4 shrink-0 items-center justify-center text-gray-500 hover:text-gray-700", onClick: handleChevronClick, type: "button", children: _jsx(Icon, { className: twMerge("transition-transform", expanded && "rotate-90"), name: "CaretRight", size: 12 }) })) : (_jsx("span", { className: "w-4 shrink-0" })), icon && _jsx("span", { className: "shrink-0 text-gray-500", children: icon }), _jsx("span", { className: "min-w-0 flex-1 truncate text-gray-700", children: label }), selected && (_jsx("span", { className: "ml-auto h-2 w-2 shrink-0 rounded-full bg-blue-500" }))] }), expanded && children] }));
+}
+function ColumnItem({ column, depth, }) {
+    const typeLabel = column.dataType.length > 10
+        ? column.dataType.slice(0, 10) + "…"
+        : column.dataType;
+    return (_jsxs("div", { className: "flex items-center gap-1 py-0.5 pr-2 text-xs text-gray-500", style: { paddingLeft: depth * INDENT_PX + 4 }, children: [_jsx("span", { className: "w-4 shrink-0" }), _jsx("span", { className: "truncate", children: column.name }), _jsxs("span", { className: "ml-auto shrink-0 text-gray-400", children: ["(", typeLabel, ")"] })] }));
+}
+export function SchemaTreeSidebar({ schema, tables, selectedTable, onSelectTable, onRefresh, loading, }) {
+    const [expandedNodes, setExpandedNodes] = useState({
+        [schema]: true,
+    });
+    const toggleNode = (nodeId) => {
+        setExpandedNodes((prev) => ({
+            ...prev,
+            [nodeId]: !prev[nodeId],
+        }));
+    };
+    const handleTableClick = (tableName) => {
+        onSelectTable(tableName);
+        setExpandedNodes((prev) => ({
+            ...prev,
+            [tableName]: !prev[tableName],
+        }));
+    };
+    const isSchemaExpanded = expandedNodes[schema] ?? false;
+    const handleRefreshClick = (e) => {
+        e.stopPropagation();
+        void onRefresh?.();
+    };
+    return (_jsx("div", { className: "flex flex-col overflow-auto pt-4 text-sm", children: _jsx(TreeItem, { depth: 0, expanded: isSchemaExpanded, hasChildren: tables.length > 0, icon: _jsx(Icon, { name: isSchemaExpanded ? "FolderOpen" : "FolderClose", size: 16 }), label: _jsxs("div", { className: "flex flex-1 items-center", children: [_jsx("span", { className: "truncate", children: schema }), onRefresh && (_jsx("button", { className: "ml-auto p-0.5 text-gray-400 hover:text-gray-600", onClick: handleRefreshClick, type: "button", disabled: loading, children: _jsx(Icon, { name: "Reload", size: 14, className: loading ? "animate-spin" : undefined }) }))] }), onClick: () => toggleNode(schema), onToggle: () => toggleNode(schema), children: tables.map((table) => {
+                const isTableExpanded = expandedNodes[table.name] ?? false;
+                const isSelected = selectedTable === table.name;
+                return (_jsx(TreeItem, { depth: 1, expanded: isTableExpanded, hasChildren: table.columns.length > 0, icon: _jsx(Icon, { name: "TreeViewSlash", size: 16 }), label: table.name, selected: isSelected, onClick: () => handleTableClick(table.name), onToggle: () => toggleNode(table.name), children: table.columns.map((col) => (_jsx(ColumnItem, { column: col, depth: 2 }, col.name))) }, table.name));
+            }) }) }));
+}
+//# sourceMappingURL=schema-tree-sidebar.js.map

package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-tree-sidebar.js","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/schema-tree-sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SchemaTreeSidebar } from "./schema-tree-sidebar.js";
+declare const meta: Meta<typeof SchemaTreeSidebar>;
+export default meta;
+type Story = StoryObj<typeof SchemaTreeSidebar>;
+export declare const Default: Story;
+export declare const WithSelectedTable: Story;
+export declare const EmptySchema: Story;
+export declare const ManyTables: Story;
+export declare const Interactive: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=schema-tree-sidebar.stories.d.ts.map

package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-tree-sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/schema-tree-sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EACL,iBAAiB,EAGlB,MAAM,0BAA0B,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAaxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAwChD,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAaF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAmBF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.stories.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fn } from "@storybook/test";
+import { useState } from "react";
+import { SchemaTreeSidebar, } from "./schema-tree-sidebar.js";
+const meta = {
+    title: "Connect/Components/DBExplorer/SchemaTreeSidebar",
+    component: SchemaTreeSidebar,
+    parameters: {
+        layout: "padded",
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-64 border border-gray-200 bg-white", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+const mockTables = [
+    {
+        name: "users",
+        columns: [
+            { name: "id", dataType: "int4", isNullable: false },
+            { name: "name", dataType: "varchar", isNullable: false },
+            { name: "email", dataType: "varchar", isNullable: false },
+            { name: "created_at", dataType: "timestamp", isNullable: true },
+        ],
+    },
+    {
+        name: "posts",
+        columns: [
+            { name: "id", dataType: "int4", isNullable: false },
+            { name: "title", dataType: "varchar", isNullable: false },
+            { name: "content", dataType: "text", isNullable: true },
+            { name: "author_id", dataType: "int4", isNullable: false },
+            { name: "published_at", dataType: "timestamp", isNullable: true },
+        ],
+    },
+    {
+        name: "comments",
+        columns: [
+            { name: "id", dataType: "int4", isNullable: false },
+            { name: "post_id", dataType: "int4", isNullable: false },
+            { name: "user_id", dataType: "int4", isNullable: false },
+            { name: "body", dataType: "text", isNullable: false },
+        ],
+    },
+    {
+        name: "tags",
+        columns: [
+            { name: "id", dataType: "int4", isNullable: false },
+            { name: "name", dataType: "varchar", isNullable: false },
+        ],
+    },
+];
+export const Default = {
+    args: {
+        schema: "public",
+        tables: mockTables,
+        onSelectTable: fn(),
+        onRefresh: fn(),
+    },
+};
+export const WithSelectedTable = {
+    args: {
+        schema: "public",
+        tables: mockTables,
+        selectedTable: "users",
+        onSelectTable: fn(),
+    },
+};
+export const EmptySchema = {
+    args: {
+        schema: "public",
+        tables: [],
+        onSelectTable: fn(),
+    },
+};
+const manyTables = mockTables.concat([
+    { name: "categories", columns: [] },
+    { name: "products", columns: [] },
+    { name: "orders", columns: [] },
+    { name: "order_items", columns: [] },
+    { name: "payments", columns: [] },
+    { name: "reviews", columns: [] },
+    { name: "sessions", columns: [] },
+    { name: "logs", columns: [] },
+]);
+export const ManyTables = {
+    args: {
+        schema: "public",
+        tables: manyTables,
+        onSelectTable: fn(),
+    },
+};
+function InteractiveWrapper(args) {
+    const [selectedTable, setSelectedTable] = useState();
+    const handleSelectTable = (table) => {
+        setSelectedTable(table);
+        args.onSelectTable(table);
+    };
+    return (_jsx(SchemaTreeSidebar, { ...args, selectedTable: selectedTable, onSelectTable: handleSelectTable }));
+}
+export const Interactive = {
+    render: InteractiveWrapper,
+    args: {
+        schema: "public",
+        tables: mockTables,
+        onSelectTable: fn(),
+        onRefresh: fn(),
+    },
+};
+export const Loading = {
+    args: {
+        schema: "public",
+        tables: mockTables,
+        onSelectTable: fn(),
+        onRefresh: fn(),
+        loading: true,
+    },
+};
+//# sourceMappingURL=schema-tree-sidebar.stories.js.map

package/dist/src/connect/components/db-explorer/components/schema-tree-sidebar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-tree-sidebar.stories.js","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/schema-tree-sidebar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EACL,iBAAiB,GAGlB,MAAM,0BAA0B,CAAC;AAElC,MAAM,IAAI,GAAmC;IAC3C,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,iBAAiB;IAC5B,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,sCAAsC,YACnD,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,UAAU,GAAgB;IAC9B;QACE,IAAI,EAAE,OAAO;QACb,OAAO,EAAE;YACP,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;YACnD,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE;YACxD,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE;YACzD,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE;SAChE;KACF;IACD;QACE,IAAI,EAAE,OAAO;QACb,OAAO,EAAE;YACP,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;YACnD,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE;YACzD,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE;YACvD,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;YAC1D,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE;SAClE;KACF;IACD;QACE,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE;YACP,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;YACnD,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;YACxD,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;YACxD,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;SACtD;KACF;IACD;QACE,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE;YACP,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;YACnD,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE;SACzD;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,UAAU;QAClB,aAAa,EAAE,EAAE,EAAE;QACnB,SAAS,EAAE,EAAE,EAAE;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,UAAU;QAClB,aAAa,EAAE,OAAO;QACtB,aAAa,EAAE,EAAE,EAAE;KACpB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,EAAE;QACV,aAAa,EAAE,EAAE,EAAE;KACpB;CACF,CAAC;AAEF,MAAM,UAAU,GAAgB,UAAU,CAAC,MAAM,CAAC;IAChD,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE;IACnC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IACjC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/B,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE,EAAE;IACpC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IACjC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAChC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IACjC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;CAC9B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,UAAU;QAClB,aAAa,EAAE,EAAE,EAAE;KACpB;CACF,CAAC;AAEF,SAAS,kBAAkB,CAAC,IAA4B;IACtD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAsB,CAAC;IAEzE,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,OACZ,IAAI,EACR,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,iBAAiB,GAChC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,kBAAkB;IAC1B,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,UAAU;QAClB,aAAa,EAAE,EAAE,EAAE;QACnB,SAAS,EAAE,EAAE,EAAE;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,UAAU;QAClB,aAAa,EAAE,EAAE,EAAE;QACnB,SAAS,EAAE,EAAE,EAAE;QACf,OAAO,EAAE,IAAI;KACd;CACF,CAAC"}

package/dist/src/connect/components/db-explorer/components/table-view.d.ts

@@ -0,0 +1,26 @@
+export type ColumnInfo = {
+    readonly name: string;
+    readonly dataType: string;
+    readonly isNullable: boolean;
+};
+export type SortDirection = "asc" | "desc";
+export type SortOptions = {
+    readonly column: string;
+    readonly direction: SortDirection;
+};
+export type PaginationState = {
+    readonly offset: number;
+    readonly limit: number;
+    readonly total: number | null;
+};
+export type TableViewProps = {
+    readonly columns: ColumnInfo[];
+    readonly rows: Record<string, unknown>[];
+    readonly pagination: PaginationState;
+    readonly onPageChange: (offset: number) => void;
+    readonly onSort?: (sort: SortOptions) => void;
+    readonly currentSort?: SortOptions;
+    readonly loading?: boolean;
+};
+export declare function TableView({ columns, rows, pagination, onPageChange, onSort, currentSort, loading, }: TableViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-view.d.ts.map

package/dist/src/connect/components/db-explorer/components/table-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-view.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/table-view.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,aAAa,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC;IACrC,QAAQ,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAqCF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,MAAM,EACN,WAAW,EACX,OAAe,GAChB,EAAE,cAAc,2CA2MhB"}

package/dist/src/connect/components/db-explorer/components/table-view.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { twMerge } from "tailwind-merge";
+function formatCellValue(value) {
+    if (value === null)
+        return "NULL";
+    if (value === undefined)
+        return "";
+    if (typeof value === "object")
+        return JSON.stringify(value);
+    if (typeof value === "function")
+        return "[function]";
+    if (typeof value === "symbol")
+        return value.toString();
+    return String(value);
+}
+function SortIcon({ direction, active, }) {
+    if (!active) {
+        return (_jsx(Icon, { className: "opacity-0 group-hover:opacity-50", name: "CaretSort", size: 12 }));
+    }
+    return (_jsx(Icon, { className: direction === "asc" ? "rotate-180" : undefined, name: "TriangleDown", size: 12 }));
+}
+export function TableView({ columns, rows, pagination, onPageChange, onSort, currentSort, loading = false, }) {
+    const { offset, limit, total } = pagination;
+    const currentPage = Math.floor(offset / limit);
+    const totalPages = total !== null ? Math.ceil(total / limit) : 0;
+    const startItem = total === 0 ? 0 : offset + 1;
+    const endItem = total !== null ? Math.min(offset + limit, total) : offset + rows.length;
+    const goToPage = (page) => {
+        onPageChange(page * limit);
+    };
+    const handleSort = (columnName) => {
+        if (!onSort)
+            return;
+        const newDirection = currentSort?.column === columnName && currentSort.direction === "asc"
+            ? "desc"
+            : "asc";
+        onSort({ column: columnName, direction: newDirection });
+    };
+    const getVisiblePages = () => {
+        const maxVisible = 3;
+        if (totalPages <= maxVisible) {
+            return Array.from({ length: totalPages }, (_, i) => i);
+        }
+        const start = Math.max(0, Math.min(currentPage - 1, totalPages - maxVisible));
+        const end = Math.min(totalPages - 1, start + maxVisible - 1);
+        const pages = [];
+        for (let i = start; i <= end; i++) {
+            pages.push(i);
+        }
+        return pages;
+    };
+    const visiblePages = getVisiblePages();
+    return (_jsxs("div", { className: "flex h-full flex-col gap-2", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between text-sm", children: [_jsx("span", { className: "text-gray-600", children: loading
+                            ? "Loading..."
+                            : total !== null
+                                ? `Showing ${startItem.toLocaleString()}-${endItem.toLocaleString()} of ${total.toLocaleString()}`
+                                : `Showing ${rows.length.toLocaleString()} rows` }), total !== null && total > limit && (_jsxs("div", { className: "flex gap-1", children: [_jsx("button", { className: "rounded border border-gray-300 bg-white px-2 py-1 text-xs text-gray-700 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50", disabled: currentPage === 0, onClick: () => goToPage(0), type: "button", children: "First" }), _jsx("button", { className: "rounded border border-gray-300 bg-white px-2 py-1 text-xs text-gray-700 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50", disabled: currentPage === 0, onClick: () => goToPage(currentPage - 1), type: "button", children: _jsx(Icon, { className: "rotate-90", name: "ChevronDown", size: 14 }) }), visiblePages[0] > 0 && (_jsx("span", { className: "flex items-center px-1 text-xs text-gray-500", children: "..." })), visiblePages.map((page) => (_jsx("button", { className: twMerge("min-w-8 rounded border px-2 py-1 text-xs", page === currentPage
+                                    ? "border-blue-500 bg-blue-50 text-blue-700"
+                                    : "border-gray-300 bg-white text-gray-700 hover:bg-gray-100"), onClick: () => goToPage(page), type: "button", children: page + 1 }, page))), visiblePages[visiblePages.length - 1] < totalPages - 1 && (_jsx("span", { className: "flex items-center px-1 text-xs text-gray-500", children: "..." })), _jsx("button", { className: "rounded border border-gray-300 bg-white px-2 py-1 text-xs text-gray-700 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50", disabled: currentPage >= totalPages - 1, onClick: () => goToPage(currentPage + 1), type: "button", children: _jsx(Icon, { className: "-rotate-90", name: "ChevronDown", size: 14 }) }), _jsx("button", { className: "rounded border border-gray-300 bg-white px-2 py-1 text-xs text-gray-700 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50", disabled: currentPage >= totalPages - 1, onClick: () => goToPage(totalPages - 1), type: "button", children: "Last" })] }))] }), _jsx("div", { className: twMerge("max-h-full overflow-auto rounded-lg border border-gray-300 transition-opacity", loading && "pointer-events-none opacity-50"), children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "sticky top-0 bg-gray-100", children: _jsx("tr", { children: columns.map((column, index) => {
+                                    const isActive = currentSort?.column === column.name;
+                                    const sortDirection = isActive ? currentSort.direction : "asc";
+                                    return (_jsx("th", { className: twMerge("group px-3 py-2 text-left text-xs font-medium text-gray-600", index > 0 && "border-l border-gray-300", onSort &&
+                                            "cursor-pointer hover:bg-gray-200 hover:text-gray-900"), onClick: () => onSort && handleSort(column.name), children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "truncate", children: column.name }), onSort && (_jsx(SortIcon, { active: isActive, direction: sortDirection }))] }) }, column.name));
+                                }) }) }), _jsx("tbody", { children: rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: columns.length, children: "No data" }) })) : (rows.map((row, rowIndex) => (_jsx("tr", { className: "odd:bg-white even:bg-gray-50 hover:bg-blue-50", children: columns.map((column, colIndex) => (_jsx("td", { className: twMerge("px-3 py-2 text-xs text-gray-900", colIndex > 0 && "border-l border-gray-300"), children: _jsx("span", { className: twMerge("block truncate", row[column.name] === null && "italic text-gray-400"), title: formatCellValue(row[column.name]), children: formatCellValue(row[column.name]) }) }, column.name))) }, rowIndex)))) })] }) })] }));
+}
+//# sourceMappingURL=table-view.js.map

package/dist/src/connect/components/db-explorer/components/table-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-view.js","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/table-view.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/db-explorer/components/table-view.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TableView } from "./table-view.js";
+declare const meta: Meta<typeof TableView>;
+export default meta;
+type Story = StoryObj<typeof TableView>;
+export declare const Default: Story;
+export declare const WithSorting: Story;
+export declare const WithPagination: Story;
+export declare const MiddlePage: Story;
+export declare const EmptyTable: Story;
+export declare const NullValues: Story;
+export declare const ManyColumns: Story;
+export declare const Interactive: Story;
+//# sourceMappingURL=table-view.stories.d.ts.map

package/dist/src/connect/components/db-explorer/components/table-view.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-view.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/table-view.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EACL,SAAS,EAKV,MAAM,iBAAiB,CAAC;AAEzB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAahC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAgDxC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AA0CF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AA+BF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}

package/dist/src/connect/components/db-explorer/components/table-view.stories.js

@@ -0,0 +1,203 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fn } from "@storybook/test";
+import { useState } from "react";
+import { TableView, } from "./table-view.js";
+const meta = {
+    title: "Connect/Components/DBExplorer/TableView",
+    component: TableView,
+    parameters: {
+        layout: "padded",
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-full max-w-4xl", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+const mockColumns = [
+    { name: "id", dataType: "int4", isNullable: false },
+    { name: "name", dataType: "varchar", isNullable: false },
+    { name: "email", dataType: "varchar", isNullable: false },
+    { name: "created_at", dataType: "timestamp", isNullable: true },
+];
+const mockRows = [
+    {
+        id: 1,
+        name: "Alice Johnson",
+        email: "alice@example.com",
+        created_at: "2024-01-15T10:30:00Z",
+    },
+    {
+        id: 2,
+        name: "Bob Smith",
+        email: "bob@example.com",
+        created_at: "2024-01-16T14:20:00Z",
+    },
+    {
+        id: 3,
+        name: "Charlie Brown",
+        email: "charlie@test.com",
+        created_at: null,
+    },
+    {
+        id: 4,
+        name: "Diana Prince",
+        email: "diana@example.com",
+        created_at: "2024-01-18T09:00:00Z",
+    },
+    {
+        id: 5,
+        name: "Eve Wilson",
+        email: "eve@test.com",
+        created_at: "2024-01-19T16:45:00Z",
+    },
+];
+const defaultPagination = {
+    offset: 0,
+    limit: 50,
+    total: 5,
+};
+export const Default = {
+    args: {
+        columns: mockColumns,
+        rows: mockRows,
+        pagination: defaultPagination,
+        onPageChange: fn(),
+    },
+};
+export const WithSorting = {
+    args: {
+        columns: mockColumns,
+        rows: mockRows,
+        pagination: defaultPagination,
+        onPageChange: fn(),
+        onSort: fn(),
+        currentSort: { column: "name", direction: "asc" },
+    },
+};
+export const WithPagination = {
+    args: {
+        columns: mockColumns,
+        rows: mockRows,
+        pagination: {
+            offset: 0,
+            limit: 50,
+            total: 1234,
+        },
+        onPageChange: fn(),
+    },
+};
+export const MiddlePage = {
+    args: {
+        columns: mockColumns,
+        rows: mockRows,
+        pagination: {
+            offset: 250,
+            limit: 50,
+            total: 1234,
+        },
+        onPageChange: fn(),
+    },
+};
+export const EmptyTable = {
+    args: {
+        columns: mockColumns,
+        rows: [],
+        pagination: {
+            offset: 0,
+            limit: 50,
+            total: 0,
+        },
+        onPageChange: fn(),
+    },
+};
+export const NullValues = {
+    args: {
+        columns: mockColumns,
+        rows: [
+            { id: 1, name: "Alice", email: null, created_at: null },
+            { id: 2, name: null, email: "bob@test.com", created_at: null },
+            { id: 3, name: "Charlie", email: "charlie@test.com", created_at: null },
+        ],
+        pagination: defaultPagination,
+        onPageChange: fn(),
+    },
+};
+const manyColumns = [
+    { name: "id", dataType: "int4", isNullable: false },
+    { name: "first_name", dataType: "varchar", isNullable: false },
+    { name: "last_name", dataType: "varchar", isNullable: false },
+    { name: "email", dataType: "varchar", isNullable: false },
+    { name: "phone", dataType: "varchar", isNullable: true },
+    { name: "address", dataType: "text", isNullable: true },
+    { name: "city", dataType: "varchar", isNullable: true },
+    { name: "country", dataType: "varchar", isNullable: true },
+    { name: "created_at", dataType: "timestamp", isNullable: true },
+    { name: "updated_at", dataType: "timestamp", isNullable: true },
+];
+const manyColumnsRows = [
+    {
+        id: 1,
+        first_name: "Alice",
+        last_name: "Johnson",
+        email: "alice@example.com",
+        phone: "+1-555-0101",
+        address: "123 Main Street",
+        city: "New York",
+        country: "USA",
+        created_at: "2024-01-15",
+        updated_at: "2024-01-20",
+    },
+    {
+        id: 2,
+        first_name: "Bob",
+        last_name: "Smith",
+        email: "bob@example.com",
+        phone: null,
+        address: null,
+        city: "Los Angeles",
+        country: "USA",
+        created_at: "2024-01-16",
+        updated_at: null,
+    },
+];
+export const ManyColumns = {
+    args: {
+        columns: manyColumns,
+        rows: manyColumnsRows,
+        pagination: defaultPagination,
+        onPageChange: fn(),
+        onSort: fn(),
+    },
+};
+function InteractiveWrapper(args) {
+    const [pagination, setPagination] = useState({
+        offset: 0,
+        limit: 50,
+        total: 1234,
+    });
+    const [currentSort, setCurrentSort] = useState();
+    const handlePageChange = (offset) => {
+        setPagination((prev) => ({ ...prev, offset }));
+        args.onPageChange(offset);
+    };
+    const handleSort = (sort) => {
+        setCurrentSort(sort);
+        args.onSort?.(sort);
+    };
+    return (_jsx(TableView, { ...args, currentSort: currentSort, pagination: pagination, onPageChange: handlePageChange, onSort: handleSort }));
+}
+export const Interactive = {
+    render: InteractiveWrapper,
+    args: {
+        columns: mockColumns,
+        rows: mockRows,
+        pagination: {
+            offset: 0,
+            limit: 50,
+            total: 1234,
+        },
+        onPageChange: fn(),
+        onSort: fn(),
+    },
+};
+//# sourceMappingURL=table-view.stories.js.map

package/dist/src/connect/components/db-explorer/components/table-view.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-view.stories.js","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/table-view.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/db-explorer/db-explorer.d.ts

@@ -0,0 +1,32 @@
+import { type TableInfo } from "./components/schema-tree-sidebar.js";
+import { type ColumnInfo, type SortOptions } from "./components/table-view.js";
+export type { TableInfo } from "./components/schema-tree-sidebar.js";
+export type { ColumnInfo, SortOptions } from "./components/table-view.js";
+export type GetTableRowsOptions = {
+    readonly schema?: string;
+    readonly limit: number;
+    readonly offset: number;
+    readonly sort?: SortOptions;
+};
+export type TablePage = {
+    readonly columns: string[];
+    readonly rows: Record<string, unknown>[];
+    readonly total: number | null;
+};
+export interface DbClient {
+    readonly kind: string;
+    listTables(schema?: string): Promise<string[]>;
+    getTableSchema(table: string, schema?: string): Promise<ColumnInfo[]>;
+    getTableRows(table: string, options: GetTableRowsOptions): Promise<TablePage>;
+}
+/** Props for the main DBExplorer component */
+export type DBExplorerProps = {
+    readonly schema: string;
+    readonly getTables: () => Promise<TableInfo[]>;
+    readonly getTableRows: (table: string, options: GetTableRowsOptions) => Promise<TablePage>;
+    readonly pageSize?: number;
+    readonly onImportDb?: (sqlContent: string) => void | Promise<void>;
+    readonly onExportDb?: () => void | Promise<void>;
+};
+export declare function DBExplorer({ schema, getTables, getTableRows, pageSize, onImportDb, onExportDb, }: DBExplorerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=db-explorer.d.ts.map

package/dist/src/connect/components/db-explorer/db-explorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-explorer.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,SAAS,EACf,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAEL,KAAK,UAAU,EAEf,KAAK,WAAW,EACjB,MAAM,4BAA4B,CAAC;AAGpC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE1E,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AACF,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAC/C,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IACtE,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;CAC/E;AAED,8CAA8C;AAC9C,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,YAAY,EAAE,CACrB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,mBAAmB,KACzB,OAAO,CAAC,SAAS,CAAC,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAClD,CAAC;AAIF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,QAA4B,EAC5B,UAAU,EACV,UAAU,GACX,EAAE,eAAe,2CAgNjB"}