@tumaet/prompt-ui-components 1.0.6 → 1.0.7
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
|
|
3
|
-
import { useState } from 'react';
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
4
|
import { Table } from '../ui';
|
|
5
5
|
import { checkboxColumn } from './columnDefs/selectColumn';
|
|
6
6
|
import { actionColumn } from './columnDefs/actionColumn';
|
|
@@ -14,8 +14,16 @@ import { generateColumns } from './generateColumns';
|
|
|
14
14
|
import { TableFiltersMenu } from './filters/TableFiltersMenu';
|
|
15
15
|
import { ActiveTableFiltersBar } from './filters/ActiveTableFiltersBar';
|
|
16
16
|
import { addFiltersToColumns } from './filters/applyFiltersToColumns';
|
|
17
|
-
export function PromptTable({ data, actions, columns, filters, onRowClick, initialState, }) {
|
|
18
|
-
const
|
|
17
|
+
export function PromptTable({ data, actions, columns, filters, onRowClick, initialState, sortingQueryParam, }) {
|
|
18
|
+
const sortingQueryParamEnabled = sortingQueryParam ? (sortingQueryParam.enabled ?? true) : false;
|
|
19
|
+
const sortingQueryParamName = sortingQueryParam?.paramName;
|
|
20
|
+
const [sorting, setSorting] = useState(() => {
|
|
21
|
+
if (!sortingQueryParamEnabled || !sortingQueryParamName || typeof window === 'undefined') {
|
|
22
|
+
return initialState?.sorting ?? [];
|
|
23
|
+
}
|
|
24
|
+
const urlSorting = parseSortingFromUrl(window.location.search, sortingQueryParamName);
|
|
25
|
+
return urlSorting.length > 0 ? urlSorting : (initialState?.sorting ?? []);
|
|
26
|
+
});
|
|
19
27
|
const [search, setSearch] = useState('');
|
|
20
28
|
const [rowSelection, setRowSelection] = useState({});
|
|
21
29
|
const baseColumns = columns ?? generateColumns(data);
|
|
@@ -25,6 +33,26 @@ export function PromptTable({ data, actions, columns, filters, onRowClick, initi
|
|
|
25
33
|
...columnsWithFilterFns,
|
|
26
34
|
...(actions ? [actionColumn(actions)] : []),
|
|
27
35
|
];
|
|
36
|
+
const handleSortingChange = (updaterOrValue) => {
|
|
37
|
+
setSorting((currentSorting) => typeof updaterOrValue === 'function' ? updaterOrValue(currentSorting) : updaterOrValue);
|
|
38
|
+
};
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
if (!sortingQueryParamEnabled || !sortingQueryParamName || typeof window === 'undefined')
|
|
41
|
+
return;
|
|
42
|
+
const url = new URL(window.location.href);
|
|
43
|
+
const serializedSorting = serializeSortingForUrl(sorting);
|
|
44
|
+
if (serializedSorting) {
|
|
45
|
+
url.searchParams.set(sortingQueryParamName, serializedSorting);
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
url.searchParams.delete(sortingQueryParamName);
|
|
49
|
+
}
|
|
50
|
+
const nextUrl = `${url.pathname}${url.search}${url.hash}`;
|
|
51
|
+
const currentUrl = `${window.location.pathname}${window.location.search}${window.location.hash}`;
|
|
52
|
+
if (nextUrl !== currentUrl) {
|
|
53
|
+
window.history.replaceState(window.history.state, '', nextUrl);
|
|
54
|
+
}
|
|
55
|
+
}, [sorting, sortingQueryParamEnabled, sortingQueryParamName]);
|
|
28
56
|
const table = useReactTable({
|
|
29
57
|
data: data,
|
|
30
58
|
columns: cols,
|
|
@@ -34,7 +62,7 @@ export function PromptTable({ data, actions, columns, filters, onRowClick, initi
|
|
|
34
62
|
rowSelection,
|
|
35
63
|
},
|
|
36
64
|
initialState,
|
|
37
|
-
onSortingChange:
|
|
65
|
+
onSortingChange: handleSortingChange,
|
|
38
66
|
onGlobalFilterChange: setSearch,
|
|
39
67
|
onRowSelectionChange: setRowSelection,
|
|
40
68
|
enableRowSelection: true,
|
|
@@ -45,4 +73,39 @@ export function PromptTable({ data, actions, columns, filters, onRowClick, initi
|
|
|
45
73
|
});
|
|
46
74
|
return (_jsxs("div", { className: 'flex flex-col gap-3 w-full', children: [_jsxs("div", { className: 'flex items-center justify-between gap-3 flex-wrap', children: [_jsx(TableSearch, { value: search, onChange: (e) => setSearch(e.target.value) }), filters && _jsx(TableFiltersMenu, { table: table, filters: filters }), _jsx(TableColumnVisibilityButton, { table: table }), actions && _jsx(TableActionsButton, { table: table, actions: actions })] }), _jsx(ActiveTableFiltersBar, { table: table, filters: filters }), _jsx(TableInfoText, { table: table }), _jsx("div", { className: 'rounded-md border overflow-x-auto w-full', children: _jsxs(Table, { className: 'table-auto w-full relative', children: [_jsx(TableHeaders, { table: table }), _jsx(TableRows, { table: table, onRowClick: onRowClick })] }) })] }));
|
|
47
75
|
}
|
|
76
|
+
function parseSortingFromUrl(search, paramName) {
|
|
77
|
+
const serializedSorting = new URLSearchParams(search).get(paramName);
|
|
78
|
+
if (!serializedSorting)
|
|
79
|
+
return [];
|
|
80
|
+
return serializedSorting
|
|
81
|
+
.split(',')
|
|
82
|
+
.map((segment) => {
|
|
83
|
+
const [encodedId, order = 'asc'] = segment.split(':');
|
|
84
|
+
if (!encodedId)
|
|
85
|
+
return null;
|
|
86
|
+
if (order !== 'asc' && order !== 'desc')
|
|
87
|
+
return null;
|
|
88
|
+
let id;
|
|
89
|
+
try {
|
|
90
|
+
id = decodeURIComponent(encodedId);
|
|
91
|
+
}
|
|
92
|
+
catch {
|
|
93
|
+
return null;
|
|
94
|
+
}
|
|
95
|
+
if (!id)
|
|
96
|
+
return null;
|
|
97
|
+
return {
|
|
98
|
+
id,
|
|
99
|
+
desc: order === 'desc',
|
|
100
|
+
};
|
|
101
|
+
})
|
|
102
|
+
.filter((entry) => entry !== null);
|
|
103
|
+
}
|
|
104
|
+
function serializeSortingForUrl(sorting) {
|
|
105
|
+
if (sorting.length === 0)
|
|
106
|
+
return null;
|
|
107
|
+
return sorting
|
|
108
|
+
.map(({ id, desc }) => `${encodeURIComponent(id)}:${desc ? 'desc' : 'asc'}`)
|
|
109
|
+
.join(',');
|
|
110
|
+
}
|
|
48
111
|
//# sourceMappingURL=PromptTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PromptTable.js","sourceRoot":"","sources":["../../../src/components/table/PromptTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,eAAe,EACf,mBAAmB,EACnB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"PromptTable.js","sourceRoot":"","sources":["../../../src/components/table/PromptTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { TableProps, WithId } from './TableTypes';
|
|
3
|
-
export declare function PromptTable<T extends WithId>({ data, actions, columns, filters, onRowClick, initialState, }: TableProps<T>): ReactElement;
|
|
3
|
+
export declare function PromptTable<T extends WithId>({ data, actions, columns, filters, onRowClick, initialState, sortingQueryParam, }: TableProps<T>): ReactElement;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tumaet/prompt-ui-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/ls1intum/prompt-lib.git"
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"date-fns": "^4.1.0",
|
|
73
73
|
"highlight.js": "^11.11.1",
|
|
74
74
|
"lowlight": "^3.3.0",
|
|
75
|
-
"lucide-react": "^0.
|
|
75
|
+
"lucide-react": "^0.575.0",
|
|
76
76
|
"postcss": "^8.5.6",
|
|
77
77
|
"postcss-preset-env": "^10.6.1",
|
|
78
78
|
"react": "^19.2.3",
|
|
@@ -90,8 +90,8 @@
|
|
|
90
90
|
"devDependencies": {
|
|
91
91
|
"@eslint/compat": "^1.2.5",
|
|
92
92
|
"@types/react": "^19.2.9",
|
|
93
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
94
|
-
"@typescript-eslint/parser": "^8.
|
|
93
|
+
"@typescript-eslint/eslint-plugin": "^8.56.0",
|
|
94
|
+
"@typescript-eslint/parser": "^8.56.0",
|
|
95
95
|
"eslint": "^9.18.0",
|
|
96
96
|
"eslint-plugin-prettier": "^5.5.5",
|
|
97
97
|
"eslint-plugin-react": "^7.37.5",
|