react-science 5.0.0 → 6.0.1
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/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
- package/lib/components/color-picker/gradient-select/GradientSelect.js +11 -38
- package/lib/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
- package/lib/components/color-picker/react-color/helpers/color.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/helpers/color.js +8 -3
- package/lib/components/color-picker/react-color/helpers/color.js.map +1 -1
- package/lib/components/logger/FifoLoggerDialog.d.ts.map +1 -1
- package/lib/components/logger/FifoLoggerDialog.js +3 -8
- package/lib/components/logger/FifoLoggerDialog.js.map +1 -1
- package/lib/components/table/table_body.d.ts +2 -4
- package/lib/components/table/table_body.d.ts.map +1 -1
- package/lib/components/table/table_body.js +11 -3
- package/lib/components/table/table_body.js.map +1 -1
- package/lib/components/table/table_header.d.ts.map +1 -1
- package/lib/components/table/table_header.js +1 -2
- package/lib/components/table/table_header.js.map +1 -1
- package/lib/components/table/table_root.d.ts +2 -2
- package/lib/components/table/table_root.d.ts.map +1 -1
- package/lib/components/table/table_root.js +2 -2
- package/lib/components/table/table_root.js.map +1 -1
- package/lib/components/table/table_utils.d.ts +6 -2
- package/lib/components/table/table_utils.d.ts.map +1 -1
- package/lib/components/table/table_utils.js.map +1 -1
- package/lib/components/toolbar/Toolbar.js +1 -1
- package/lib/components/toolbar/Toolbar.js.map +1 -1
- package/lib-esm/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
- package/lib-esm/components/color-picker/gradient-select/GradientSelect.js +11 -38
- package/lib-esm/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
- package/lib-esm/components/color-picker/react-color/helpers/color.d.ts.map +1 -1
- package/lib-esm/components/color-picker/react-color/helpers/color.js +8 -3
- package/lib-esm/components/color-picker/react-color/helpers/color.js.map +1 -1
- package/lib-esm/components/logger/FifoLoggerDialog.d.ts.map +1 -1
- package/lib-esm/components/logger/FifoLoggerDialog.js +4 -9
- package/lib-esm/components/logger/FifoLoggerDialog.js.map +1 -1
- package/lib-esm/components/table/table_body.d.ts +2 -4
- package/lib-esm/components/table/table_body.d.ts.map +1 -1
- package/lib-esm/components/table/table_body.js +11 -3
- package/lib-esm/components/table/table_body.js.map +1 -1
- package/lib-esm/components/table/table_header.d.ts.map +1 -1
- package/lib-esm/components/table/table_header.js +1 -2
- package/lib-esm/components/table/table_header.js.map +1 -1
- package/lib-esm/components/table/table_root.d.ts +2 -2
- package/lib-esm/components/table/table_root.d.ts.map +1 -1
- package/lib-esm/components/table/table_root.js +2 -2
- package/lib-esm/components/table/table_root.js.map +1 -1
- package/lib-esm/components/table/table_utils.d.ts +6 -2
- package/lib-esm/components/table/table_utils.d.ts.map +1 -1
- package/lib-esm/components/table/table_utils.js.map +1 -1
- package/lib-esm/components/toolbar/Toolbar.js +1 -1
- package/lib-esm/components/toolbar/Toolbar.js.map +1 -1
- package/package.json +2 -2
- package/src/components/color-picker/gradient-select/GradientSelect.tsx +44 -71
- package/src/components/color-picker/react-color/helpers/color.js +10 -3
- package/src/components/logger/FifoLoggerDialog.tsx +10 -14
- package/src/components/table/table_body.tsx +21 -15
- package/src/components/table/table_header.tsx +2 -3
- package/src/components/table/table_root.tsx +4 -7
- package/src/components/table/table_utils.ts +8 -5
- package/src/components/toolbar/Toolbar.tsx +1 -0
- package/lib/components/table/table_row.d.ts +0 -8
- package/lib/components/table/table_row.d.ts.map +0 -1
- package/lib/components/table/table_row.js +0 -9
- package/lib/components/table/table_row.js.map +0 -1
- package/lib-esm/components/table/table_row.d.ts +0 -8
- package/lib-esm/components/table/table_row.d.ts.map +0 -1
- package/lib-esm/components/table/table_row.js +0 -6
- package/lib-esm/components/table/table_row.js.map +0 -1
- package/src/components/table/table_row.tsx +0 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,KAAK,EACV,kBAAkB,EAEnB,MAAM,eAAe,CAAC;AAEvB,UAAU,cAAc,CAAC,KAAK,SAAS,OAAO;IAC5C,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACxB,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,SAAS,CAAC,KAAK,SAAS,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAgB5E"}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Fragment } from 'react';
|
|
3
3
|
import { TableRowCell } from './table_row_cell';
|
|
4
4
|
export function TableBody(props) {
|
|
5
|
-
const { rows,
|
|
6
|
-
return (_jsx("tbody", { children: rows.map((row) => (_jsx(
|
|
5
|
+
const { rows, renderRowTr = defaultRenderRowTr } = props;
|
|
6
|
+
return (_jsx("tbody", { children: rows.map((row) => (_jsx(Fragment, { children: renderRowTr({
|
|
7
|
+
row,
|
|
8
|
+
children: row
|
|
9
|
+
.getVisibleCells()
|
|
10
|
+
.map((cell) => _jsx(TableRowCell, { cell: cell }, cell.id)),
|
|
11
|
+
}) }, row.id))) }));
|
|
12
|
+
}
|
|
13
|
+
function defaultRenderRowTr(props) {
|
|
14
|
+
return _jsx("tr", { children: props.children });
|
|
7
15
|
}
|
|
8
16
|
//# sourceMappingURL=table_body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAWhD,MAAM,UAAU,SAAS,CAAwB,KAA4B;IAC3E,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IACzD,OAAO,CACL,0BACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,QAAQ,cACN,WAAW,CAAC;gBACX,GAAG;gBACH,QAAQ,EAAE,GAAG;qBACV,eAAe,EAAE;qBACjB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,YAAY,IAAe,IAAI,EAAE,IAAI,IAAnB,IAAI,CAAC,EAAE,CAAgB,CAAC;aAC7D,CAAC,IANW,GAAG,CAAC,EAAE,CAOV,CACZ,CAAC,GACI,CACT,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CACzB,KAAqC;IAErC,OAAO,uBAAK,KAAK,CAAC,QAAQ,GAAM,CAAC;AACnC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_header.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_header.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAY7D,UAAU,gBAAgB,CAAC,KAAK,SAAS,OAAO;IAC9C,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IACvC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,KAAK,SAAS,OAAO,EAC/C,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CAY/B"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { TableHeaderCell } from './table_header_cell';
|
|
3
|
-
import { TableRow } from './table_row';
|
|
4
3
|
const headerStyle = {
|
|
5
4
|
position: 'sticky',
|
|
6
5
|
top: 0,
|
|
@@ -9,6 +8,6 @@ const headerStyle = {
|
|
|
9
8
|
};
|
|
10
9
|
export function TableHeader(props) {
|
|
11
10
|
const { headers, sticky } = props;
|
|
12
|
-
return (_jsx("thead", { style: sticky ? headerStyle : undefined, children: _jsx(
|
|
11
|
+
return (_jsx("thead", { style: sticky ? headerStyle : undefined, children: _jsx("tr", { children: headers.map((header) => (_jsx(TableHeaderCell, { header: header }, header.id))) }) }));
|
|
13
12
|
}
|
|
14
13
|
//# sourceMappingURL=table_header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_header.js","sourceRoot":"","sources":["../../../src/components/table/table_header.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_header.js","sourceRoot":"","sources":["../../../src/components/table/table_header.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,GAAkB;IACjC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAOF,MAAM,UAAU,WAAW,CACzB,KAA8B;IAE9B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,gBAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,eAAe,IAAiB,MAAM,EAAE,MAAM,IAAzB,MAAM,CAAC,EAAE,CAAoB,CACpD,CAAC,GACC,GACC,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
|
2
2
|
import { type RowData, type TableOptions } from '@tanstack/react-table';
|
|
3
3
|
import { TableHTMLAttributes } from 'react';
|
|
4
|
-
import type { TableColumnDef,
|
|
4
|
+
import type { TableColumnDef, TableRowTrRenderer } from './table_utils';
|
|
5
5
|
export interface TableProps<TData extends RowData> {
|
|
6
6
|
data: TData[];
|
|
7
7
|
columns: Array<TableColumnDef<TData, any>>;
|
|
@@ -12,7 +12,7 @@ export interface TableProps<TData extends RowData> {
|
|
|
12
12
|
stickyHeader?: boolean;
|
|
13
13
|
reactTable?: Omit<TableOptions<TData>, 'data' | 'columns' | 'getCoreRowModel' | 'getSortedRowModel'>;
|
|
14
14
|
tableProps?: Omit<TableHTMLAttributes<HTMLTableElement>, 'children'>;
|
|
15
|
-
|
|
15
|
+
renderRowTr?: TableRowTrRenderer<TData>;
|
|
16
16
|
}
|
|
17
17
|
export declare function Table<TData extends RowData>(props: TableProps<TData>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
18
18
|
//# sourceMappingURL=table_root.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_root.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAGtC,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"table_root.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAGtC,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGxE,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,OAAO;IAC/C,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAE3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,UAAU,CAAC,EAAE,IAAI,CACf,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,GAAG,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,CAC7D,CAAC;IACF,UAAU,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC;IACrE,WAAW,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;CACzC;AAED,wBAAgB,KAAK,CAAC,KAAK,SAAS,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,oDAqCpE"}
|
|
@@ -6,7 +6,7 @@ import { TableBody } from './table_body';
|
|
|
6
6
|
import { TableHeader } from './table_header';
|
|
7
7
|
import { useTableColumns } from './use_table_columns';
|
|
8
8
|
export function Table(props) {
|
|
9
|
-
const { data, columns, bordered = false, compact = false, interactive = false, striped = false, stickyHeader = false, reactTable, tableProps,
|
|
9
|
+
const { data, columns, bordered = false, compact = false, interactive = false, striped = false, stickyHeader = false, reactTable, tableProps, renderRowTr, } = props;
|
|
10
10
|
const columnDefs = useTableColumns(columns);
|
|
11
11
|
const table = useReactTable({
|
|
12
12
|
...reactTable,
|
|
@@ -15,6 +15,6 @@ export function Table(props) {
|
|
|
15
15
|
getCoreRowModel: getCoreRowModel(),
|
|
16
16
|
getSortedRowModel: getSortedRowModel(),
|
|
17
17
|
});
|
|
18
|
-
return (_jsxs(HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [_jsx(TableHeader, { sticky: stickyHeader, headers: table.getFlatHeaders() }), _jsx(TableBody, { rows: table.getRowModel().rows,
|
|
18
|
+
return (_jsxs(HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [_jsx(TableHeader, { sticky: stickyHeader, headers: table.getFlatHeaders() }), _jsx(TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr })] }));
|
|
19
19
|
}
|
|
20
20
|
//# sourceMappingURL=table_root.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,eAAe,EACf,iBAAiB,EAGjB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAqBtD,MAAM,UAAU,KAAK,CAAwB,KAAwB;IACnE,MAAM,EACJ,IAAI,EACJ,OAAO,EAEP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EAEpB,UAAU,EACV,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,eAAe,EACf,iBAAiB,EAGjB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAqBtD,MAAM,UAAU,KAAK,CAAwB,KAAwB;IACnE,MAAM,EACJ,IAAI,EACJ,OAAO,EAEP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EAEpB,UAAU,EACV,UAAU,EACV,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,aAAa,CAAQ;QACjC,GAAG,UAAU;QACb,IAAI;QACJ,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE,eAAe,EAAE;QAClC,iBAAiB,EAAE,iBAAiB,EAAE;KACvC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEd,KAAC,WAAW,IAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,EAAE,GAAI,EACtE,KAAC,SAAS,IAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,IAC7D,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { type ColumnDef, type Row, type RowData } from '@tanstack/react-table';
|
|
2
|
-
import type {
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
3
|
export type TableColumnDef<TData extends RowData, TValue = unknown> = ColumnDef<TData, TValue>;
|
|
4
4
|
export declare function createTableColumnHelper<TData extends RowData>(): import("@tanstack/react-table").ColumnHelper<TData>;
|
|
5
|
-
export
|
|
5
|
+
export interface TableRowTrRendererProps<TData extends RowData> {
|
|
6
|
+
row: Row<TData>;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export type TableRowTrRenderer<TData extends RowData> = (props: TableRowTrRendererProps<TData>) => ReactNode;
|
|
6
10
|
//# sourceMappingURL=table_utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_utils.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,GAAG,EACR,KAAK,OAAO,EACb,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_utils.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,GAAG,EACR,KAAK,OAAO,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,SAAS,CAC7E,KAAK,EACL,MAAM,CACP,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,SAAS,OAAO,yDAE5D;AAED,MAAM,WAAW,uBAAuB,CAAC,KAAK,SAAS,OAAO;IAC5D,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,IAAI,CACtD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,KAClC,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_utils.js","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,GAGnB,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_utils.js","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,GAGnB,MAAM,uBAAuB,CAAC;AAQ/B,MAAM,UAAU,uBAAuB;IACrC,OAAO,kBAAkB,EAAS,CAAC;AACrC,CAAC"}
|
|
@@ -94,7 +94,7 @@ Toolbar.Item = function ToolbarItem(props) {
|
|
|
94
94
|
Toolbar.PopoverItem = function ToolbarPopoverItem(props) {
|
|
95
95
|
const { itemProps, ...other } = props;
|
|
96
96
|
const { disabled, vertical, popoverInteractionKind } = useToolbarContext();
|
|
97
|
-
return (_jsx(Popover, { minimal: true, disabled: disabled, placement: vertical ? 'right-start' : 'bottom-start', interactionKind: popoverInteractionKind, hoverCloseDelay: 0, css: css `
|
|
97
|
+
return (_jsx(Popover, { minimal: true, disabled: disabled, placement: vertical ? 'right-start' : 'bottom-start', interactionKind: popoverInteractionKind, hasBackdrop: true, hoverCloseDelay: 0, css: css `
|
|
98
98
|
.${Classes.ICON} {
|
|
99
99
|
color: ${Colors.DARK_GRAY3};
|
|
100
100
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-science",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.1",
|
|
4
4
|
"description": "React components to build scientific applications UI",
|
|
5
5
|
"exports": {
|
|
6
6
|
"./app": {
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"react-dropzone": "^14.2.3",
|
|
93
93
|
"react-icons": "^5.2.1",
|
|
94
94
|
"react-inspector": "^6.0.2",
|
|
95
|
-
"react-plot": "^
|
|
95
|
+
"react-plot": "^2.0.0",
|
|
96
96
|
"react-popper": "^2.3.0",
|
|
97
97
|
"spc-parser": "^1.0.0",
|
|
98
98
|
"tinycolor2": "^1.6.0",
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
3
|
import styled from '@emotion/styled';
|
|
4
|
-
import
|
|
4
|
+
import { Button, MenuItem } from '@blueprintjs/core';
|
|
5
|
+
import { ItemRenderer, Select } from '@blueprintjs/select';
|
|
5
6
|
import * as scaleChromatic from 'd3-scale-chromatic';
|
|
6
7
|
import { FaChevronDown } from 'react-icons/fa';
|
|
7
8
|
|
|
@@ -53,86 +54,58 @@ export interface GradientSelectProps {
|
|
|
53
54
|
value: GradientScaleName;
|
|
54
55
|
onChange: (value: GradientScaleName) => void;
|
|
55
56
|
}
|
|
56
|
-
|
|
57
|
+
const renderItem: ItemRenderer<GradientScaleName> = (
|
|
58
|
+
option,
|
|
59
|
+
{ handleClick, handleFocus, modifiers },
|
|
60
|
+
) => {
|
|
61
|
+
if (!modifiers.matchesPredicate) {
|
|
62
|
+
return null;
|
|
63
|
+
}
|
|
64
|
+
return (
|
|
65
|
+
<MenuItem
|
|
66
|
+
active={modifiers.active}
|
|
67
|
+
key={option}
|
|
68
|
+
onClick={handleClick}
|
|
69
|
+
onFocus={handleFocus}
|
|
70
|
+
roleStructure="listoption"
|
|
71
|
+
text={
|
|
72
|
+
<div>
|
|
73
|
+
{option}
|
|
74
|
+
<GradientSelectOption>
|
|
75
|
+
<div style={{ height: 15 }}>
|
|
76
|
+
<FixedGradientPreview gradient={option} />
|
|
77
|
+
</div>
|
|
78
|
+
</GradientSelectOption>
|
|
79
|
+
</div>
|
|
80
|
+
}
|
|
81
|
+
/>
|
|
82
|
+
);
|
|
83
|
+
};
|
|
57
84
|
export function GradientSelect(props: GradientSelectProps) {
|
|
58
85
|
const { value, onChange } = props;
|
|
59
86
|
return (
|
|
60
87
|
<GradientSelectListbox>
|
|
61
|
-
<Select
|
|
62
|
-
|
|
88
|
+
<Select
|
|
89
|
+
popoverProps={{ matchTargetWidth: true }}
|
|
90
|
+
activeItem={value}
|
|
91
|
+
onItemSelect={onChange}
|
|
92
|
+
items={scaleOptions}
|
|
93
|
+
itemRenderer={renderItem}
|
|
94
|
+
filterable={false}
|
|
95
|
+
fill
|
|
96
|
+
>
|
|
97
|
+
<Button
|
|
63
98
|
css={css`
|
|
64
99
|
width: 100%;
|
|
65
100
|
height: 30px;
|
|
66
101
|
padding: 4px;
|
|
102
|
+
display: block;
|
|
67
103
|
`}
|
|
68
104
|
>
|
|
69
|
-
<
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
</Select.Trigger>
|
|
74
|
-
<Select.Portal>
|
|
75
|
-
<Select.Content
|
|
76
|
-
position="popper"
|
|
77
|
-
sideOffset={10}
|
|
78
|
-
css={css`
|
|
79
|
-
background-color: white;
|
|
80
|
-
width: var(--radix-select-trigger-width);
|
|
81
|
-
border: 1px solid darkgray;
|
|
82
|
-
border-radius: 0.25rem;
|
|
83
|
-
padding: 4px;
|
|
84
|
-
`}
|
|
85
|
-
>
|
|
86
|
-
<Select.Viewport>
|
|
87
|
-
{scaleOptions.map((option) => (
|
|
88
|
-
<Select.Item
|
|
89
|
-
key={option}
|
|
90
|
-
value={option}
|
|
91
|
-
css={css`
|
|
92
|
-
outline: none;
|
|
93
|
-
padding: 8px 0 8px 0;
|
|
94
|
-
cursor: pointer;
|
|
95
|
-
margin-left: 20px;
|
|
96
|
-
&[data-state='checked'] {
|
|
97
|
-
font-weight: bold;
|
|
98
|
-
}
|
|
99
|
-
&[data-state='unchecked'] {
|
|
100
|
-
opacity: 1;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
&:not([data-highlighted]) span {
|
|
104
|
-
margin-left: 12px;
|
|
105
|
-
}
|
|
106
|
-
&[data-highlighted] {
|
|
107
|
-
span {
|
|
108
|
-
margin-left: 4px;
|
|
109
|
-
}
|
|
110
|
-
::before {
|
|
111
|
-
content: '';
|
|
112
|
-
display: inline-block;
|
|
113
|
-
width: 8px;
|
|
114
|
-
height: 8px;
|
|
115
|
-
border-radius: 1px;
|
|
116
|
-
filter: brightness(60%);
|
|
117
|
-
background-color: dimgray;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
`}
|
|
121
|
-
>
|
|
122
|
-
<Select.ItemText>
|
|
123
|
-
{option}
|
|
124
|
-
<GradientSelectOption>
|
|
125
|
-
<div style={{ height: 15 }}>
|
|
126
|
-
<FixedGradientPreview gradient={option} />
|
|
127
|
-
</div>
|
|
128
|
-
</GradientSelectOption>
|
|
129
|
-
</Select.ItemText>
|
|
130
|
-
</Select.Item>
|
|
131
|
-
))}
|
|
132
|
-
</Select.Viewport>
|
|
133
|
-
</Select.Content>
|
|
134
|
-
</Select.Portal>
|
|
135
|
-
</Select.Root>
|
|
105
|
+
<FixedGradientPreview gradient={value} />
|
|
106
|
+
<GradientSelectChevron />
|
|
107
|
+
</Button>
|
|
108
|
+
</Select>
|
|
136
109
|
</GradientSelectListbox>
|
|
137
110
|
);
|
|
138
111
|
}
|
|
@@ -27,16 +27,23 @@ function toState(data, oldHue) {
|
|
|
27
27
|
const hsl = color.toHsl();
|
|
28
28
|
const hsv = color.toHsv();
|
|
29
29
|
const rgb = color.toRgb();
|
|
30
|
-
|
|
30
|
+
|
|
31
|
+
let hex;
|
|
32
|
+
|
|
33
|
+
if (rgb.a < 1) {
|
|
34
|
+
hex = color.toHex8();
|
|
35
|
+
} else {
|
|
36
|
+
hex = color.toHex();
|
|
37
|
+
}
|
|
38
|
+
|
|
31
39
|
if (hsl.s === 0) {
|
|
32
40
|
hsl.h = oldHue || 0;
|
|
33
41
|
hsv.h = oldHue || 0;
|
|
34
42
|
}
|
|
35
|
-
const transparent = hex === '000000' && rgb.a === 0;
|
|
36
43
|
|
|
37
44
|
return {
|
|
38
45
|
hsl,
|
|
39
|
-
hex:
|
|
46
|
+
hex: `#${hex}`,
|
|
40
47
|
rgb,
|
|
41
48
|
hsv,
|
|
42
49
|
oldHue: data.h || oldHue || hsl.h,
|
|
@@ -7,11 +7,7 @@ import type { LogEntry } from 'fifo-logger';
|
|
|
7
7
|
import { CSSProperties, useMemo } from 'react';
|
|
8
8
|
|
|
9
9
|
import { Button } from '../button';
|
|
10
|
-
import {
|
|
11
|
-
createTableColumnHelper,
|
|
12
|
-
Table,
|
|
13
|
-
type TableRowTrPropsGetter,
|
|
14
|
-
} from '../table';
|
|
10
|
+
import { createTableColumnHelper, Table } from '../table';
|
|
15
11
|
|
|
16
12
|
import { useFifoLogger } from './useFifoLogger';
|
|
17
13
|
|
|
@@ -79,14 +75,6 @@ function useColumns(unseen: number) {
|
|
|
79
75
|
);
|
|
80
76
|
}
|
|
81
77
|
|
|
82
|
-
const getRowTrProps: TableRowTrPropsGetter<LogEntry> = (row) => {
|
|
83
|
-
return {
|
|
84
|
-
style: {
|
|
85
|
-
backgroundColor: rowBackgroundColor[row.original.levelLabel],
|
|
86
|
-
},
|
|
87
|
-
};
|
|
88
|
-
};
|
|
89
|
-
|
|
90
78
|
export function FifoLoggerDialog(props: FifoLoggerDialogProps) {
|
|
91
79
|
const logger = useFifoLogger();
|
|
92
80
|
|
|
@@ -113,7 +101,15 @@ export function FifoLoggerDialog(props: FifoLoggerDialogProps) {
|
|
|
113
101
|
compact
|
|
114
102
|
bordered
|
|
115
103
|
tableProps={{ style: { width: '100%' } }}
|
|
116
|
-
|
|
104
|
+
renderRowTr={({ row, children }) => (
|
|
105
|
+
<tr
|
|
106
|
+
style={{
|
|
107
|
+
backgroundColor: rowBackgroundColor[row.original.levelLabel],
|
|
108
|
+
}}
|
|
109
|
+
>
|
|
110
|
+
{children}
|
|
111
|
+
</tr>
|
|
112
|
+
)}
|
|
117
113
|
/>
|
|
118
114
|
</DialogBody>
|
|
119
115
|
<DialogFooter
|
|
@@ -1,31 +1,37 @@
|
|
|
1
1
|
import type { Row, RowData } from '@tanstack/react-table';
|
|
2
|
-
import
|
|
2
|
+
import { Fragment } from 'react';
|
|
3
3
|
|
|
4
|
-
import { TableRow } from './table_row';
|
|
5
4
|
import { TableRowCell } from './table_row_cell';
|
|
6
|
-
import type {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
'children'
|
|
11
|
-
>;
|
|
5
|
+
import type {
|
|
6
|
+
TableRowTrRenderer,
|
|
7
|
+
TableRowTrRendererProps,
|
|
8
|
+
} from './table_utils';
|
|
12
9
|
|
|
13
10
|
interface TableBodyProps<TData extends RowData> {
|
|
14
11
|
rows: Array<Row<TData>>;
|
|
15
|
-
|
|
12
|
+
renderRowTr: TableRowTrRenderer<TData> | undefined;
|
|
16
13
|
}
|
|
17
14
|
|
|
18
15
|
export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
|
|
19
|
-
const { rows,
|
|
16
|
+
const { rows, renderRowTr = defaultRenderRowTr } = props;
|
|
20
17
|
return (
|
|
21
18
|
<tbody>
|
|
22
19
|
{rows.map((row) => (
|
|
23
|
-
<
|
|
24
|
-
{
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
20
|
+
<Fragment key={row.id}>
|
|
21
|
+
{renderRowTr({
|
|
22
|
+
row,
|
|
23
|
+
children: row
|
|
24
|
+
.getVisibleCells()
|
|
25
|
+
.map((cell) => <TableRowCell key={cell.id} cell={cell} />),
|
|
26
|
+
})}
|
|
27
|
+
</Fragment>
|
|
28
28
|
))}
|
|
29
29
|
</tbody>
|
|
30
30
|
);
|
|
31
31
|
}
|
|
32
|
+
|
|
33
|
+
function defaultRenderRowTr<TData extends RowData>(
|
|
34
|
+
props: TableRowTrRendererProps<TData>,
|
|
35
|
+
) {
|
|
36
|
+
return <tr>{props.children}</tr>;
|
|
37
|
+
}
|
|
@@ -2,7 +2,6 @@ import type { Header, RowData } from '@tanstack/react-table';
|
|
|
2
2
|
import { CSSProperties } from 'react';
|
|
3
3
|
|
|
4
4
|
import { TableHeaderCell } from './table_header_cell';
|
|
5
|
-
import { TableRow } from './table_row';
|
|
6
5
|
|
|
7
6
|
const headerStyle: CSSProperties = {
|
|
8
7
|
position: 'sticky',
|
|
@@ -22,11 +21,11 @@ export function TableHeader<TData extends RowData>(
|
|
|
22
21
|
const { headers, sticky } = props;
|
|
23
22
|
return (
|
|
24
23
|
<thead style={sticky ? headerStyle : undefined}>
|
|
25
|
-
<
|
|
24
|
+
<tr>
|
|
26
25
|
{headers.map((header) => (
|
|
27
26
|
<TableHeaderCell key={header.id} header={header} />
|
|
28
27
|
))}
|
|
29
|
-
</
|
|
28
|
+
</tr>
|
|
30
29
|
</thead>
|
|
31
30
|
);
|
|
32
31
|
}
|
|
@@ -12,7 +12,7 @@ import { TableHTMLAttributes } from 'react';
|
|
|
12
12
|
|
|
13
13
|
import { TableBody } from './table_body';
|
|
14
14
|
import { TableHeader } from './table_header';
|
|
15
|
-
import type { TableColumnDef,
|
|
15
|
+
import type { TableColumnDef, TableRowTrRenderer } from './table_utils';
|
|
16
16
|
import { useTableColumns } from './use_table_columns';
|
|
17
17
|
|
|
18
18
|
export interface TableProps<TData extends RowData> {
|
|
@@ -31,7 +31,7 @@ export interface TableProps<TData extends RowData> {
|
|
|
31
31
|
'data' | 'columns' | 'getCoreRowModel' | 'getSortedRowModel'
|
|
32
32
|
>;
|
|
33
33
|
tableProps?: Omit<TableHTMLAttributes<HTMLTableElement>, 'children'>;
|
|
34
|
-
|
|
34
|
+
renderRowTr?: TableRowTrRenderer<TData>;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
export function Table<TData extends RowData>(props: TableProps<TData>) {
|
|
@@ -47,7 +47,7 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
|
|
|
47
47
|
|
|
48
48
|
reactTable,
|
|
49
49
|
tableProps,
|
|
50
|
-
|
|
50
|
+
renderRowTr,
|
|
51
51
|
} = props;
|
|
52
52
|
|
|
53
53
|
const columnDefs = useTableColumns(columns);
|
|
@@ -68,10 +68,7 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
|
|
|
68
68
|
{...tableProps}
|
|
69
69
|
>
|
|
70
70
|
<TableHeader sticky={stickyHeader} headers={table.getFlatHeaders()} />
|
|
71
|
-
<TableBody
|
|
72
|
-
rows={table.getRowModel().rows}
|
|
73
|
-
getRowTrProps={getRowTrProps}
|
|
74
|
-
/>
|
|
71
|
+
<TableBody rows={table.getRowModel().rows} renderRowTr={renderRowTr} />
|
|
75
72
|
</HTMLTable>
|
|
76
73
|
);
|
|
77
74
|
}
|
|
@@ -4,8 +4,7 @@ import {
|
|
|
4
4
|
type Row,
|
|
5
5
|
type RowData,
|
|
6
6
|
} from '@tanstack/react-table';
|
|
7
|
-
|
|
8
|
-
import type { TrProps } from './table_row';
|
|
7
|
+
import type { ReactNode } from 'react';
|
|
9
8
|
|
|
10
9
|
export type TableColumnDef<TData extends RowData, TValue = unknown> = ColumnDef<
|
|
11
10
|
TData,
|
|
@@ -16,6 +15,10 @@ export function createTableColumnHelper<TData extends RowData>() {
|
|
|
16
15
|
return createColumnHelper<TData>();
|
|
17
16
|
}
|
|
18
17
|
|
|
19
|
-
export
|
|
20
|
-
row: Row<TData
|
|
21
|
-
|
|
18
|
+
export interface TableRowTrRendererProps<TData extends RowData> {
|
|
19
|
+
row: Row<TData>;
|
|
20
|
+
children: ReactNode;
|
|
21
|
+
}
|
|
22
|
+
export type TableRowTrRenderer<TData extends RowData> = (
|
|
23
|
+
props: TableRowTrRendererProps<TData>,
|
|
24
|
+
) => ReactNode;
|
|
@@ -247,6 +247,7 @@ Toolbar.PopoverItem = function ToolbarPopoverItem(
|
|
|
247
247
|
disabled={disabled}
|
|
248
248
|
placement={vertical ? 'right-start' : 'bottom-start'}
|
|
249
249
|
interactionKind={popoverInteractionKind}
|
|
250
|
+
hasBackdrop
|
|
250
251
|
hoverCloseDelay={0}
|
|
251
252
|
css={css`
|
|
252
253
|
.${Classes.ICON} {
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type TrProps = Omit<HTMLAttributes<HTMLTableRowElement>, 'children'>;
|
|
3
|
-
export interface TableRowProps {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
trProps?: TrProps;
|
|
6
|
-
}
|
|
7
|
-
export declare function TableRow(props: TableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
//# sourceMappingURL=table_row.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table_row.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5E,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAI5C"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TableRow = TableRow;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
function TableRow(props) {
|
|
6
|
-
const { children, trProps } = props;
|
|
7
|
-
return (0, jsx_runtime_1.jsx)("tr", { ...trProps, children: children });
|
|
8
|
-
}
|
|
9
|
-
//# sourceMappingURL=table_row.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table_row.js","sourceRoot":"","sources":["../../../src/components/table/table_row.tsx"],"names":[],"mappings":";;AASA,4BAIC;;AAJD,SAAgB,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,kCAAQ,OAAO,YAAG,QAAQ,GAAM,CAAC;AAC1C,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type TrProps = Omit<HTMLAttributes<HTMLTableRowElement>, 'children'>;
|
|
3
|
-
export interface TableRowProps {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
trProps?: TrProps;
|
|
6
|
-
}
|
|
7
|
-
export declare function TableRow(props: TableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
//# sourceMappingURL=table_row.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table_row.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5E,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAI5C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table_row.js","sourceRoot":"","sources":["../../../src/components/table/table_row.tsx"],"names":[],"mappings":";AASA,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,gBAAQ,OAAO,YAAG,QAAQ,GAAM,CAAC;AAC1C,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
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
|
-
}
|