react-science 4.1.3 → 5.0.0
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/lib/app/about/AboutDialogToolbarButton.d.ts +2 -2
- package/lib/app/about/AboutDialogToolbarButton.d.ts.map +1 -1
- package/lib/app/kinds/ir/IrPeaksPanel.d.ts.map +1 -1
- package/lib/app/kinds/ir/IrPeaksPanel.js +7 -18
- package/lib/app/kinds/ir/IrPeaksPanel.js.map +1 -1
- package/lib/app/panels/SignalProcessingPanel.d.ts.map +1 -1
- package/lib/app/panels/SignalProcessingPanel.js +52 -27
- package/lib/app/panels/SignalProcessingPanel.js.map +1 -1
- package/lib/app/panels/measurements/MeasurementsTable.d.ts.map +1 -1
- package/lib/app/panels/measurements/MeasurementsTable.js +6 -6
- package/lib/app/panels/measurements/MeasurementsTable.js.map +1 -1
- package/lib/app/panels/measurements/measurementPanelContext.d.ts +2 -1
- package/lib/app/panels/measurements/measurementPanelContext.d.ts.map +1 -1
- package/lib/app/panels/measurements/measurementPanelContext.js.map +1 -1
- package/lib/components/color-picker/react-color/common/Swatch.d.ts +2 -2
- package/lib/components/color-picker/react-color/common/interaction.d.ts +2 -2
- package/lib/components/dialog/ConfirmDialog.js +3 -3
- package/lib/components/dialog/ConfirmDialog.js.map +1 -1
- package/lib/components/info-panel/InfoPanel.d.ts.map +1 -1
- package/lib/components/info-panel/InfoPanel.js +24 -19
- package/lib/components/info-panel/InfoPanel.js.map +1 -1
- package/lib/components/logger/FifoLoggerDialog.d.ts.map +1 -1
- package/lib/components/logger/FifoLoggerDialog.js +37 -9
- package/lib/components/logger/FifoLoggerDialog.js.map +1 -1
- package/lib/components/root-layout/css-reset/customPreflight.d.ts.map +1 -1
- package/lib/components/table/default_table_cell.d.ts +3 -0
- package/lib/components/table/default_table_cell.d.ts.map +1 -0
- package/lib/components/table/default_table_cell.js +46 -0
- package/lib/components/table/default_table_cell.js.map +1 -0
- package/lib/components/table/index.d.ts +2 -1
- package/lib/components/table/index.d.ts.map +1 -1
- package/lib/components/table/index.js +2 -1
- package/lib/components/table/index.js.map +1 -1
- package/lib/components/table/table_body.d.ts +11 -0
- package/lib/components/table/table_body.d.ts.map +1 -0
- package/lib/components/table/table_body.js +11 -0
- package/lib/components/table/table_body.js.map +1 -0
- package/lib/components/table/table_header.d.ts +8 -0
- package/lib/components/table/table_header.d.ts.map +1 -0
- package/lib/components/table/table_header.js +17 -0
- package/lib/components/table/table_header.js.map +1 -0
- package/lib/components/table/table_header_cell.d.ts +7 -0
- package/lib/components/table/table_header_cell.d.ts.map +1 -0
- package/lib/components/table/table_header_cell.js +22 -0
- package/lib/components/table/table_header_cell.js.map +1 -0
- package/lib/components/table/table_root.d.ts +18 -0
- package/lib/components/table/table_root.d.ts.map +1 -0
- package/lib/components/table/table_root.js +23 -0
- package/lib/components/table/table_root.js.map +1 -0
- package/lib/components/table/table_row.d.ts +8 -0
- package/lib/components/table/table_row.d.ts.map +1 -0
- package/lib/components/table/table_row.js +9 -0
- package/lib/components/table/table_row.js.map +1 -0
- package/lib/components/table/table_row_cell.d.ts +7 -0
- package/lib/components/table/table_row_cell.d.ts.map +1 -0
- package/lib/components/table/table_row_cell.js +10 -0
- package/lib/components/table/table_row_cell.js.map +1 -0
- package/lib/components/table/table_utils.d.ts +6 -0
- package/lib/components/table/table_utils.d.ts.map +1 -0
- package/lib/components/table/table_utils.js +8 -0
- package/lib/components/table/table_utils.js.map +1 -0
- package/lib/components/table/use_table_columns.d.ts +4 -0
- package/lib/components/table/use_table_columns.d.ts.map +1 -0
- package/lib/components/table/use_table_columns.js +17 -0
- package/lib/components/table/use_table_columns.js.map +1 -0
- package/lib/components/toolbar/PanelPreferencesToolbar.d.ts +2 -1
- package/lib/components/toolbar/PanelPreferencesToolbar.d.ts.map +1 -1
- package/lib/components/toolbar/PanelPreferencesToolbar.js.map +1 -1
- package/lib/components/toolbar/Toolbar.d.ts +2 -2
- package/lib/components/toolbar/Toolbar.d.ts.map +1 -1
- package/lib/components/toolbar/Toolbar.js +2 -2
- package/lib/components/toolbar/Toolbar.js.map +1 -1
- package/lib/components/value-renderers/index.d.ts +0 -1
- package/lib/components/value-renderers/index.d.ts.map +1 -1
- package/lib/components/value-renderers/index.js +1 -3
- package/lib/components/value-renderers/index.js.map +1 -1
- package/lib-esm/app/about/AboutDialogToolbarButton.d.ts +2 -2
- package/lib-esm/app/about/AboutDialogToolbarButton.d.ts.map +1 -1
- package/lib-esm/app/kinds/ir/IrPeaksPanel.d.ts.map +1 -1
- package/lib-esm/app/kinds/ir/IrPeaksPanel.js +9 -20
- package/lib-esm/app/kinds/ir/IrPeaksPanel.js.map +1 -1
- package/lib-esm/app/panels/SignalProcessingPanel.d.ts.map +1 -1
- package/lib-esm/app/panels/SignalProcessingPanel.js +54 -29
- package/lib-esm/app/panels/SignalProcessingPanel.js.map +1 -1
- package/lib-esm/app/panels/measurements/MeasurementsTable.d.ts.map +1 -1
- package/lib-esm/app/panels/measurements/MeasurementsTable.js +7 -7
- package/lib-esm/app/panels/measurements/MeasurementsTable.js.map +1 -1
- package/lib-esm/app/panels/measurements/measurementPanelContext.d.ts +2 -1
- package/lib-esm/app/panels/measurements/measurementPanelContext.d.ts.map +1 -1
- package/lib-esm/app/panels/measurements/measurementPanelContext.js.map +1 -1
- package/lib-esm/components/color-picker/react-color/common/Swatch.d.ts +2 -2
- package/lib-esm/components/color-picker/react-color/common/interaction.d.ts +2 -2
- package/lib-esm/components/dialog/ConfirmDialog.js +1 -1
- package/lib-esm/components/dialog/ConfirmDialog.js.map +1 -1
- package/lib-esm/components/info-panel/InfoPanel.d.ts.map +1 -1
- package/lib-esm/components/info-panel/InfoPanel.js +19 -14
- package/lib-esm/components/info-panel/InfoPanel.js.map +1 -1
- package/lib-esm/components/logger/FifoLoggerDialog.d.ts.map +1 -1
- package/lib-esm/components/logger/FifoLoggerDialog.js +36 -8
- package/lib-esm/components/logger/FifoLoggerDialog.js.map +1 -1
- package/lib-esm/components/root-layout/css-reset/customPreflight.d.ts.map +1 -1
- package/lib-esm/components/table/default_table_cell.d.ts +3 -0
- package/lib-esm/components/table/default_table_cell.d.ts.map +1 -0
- package/lib-esm/components/table/default_table_cell.js +20 -0
- package/lib-esm/components/table/default_table_cell.js.map +1 -0
- package/lib-esm/components/table/index.d.ts +2 -1
- package/lib-esm/components/table/index.d.ts.map +1 -1
- package/lib-esm/components/table/index.js +2 -1
- package/lib-esm/components/table/index.js.map +1 -1
- package/lib-esm/components/table/table_body.d.ts +11 -0
- package/lib-esm/components/table/table_body.d.ts.map +1 -0
- package/lib-esm/components/table/table_body.js +8 -0
- package/lib-esm/components/table/table_body.js.map +1 -0
- package/lib-esm/components/table/table_header.d.ts +8 -0
- package/lib-esm/components/table/table_header.d.ts.map +1 -0
- package/lib-esm/components/table/table_header.js +14 -0
- package/lib-esm/components/table/table_header.js.map +1 -0
- package/lib-esm/components/table/table_header_cell.d.ts +7 -0
- package/lib-esm/components/table/table_header_cell.d.ts.map +1 -0
- package/lib-esm/components/table/table_header_cell.js +19 -0
- package/lib-esm/components/table/table_header_cell.js.map +1 -0
- package/lib-esm/components/table/table_root.d.ts +18 -0
- package/lib-esm/components/table/table_root.d.ts.map +1 -0
- package/lib-esm/components/table/table_root.js +20 -0
- package/lib-esm/components/table/table_root.js.map +1 -0
- package/lib-esm/components/table/table_row.d.ts +8 -0
- package/lib-esm/components/table/table_row.d.ts.map +1 -0
- package/lib-esm/components/table/table_row.js +6 -0
- package/lib-esm/components/table/table_row.js.map +1 -0
- package/lib-esm/components/table/table_row_cell.d.ts +7 -0
- package/lib-esm/components/table/table_row_cell.d.ts.map +1 -0
- package/lib-esm/components/table/table_row_cell.js +7 -0
- package/lib-esm/components/table/table_row_cell.js.map +1 -0
- package/lib-esm/components/table/table_utils.d.ts +6 -0
- package/lib-esm/components/table/table_utils.d.ts.map +1 -0
- package/lib-esm/components/table/table_utils.js +5 -0
- package/lib-esm/components/table/table_utils.js.map +1 -0
- package/lib-esm/components/table/use_table_columns.d.ts +4 -0
- package/lib-esm/components/table/use_table_columns.d.ts.map +1 -0
- package/lib-esm/components/table/use_table_columns.js +14 -0
- package/lib-esm/components/table/use_table_columns.js.map +1 -0
- package/lib-esm/components/toolbar/PanelPreferencesToolbar.d.ts +2 -1
- package/lib-esm/components/toolbar/PanelPreferencesToolbar.d.ts.map +1 -1
- package/lib-esm/components/toolbar/PanelPreferencesToolbar.js.map +1 -1
- package/lib-esm/components/toolbar/Toolbar.d.ts +2 -2
- package/lib-esm/components/toolbar/Toolbar.d.ts.map +1 -1
- package/lib-esm/components/toolbar/Toolbar.js +2 -2
- package/lib-esm/components/toolbar/Toolbar.js.map +1 -1
- package/lib-esm/components/value-renderers/index.d.ts +0 -1
- package/lib-esm/components/value-renderers/index.d.ts.map +1 -1
- package/lib-esm/components/value-renderers/index.js +0 -1
- package/lib-esm/components/value-renderers/index.js.map +1 -1
- package/package.json +30 -30
- package/src/app/about/AboutDialogToolbarButton.tsx +2 -2
- package/src/app/kinds/ir/IrPeaksPanel.tsx +15 -51
- package/src/app/panels/SignalProcessingPanel.tsx +99 -82
- package/src/app/panels/measurements/MeasurementsTable.tsx +19 -21
- package/src/app/panels/measurements/measurementPanelContext.tsx +2 -2
- package/src/components/dialog/ConfirmDialog.tsx +1 -1
- package/src/components/info-panel/InfoPanel.tsx +33 -34
- package/src/components/logger/FifoLoggerDialog.tsx +60 -38
- package/src/components/table/default_table_cell.tsx +20 -0
- package/src/components/table/index.ts +2 -1
- package/src/components/table/table_body.tsx +31 -0
- package/src/components/table/table_header.tsx +32 -0
- package/src/components/table/table_header_cell.tsx +38 -0
- package/src/components/table/table_root.tsx +77 -0
- package/src/components/table/table_row.tsx +14 -0
- package/src/components/table/table_row_cell.tsx +17 -0
- package/src/components/table/table_utils.ts +21 -0
- package/src/components/table/use_table_columns.ts +19 -0
- package/src/components/toolbar/PanelPreferencesToolbar.tsx +2 -1
- package/src/components/toolbar/Toolbar.tsx +6 -7
- package/src/components/value-renderers/index.ts +0 -2
- package/lib/components/table/Table.d.ts +0 -17
- package/lib/components/table/Table.d.ts.map +0 -1
- package/lib/components/table/Table.js +0 -38
- package/lib/components/table/Table.js.map +0 -1
- package/lib/components/table/TableHeader.d.ts +0 -5
- package/lib/components/table/TableHeader.d.ts.map +0 -1
- package/lib/components/table/TableHeader.js +0 -16
- package/lib/components/table/TableHeader.js.map +0 -1
- package/lib/components/table/TableRow.d.ts +0 -5
- package/lib/components/table/TableRow.d.ts.map +0 -1
- package/lib/components/table/TableRow.js +0 -44
- package/lib/components/table/TableRow.js.map +0 -1
- package/lib/components/table/tableContext.d.ts +0 -7
- package/lib/components/table/tableContext.d.ts.map +0 -1
- package/lib/components/table/tableContext.js +0 -11
- package/lib/components/table/tableContext.js.map +0 -1
- package/lib/components/value-renderers/Header.d.ts +0 -7
- package/lib/components/value-renderers/Header.d.ts.map +0 -1
- package/lib/components/value-renderers/Header.js +0 -14
- package/lib/components/value-renderers/Header.js.map +0 -1
- package/lib-esm/components/table/Table.d.ts +0 -17
- package/lib-esm/components/table/Table.d.ts.map +0 -1
- package/lib-esm/components/table/Table.js +0 -35
- package/lib-esm/components/table/Table.js.map +0 -1
- package/lib-esm/components/table/TableHeader.d.ts +0 -5
- package/lib-esm/components/table/TableHeader.d.ts.map +0 -1
- package/lib-esm/components/table/TableHeader.js +0 -12
- package/lib-esm/components/table/TableHeader.js.map +0 -1
- package/lib-esm/components/table/TableRow.d.ts +0 -5
- package/lib-esm/components/table/TableRow.d.ts.map +0 -1
- package/lib-esm/components/table/TableRow.js +0 -40
- package/lib-esm/components/table/TableRow.js.map +0 -1
- package/lib-esm/components/table/tableContext.d.ts +0 -7
- package/lib-esm/components/table/tableContext.d.ts.map +0 -1
- package/lib-esm/components/table/tableContext.js +0 -7
- package/lib-esm/components/table/tableContext.js.map +0 -1
- package/lib-esm/components/value-renderers/Header.d.ts +0 -7
- package/lib-esm/components/value-renderers/Header.d.ts.map +0 -1
- package/lib-esm/components/value-renderers/Header.js +0 -11
- package/lib-esm/components/value-renderers/Header.js.map +0 -1
- package/src/components/table/Table.tsx +0 -70
- package/src/components/table/TableHeader.tsx +0 -24
- package/src/components/table/TableRow.tsx +0 -82
- package/src/components/table/tableContext.ts +0 -7
- package/src/components/value-renderers/Header.tsx +0 -18
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/** @jsxImportSource @emotion/react */
|
|
2
|
+
|
|
3
|
+
import { HTMLTable } from '@blueprintjs/core';
|
|
4
|
+
import {
|
|
5
|
+
getCoreRowModel,
|
|
6
|
+
getSortedRowModel,
|
|
7
|
+
type RowData,
|
|
8
|
+
type TableOptions,
|
|
9
|
+
useReactTable,
|
|
10
|
+
} from '@tanstack/react-table';
|
|
11
|
+
import { TableHTMLAttributes } from 'react';
|
|
12
|
+
|
|
13
|
+
import { TableBody } from './table_body';
|
|
14
|
+
import { TableHeader } from './table_header';
|
|
15
|
+
import type { TableColumnDef, TableRowTrPropsGetter } from './table_utils';
|
|
16
|
+
import { useTableColumns } from './use_table_columns';
|
|
17
|
+
|
|
18
|
+
export interface TableProps<TData extends RowData> {
|
|
19
|
+
data: TData[];
|
|
20
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
21
|
+
columns: Array<TableColumnDef<TData, any>>;
|
|
22
|
+
|
|
23
|
+
bordered?: boolean;
|
|
24
|
+
compact?: boolean;
|
|
25
|
+
interactive?: boolean;
|
|
26
|
+
striped?: boolean;
|
|
27
|
+
stickyHeader?: boolean;
|
|
28
|
+
|
|
29
|
+
reactTable?: Omit<
|
|
30
|
+
TableOptions<TData>,
|
|
31
|
+
'data' | 'columns' | 'getCoreRowModel' | 'getSortedRowModel'
|
|
32
|
+
>;
|
|
33
|
+
tableProps?: Omit<TableHTMLAttributes<HTMLTableElement>, 'children'>;
|
|
34
|
+
getRowTrProps?: TableRowTrPropsGetter<TData>;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export function Table<TData extends RowData>(props: TableProps<TData>) {
|
|
38
|
+
const {
|
|
39
|
+
data,
|
|
40
|
+
columns,
|
|
41
|
+
|
|
42
|
+
bordered = false,
|
|
43
|
+
compact = false,
|
|
44
|
+
interactive = false,
|
|
45
|
+
striped = false,
|
|
46
|
+
stickyHeader = false,
|
|
47
|
+
|
|
48
|
+
reactTable,
|
|
49
|
+
tableProps,
|
|
50
|
+
getRowTrProps,
|
|
51
|
+
} = props;
|
|
52
|
+
|
|
53
|
+
const columnDefs = useTableColumns(columns);
|
|
54
|
+
const table = useReactTable<TData>({
|
|
55
|
+
...reactTable,
|
|
56
|
+
data,
|
|
57
|
+
columns: columnDefs,
|
|
58
|
+
getCoreRowModel: getCoreRowModel(),
|
|
59
|
+
getSortedRowModel: getSortedRowModel(),
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
return (
|
|
63
|
+
<HTMLTable
|
|
64
|
+
bordered={bordered}
|
|
65
|
+
compact={compact}
|
|
66
|
+
interactive={interactive}
|
|
67
|
+
striped={striped}
|
|
68
|
+
{...tableProps}
|
|
69
|
+
>
|
|
70
|
+
<TableHeader sticky={stickyHeader} headers={table.getFlatHeaders()} />
|
|
71
|
+
<TableBody
|
|
72
|
+
rows={table.getRowModel().rows}
|
|
73
|
+
getRowTrProps={getRowTrProps}
|
|
74
|
+
/>
|
|
75
|
+
</HTMLTable>
|
|
76
|
+
);
|
|
77
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export type TrProps = Omit<HTMLAttributes<HTMLTableRowElement>, 'children'>;
|
|
4
|
+
|
|
5
|
+
export interface TableRowProps {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
trProps?: TrProps;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export function TableRow(props: TableRowProps) {
|
|
11
|
+
const { children, trProps } = props;
|
|
12
|
+
|
|
13
|
+
return <tr {...trProps}>{children}</tr>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type Cell, flexRender, type RowData } from '@tanstack/react-table';
|
|
2
|
+
|
|
3
|
+
interface TableRowCellProps<TData extends RowData> {
|
|
4
|
+
cell: Cell<TData, unknown>;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
export function TableRowCell<TData extends RowData>(
|
|
8
|
+
props: TableRowCellProps<TData>,
|
|
9
|
+
) {
|
|
10
|
+
const { cell } = props;
|
|
11
|
+
|
|
12
|
+
return (
|
|
13
|
+
<td style={{ position: 'relative' }}>
|
|
14
|
+
{flexRender(cell.column.columnDef.cell, cell.getContext())}
|
|
15
|
+
</td>
|
|
16
|
+
);
|
|
17
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import {
|
|
2
|
+
type ColumnDef,
|
|
3
|
+
createColumnHelper,
|
|
4
|
+
type Row,
|
|
5
|
+
type RowData,
|
|
6
|
+
} from '@tanstack/react-table';
|
|
7
|
+
|
|
8
|
+
import type { TrProps } from './table_row';
|
|
9
|
+
|
|
10
|
+
export type TableColumnDef<TData extends RowData, TValue = unknown> = ColumnDef<
|
|
11
|
+
TData,
|
|
12
|
+
TValue
|
|
13
|
+
>;
|
|
14
|
+
|
|
15
|
+
export function createTableColumnHelper<TData extends RowData>() {
|
|
16
|
+
return createColumnHelper<TData>();
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export type TableRowTrPropsGetter<TData extends RowData> = (
|
|
20
|
+
row: Row<TData>,
|
|
21
|
+
) => TrProps;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { ColumnDef, RowData } from '@tanstack/react-table';
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
|
|
4
|
+
import { defaultTableCell } from './default_table_cell';
|
|
5
|
+
import type { TableColumnDef } from './table_utils';
|
|
6
|
+
|
|
7
|
+
export function useTableColumns<TData extends RowData>(
|
|
8
|
+
columnDefs: Array<TableColumnDef<TData>>,
|
|
9
|
+
) {
|
|
10
|
+
return useMemo<Array<ColumnDef<TData>>>(() => {
|
|
11
|
+
return columnDefs.map((columnDef) => {
|
|
12
|
+
return {
|
|
13
|
+
...columnDef,
|
|
14
|
+
cell: columnDef.cell ?? defaultTableCell,
|
|
15
|
+
enableSorting: columnDef.enableSorting ?? false,
|
|
16
|
+
};
|
|
17
|
+
});
|
|
18
|
+
}, [columnDefs]);
|
|
19
|
+
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
|
+
import type { ReactNode } from 'react';
|
|
3
4
|
|
|
4
5
|
import { Toolbar } from './Toolbar';
|
|
5
6
|
|
|
6
7
|
interface PanelPreferencesToolbarProps {
|
|
7
|
-
title?:
|
|
8
|
+
title?: ReactNode;
|
|
8
9
|
onClose?: () => void;
|
|
9
10
|
onSave?: () => void;
|
|
10
11
|
}
|
|
@@ -3,27 +3,26 @@ import {
|
|
|
3
3
|
ButtonGroup,
|
|
4
4
|
Classes,
|
|
5
5
|
Colors,
|
|
6
|
+
Icon,
|
|
6
7
|
Intent,
|
|
7
8
|
Popover,
|
|
8
9
|
PopoverProps,
|
|
9
10
|
TagProps,
|
|
10
|
-
Icon,
|
|
11
11
|
TooltipProps,
|
|
12
12
|
} from '@blueprintjs/core';
|
|
13
13
|
import { IconName } from '@blueprintjs/icons';
|
|
14
14
|
import { css } from '@emotion/react';
|
|
15
15
|
import {
|
|
16
16
|
cloneElement,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
ReactNode,
|
|
17
|
+
type MouseEvent,
|
|
18
|
+
type ReactElement,
|
|
19
|
+
type ReactNode,
|
|
21
20
|
useLayoutEffect,
|
|
22
21
|
useMemo,
|
|
23
22
|
useRef,
|
|
24
23
|
} from 'react';
|
|
25
24
|
|
|
26
|
-
import { Button } from '../
|
|
25
|
+
import { Button } from '../button';
|
|
27
26
|
|
|
28
27
|
import {
|
|
29
28
|
ToolbarContext,
|
|
@@ -57,7 +56,7 @@ export interface ToolbarItemProps extends ToolbarBaseProps {
|
|
|
57
56
|
id?: string;
|
|
58
57
|
tooltip?: TooltipProps['content'];
|
|
59
58
|
tooltipProps?: Omit<TooltipProps, 'content'>;
|
|
60
|
-
icon: IconName |
|
|
59
|
+
icon: IconName | ReactElement;
|
|
61
60
|
active?: boolean;
|
|
62
61
|
onClick?: (
|
|
63
62
|
item: ToolbarItemProps & {
|
|
@@ -7,8 +7,6 @@ export { Text } from './Text';
|
|
|
7
7
|
export { Title } from './Title';
|
|
8
8
|
export { Component } from './Component';
|
|
9
9
|
|
|
10
|
-
export { Header } from './Header';
|
|
11
|
-
|
|
12
10
|
export { ObjectRenderer as Object } from './ObjectRenderer';
|
|
13
11
|
export interface ValueRenderersProps {
|
|
14
12
|
onClick?: (event: MouseEvent) => void;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
3
|
-
children?: ReactNode;
|
|
4
|
-
bordered?: boolean;
|
|
5
|
-
compact?: boolean;
|
|
6
|
-
interactive?: boolean;
|
|
7
|
-
striped?: boolean;
|
|
8
|
-
color?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare function Table(props: TableProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare namespace Table {
|
|
12
|
-
var Row: ({ children, style, bordered, ...other }: import("./TableRow").TableRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
var Header: ({ children, bordered, style, sticky, }: TableProps & {
|
|
14
|
-
sticky?: boolean;
|
|
15
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,SAAS,EAEV,MAAM,OAAO,CAAC;AAsBf,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,oDA2BtC;yBA3Be,KAAK;;;cA3Bc,CAAC"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Table = Table;
|
|
4
|
-
const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
5
|
-
/** @jsxImportSource @emotion/react */
|
|
6
|
-
const core_1 = require("@blueprintjs/core");
|
|
7
|
-
const react_1 = require("react");
|
|
8
|
-
const TableHeader_1 = require("./TableHeader");
|
|
9
|
-
const TableRow_1 = require("./TableRow");
|
|
10
|
-
const tableContext_1 = require("./tableContext");
|
|
11
|
-
function splitChildren(children) {
|
|
12
|
-
const Rows = [];
|
|
13
|
-
let Header = null;
|
|
14
|
-
for (const child of react_1.Children.toArray(children)) {
|
|
15
|
-
if (typeof child !== 'object' || !(0, react_1.isValidElement)(child)) {
|
|
16
|
-
throw new Error('invalid Table child');
|
|
17
|
-
}
|
|
18
|
-
else if (child.type === TableRow_1.TableRow) {
|
|
19
|
-
Rows.push(child);
|
|
20
|
-
}
|
|
21
|
-
else if (child.type === TableHeader_1.TableHeader) {
|
|
22
|
-
Header = child;
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
throw new Error('invalid Table child');
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
return { Rows, Header };
|
|
29
|
-
}
|
|
30
|
-
function Table(props) {
|
|
31
|
-
const { bordered = false, compact = false, interactive = false, striped = false, color = '', children, ...tableProps } = props;
|
|
32
|
-
const { Header, Rows } = splitChildren(children);
|
|
33
|
-
const tableContextValue = (0, react_1.useMemo)(() => ({ color }), [color]);
|
|
34
|
-
return ((0, jsx_runtime_1.jsx)(tableContext_1.TableContext.Provider, { value: tableContextValue, children: (0, jsx_runtime_1.jsxs)(core_1.HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [Header, (0, jsx_runtime_1.jsx)("tbody", { children: Rows })] }) }));
|
|
35
|
-
}
|
|
36
|
-
Table.Row = TableRow_1.TableRow;
|
|
37
|
-
Table.Header = TableHeader_1.TableHeader;
|
|
38
|
-
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";;AAuCA,sBA2BC;;AAlED,sCAAsC;AACtC,4CAA8C;AAC9C,iCAMe;AAEf,+CAA4C;AAC5C,yCAAsC;AACtC,iDAA8C;AAE9C,SAAS,aAAa,CAAC,QAAmB;IACxC,MAAM,IAAI,GAAmB,EAAE,CAAC;IAChC,IAAI,MAAM,GAAwB,IAAI,CAAC;IACvC,KAAK,MAAM,KAAK,IAAI,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE,CAAC;YACxD,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,yBAAW,EAAE,CAAC;YACtC,MAAM,GAAG,KAAK,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC1B,CAAC;AAUD,SAAgB,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEjD,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,OAAO,CACL,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YAC7C,wBAAC,gBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEb,MAAM,EACP,4CAAQ,IAAI,GAAS,IACX,GACU,CACzB,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,GAAG,GAAG,mBAAQ,CAAC;AACrB,KAAK,CAAC,MAAM,GAAG,yBAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAU1C,eAAO,MAAM,WAAW,2CAKrB,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,4CAQnC,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TableHeader = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const TableRow_1 = require("./TableRow");
|
|
6
|
-
const headerStyle = {
|
|
7
|
-
position: 'sticky',
|
|
8
|
-
top: 0,
|
|
9
|
-
zIndex: 10,
|
|
10
|
-
backgroundColor: 'white',
|
|
11
|
-
};
|
|
12
|
-
const TableHeader = ({ children, bordered, style, sticky, }) => {
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)("thead", { style: sticky ? headerStyle : undefined, children: (0, jsx_runtime_1.jsx)(TableRow_1.TableRow, { bordered: bordered, style: style, children: children }) }));
|
|
14
|
-
};
|
|
15
|
-
exports.TableHeader = TableHeader;
|
|
16
|
-
//# sourceMappingURL=TableHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";;;;AACA,yCAAsC;AAEtC,MAAM,WAAW,GAAwB;IACvC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAEK,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GAC4B,EAAE,EAAE;IACtC,OAAO,CACL,kCAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,uBAAC,mBAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,YACvC,QAAQ,GACA,GACL,CACT,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,WAAW,eAatB"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import type { TableProps } from './Table';
|
|
3
|
-
export type TableRowProps = TableProps & HTMLAttributes<HTMLTableRowElement>;
|
|
4
|
-
export declare const TableRow: ({ children, style, bordered, ...other }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
//# sourceMappingURL=TableRow.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAIf,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAE7E,eAAO,MAAM,QAAQ,4CAKlB,aAAa,4CAUf,CAAC"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TableRow = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const value_renderers_1 = require("../value-renderers");
|
|
7
|
-
const tableContext_1 = require("./tableContext");
|
|
8
|
-
const TableRow = ({ children, style = {}, bordered = false, ...other }) => {
|
|
9
|
-
const { cells } = useRowChildren(children);
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)("tr", { style: { border: bordered ? '1px solid black' : '', ...style }, ...other, children: cells }));
|
|
11
|
-
};
|
|
12
|
-
exports.TableRow = TableRow;
|
|
13
|
-
function useRowChildren(children) {
|
|
14
|
-
const cells = [];
|
|
15
|
-
const { color } = (0, tableContext_1.useTableContext)();
|
|
16
|
-
for (const child of react_1.Children.toArray(children)) {
|
|
17
|
-
if (typeof child === 'object' &&
|
|
18
|
-
(0, react_1.isValidElement)(child) &&
|
|
19
|
-
(child.type === value_renderers_1.Color ||
|
|
20
|
-
child.type === value_renderers_1.Boolean ||
|
|
21
|
-
child.type === value_renderers_1.Text ||
|
|
22
|
-
child.type === value_renderers_1.Number ||
|
|
23
|
-
child.type === value_renderers_1.Object ||
|
|
24
|
-
child.type === value_renderers_1.Header ||
|
|
25
|
-
child.type === value_renderers_1.Component)) {
|
|
26
|
-
if (child.type === value_renderers_1.Header) {
|
|
27
|
-
cells.push((0, jsx_runtime_1.jsx)("th", { style: { color }, children: child }, child.key));
|
|
28
|
-
}
|
|
29
|
-
else {
|
|
30
|
-
cells.push((0, jsx_runtime_1.jsx)("td", { style: {
|
|
31
|
-
color,
|
|
32
|
-
position: 'relative',
|
|
33
|
-
}, children: child }, child.key));
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
else {
|
|
37
|
-
// eslint-disable-next-line no-console
|
|
38
|
-
console.error('Invalid Row child:', child);
|
|
39
|
-
throw new Error('invalid Row child');
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return { cells };
|
|
43
|
-
}
|
|
44
|
-
//# sourceMappingURL=TableRow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":";;;;AAAA,iCAMe;AAEf,wDAQ4B;AAG5B,iDAAiD;AAI1C,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CACL,+BACE,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,KAC1D,KAAK,YAER,KAAK,GACH,CACN,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,QAAQ,YAenB;AAEF,SAAS,cAAc,CAAC,QAAmB;IACzC,MAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IACpC,KAAK,MAAM,KAAK,IAAI,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,IAAA,sBAAc,EAAC,KAAK,CAAC;YACrB,CAAC,KAAK,CAAC,IAAI,KAAK,uBAAK;gBACnB,KAAK,CAAC,IAAI,KAAK,yBAAO;gBACtB,KAAK,CAAC,IAAI,KAAK,sBAAI;gBACnB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,wBAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,2BAAS,CAAC,EAC3B,CAAC;YACD,IAAI,KAAK,CAAC,IAAI,KAAK,wBAAM,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CACR,+BAAoB,KAAK,EAAE,EAAE,KAAK,EAAE,YACjC,KAAK,IADC,KAAK,CAAC,GAAG,CAEb,CACN,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,IAAI,CACR,+BAEE,KAAK,EAAE;wBACL,KAAK;wBACL,QAAQ,EAAE,UAAU;qBACrB,YAEA,KAAK,IAND,KAAK,CAAC,GAAG,CAOX,CACN,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;YAC3C,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,CAAC;AACnB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tableContext.d.ts","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;EAA+B,CAAC;AACzD,wBAAgB,eAAe;;EAG9B"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TableContext = void 0;
|
|
4
|
-
exports.useTableContext = useTableContext;
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
exports.TableContext = (0, react_1.createContext)({ color: '' });
|
|
7
|
-
function useTableContext() {
|
|
8
|
-
const context = (0, react_1.useContext)(exports.TableContext);
|
|
9
|
-
return context;
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=tableContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":";;;AAGA,0CAGC;AAND,iCAAkD;AAErC,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AACzD,SAAgB,eAAe;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;IACzC,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { TitleProps } from './Title';
|
|
2
|
-
interface HeaderProps extends TitleProps {
|
|
3
|
-
sorted?: 'asc' | 'desc' | false;
|
|
4
|
-
}
|
|
5
|
-
export declare function Header({ sorted, ...other }: HeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export {};
|
|
7
|
-
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,UAAU,WAAY,SAAQ,UAAU;IACtC,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;CACjC;AACD,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAY/D"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Header = Header;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const Title_1 = require("./Title");
|
|
6
|
-
function Header({ sorted = false, ...other }) {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { ...other, children: "Header" }), sorted
|
|
8
|
-
? {
|
|
9
|
-
asc: ' 🔼',
|
|
10
|
-
desc: ' 🔽',
|
|
11
|
-
}[sorted]
|
|
12
|
-
: null] }));
|
|
13
|
-
}
|
|
14
|
-
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Header.tsx"],"names":[],"mappings":";;AAKA,wBAYC;;AAjBD,mCAA4C;AAK5C,SAAgB,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe;IAC9D,OAAO,CACL,4CACE,uBAAC,aAAK,OAAK,KAAK,uBAAgB,EAC/B,MAAM;gBACL,CAAC,CAAC;oBACE,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,KAAK;iBACZ,CAAC,MAAM,CAAC;gBACX,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
3
|
-
children?: ReactNode;
|
|
4
|
-
bordered?: boolean;
|
|
5
|
-
compact?: boolean;
|
|
6
|
-
interactive?: boolean;
|
|
7
|
-
striped?: boolean;
|
|
8
|
-
color?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare function Table(props: TableProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare namespace Table {
|
|
12
|
-
var Row: ({ children, style, bordered, ...other }: import("./TableRow").TableRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
var Header: ({ children, bordered, style, sticky, }: TableProps & {
|
|
14
|
-
sticky?: boolean;
|
|
15
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,SAAS,EAEV,MAAM,OAAO,CAAC;AAsBf,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,oDA2BtC;yBA3Be,KAAK;;;cA3Bc,CAAC"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
/** @jsxImportSource @emotion/react */
|
|
3
|
-
import { HTMLTable } from '@blueprintjs/core';
|
|
4
|
-
import { Children, isValidElement, useMemo, } from 'react';
|
|
5
|
-
import { TableHeader } from './TableHeader';
|
|
6
|
-
import { TableRow } from './TableRow';
|
|
7
|
-
import { TableContext } from './tableContext';
|
|
8
|
-
function splitChildren(children) {
|
|
9
|
-
const Rows = [];
|
|
10
|
-
let Header = null;
|
|
11
|
-
for (const child of Children.toArray(children)) {
|
|
12
|
-
if (typeof child !== 'object' || !isValidElement(child)) {
|
|
13
|
-
throw new Error('invalid Table child');
|
|
14
|
-
}
|
|
15
|
-
else if (child.type === TableRow) {
|
|
16
|
-
Rows.push(child);
|
|
17
|
-
}
|
|
18
|
-
else if (child.type === TableHeader) {
|
|
19
|
-
Header = child;
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
throw new Error('invalid Table child');
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
return { Rows, Header };
|
|
26
|
-
}
|
|
27
|
-
export function Table(props) {
|
|
28
|
-
const { bordered = false, compact = false, interactive = false, striped = false, color = '', children, ...tableProps } = props;
|
|
29
|
-
const { Header, Rows } = splitChildren(children);
|
|
30
|
-
const tableContextValue = useMemo(() => ({ color }), [color]);
|
|
31
|
-
return (_jsx(TableContext.Provider, { value: tableContextValue, children: _jsxs(HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [Header, _jsx("tbody", { children: Rows })] }) }));
|
|
32
|
-
}
|
|
33
|
-
Table.Row = TableRow;
|
|
34
|
-
Table.Header = TableHeader;
|
|
35
|
-
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,QAAQ,EACR,cAAc,EAGd,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,SAAS,aAAa,CAAC,QAAmB;IACxC,MAAM,IAAI,GAAmB,EAAE,CAAC;IAChC,IAAI,MAAM,GAAwB,IAAI,CAAC;IACvC,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YACxD,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;YACtC,MAAM,GAAG,KAAK,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC1B,CAAC;AAUD,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEjD,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YAC7C,MAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEb,MAAM,EACP,0BAAQ,IAAI,GAAS,IACX,GACU,CACzB,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC;AACrB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAU1C,eAAO,MAAM,WAAW,2CAKrB,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,4CAQnC,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { TableRow } from './TableRow';
|
|
3
|
-
const headerStyle = {
|
|
4
|
-
position: 'sticky',
|
|
5
|
-
top: 0,
|
|
6
|
-
zIndex: 10,
|
|
7
|
-
backgroundColor: 'white',
|
|
8
|
-
};
|
|
9
|
-
export const TableHeader = ({ children, bordered, style, sticky, }) => {
|
|
10
|
-
return (_jsx("thead", { style: sticky ? headerStyle : undefined, children: _jsx(TableRow, { bordered: bordered, style: style, children: children }) }));
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=TableHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,WAAW,GAAwB;IACvC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GAC4B,EAAE,EAAE;IACtC,OAAO,CACL,gBAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,YACvC,QAAQ,GACA,GACL,CACT,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import type { TableProps } from './Table';
|
|
3
|
-
export type TableRowProps = TableProps & HTMLAttributes<HTMLTableRowElement>;
|
|
4
|
-
export declare const TableRow: ({ children, style, bordered, ...other }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
//# sourceMappingURL=TableRow.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAIf,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAE7E,eAAO,MAAM,QAAQ,4CAKlB,aAAa,4CAUf,CAAC"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Children, isValidElement, } from 'react';
|
|
3
|
-
import { Boolean, Color, Component, Header, Number, Object, Text, } from '../value-renderers';
|
|
4
|
-
import { useTableContext } from './tableContext';
|
|
5
|
-
export const TableRow = ({ children, style = {}, bordered = false, ...other }) => {
|
|
6
|
-
const { cells } = useRowChildren(children);
|
|
7
|
-
return (_jsx("tr", { style: { border: bordered ? '1px solid black' : '', ...style }, ...other, children: cells }));
|
|
8
|
-
};
|
|
9
|
-
function useRowChildren(children) {
|
|
10
|
-
const cells = [];
|
|
11
|
-
const { color } = useTableContext();
|
|
12
|
-
for (const child of Children.toArray(children)) {
|
|
13
|
-
if (typeof child === 'object' &&
|
|
14
|
-
isValidElement(child) &&
|
|
15
|
-
(child.type === Color ||
|
|
16
|
-
child.type === Boolean ||
|
|
17
|
-
child.type === Text ||
|
|
18
|
-
child.type === Number ||
|
|
19
|
-
child.type === Object ||
|
|
20
|
-
child.type === Header ||
|
|
21
|
-
child.type === Component)) {
|
|
22
|
-
if (child.type === Header) {
|
|
23
|
-
cells.push(_jsx("th", { style: { color }, children: child }, child.key));
|
|
24
|
-
}
|
|
25
|
-
else {
|
|
26
|
-
cells.push(_jsx("td", { style: {
|
|
27
|
-
color,
|
|
28
|
-
position: 'relative',
|
|
29
|
-
}, children: child }, child.key));
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
// eslint-disable-next-line no-console
|
|
34
|
-
console.error('Invalid Row child:', child);
|
|
35
|
-
throw new Error('invalid Row child');
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
return { cells };
|
|
39
|
-
}
|
|
40
|
-
//# sourceMappingURL=TableRow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EAER,cAAc,GAGf,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,GACL,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CACL,aACE,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,KAC1D,KAAK,YAER,KAAK,GACH,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,cAAc,CAAC,QAAmB;IACzC,MAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IACpC,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IACE,OAAO,KAAK,KAAK,QAAQ;YACzB,cAAc,CAAC,KAAK,CAAC;YACrB,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK;gBACnB,KAAK,CAAC,IAAI,KAAK,OAAO;gBACtB,KAAK,CAAC,IAAI,KAAK,IAAI;gBACnB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,MAAM;gBACrB,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,EAC3B,CAAC;YACD,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CACR,aAAoB,KAAK,EAAE,EAAE,KAAK,EAAE,YACjC,KAAK,IADC,KAAK,CAAC,GAAG,CAEb,CACN,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,IAAI,CACR,aAEE,KAAK,EAAE;wBACL,KAAK;wBACL,QAAQ,EAAE,UAAU;qBACrB,YAEA,KAAK,IAND,KAAK,CAAC,GAAG,CAOX,CACN,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;YAC3C,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,CAAC;AACnB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tableContext.d.ts","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;EAA+B,CAAC;AACzD,wBAAgB,eAAe;;EAG9B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../../../src/components/table/tableContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AACzD,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { TitleProps } from './Title';
|
|
2
|
-
interface HeaderProps extends TitleProps {
|
|
3
|
-
sorted?: 'asc' | 'desc' | false;
|
|
4
|
-
}
|
|
5
|
-
export declare function Header({ sorted, ...other }: HeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export {};
|
|
7
|
-
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,UAAU,WAAY,SAAQ,UAAU;IACtC,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;CACjC;AACD,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAY/D"}
|