@powerhousedao/design-system 5.1.0-dev.40 → 5.1.0-dev.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/connect/components/db-explorer/components/filter-bar.d.ts +8 -0
- package/dist/src/connect/components/db-explorer/components/filter-bar.d.ts.map +1 -0
- package/dist/src/connect/components/db-explorer/components/filter-bar.js +177 -0
- package/dist/src/connect/components/db-explorer/components/filter-bar.js.map +1 -0
- package/dist/src/connect/components/db-explorer/components/table-view.d.ts +14 -1
- package/dist/src/connect/components/db-explorer/components/table-view.d.ts.map +1 -1
- package/dist/src/connect/components/db-explorer/components/table-view.js +67 -12
- package/dist/src/connect/components/db-explorer/components/table-view.js.map +1 -1
- package/dist/src/connect/components/db-explorer/db-explorer.d.ts +5 -3
- package/dist/src/connect/components/db-explorer/db-explorer.d.ts.map +1 -1
- package/dist/src/connect/components/db-explorer/db-explorer.js +11 -4
- package/dist/src/connect/components/db-explorer/db-explorer.js.map +1 -1
- package/dist/src/connect/components/db-explorer/index.d.ts +1 -0
- package/dist/src/connect/components/db-explorer/index.d.ts.map +1 -1
- package/dist/src/connect/components/document-toolbar/document-toolbar.js +2 -2
- package/dist/src/connect/components/document-toolbar/document-toolbar.js.map +1 -1
- package/dist/style.css +15 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -6
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ColumnInfo, FilterGroup } from "./table-view.js";
|
|
2
|
+
export type FilterBarProps = {
|
|
3
|
+
readonly columns: ColumnInfo[];
|
|
4
|
+
readonly filters: FilterGroup | undefined;
|
|
5
|
+
readonly onFiltersChange: (filters: FilterGroup | undefined) => void;
|
|
6
|
+
};
|
|
7
|
+
export declare function FilterBar({ columns, filters, onFiltersChange, }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=filter-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/filter-bar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,UAAU,EAEV,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IAC1C,QAAQ,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;CACtE,CAAC;AAoOF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,OAAO,EACP,eAAe,GAChB,EAAE,cAAc,2CAuIhB"}
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Icon } from "@powerhousedao/design-system";
|
|
3
|
+
import { useCallback, useMemo, useState } from "react";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { ConnectSelect } from "../../select/select.js";
|
|
6
|
+
function getAvailableOperators(column) {
|
|
7
|
+
const baseOperators = [
|
|
8
|
+
"=",
|
|
9
|
+
"!=",
|
|
10
|
+
">",
|
|
11
|
+
"<",
|
|
12
|
+
">=",
|
|
13
|
+
"<=",
|
|
14
|
+
"IS NULL",
|
|
15
|
+
"IS NOT NULL",
|
|
16
|
+
];
|
|
17
|
+
const dataType = column.dataType.toLowerCase();
|
|
18
|
+
// Text types get LIKE and ILIKE
|
|
19
|
+
if (dataType.includes("varchar") ||
|
|
20
|
+
dataType.includes("text") ||
|
|
21
|
+
dataType.includes("char")) {
|
|
22
|
+
return [...baseOperators, "LIKE", "ILIKE"];
|
|
23
|
+
}
|
|
24
|
+
// Numeric types don't get LIKE/ILIKE
|
|
25
|
+
if (dataType.includes("int") ||
|
|
26
|
+
dataType.includes("decimal") ||
|
|
27
|
+
dataType.includes("numeric") ||
|
|
28
|
+
dataType.includes("real") ||
|
|
29
|
+
dataType.includes("double") ||
|
|
30
|
+
dataType.includes("float") ||
|
|
31
|
+
dataType.includes("bigint") ||
|
|
32
|
+
dataType.includes("smallint")) {
|
|
33
|
+
return baseOperators;
|
|
34
|
+
}
|
|
35
|
+
// Default: all operators except LIKE/ILIKE
|
|
36
|
+
return baseOperators;
|
|
37
|
+
}
|
|
38
|
+
function getInputType(column, operator) {
|
|
39
|
+
if (operator === "IS NULL" || operator === "IS NOT NULL") {
|
|
40
|
+
return "text"; // Will be hidden anyway
|
|
41
|
+
}
|
|
42
|
+
const dataType = column.dataType.toLowerCase();
|
|
43
|
+
if (dataType.includes("int") ||
|
|
44
|
+
dataType.includes("decimal") ||
|
|
45
|
+
dataType.includes("numeric") ||
|
|
46
|
+
dataType.includes("real") ||
|
|
47
|
+
dataType.includes("double") ||
|
|
48
|
+
dataType.includes("float") ||
|
|
49
|
+
dataType.includes("bigint") ||
|
|
50
|
+
dataType.includes("smallint")) {
|
|
51
|
+
return "number";
|
|
52
|
+
}
|
|
53
|
+
if (dataType.includes("timestamp") ||
|
|
54
|
+
dataType.includes("date") ||
|
|
55
|
+
dataType.includes("time")) {
|
|
56
|
+
return "datetime-local";
|
|
57
|
+
}
|
|
58
|
+
return "text";
|
|
59
|
+
}
|
|
60
|
+
function FilterClauseComponent({ clause, columns, onUpdate, onRemove, showConnector, connector, onConnectorChange, }) {
|
|
61
|
+
const column = columns.find((c) => c.name === clause.column);
|
|
62
|
+
const availableOperators = column
|
|
63
|
+
? getAvailableOperators(column)
|
|
64
|
+
: ["=", "!="];
|
|
65
|
+
const inputType = column
|
|
66
|
+
? getInputType(column, clause.operator)
|
|
67
|
+
: "text";
|
|
68
|
+
const showValueInput = clause.operator !== "IS NULL" && clause.operator !== "IS NOT NULL";
|
|
69
|
+
const columnItems = useMemo(() => columns.map((col) => ({
|
|
70
|
+
value: col.name,
|
|
71
|
+
displayValue: col.name,
|
|
72
|
+
})), [columns]);
|
|
73
|
+
const operatorItems = useMemo(() => availableOperators.map((op) => ({
|
|
74
|
+
value: op,
|
|
75
|
+
displayValue: op,
|
|
76
|
+
})), [availableOperators]);
|
|
77
|
+
const connectorItems = useMemo(() => [
|
|
78
|
+
{ value: "AND", displayValue: "AND" },
|
|
79
|
+
{ value: "OR", displayValue: "OR" },
|
|
80
|
+
], []);
|
|
81
|
+
const handleColumnChange = useCallback((columnName) => {
|
|
82
|
+
const newColumn = columns.find((c) => c.name === columnName);
|
|
83
|
+
if (!newColumn)
|
|
84
|
+
return;
|
|
85
|
+
const newAvailableOperators = getAvailableOperators(newColumn);
|
|
86
|
+
const newOperator = newAvailableOperators.includes(clause.operator)
|
|
87
|
+
? clause.operator
|
|
88
|
+
: newAvailableOperators[0];
|
|
89
|
+
onUpdate({
|
|
90
|
+
...clause,
|
|
91
|
+
column: columnName,
|
|
92
|
+
operator: newOperator,
|
|
93
|
+
value: "",
|
|
94
|
+
});
|
|
95
|
+
}, [clause, columns, onUpdate]);
|
|
96
|
+
const handleOperatorChange = useCallback((operator) => {
|
|
97
|
+
onUpdate({
|
|
98
|
+
...clause,
|
|
99
|
+
operator,
|
|
100
|
+
value: operator === "IS NULL" || operator === "IS NOT NULL" ? "" : clause.value,
|
|
101
|
+
});
|
|
102
|
+
}, [clause, onUpdate]);
|
|
103
|
+
const handleValueChange = useCallback((value) => {
|
|
104
|
+
onUpdate({
|
|
105
|
+
...clause,
|
|
106
|
+
value,
|
|
107
|
+
});
|
|
108
|
+
}, [clause, onUpdate]);
|
|
109
|
+
return (_jsxs("div", { className: "flex items-center gap-2", children: [showConnector && (_jsx(ConnectSelect, { absolutePositionMenu: true, borderRadius: "4px", containerClassName: "min-w-[80px]", id: `connector-${clause.id}`, items: connectorItems, itemClassName: "px-2 py-1 text-xs", menuClassName: "px-2 py-1 text-xs min-w-[80px]", value: connector, onChange: onConnectorChange })), _jsx(ConnectSelect, { absolutePositionMenu: true, borderRadius: "4px", containerClassName: "min-w-[150px]", id: `column-${clause.id}`, items: columnItems, itemClassName: "px-2 py-1 text-xs", menuClassName: "px-2 py-1 text-xs min-w-[150px]", value: clause.column, onChange: handleColumnChange }), _jsx(ConnectSelect, { absolutePositionMenu: true, borderRadius: "4px", containerClassName: "min-w-[100px]", id: `operator-${clause.id}`, items: operatorItems, itemClassName: "px-2 py-1 text-xs", menuClassName: "px-2 py-1 text-xs min-w-[100px]", value: clause.operator, onChange: handleOperatorChange }), showValueInput && (_jsx("input", { className: "min-w-[150px] rounded border border-gray-300 bg-white px-2 py-1 text-xs text-gray-900", type: inputType, value: clause.value, onChange: (e) => handleValueChange(e.target.value) })), _jsx("button", { className: "flex items-center justify-center rounded p-1 text-gray-500 hover:bg-gray-200 hover:text-gray-700", onClick: onRemove, title: "Remove filter", type: "button", children: _jsx(Icon, { name: "Xmark", size: 14 }) })] }));
|
|
110
|
+
}
|
|
111
|
+
export function FilterBar({ columns, filters, onFiltersChange, }) {
|
|
112
|
+
const [isExpanded, setIsExpanded] = useState(false);
|
|
113
|
+
const handleAddFilter = useCallback(() => {
|
|
114
|
+
const newClause = {
|
|
115
|
+
id: `filter-${Date.now()}-${Math.random()}`,
|
|
116
|
+
column: columns[0]?.name ?? "",
|
|
117
|
+
operator: "=",
|
|
118
|
+
value: "",
|
|
119
|
+
};
|
|
120
|
+
if (!filters) {
|
|
121
|
+
onFiltersChange({
|
|
122
|
+
clauses: [newClause],
|
|
123
|
+
connectors: [],
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
else {
|
|
127
|
+
onFiltersChange({
|
|
128
|
+
clauses: [...filters.clauses, newClause],
|
|
129
|
+
connectors: [
|
|
130
|
+
...filters.connectors,
|
|
131
|
+
filters.clauses.length > 0 ? "AND" : "AND",
|
|
132
|
+
],
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
setIsExpanded(true);
|
|
136
|
+
}, [columns, filters, onFiltersChange]);
|
|
137
|
+
const handleUpdateClause = useCallback((index, clause) => {
|
|
138
|
+
if (!filters)
|
|
139
|
+
return;
|
|
140
|
+
const newClauses = [...filters.clauses];
|
|
141
|
+
newClauses[index] = clause;
|
|
142
|
+
onFiltersChange({
|
|
143
|
+
...filters,
|
|
144
|
+
clauses: newClauses,
|
|
145
|
+
});
|
|
146
|
+
}, [filters, onFiltersChange]);
|
|
147
|
+
const handleRemoveClause = useCallback((index) => {
|
|
148
|
+
if (!filters)
|
|
149
|
+
return;
|
|
150
|
+
const newClauses = filters.clauses.filter((_, i) => i !== index);
|
|
151
|
+
const newConnectors = filters.connectors.filter((_, i) => i !== index - 1);
|
|
152
|
+
if (newClauses.length === 0) {
|
|
153
|
+
onFiltersChange(undefined);
|
|
154
|
+
}
|
|
155
|
+
else {
|
|
156
|
+
onFiltersChange({
|
|
157
|
+
clauses: newClauses,
|
|
158
|
+
connectors: newConnectors,
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
}, [filters, onFiltersChange]);
|
|
162
|
+
const handleConnectorChange = useCallback((index, connector) => {
|
|
163
|
+
if (!filters)
|
|
164
|
+
return;
|
|
165
|
+
const newConnectors = [...filters.connectors];
|
|
166
|
+
newConnectors[index] = connector;
|
|
167
|
+
onFiltersChange({
|
|
168
|
+
...filters,
|
|
169
|
+
connectors: newConnectors,
|
|
170
|
+
});
|
|
171
|
+
}, [filters, onFiltersChange]);
|
|
172
|
+
const hasFilters = filters && filters.clauses.length > 0;
|
|
173
|
+
return (_jsxs("div", { className: "flex shrink-0 flex-col gap-2 rounded-lg border border-gray-300 bg-white p-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("button", { className: "flex items-center gap-1 text-xs text-gray-700 hover:text-gray-900", onClick: () => setIsExpanded(!isExpanded), type: "button", children: [_jsx(Icon, { className: twMerge("transition-transform", isExpanded && "rotate-90"), name: "ChevronDown", size: 12 }), _jsx("span", { children: "Filters" }), hasFilters && (_jsx("span", { className: "rounded bg-blue-100 px-1.5 py-0.5 text-xs text-blue-700", children: filters.clauses.length }))] }), _jsxs("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-2 py-1 text-xs text-gray-700 hover:bg-gray-100", onClick: handleAddFilter, type: "button", children: [_jsx(Icon, { name: "Plus", size: 12 }), "Add Filter"] })] }), isExpanded && hasFilters && (_jsx("div", { className: "flex flex-col gap-2", children: filters.clauses.map((clause, index) => (_jsx(FilterClauseComponent, { clause: clause, columns: columns, connector: index > 0
|
|
174
|
+
? filters.connectors[index - 1] ?? "AND"
|
|
175
|
+
: "AND", onConnectorChange: (connector) => handleConnectorChange(index - 1, connector), onRemove: () => handleRemoveClause(index), onUpdate: (updatedClause) => handleUpdateClause(index, updatedClause), showConnector: index > 0 }, clause.id))) }))] }));
|
|
176
|
+
}
|
|
177
|
+
//# sourceMappingURL=filter-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filter-bar.js","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/filter-bar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,17 @@ export type SortOptions = {
|
|
|
8
8
|
readonly column: string;
|
|
9
9
|
readonly direction: SortDirection;
|
|
10
10
|
};
|
|
11
|
+
export type FilterOperator = "=" | "!=" | ">" | "<" | ">=" | "<=" | "LIKE" | "ILIKE" | "IS NULL" | "IS NOT NULL";
|
|
12
|
+
export type FilterClause = {
|
|
13
|
+
readonly id: string;
|
|
14
|
+
readonly column: string;
|
|
15
|
+
readonly operator: FilterOperator;
|
|
16
|
+
readonly value: string;
|
|
17
|
+
};
|
|
18
|
+
export type FilterGroup = {
|
|
19
|
+
readonly clauses: FilterClause[];
|
|
20
|
+
readonly connectors: ("AND" | "OR")[];
|
|
21
|
+
};
|
|
11
22
|
export type PaginationState = {
|
|
12
23
|
readonly offset: number;
|
|
13
24
|
readonly limit: number;
|
|
@@ -21,6 +32,8 @@ export type TableViewProps = {
|
|
|
21
32
|
readonly onSort?: (sort: SortOptions) => void;
|
|
22
33
|
readonly currentSort?: SortOptions;
|
|
23
34
|
readonly loading?: boolean;
|
|
35
|
+
readonly filters?: FilterGroup;
|
|
36
|
+
readonly onFiltersChange?: (filters: FilterGroup | undefined) => void;
|
|
24
37
|
};
|
|
25
|
-
export declare function TableView({ columns, rows, pagination, onPageChange, onSort, currentSort, loading, }: TableViewProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export declare function TableView({ columns, rows, pagination, onPageChange, onSort, currentSort, loading, filters, onFiltersChange, }: TableViewProps): import("react/jsx-runtime").JSX.Element;
|
|
26
39
|
//# sourceMappingURL=table-view.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-view.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/table-view.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"table-view.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/table-view.tsx"],"names":[],"mappings":"AAKA,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,cAAc,GACtB,GAAG,GACH,IAAI,GACJ,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,OAAO,GACP,SAAS,GACT,aAAa,CAAC;AAElB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC;IACjC,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC;CACvC,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;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;CACvE,CAAC;AAmEF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,MAAM,EACN,WAAW,EACX,OAAe,EACf,OAAO,EACP,eAAe,GAChB,EAAE,cAAc,2CA4QhB"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Icon } from "@powerhousedao/design-system";
|
|
3
|
+
import { useState } from "react";
|
|
3
4
|
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { FilterBar } from "./filter-bar.js";
|
|
4
6
|
function formatCellValue(value) {
|
|
5
7
|
if (value === null)
|
|
6
8
|
return "NULL";
|
|
@@ -14,13 +16,36 @@ function formatCellValue(value) {
|
|
|
14
16
|
return value.toString();
|
|
15
17
|
return String(value);
|
|
16
18
|
}
|
|
19
|
+
function escapeCsvValue(value) {
|
|
20
|
+
// If the value contains comma, newline, or double quote, wrap it in quotes and escape quotes
|
|
21
|
+
if (value.includes(",") || value.includes("\n") || value.includes('"')) {
|
|
22
|
+
return `"${value.replace(/"/g, '""')}"`;
|
|
23
|
+
}
|
|
24
|
+
return value;
|
|
25
|
+
}
|
|
26
|
+
function rowToCsv(row, columns) {
|
|
27
|
+
return columns
|
|
28
|
+
.map((column) => {
|
|
29
|
+
const value = formatCellValue(row[column.name]);
|
|
30
|
+
return escapeCsvValue(value);
|
|
31
|
+
})
|
|
32
|
+
.join(",");
|
|
33
|
+
}
|
|
34
|
+
function rowsToCsv(rows, columns) {
|
|
35
|
+
const header = columns.map((col) => escapeCsvValue(col.name)).join(",");
|
|
36
|
+
const dataRows = rows.map((row) => rowToCsv(row, columns));
|
|
37
|
+
return [header, ...dataRows].join("\n");
|
|
38
|
+
}
|
|
39
|
+
async function copyToClipboard(text) {
|
|
40
|
+
await navigator.clipboard.writeText(text);
|
|
41
|
+
}
|
|
17
42
|
function SortIcon({ direction, active, }) {
|
|
18
43
|
if (!active) {
|
|
19
44
|
return (_jsx(Icon, { className: "opacity-0 group-hover:opacity-50", name: "CaretSort", size: 12 }));
|
|
20
45
|
}
|
|
21
46
|
return (_jsx(Icon, { className: direction === "asc" ? "rotate-180" : undefined, name: "TriangleDown", size: 12 }));
|
|
22
47
|
}
|
|
23
|
-
export function TableView({ columns, rows, pagination, onPageChange, onSort, currentSort, loading = false, }) {
|
|
48
|
+
export function TableView({ columns, rows, pagination, onPageChange, onSort, currentSort, loading = false, filters, onFiltersChange, }) {
|
|
24
49
|
const { offset, limit, total } = pagination;
|
|
25
50
|
const currentPage = Math.floor(offset / limit);
|
|
26
51
|
const totalPages = total !== null ? Math.ceil(total / limit) : 0;
|
|
@@ -51,17 +76,47 @@ export function TableView({ columns, rows, pagination, onPageChange, onSort, cur
|
|
|
51
76
|
return pages;
|
|
52
77
|
};
|
|
53
78
|
const visiblePages = getVisiblePages();
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
79
|
+
const [copying, setCopying] = useState(false);
|
|
80
|
+
const [copiedRowIndex, setCopiedRowIndex] = useState(null);
|
|
81
|
+
const handleCopyAll = async () => {
|
|
82
|
+
if (rows.length === 0)
|
|
83
|
+
return;
|
|
84
|
+
setCopying(true);
|
|
85
|
+
try {
|
|
86
|
+
const csv = rowsToCsv(rows, columns);
|
|
87
|
+
await copyToClipboard(csv);
|
|
88
|
+
setTimeout(() => setCopying(false), 1000);
|
|
89
|
+
}
|
|
90
|
+
catch (err) {
|
|
91
|
+
console.error("Failed to copy to clipboard:", err);
|
|
92
|
+
setCopying(false);
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
const handleCopyRow = async (rowIndex) => {
|
|
96
|
+
if (rowIndex < 0 || rowIndex >= rows.length)
|
|
97
|
+
return;
|
|
98
|
+
setCopiedRowIndex(rowIndex);
|
|
99
|
+
try {
|
|
100
|
+
const csv = rowToCsv(rows[rowIndex], columns);
|
|
101
|
+
await copyToClipboard(csv);
|
|
102
|
+
setTimeout(() => setCopiedRowIndex(null), 1000);
|
|
103
|
+
}
|
|
104
|
+
catch (err) {
|
|
105
|
+
console.error("Failed to copy to clipboard:", err);
|
|
106
|
+
setCopiedRowIndex(null);
|
|
107
|
+
}
|
|
108
|
+
};
|
|
109
|
+
return (_jsxs("div", { className: "flex h-full flex-col gap-2", children: [onFiltersChange && (_jsx(FilterBar, { columns: columns, filters: filters, onFiltersChange: onFiltersChange })), _jsxs("div", { className: "flex shrink-0 items-center justify-between text-sm", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-gray-600", children: loading
|
|
110
|
+
? "Loading..."
|
|
111
|
+
: total !== null
|
|
112
|
+
? `Showing ${startItem.toLocaleString()}-${endItem.toLocaleString()} of ${total.toLocaleString()}`
|
|
113
|
+
: `Showing ${rows.length.toLocaleString()} rows` }), rows.length > 0 && (_jsxs("button", { className: "flex items-center gap-1 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: loading || copying, onClick: handleCopyAll, title: "Copy all rows as CSV", type: "button", children: [_jsx(Icon, { name: copying ? "Check" : "Copy", size: 14 }), copying ? "Copied!" : "Copy All"] }))] }), 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
|
|
59
114
|
? "border-blue-500 bg-blue-50 text-blue-700"
|
|
60
|
-
: "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:
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
115
|
+
: "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: _jsxs("tr", { children: [_jsx("th", { className: "w-12 px-2 py-2 text-center text-xs font-medium text-gray-600", children: _jsx("span", { className: "sr-only", children: "Copy" }) }), columns.map((column, index) => {
|
|
116
|
+
const isActive = currentSort?.column === column.name;
|
|
117
|
+
const sortDirection = isActive ? currentSort.direction : "asc";
|
|
118
|
+
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 &&
|
|
119
|
+
"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));
|
|
120
|
+
})] }) }), _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 + 1, children: "No data" }) })) : (rows.map((row, rowIndex) => (_jsxs("tr", { className: "odd:bg-white even:bg-gray-50 hover:bg-blue-50", children: [_jsx("td", { className: "px-2 py-2 text-center", children: _jsx("button", { className: "flex items-center justify-center rounded p-1 text-gray-500 hover:bg-gray-200 hover:text-gray-700", onClick: () => void handleCopyRow(rowIndex), title: "Copy row as CSV", type: "button", children: _jsx(Icon, { name: copiedRowIndex === rowIndex ? "Check" : "Copy", size: 14 }) }) }), 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)))) })] }) })] }));
|
|
66
121
|
}
|
|
67
122
|
//# sourceMappingURL=table-view.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-view.js","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/table-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"table-view.js","sourceRoot":"","sources":["../../../../../../src/connect/components/db-explorer/components/table-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAyD5C,SAAS,eAAe,CAAC,KAAc;IACrC,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IAClC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IACnC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC5D,IAAI,OAAO,KAAK,KAAK,UAAU;QAAE,OAAO,YAAY,CAAC;IACrD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;IACvD,OAAO,MAAM,CAAC,KAA2C,CAAC,CAAC;AAC7D,CAAC;AAED,SAAS,cAAc,CAAC,KAAa;IACnC,6FAA6F;IAC7F,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACvE,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC;IAC1C,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,QAAQ,CAAC,GAA4B,EAAE,OAAqB;IACnE,OAAO,OAAO;SACX,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACd,MAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAChD,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,SAAS,SAAS,CAChB,IAA+B,EAC/B,OAAqB;IAErB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxE,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAC3D,OAAO,CAAC,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1C,CAAC;AAED,KAAK,UAAU,eAAe,CAAC,IAAY;IACzC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAC5C,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,MAAM,GAIP;IACC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,EAAE,GACR,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACzD,IAAI,EAAC,cAAc,EACnB,IAAI,EAAE,EAAE,GACR,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,MAAM,EACN,WAAW,EACX,OAAO,GAAG,KAAK,EACf,OAAO,EACP,eAAe,GACA;IACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;IAE5C,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/C,MAAM,OAAO,GACX,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAE1E,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE;QAChC,YAAY,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,UAAkB,EAAE,EAAE;QACxC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,YAAY,GAChB,WAAW,EAAE,MAAM,KAAK,UAAU,IAAI,WAAW,CAAC,SAAS,KAAK,KAAK;YACnE,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,KAAK,CAAC;QAEZ,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAa,EAAE;QACrC,MAAM,UAAU,GAAG,CAAC,CAAC;QAErB,IAAI,UAAU,IAAI,UAAU,EAAE,CAAC;YAC7B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACzD,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CACpB,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CACnD,CAAC;QACF,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC;QAE7D,MAAM,KAAK,GAAa,EAAE,CAAC;QAC3B,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1E,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC9B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACrC,MAAM,eAAe,CAAC,GAAG,CAAC,CAAC;YAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC5C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,GAAG,CAAC,CAAC;YACnD,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,EAAE,QAAgB,EAAE,EAAE;QAC/C,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO;QACpD,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC5B,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;YAC9C,MAAM,eAAe,CAAC,GAAG,CAAC,CAAC;YAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QAClD,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,GAAG,CAAC,CAAC;YACnD,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACxC,eAAe,IAAI,CAClB,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,GAChC,CACH,EACD,eAAK,SAAS,EAAC,oDAAoD,aACjE,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,eAAe,YAC5B,OAAO;oCACN,CAAC,CAAC,YAAY;oCACd,CAAC,CAAC,KAAK,KAAK,IAAI;wCACd,CAAC,CAAC,WAAW,SAAS,CAAC,cAAc,EAAE,IAAI,OAAO,CAAC,cAAc,EAAE,OAAO,KAAK,CAAC,cAAc,EAAE,EAAE;wCAClG,CAAC,CAAC,WAAW,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,OAAO,GAC/C,EACN,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAClB,kBACE,SAAS,EAAC,mKAAmK,EAC7K,QAAQ,EAAE,OAAO,IAAI,OAAO,EAC5B,OAAO,EAAE,aAAa,EACtB,KAAK,EAAC,sBAAsB,EAC5B,IAAI,EAAC,QAAQ,aAEb,KAAC,IAAI,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,EACnD,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,IAC1B,CACV,IACG,EAEL,KAAK,KAAK,IAAI,IAAI,KAAK,GAAG,KAAK,IAAI,CAClC,eAAK,SAAS,EAAC,YAAY,aACzB,iBACE,SAAS,EAAC,2IAA2I,EACrJ,QAAQ,EAAE,WAAW,KAAK,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC1B,IAAI,EAAC,QAAQ,sBAGN,EACT,iBACE,SAAS,EAAC,2IAA2I,EACrJ,QAAQ,EAAE,WAAW,KAAK,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,EACxC,IAAI,EAAC,QAAQ,YAEb,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,GACpD,EAER,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CACtB,eAAM,SAAS,EAAC,8CAA8C,oBAEvD,CACR,EAEA,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,iBAEE,SAAS,EAAE,OAAO,CAChB,0CAA0C,EAC1C,IAAI,KAAK,WAAW;oCAClB,CAAC,CAAC,0CAA0C;oCAC5C,CAAC,CAAC,0DAA0D,CAC/D,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,IAAI,EAAC,QAAQ,YAEZ,IAAI,GAAG,CAAC,IAVJ,IAAI,CAWF,CACV,CAAC,EAED,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,IAAI,CACzD,eAAM,SAAS,EAAC,8CAA8C,oBAEvD,CACR,EAED,iBACE,SAAS,EAAC,2IAA2I,EACrJ,QAAQ,EAAE,WAAW,IAAI,UAAU,GAAG,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,EACxC,IAAI,EAAC,QAAQ,YAEb,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,GACrD,EACT,iBACE,SAAS,EAAC,2IAA2I,EACrJ,QAAQ,EAAE,WAAW,IAAI,UAAU,GAAG,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,GAAG,CAAC,CAAC,EACvC,IAAI,EAAC,QAAQ,qBAGN,IACL,CACP,IACG,EAEN,cACE,SAAS,EAAE,OAAO,CAChB,+EAA+E,EAC/E,OAAO,IAAI,gCAAgC,CAC5C,YAED,iBAAO,SAAS,EAAC,wBAAwB,aACvC,gBAAO,SAAS,EAAC,0BAA0B,YACzC,yBACE,aAAI,SAAS,EAAC,8DAA8D,YAC1E,eAAM,SAAS,EAAC,SAAS,qBAAY,GAClC,EACJ,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;wCAC7B,MAAM,QAAQ,GAAG,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC,IAAI,CAAC;wCACrD,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;wCAE/D,OAAO,CACL,aAEE,SAAS,EAAE,OAAO,CAChB,6DAA6D,EAC7D,KAAK,GAAG,CAAC,IAAI,0BAA0B,EACvC,MAAM;gDACJ,sDAAsD,CACzD,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,YAEhD,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,UAAU,YAAE,MAAM,CAAC,IAAI,GAAQ,EAC9C,MAAM,IAAI,CACT,KAAC,QAAQ,IAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,GAAI,CACzD,IACG,IAdD,MAAM,CAAC,IAAI,CAeb,CACN,CAAC;oCACJ,CAAC,CAAC,IACC,GACC,EACR,0BACG,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,uBACE,aACE,SAAS,EAAC,6CAA6C,EACvD,OAAO,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,wBAGxB,GACF,CACN,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC1B,cAEE,SAAS,EAAC,+CAA+C,aAEzD,aAAI,SAAS,EAAC,uBAAuB,YACnC,iBACE,SAAS,EAAC,kGAAkG,EAC5G,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,aAAa,CAAC,QAAQ,CAAC,EAC3C,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ,YAEb,KAAC,IAAI,IACH,IAAI,EAAE,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACpD,IAAI,EAAE,EAAE,GACR,GACK,GACN,EACJ,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC,CACjC,aAEE,SAAS,EAAE,OAAO,CAChB,iCAAiC,EACjC,QAAQ,GAAG,CAAC,IAAI,0BAA0B,CAC3C,YAED,eACE,SAAS,EAAE,OAAO,CAChB,gBAAgB,EAChB,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,sBAAsB,CACpD,EACD,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,YAEvC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAC7B,IAdF,MAAM,CAAC,IAAI,CAeb,CACN,CAAC,KAlCG,QAAQ,CAmCV,CACN,CAAC,CACH,GACK,IACF,GACJ,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { type TableInfo } from "./components/schema-tree-sidebar.js";
|
|
2
|
-
import { type ColumnInfo, type SortOptions } from "./components/table-view.js";
|
|
2
|
+
import { type ColumnInfo, type FilterGroup, type SortOptions } from "./components/table-view.js";
|
|
3
3
|
export type { TableInfo } from "./components/schema-tree-sidebar.js";
|
|
4
|
-
export type { ColumnInfo, SortOptions } from "./components/table-view.js";
|
|
4
|
+
export type { ColumnInfo, SortOptions, FilterGroup, FilterClause, } from "./components/table-view.js";
|
|
5
5
|
export type GetTableRowsOptions = {
|
|
6
6
|
readonly schema?: string;
|
|
7
7
|
readonly limit: number;
|
|
8
8
|
readonly offset: number;
|
|
9
9
|
readonly sort?: SortOptions;
|
|
10
|
+
readonly filters?: FilterGroup;
|
|
10
11
|
};
|
|
11
12
|
export type TablePage = {
|
|
12
13
|
readonly columns: string[];
|
|
@@ -24,9 +25,10 @@ export type DBExplorerProps = {
|
|
|
24
25
|
readonly schema: string;
|
|
25
26
|
readonly getTables: () => Promise<TableInfo[]>;
|
|
26
27
|
readonly getTableRows: (table: string, options: GetTableRowsOptions) => Promise<TablePage>;
|
|
28
|
+
readonly getDefaultSort?: (table: string) => SortOptions | undefined;
|
|
27
29
|
readonly pageSize?: number;
|
|
28
30
|
readonly onImportDb?: (sqlContent: string) => void | Promise<void>;
|
|
29
31
|
readonly onExportDb?: () => void | Promise<void>;
|
|
30
32
|
};
|
|
31
|
-
export declare function DBExplorer({ schema, getTables, getTableRows, pageSize, onImportDb, onExportDb, }: DBExplorerProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare function DBExplorer({ schema, getTables, getTableRows, getDefaultSort, pageSize, onImportDb, onExportDb, }: DBExplorerProps): import("react/jsx-runtime").JSX.Element;
|
|
32
34
|
//# sourceMappingURL=db-explorer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EACf,KAAK,WAAW,EAGhB,KAAK,WAAW,EACjB,MAAM,4BAA4B,CAAC;AAGpC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,YAAY,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,GACb,MAAM,4BAA4B,CAAC;AAEpC,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;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;CAChC,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,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;IACrE,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,cAAc,EACd,QAA4B,EAC5B,UAAU,EACV,UAAU,GACX,EAAE,eAAe,2CAyNjB"}
|
|
@@ -4,7 +4,7 @@ import { ConnectConfirmationModal } from "../modal/confirmation-modal.js";
|
|
|
4
4
|
import { SchemaTreeSidebar, } from "./components/schema-tree-sidebar.js";
|
|
5
5
|
import { TableView, } from "./components/table-view.js";
|
|
6
6
|
const DEFAULT_PAGE_SIZE = 50;
|
|
7
|
-
export function DBExplorer({ schema, getTables, getTableRows, pageSize = DEFAULT_PAGE_SIZE, onImportDb, onExportDb, }) {
|
|
7
|
+
export function DBExplorer({ schema, getTables, getTableRows, getDefaultSort, pageSize = DEFAULT_PAGE_SIZE, onImportDb, onExportDb, }) {
|
|
8
8
|
const fileInputRef = useRef(null);
|
|
9
9
|
const [tables, setTables] = useState([]);
|
|
10
10
|
const [tablesLoading, setTablesLoading] = useState(true);
|
|
@@ -16,6 +16,7 @@ export function DBExplorer({ schema, getTables, getTableRows, pageSize = DEFAULT
|
|
|
16
16
|
total: null,
|
|
17
17
|
});
|
|
18
18
|
const [sort, setSort] = useState();
|
|
19
|
+
const [filters, setFilters] = useState();
|
|
19
20
|
const [loading, setLoading] = useState(false);
|
|
20
21
|
const [pendingImport, setPendingImport] = useState(null);
|
|
21
22
|
const columns = tables.find((t) => t.name === selectedTable)?.columns ?? [];
|
|
@@ -28,6 +29,7 @@ export function DBExplorer({ schema, getTables, getTableRows, pageSize = DEFAULT
|
|
|
28
29
|
limit: pagination.limit,
|
|
29
30
|
offset: pagination.offset,
|
|
30
31
|
sort,
|
|
32
|
+
filters,
|
|
31
33
|
});
|
|
32
34
|
setTableData(data);
|
|
33
35
|
setPagination((prev) => ({ ...prev, total: data.total }));
|
|
@@ -38,6 +40,7 @@ export function DBExplorer({ schema, getTables, getTableRows, pageSize = DEFAULT
|
|
|
38
40
|
pagination.limit,
|
|
39
41
|
pagination.offset,
|
|
40
42
|
sort,
|
|
43
|
+
filters,
|
|
41
44
|
getTableRows,
|
|
42
45
|
]);
|
|
43
46
|
const loadTables = useCallback(async () => {
|
|
@@ -68,13 +71,14 @@ export function DBExplorer({ schema, getTables, getTableRows, pageSize = DEFAULT
|
|
|
68
71
|
if (selectedTable) {
|
|
69
72
|
void loadTableData();
|
|
70
73
|
}
|
|
71
|
-
}, [selectedTable, pagination.offset, sort, loadTableData]);
|
|
74
|
+
}, [selectedTable, pagination.offset, sort, filters, loadTableData]);
|
|
72
75
|
const handleSelectTable = (table) => {
|
|
73
76
|
if (table === selectedTable)
|
|
74
77
|
return;
|
|
75
78
|
setSelectedTable(table);
|
|
76
79
|
setPagination((prev) => ({ ...prev, offset: 0, total: null }));
|
|
77
|
-
setSort(
|
|
80
|
+
setSort(getDefaultSort?.(table));
|
|
81
|
+
setFilters(undefined);
|
|
78
82
|
setTableData(null);
|
|
79
83
|
};
|
|
80
84
|
const handlePageChange = (offset) => {
|
|
@@ -114,6 +118,9 @@ export function DBExplorer({ schema, getTables, getTableRows, pageSize = DEFAULT
|
|
|
114
118
|
};
|
|
115
119
|
return (_jsxs("div", { className: "flex h-full", children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".sql,.txt,text/plain", className: "hidden", onChange: handleFileChange }), _jsx(ConnectConfirmationModal, { open: !!pendingImport, onOpenChange: (open) => !open && setPendingImport(null), header: "Replace Database?", body: "This will delete all existing data and replace it with the imported file. This action cannot be undone.", cancelLabel: "Cancel", continueLabel: "Replace Data", onCancel: handleImportCancel, onContinue: () => void handleImportConfirm(), continueButtonProps: {
|
|
116
120
|
className: "bg-red-900 text-white hover:bg-red-800",
|
|
117
|
-
} }), _jsxs("div", { className: "flex w-64 shrink-0 flex-col border-r border-gray-200", children: [_jsx("div", { className: "flex-1 overflow-auto", children: _jsx(SchemaTreeSidebar, { schema: schema, tables: tables, selectedTable: selectedTable, onSelectTable: handleSelectTable, onRefresh: handleRefresh, loading: tablesLoading || loading }) }), (onImportDb || onExportDb) && (_jsxs("div", { className: "flex shrink-0 flex-col gap-2 border-t border-gray-200 p-2", children: [onImportDb && (_jsx("button", { className: "rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: handleImportClick, type: "button", children: "Import DB" })), onExportDb && (_jsx("button", { className: "rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: handleExportClick, type: "button", children: "Export DB" }))] }))] }), _jsx("div", { className: "flex-1 overflow-auto p-4", children: !selectedTable ? (_jsx("div", { className: "text-sm text-gray-500", children: "Select a table to view data" })) : !tableData && loading ? (_jsx("div", { className: "text-sm text-gray-500", children: "Loading..." })) : tableData ? (_jsx(TableView, { columns: columns, rows: tableData.rows, pagination: pagination, onPageChange: handlePageChange, onSort: handleSort, currentSort: sort, loading: loading
|
|
121
|
+
} }), _jsxs("div", { className: "flex w-64 shrink-0 flex-col border-r border-gray-200", children: [_jsx("div", { className: "flex-1 overflow-auto", children: _jsx(SchemaTreeSidebar, { schema: schema, tables: tables, selectedTable: selectedTable, onSelectTable: handleSelectTable, onRefresh: handleRefresh, loading: tablesLoading || loading }) }), (onImportDb || onExportDb) && (_jsxs("div", { className: "flex shrink-0 flex-col gap-2 border-t border-gray-200 p-2", children: [onImportDb && (_jsx("button", { className: "rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: handleImportClick, type: "button", children: "Import DB" })), onExportDb && (_jsx("button", { className: "rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100", onClick: handleExportClick, type: "button", children: "Export DB" }))] }))] }), _jsx("div", { className: "flex-1 overflow-auto p-4", children: !selectedTable ? (_jsx("div", { className: "text-sm text-gray-500", children: "Select a table to view data" })) : !tableData && loading ? (_jsx("div", { className: "text-sm text-gray-500", children: "Loading..." })) : tableData ? (_jsx(TableView, { columns: columns, rows: tableData.rows, pagination: pagination, onPageChange: handlePageChange, onSort: handleSort, currentSort: sort, loading: loading, filters: filters, onFiltersChange: (newFilters) => {
|
|
122
|
+
setFilters(newFilters);
|
|
123
|
+
setPagination((prev) => ({ ...prev, offset: 0 }));
|
|
124
|
+
} })) : null })] }));
|
|
118
125
|
}
|
|
119
126
|
//# sourceMappingURL=db-explorer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"db-explorer.js","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EACL,iBAAiB,GAElB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,SAAS,
|
|
1
|
+
{"version":3,"file":"db-explorer.js","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/db-explorer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/db-explorer/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,YAAY,EACV,WAAW,EACX,YAAY,EACZ,cAAc,GACf,MAAM,4BAA4B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Icon } from "@powerhousedao/design-system";
|
|
3
|
-
import { exportDocument, setSelectedNode, setSelectedTimelineItem, showRevisionHistory, useGetSwitchboardLink, useNodeParentFolderById,
|
|
3
|
+
import { exportDocument, setSelectedNode, setSelectedTimelineItem, showRevisionHistory, useGetSwitchboardLink, useNodeParentFolderById, useSelectedDocumentSafe, } from "@powerhousedao/reactor-browser";
|
|
4
4
|
import { useEffect, useState } from "react";
|
|
5
5
|
import { twMerge } from "tailwind-merge";
|
|
6
6
|
import { DocumentTimeline } from "../document-timeline/document-timeline.js";
|
|
@@ -12,7 +12,7 @@ function useDocumentTimeline(documentId) {
|
|
|
12
12
|
}
|
|
13
13
|
export const DocumentToolbar = (props) => {
|
|
14
14
|
const { onClose, children, onExport, className, document: _document, onSwitchboardLinkClick, enabledControls = ["undo", "redo", "export", "history"], defaultTimelineVisible = true, disableRevisionHistory = false, initialTimelineVisible = false, ...containerProps } = props;
|
|
15
|
-
const [selectedDocument] =
|
|
15
|
+
const [selectedDocument] = useSelectedDocumentSafe();
|
|
16
16
|
const document = _document ?? selectedDocument;
|
|
17
17
|
const documentName = document?.header.name || undefined;
|
|
18
18
|
const parentFolder = useNodeParentFolderById(document?.header.id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"document-toolbar.js","sourceRoot":"","sources":["../../../../../src/connect/components/document-toolbar/document-toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EACL,cAAc,EACd,eAAe,EACf,uBAAuB,EACvB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,
|
|
1
|
+
{"version":3,"file":"document-toolbar.js","sourceRoot":"","sources":["../../../../../src/connect/components/document-toolbar/document-toolbar.tsx"],"names":[],"mappings":"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"}
|