@tcn/ui-table 0.0.5 → 0.0.8
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/__stories__/aip_table.stories.js +6 -5
- package/dist/__stories__/aip_table.stories.js.map +1 -1
- package/dist/__stories__/table.module.css +3 -0
- package/dist/__stories__/table.stories.d.ts +1 -0
- package/dist/__stories__/table.stories.js +18 -1
- package/dist/__stories__/table.stories.js.map +1 -1
- package/dist/_components/table/table.d.ts +2 -2
- package/dist/_components/table/table.js +5 -4
- package/dist/_components/table/table.js.map +1 -1
- package/dist/_components/table/table.module.css +12 -2
- package/dist/_components/table/table_presenter.d.ts +3 -0
- package/dist/_components/table/table_presenter.js +8 -0
- package/dist/_components/table/table_presenter.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
+
import { AIPDataSource } from '@tcn/resource-store';
|
|
3
|
+
import { Button } from '@tcn/ui-actions';
|
|
4
|
+
import { HStack, Spacer, VStack } from '@tcn/ui-layout';
|
|
5
|
+
import { Panel, PanelBodyVertical, PanelFooter, PanelHeader } from '@tcn/ui-scaffold';
|
|
2
6
|
import { Table } from "../_components/table/table.js";
|
|
3
7
|
import { TableColumn } from "../_components/table/table_column.js";
|
|
4
8
|
import { TablePager } from "../_components/table_pager.js";
|
|
5
9
|
import { TableSearch } from "../_components/table_search.js";
|
|
6
|
-
import { AIPDataSource } from '@tcn/resource-store';
|
|
7
10
|
import { useSignalValue, useSignalValueEffect } from '@tcn/state';
|
|
8
|
-
import { Button } from '@tcn/ui-actions';
|
|
9
|
-
import { HStack, Spacer, VStack } from '@tcn/ui-layout';
|
|
10
|
-
import { Panel, PanelBodyVertical, PanelFooter, PanelHeader } from '@tcn/ui-scaffold';
|
|
11
11
|
import { Title } from '@tcn/ui-typography';
|
|
12
|
+
import styles from './table.module.css';
|
|
12
13
|
import { useToken } from "./auth_provider.js";
|
|
13
14
|
const meta = {
|
|
14
15
|
title: 'AIP Table',
|
|
@@ -69,7 +70,7 @@ export function Basic() {
|
|
|
69
70
|
return (React.createElement(VStack, null,
|
|
70
71
|
React.createElement(HStack, { height: "auto" }, tokenValue === '' ? 'Sign in to load data' : ''),
|
|
71
72
|
React.createElement(Panel, null,
|
|
72
|
-
React.createElement(PanelHeader,
|
|
73
|
+
React.createElement(PanelHeader, { className: styles.header },
|
|
73
74
|
React.createElement(Title, null, "Organizations"),
|
|
74
75
|
React.createElement(Spacer, null),
|
|
75
76
|
React.createElement(TableSearch, { dataSource: source })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aip_table.stories.js","sourceRoot":"","sources":["../../src/__stories__/aip_table.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"aip_table.stories.js","sourceRoot":"","sources":["../../src/__stories__/aip_table.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import React from 'react';
|
|
|
3
3
|
declare const meta: Meta;
|
|
4
4
|
export declare function Basic(): React.JSX.Element;
|
|
5
5
|
export declare function WithSort(): React.JSX.Element;
|
|
6
|
+
export declare function WithRowHighlighting(): React.JSX.Element;
|
|
6
7
|
export declare function ComplexHeadersAndFooters(): React.JSX.Element;
|
|
7
8
|
export declare function WithTableHeaderAndTableFooter(): React.JSX.Element;
|
|
8
9
|
export default meta;
|
|
@@ -8,6 +8,7 @@ import { Table } from "../_components/table/table.js";
|
|
|
8
8
|
import { TableColumn } from "../_components/table/table_column.js";
|
|
9
9
|
import { TablePager } from "../_components/table_pager.js";
|
|
10
10
|
import { TableSearch } from "../_components/table_search.js";
|
|
11
|
+
import styles from './table.module.css';
|
|
11
12
|
const meta = {
|
|
12
13
|
title: 'Table',
|
|
13
14
|
};
|
|
@@ -49,6 +50,22 @@ export function WithSort() {
|
|
|
49
50
|
React.createElement(TableColumn, { heading: "Name", footer: "Some Names", fieldName: "name", canSort: true }),
|
|
50
51
|
React.createElement(TableColumn, { heading: "Age", footer: `Average Age: ${Math.round(currentResults.reduce((sum, i) => sum + i.age, 0) / currentResults.length)}`, fieldName: "age", canSort: true, width: 120 })));
|
|
51
52
|
}
|
|
53
|
+
export function WithRowHighlighting() {
|
|
54
|
+
const [source] = useState(() => {
|
|
55
|
+
return new StaticDataSource(items, [
|
|
56
|
+
new StaticStringField('name', i => i.name),
|
|
57
|
+
new StaticNumberField('age', i => i.age),
|
|
58
|
+
new StaticStringField('id', i => i.id),
|
|
59
|
+
]);
|
|
60
|
+
});
|
|
61
|
+
const [selectedRow, setSelectedRow] = useState(null);
|
|
62
|
+
return (React.createElement("div", null,
|
|
63
|
+
React.createElement(Table, { dataSource: source, isRowHighlighted: row => {
|
|
64
|
+
return row.id === selectedRow;
|
|
65
|
+
}, onRowClick: item => setSelectedRow(item.id) },
|
|
66
|
+
React.createElement(TableColumn, { heading: "Name", fieldName: "name" }),
|
|
67
|
+
React.createElement(TableColumn, { heading: "Age", fieldName: "age" }))));
|
|
68
|
+
}
|
|
52
69
|
export function ComplexHeadersAndFooters() {
|
|
53
70
|
const [source] = useState(() => {
|
|
54
71
|
return new StaticDataSource(items, [
|
|
@@ -76,7 +93,7 @@ export function WithTableHeaderAndTableFooter() {
|
|
|
76
93
|
]);
|
|
77
94
|
});
|
|
78
95
|
return (React.createElement(Panel, null,
|
|
79
|
-
React.createElement(PanelHeader,
|
|
96
|
+
React.createElement(PanelHeader, { className: styles.header },
|
|
80
97
|
React.createElement(Title, null, "The Table"),
|
|
81
98
|
React.createElement(Spacer, null),
|
|
82
99
|
React.createElement(TableSearch, { dataSource: source })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/__stories__/table.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,sCAAuC;AACvD,OAAO,EAAE,WAAW,EAAE,6CAA8C;AACpE,OAAO,EAAE,UAAU,EAAE,sCAAuC;AAC5D,OAAO,EAAE,WAAW,EAAE,uCAAwC;
|
|
1
|
+
{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/__stories__/table.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ export type TableProps<T> = {
|
|
|
8
8
|
height?: string;
|
|
9
9
|
width?: string;
|
|
10
10
|
zIndex?: number;
|
|
11
|
-
|
|
11
|
+
isRowHighlighted?: (row: T, rowIndex: number) => boolean;
|
|
12
12
|
flex?: boolean;
|
|
13
13
|
};
|
|
14
|
-
export declare function Table<T>({ dataSource, children, width, height, zIndex,
|
|
14
|
+
export declare function Table<T>({ dataSource, children, width, height, zIndex, isRowHighlighted, onRowClick, flex, }: TableProps<T>): React.JSX.Element;
|
|
@@ -15,7 +15,7 @@ function wrapContent(content) {
|
|
|
15
15
|
}
|
|
16
16
|
return content;
|
|
17
17
|
}
|
|
18
|
-
export function Table({ dataSource, children, width = '100%', height = '100%', zIndex,
|
|
18
|
+
export function Table({ dataSource, children, width = '100%', height = '100%', zIndex, isRowHighlighted, onRowClick, flex = false, }) {
|
|
19
19
|
const rows = useSignalValue(dataSource.broadcasts.currentResults);
|
|
20
20
|
const page = useSignalValue(dataSource.broadcasts.currentPageIndex);
|
|
21
21
|
const scrollerRef = useRef(null);
|
|
@@ -36,6 +36,7 @@ export function Table({ dataSource, children, width = '100%', height = '100%', z
|
|
|
36
36
|
}));
|
|
37
37
|
const columnInfo = useSignalValue(presenter.broadcasts.columnInfo);
|
|
38
38
|
const itemsStatus = useRunnerStatus(dataSource.broadcasts.currentResults);
|
|
39
|
+
const showFooter = useSignalValue(presenter.broadcasts.showFooter);
|
|
39
40
|
const Container = flex ? FlexBox : Box;
|
|
40
41
|
return (React.createElement(Container, { ref: scrollerRef, zIndex: zIndex, className: styles['table-body-wrapper'], style: { overflow: 'auto' } },
|
|
41
42
|
React.createElement("table", { className: styles['table-body'], style: { width, height } },
|
|
@@ -45,7 +46,7 @@ export function Table({ dataSource, children, width = '100%', height = '100%', z
|
|
|
45
46
|
React.createElement("th", { key: "fill", className: "fill" }))),
|
|
46
47
|
React.createElement("tbody", null,
|
|
47
48
|
itemsStatus === Status.SUCCESS &&
|
|
48
|
-
rows.map((item, rowIndex) => (React.createElement("tr", { key: `${page}-${rowIndex}`, "data-selected":
|
|
49
|
+
rows.map((item, rowIndex) => (React.createElement("tr", { key: `${page}-${rowIndex}`, "data-selected": isRowHighlighted?.(item, rowIndex), onClick: () => onRowClick?.(item, rowIndex) },
|
|
49
50
|
columnInfo.map((col, colIndex) => {
|
|
50
51
|
const fieldName = col.fieldName;
|
|
51
52
|
const render = col.render;
|
|
@@ -60,9 +61,9 @@ export function Table({ dataSource, children, width = '100%', height = '100%', z
|
|
|
60
61
|
itemsStatus === Status.PENDING && 'Loading...',
|
|
61
62
|
itemsStatus === Status.ERROR && 'Error loading data',
|
|
62
63
|
React.createElement("tr", { key: "fill", className: "fill" })),
|
|
63
|
-
React.createElement("tfoot", null,
|
|
64
|
+
showFooter && (React.createElement("tfoot", null,
|
|
64
65
|
React.createElement("tr", null,
|
|
65
66
|
columnInfo.map((col, colIndex) => (React.createElement(FooterCell, { key: `footer-${colIndex}`, content: wrapContent(col.footer), sticky: col.sticky, width: col.width }))),
|
|
66
|
-
React.createElement("td", { key: "footer-fill", className: "fill" }))))));
|
|
67
|
+
React.createElement("td", { key: "footer-fill", className: "fill" })))))));
|
|
67
68
|
}
|
|
68
69
|
//# sourceMappingURL=table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/_components/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAgB,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,8BAA2C;AAC9D,OAAO,EAAE,UAAU,EAAE,gCAA6C;AAClE,OAAO,EAAE,UAAU,EAAE,gCAA6C;AAClE,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAoB,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAatD,4CAA4C;AAE5C,SAAS,WAAW,CAAC,OAAwB;IAC3C,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,oBAAC,QAAQ,QAAE,OAAO,CAAY,CAAC;IACxC,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,KAAK,CAAI,EACvB,UAAU,EACV,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,MAAM,EACN,
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/_components/table/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -63,7 +63,9 @@ td {
|
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
.table-body th {
|
|
66
|
-
|
|
66
|
+
--accent-color: #0077aa;
|
|
67
|
+
--accent-surface-light: color-mix(in srgb, var(--accent-color) 8%, white);
|
|
68
|
+
background-color: var(--accent-surface-light);
|
|
67
69
|
color: #000; /* Black text color */
|
|
68
70
|
font-weight: normal;
|
|
69
71
|
text-align: start;
|
|
@@ -174,12 +176,20 @@ td {
|
|
|
174
176
|
|
|
175
177
|
.table-body td,
|
|
176
178
|
.table-body th {
|
|
177
|
-
padding: 4px
|
|
179
|
+
padding: 4px 0;
|
|
178
180
|
max-height: 22px;
|
|
179
181
|
height: 22px;
|
|
180
182
|
font-size: 12px;
|
|
181
183
|
}
|
|
182
184
|
|
|
185
|
+
.table-body td:first-child {
|
|
186
|
+
padding-inline-start: var(--surface-inset, 6px);
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.table-body td:last-child {
|
|
190
|
+
padding-inline-end: var(--surface-inset, 6px);
|
|
191
|
+
}
|
|
192
|
+
|
|
183
193
|
:global(.small-text) .table-body td,
|
|
184
194
|
:global(.small-text) .table-body th {
|
|
185
195
|
padding: 2px 4px;
|
|
@@ -14,6 +14,7 @@ export type ColumnInfo = {
|
|
|
14
14
|
export declare class TablePresenter {
|
|
15
15
|
private _columnInfo;
|
|
16
16
|
private _dataSource;
|
|
17
|
+
private _showFooter;
|
|
17
18
|
private _broadcasts;
|
|
18
19
|
private _scrollerRef?;
|
|
19
20
|
private _pageSubscription?;
|
|
@@ -24,9 +25,11 @@ export declare class TablePresenter {
|
|
|
24
25
|
});
|
|
25
26
|
get broadcasts(): {
|
|
26
27
|
columnInfo: import("@tcn/state").IBroadcast<ColumnInfo[]>;
|
|
28
|
+
showFooter: import("@tcn/state").IBroadcast<boolean>;
|
|
27
29
|
};
|
|
28
30
|
setColumnWidth(index: number, width: number): void;
|
|
29
31
|
setColumnSortMode(index: number, sortMode: SortMode): void;
|
|
30
32
|
setNextColumnSortMode(index: number): void;
|
|
33
|
+
dispose(): void;
|
|
31
34
|
}
|
|
32
35
|
export {};
|
|
@@ -3,15 +3,20 @@ const sortModes = ['none', 'asc', 'desc'];
|
|
|
3
3
|
export class TablePresenter {
|
|
4
4
|
_columnInfo = new Signal([]);
|
|
5
5
|
_dataSource;
|
|
6
|
+
_showFooter = new Signal(false);
|
|
6
7
|
_broadcasts = {
|
|
7
8
|
columnInfo: this._columnInfo.broadcast,
|
|
9
|
+
showFooter: this._showFooter.broadcast,
|
|
8
10
|
};
|
|
9
11
|
_scrollerRef;
|
|
12
|
+
// holding a reference to this subscription prevents it from being garbage collected
|
|
10
13
|
_pageSubscription;
|
|
11
14
|
constructor({ dataSource, columns, scrollerRef, }) {
|
|
12
15
|
this._dataSource = dataSource;
|
|
13
16
|
this._columnInfo.set(columns);
|
|
14
17
|
this._scrollerRef = scrollerRef;
|
|
18
|
+
const showFooter = columns.some(column => column.footer);
|
|
19
|
+
this._showFooter.set(showFooter);
|
|
15
20
|
this._pageSubscription = this._dataSource.broadcasts.currentPageIndex.subscribe(_ => {
|
|
16
21
|
if (this._scrollerRef?.current) {
|
|
17
22
|
this._scrollerRef.current.scrollTo({ top: 0, behavior: 'smooth' });
|
|
@@ -51,5 +56,8 @@ export class TablePresenter {
|
|
|
51
56
|
const nextMode = sortModes[nextIndex];
|
|
52
57
|
this.setColumnSortMode(index, nextMode);
|
|
53
58
|
}
|
|
59
|
+
dispose() {
|
|
60
|
+
this._pageSubscription?.unsubscribe();
|
|
61
|
+
}
|
|
54
62
|
}
|
|
55
63
|
//# sourceMappingURL=table_presenter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_presenter.js","sourceRoot":"","sources":["../../../src/_components/table/table_presenter.ts"],"names":[],"mappings":"AAGA,OAAO,EAAiB,MAAM,EAAE,MAAM,YAAY,CAAC;AAInD,MAAM,SAAS,GAAe,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAatD,MAAM,OAAO,cAAc;IACjB,WAAW,GAAG,IAAI,MAAM,CAAe,EAAE,CAAC,CAAC;IAC3C,WAAW,CAAkB;IAC7B,WAAW,GAAG;QACpB,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS;KACvC,CAAC;IAEM,YAAY,CAA6B;
|
|
1
|
+
{"version":3,"file":"table_presenter.js","sourceRoot":"","sources":["../../../src/_components/table/table_presenter.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tcn/ui-table",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.8",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"author": "TCN",
|
|
6
6
|
"description": "Blackcat UI Table",
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
"vitest": "^2.1.4"
|
|
64
64
|
},
|
|
65
65
|
"dependencies": {
|
|
66
|
-
"@tcn/resource-store": "^1.
|
|
67
|
-
"@tcn/state": "^0.1.
|
|
66
|
+
"@tcn/resource-store": "^1.1.2",
|
|
67
|
+
"@tcn/state": "^0.1.9",
|
|
68
68
|
"@tcn/ui-actions": "^1.0.1",
|
|
69
69
|
"@tcn/ui-core": "^0.5.0",
|
|
70
70
|
"@tcn/ui-inputs": "^1.0.4",
|