react-science 5.0.0 → 6.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/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/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-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/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/package.json +2 -2
- package/src/components/color-picker/gradient-select/GradientSelect.tsx +44 -71
- 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/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":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,SAAS,GACT,SAAS,GACT,OAAO,GACP,QAAQ,CAAC;AAEb,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,iBAAiB,EACjB,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAOtB,CAAC;AA0BF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AA4BD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDA2BxD"}
|
|
@@ -32,7 +32,8 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
|
32
32
|
/** @jsxImportSource @emotion/react */
|
|
33
33
|
const react_1 = require("@emotion/react");
|
|
34
34
|
const styled_1 = __importDefault(require("@emotion/styled"));
|
|
35
|
-
const
|
|
35
|
+
const core_1 = require("@blueprintjs/core");
|
|
36
|
+
const select_1 = require("@blueprintjs/select");
|
|
36
37
|
const scaleChromatic = __importStar(require("d3-scale-chromatic"));
|
|
37
38
|
const fa_1 = require("react-icons/fa");
|
|
38
39
|
const FixedGradientPreview_1 = __importDefault(require("../preview/FixedGradientPreview"));
|
|
@@ -63,47 +64,19 @@ const GradientSelectOption = styled_1.default.li `
|
|
|
63
64
|
padding-top: 5px;
|
|
64
65
|
cursor: pointer;
|
|
65
66
|
`;
|
|
67
|
+
const renderItem = (option, { handleClick, handleFocus, modifiers }) => {
|
|
68
|
+
if (!modifiers.matchesPredicate) {
|
|
69
|
+
return null;
|
|
70
|
+
}
|
|
71
|
+
return ((0, jsx_runtime_1.jsx)(core_1.MenuItem, { active: modifiers.active, onClick: handleClick, onFocus: handleFocus, roleStructure: "listoption", text: (0, jsx_runtime_1.jsxs)("div", { children: [option, (0, jsx_runtime_1.jsx)(GradientSelectOption, { children: (0, jsx_runtime_1.jsx)("div", { style: { height: 15 }, children: (0, jsx_runtime_1.jsx)(FixedGradientPreview_1.default, { gradient: option }) }) })] }) }, option));
|
|
72
|
+
};
|
|
66
73
|
function GradientSelect(props) {
|
|
67
74
|
const { value, onChange } = props;
|
|
68
|
-
return ((0, jsx_runtime_1.jsx)(GradientSelectListbox, { children: (0, jsx_runtime_1.
|
|
75
|
+
return ((0, jsx_runtime_1.jsx)(GradientSelectListbox, { children: (0, jsx_runtime_1.jsx)(select_1.Select, { popoverProps: { matchTargetWidth: true }, activeItem: value, onItemSelect: onChange, items: scaleOptions, itemRenderer: renderItem, filterable: false, fill: true, children: (0, jsx_runtime_1.jsxs)(core_1.Button, { css: (0, react_1.css) `
|
|
69
76
|
width: 100%;
|
|
70
77
|
height: 30px;
|
|
71
78
|
padding: 4px;
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
width: var(--radix-select-trigger-width);
|
|
75
|
-
border: 1px solid darkgray;
|
|
76
|
-
border-radius: 0.25rem;
|
|
77
|
-
padding: 4px;
|
|
78
|
-
`, children: (0, jsx_runtime_1.jsx)(Select.Viewport, { children: scaleOptions.map((option) => ((0, jsx_runtime_1.jsx)(Select.Item, { value: option, css: (0, react_1.css) `
|
|
79
|
-
outline: none;
|
|
80
|
-
padding: 8px 0 8px 0;
|
|
81
|
-
cursor: pointer;
|
|
82
|
-
margin-left: 20px;
|
|
83
|
-
&[data-state='checked'] {
|
|
84
|
-
font-weight: bold;
|
|
85
|
-
}
|
|
86
|
-
&[data-state='unchecked'] {
|
|
87
|
-
opacity: 1;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
&:not([data-highlighted]) span {
|
|
91
|
-
margin-left: 12px;
|
|
92
|
-
}
|
|
93
|
-
&[data-highlighted] {
|
|
94
|
-
span {
|
|
95
|
-
margin-left: 4px;
|
|
96
|
-
}
|
|
97
|
-
::before {
|
|
98
|
-
content: '';
|
|
99
|
-
display: inline-block;
|
|
100
|
-
width: 8px;
|
|
101
|
-
height: 8px;
|
|
102
|
-
border-radius: 1px;
|
|
103
|
-
filter: brightness(60%);
|
|
104
|
-
background-color: dimgray;
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
`, children: (0, jsx_runtime_1.jsxs)(Select.ItemText, { children: [option, (0, jsx_runtime_1.jsx)(GradientSelectOption, { children: (0, jsx_runtime_1.jsx)("div", { style: { height: 15 }, children: (0, jsx_runtime_1.jsx)(FixedGradientPreview_1.default, { gradient: option }) }) })] }) }, option))) }) }) })] }) }));
|
|
79
|
+
display: block;
|
|
80
|
+
`, children: [(0, jsx_runtime_1.jsx)(FixedGradientPreview_1.default, { gradient: value }), (0, jsx_runtime_1.jsx)(GradientSelectChevron, {})] }) }) }));
|
|
108
81
|
}
|
|
109
82
|
//# sourceMappingURL=GradientSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GradientSelect.js","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"GradientSelect.js","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,wCA2BC;;AA9GD,sCAAsC;AACtC,0CAAqC;AACrC,6DAAqC;AACrC,4CAAqD;AACrD,gDAA2D;AAC3D,mEAAqD;AACrD,uCAA+C;AAE/C,2FAAmE;AAStD,QAAA,mBAAmB,GAG5B;IACF,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,MAAM,EAAE,cAAc,CAAC,iBAAiB;CACzC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,2BAAmB,CAAwB,CAAC;AAE7E,MAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,qBAAqB,GAAG,IAAA,gBAAM,EAAC,kBAAa,CAAC,CAAA;;;;;CAKlD,CAAC;AAEF,MAAM,oBAAoB,GAAG,gBAAM,CAAC,EAAE,CAAA;;;;;CAKrC,CAAC;AAMF,MAAM,UAAU,GAAoC,CAClD,MAAM,EACN,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EACvC,EAAE;IACF,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,uBAAC,eAAQ,IACP,MAAM,EAAE,SAAS,CAAC,MAAM,EAExB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAC,YAAY,EAC1B,IAAI,EACF,4CACG,MAAM,EACP,uBAAC,oBAAoB,cACnB,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACxB,uBAAC,8BAAoB,IAAC,QAAQ,EAAE,MAAM,GAAI,GACtC,GACe,IACnB,IAZH,MAAM,CAcX,CACH,CAAC;AACJ,CAAC,CAAC;AACF,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,uBAAC,qBAAqB,cACpB,uBAAC,eAAM,IACL,YAAY,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,EACxC,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,QAAQ,EACtB,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,UAAU,EACxB,UAAU,EAAE,KAAK,EACjB,IAAI,kBAEJ,wBAAC,aAAM,IACL,GAAG,EAAE,IAAA,WAAG,EAAA;;;;;WAKP,aAED,uBAAC,8BAAoB,IAAC,QAAQ,EAAE,KAAK,GAAI,EACzC,uBAAC,qBAAqB,KAAG,IAClB,GACF,GACa,CACzB,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FifoLoggerDialog.d.ts","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAKtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"FifoLoggerDialog.d.ts","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAKtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA8B5C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAqCD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDA0D5D"}
|
|
@@ -52,13 +52,6 @@ function useColumns(unseen) {
|
|
|
52
52
|
}),
|
|
53
53
|
], [unseen]);
|
|
54
54
|
}
|
|
55
|
-
const getRowTrProps = (row) => {
|
|
56
|
-
return {
|
|
57
|
-
style: {
|
|
58
|
-
backgroundColor: rowBackgroundColor[row.original.levelLabel],
|
|
59
|
-
},
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
55
|
function FifoLoggerDialog(props) {
|
|
63
56
|
const logger = (0, useFifoLogger_1.useFifoLogger)();
|
|
64
57
|
const columns = useColumns(props.unseen);
|
|
@@ -67,7 +60,9 @@ function FifoLoggerDialog(props) {
|
|
|
67
60
|
min-height: 500px;
|
|
68
61
|
max-height: 80vh;
|
|
69
62
|
max-width: 1000px;
|
|
70
|
-
`, children: [(0, jsx_runtime_1.jsx)(core_1.DialogBody, { children: (0, jsx_runtime_1.jsx)(table_1.Table, { data: props.logs, columns: columns, compact: true, bordered: true, tableProps: { style: { width: '100%' } },
|
|
63
|
+
`, children: [(0, jsx_runtime_1.jsx)(core_1.DialogBody, { children: (0, jsx_runtime_1.jsx)(table_1.Table, { data: props.logs, columns: columns, compact: true, bordered: true, tableProps: { style: { width: '100%' } }, renderRowTr: ({ row, children }) => ((0, jsx_runtime_1.jsx)("tr", { style: {
|
|
64
|
+
backgroundColor: rowBackgroundColor[row.original.levelLabel],
|
|
65
|
+
}, children: children })) }) }), (0, jsx_runtime_1.jsx)(core_1.DialogFooter, { actions: (0, jsx_runtime_1.jsxs)(ActionsFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { outlined: true, intent: "danger", icon: "trash", text: "Clear logs", onClick: () => logger.clear() }), (0, jsx_runtime_1.jsx)(button_1.Button, { outlined: true, intent: "none", text: "Close", onClick: props.onClose })] }) })] }));
|
|
71
66
|
}
|
|
72
67
|
// "fatal" | "error" | "warn" | "info" | "debug" | "trace" | "silent"
|
|
73
68
|
const rowBackgroundColor = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FifoLoggerDialog.js","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"FifoLoggerDialog.js","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import type { Row, RowData } from '@tanstack/react-table';
|
|
2
|
-
import type {
|
|
3
|
-
import type { TableRowTrPropsGetter } from './table_utils';
|
|
4
|
-
export type TrPropsGetter = Omit<HTMLAttributes<HTMLTableRowElement>, 'children'>;
|
|
2
|
+
import type { TableRowTrRenderer } from './table_utils';
|
|
5
3
|
interface TableBodyProps<TData extends RowData> {
|
|
6
4
|
rows: Array<Row<TData>>;
|
|
7
|
-
|
|
5
|
+
renderRowTr: TableRowTrRenderer<TData> | undefined;
|
|
8
6
|
}
|
|
9
7
|
export declare function TableBody<TData extends RowData>(props: TableBodyProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
10
8
|
export {};
|
|
@@ -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"}
|
|
@@ -2,10 +2,18 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.TableBody = TableBody;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const
|
|
5
|
+
const react_1 = require("react");
|
|
6
6
|
const table_row_cell_1 = require("./table_row_cell");
|
|
7
7
|
function TableBody(props) {
|
|
8
|
-
const { rows,
|
|
9
|
-
return ((0, jsx_runtime_1.jsx)("tbody", { children: rows.map((row) => ((0, jsx_runtime_1.jsx)(
|
|
8
|
+
const { rows, renderRowTr = defaultRenderRowTr } = props;
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)("tbody", { children: rows.map((row) => ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: renderRowTr({
|
|
10
|
+
row,
|
|
11
|
+
children: row
|
|
12
|
+
.getVisibleCells()
|
|
13
|
+
.map((cell) => (0, jsx_runtime_1.jsx)(table_row_cell_1.TableRowCell, { cell: cell }, cell.id)),
|
|
14
|
+
}) }, row.id))) }));
|
|
15
|
+
}
|
|
16
|
+
function defaultRenderRowTr(props) {
|
|
17
|
+
return (0, jsx_runtime_1.jsx)("tr", { children: props.children });
|
|
10
18
|
}
|
|
11
19
|
//# 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,8BAgBC;;AA7BD,iCAAiC;AAEjC,qDAAgD;AAWhD,SAAgB,SAAS,CAAwB,KAA4B;IAC3E,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IACzD,OAAO,CACL,4CACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,uBAAC,gBAAQ,cACN,WAAW,CAAC;gBACX,GAAG;gBACH,QAAQ,EAAE,GAAG;qBACV,eAAe,EAAE;qBACjB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,6BAAY,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,yCAAK,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"}
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.TableHeader = TableHeader;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const table_header_cell_1 = require("./table_header_cell");
|
|
6
|
-
const table_row_1 = require("./table_row");
|
|
7
6
|
const headerStyle = {
|
|
8
7
|
position: 'sticky',
|
|
9
8
|
top: 0,
|
|
@@ -12,6 +11,6 @@ const headerStyle = {
|
|
|
12
11
|
};
|
|
13
12
|
function TableHeader(props) {
|
|
14
13
|
const { headers, sticky } = props;
|
|
15
|
-
return ((0, jsx_runtime_1.jsx)("thead", { style: sticky ? headerStyle : undefined, children: (0, jsx_runtime_1.jsx)(
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)("thead", { style: sticky ? headerStyle : undefined, children: (0, jsx_runtime_1.jsx)("tr", { children: headers.map((header) => ((0, jsx_runtime_1.jsx)(table_header_cell_1.TableHeaderCell, { header: header }, header.id))) }) }));
|
|
16
15
|
}
|
|
17
16
|
//# sourceMappingURL=table_header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_header.js","sourceRoot":"","sources":["../../../src/components/table/table_header.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"table_header.js","sourceRoot":"","sources":["../../../src/components/table/table_header.tsx"],"names":[],"mappings":";;AAiBA,kCAaC;;AA3BD,2DAAsD;AAEtD,MAAM,WAAW,GAAkB;IACjC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAOF,SAAgB,WAAW,CACzB,KAA8B;IAE9B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,kCAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,yCACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,uBAAC,mCAAe,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"}
|
|
@@ -9,7 +9,7 @@ const table_body_1 = require("./table_body");
|
|
|
9
9
|
const table_header_1 = require("./table_header");
|
|
10
10
|
const use_table_columns_1 = require("./use_table_columns");
|
|
11
11
|
function Table(props) {
|
|
12
|
-
const { data, columns, bordered = false, compact = false, interactive = false, striped = false, stickyHeader = false, reactTable, tableProps,
|
|
12
|
+
const { data, columns, bordered = false, compact = false, interactive = false, striped = false, stickyHeader = false, reactTable, tableProps, renderRowTr, } = props;
|
|
13
13
|
const columnDefs = (0, use_table_columns_1.useTableColumns)(columns);
|
|
14
14
|
const table = (0, react_table_1.useReactTable)({
|
|
15
15
|
...reactTable,
|
|
@@ -18,6 +18,6 @@ function Table(props) {
|
|
|
18
18
|
getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
|
|
19
19
|
getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
|
|
20
20
|
});
|
|
21
|
-
return ((0, jsx_runtime_1.jsxs)(core_1.HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [(0, jsx_runtime_1.jsx)(table_header_1.TableHeader, { sticky: stickyHeader, headers: table.getFlatHeaders() }), (0, jsx_runtime_1.jsx)(table_body_1.TableBody, { rows: table.getRowModel().rows,
|
|
21
|
+
return ((0, jsx_runtime_1.jsxs)(core_1.HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [(0, jsx_runtime_1.jsx)(table_header_1.TableHeader, { sticky: stickyHeader, headers: table.getFlatHeaders() }), (0, jsx_runtime_1.jsx)(table_body_1.TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr })] }));
|
|
22
22
|
}
|
|
23
23
|
//# sourceMappingURL=table_root.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":";;AAoCA,
|
|
1
|
+
{"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":";;AAoCA,sBAqCC;;AAzED,sCAAsC;AAEtC,4CAA8C;AAC9C,uDAM+B;AAG/B,6CAAyC;AACzC,iDAA6C;AAE7C,2DAAsD;AAqBtD,SAAgB,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,IAAA,mCAAe,EAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,IAAA,2BAAa,EAAQ;QACjC,GAAG,UAAU;QACb,IAAI;QACJ,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE,IAAA,6BAAe,GAAE;QAClC,iBAAiB,EAAE,IAAA,+BAAiB,GAAE;KACvC,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,gBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEd,uBAAC,0BAAW,IAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,EAAE,GAAI,EACtE,uBAAC,sBAAS,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":";;
|
|
1
|
+
{"version":3,"file":"table_utils.js","sourceRoot":"","sources":["../../../src/components/table/table_utils.ts"],"names":[],"mappings":";;AAaA,0DAEC;AAfD,uDAK+B;AAQ/B,SAAgB,uBAAuB;IACrC,OAAO,IAAA,gCAAkB,GAAS,CAAC;AACrC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,SAAS,GACT,SAAS,GACT,OAAO,GACP,QAAQ,CAAC;AAEb,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,iBAAiB,EACjB,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAOtB,CAAC;AA0BF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AA4BD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDA2BxD"}
|
|
@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
|
2
2
|
/** @jsxImportSource @emotion/react */
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
4
|
import styled from '@emotion/styled';
|
|
5
|
-
import
|
|
5
|
+
import { Button, MenuItem } from '@blueprintjs/core';
|
|
6
|
+
import { Select } from '@blueprintjs/select';
|
|
6
7
|
import * as scaleChromatic from 'd3-scale-chromatic';
|
|
7
8
|
import { FaChevronDown } from 'react-icons/fa';
|
|
8
9
|
import FixedGradientPreview from '../preview/FixedGradientPreview';
|
|
@@ -33,47 +34,19 @@ const GradientSelectOption = styled.li `
|
|
|
33
34
|
padding-top: 5px;
|
|
34
35
|
cursor: pointer;
|
|
35
36
|
`;
|
|
37
|
+
const renderItem = (option, { handleClick, handleFocus, modifiers }) => {
|
|
38
|
+
if (!modifiers.matchesPredicate) {
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
41
|
+
return (_jsx(MenuItem, { active: modifiers.active, onClick: handleClick, onFocus: handleFocus, roleStructure: "listoption", text: _jsxs("div", { children: [option, _jsx(GradientSelectOption, { children: _jsx("div", { style: { height: 15 }, children: _jsx(FixedGradientPreview, { gradient: option }) }) })] }) }, option));
|
|
42
|
+
};
|
|
36
43
|
export function GradientSelect(props) {
|
|
37
44
|
const { value, onChange } = props;
|
|
38
|
-
return (_jsx(GradientSelectListbox, { children:
|
|
45
|
+
return (_jsx(GradientSelectListbox, { children: _jsx(Select, { popoverProps: { matchTargetWidth: true }, activeItem: value, onItemSelect: onChange, items: scaleOptions, itemRenderer: renderItem, filterable: false, fill: true, children: _jsxs(Button, { css: css `
|
|
39
46
|
width: 100%;
|
|
40
47
|
height: 30px;
|
|
41
48
|
padding: 4px;
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
width: var(--radix-select-trigger-width);
|
|
45
|
-
border: 1px solid darkgray;
|
|
46
|
-
border-radius: 0.25rem;
|
|
47
|
-
padding: 4px;
|
|
48
|
-
`, children: _jsx(Select.Viewport, { children: scaleOptions.map((option) => (_jsx(Select.Item, { value: option, css: css `
|
|
49
|
-
outline: none;
|
|
50
|
-
padding: 8px 0 8px 0;
|
|
51
|
-
cursor: pointer;
|
|
52
|
-
margin-left: 20px;
|
|
53
|
-
&[data-state='checked'] {
|
|
54
|
-
font-weight: bold;
|
|
55
|
-
}
|
|
56
|
-
&[data-state='unchecked'] {
|
|
57
|
-
opacity: 1;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
&:not([data-highlighted]) span {
|
|
61
|
-
margin-left: 12px;
|
|
62
|
-
}
|
|
63
|
-
&[data-highlighted] {
|
|
64
|
-
span {
|
|
65
|
-
margin-left: 4px;
|
|
66
|
-
}
|
|
67
|
-
::before {
|
|
68
|
-
content: '';
|
|
69
|
-
display: inline-block;
|
|
70
|
-
width: 8px;
|
|
71
|
-
height: 8px;
|
|
72
|
-
border-radius: 1px;
|
|
73
|
-
filter: brightness(60%);
|
|
74
|
-
background-color: dimgray;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
`, children: _jsxs(Select.ItemText, { children: [option, _jsx(GradientSelectOption, { children: _jsx("div", { style: { height: 15 }, children: _jsx(FixedGradientPreview, { gradient: option }) }) })] }) }, option))) }) }) })] }) }));
|
|
49
|
+
display: block;
|
|
50
|
+
`, children: [_jsx(FixedGradientPreview, { gradient: value }), _jsx(GradientSelectChevron, {})] }) }) }));
|
|
78
51
|
}
|
|
79
52
|
//# sourceMappingURL=GradientSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GradientSelect.js","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"GradientSelect.js","sourceRoot":"","sources":["../../../../src/components/color-picker/gradient-select/GradientSelect.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAgB,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,cAAc,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AASnE,MAAM,CAAC,MAAM,mBAAmB,GAG5B;IACF,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,OAAO,EAAE,cAAc,CAAC,kBAAkB;IAC1C,KAAK,EAAE,cAAc,CAAC,gBAAgB;IACtC,MAAM,EAAE,cAAc,CAAC,iBAAiB;CACzC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAwB,CAAC;AAE7E,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;CAKlD,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAKrC,CAAC;AAMF,MAAM,UAAU,GAAoC,CAClD,MAAM,EACN,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EACvC,EAAE;IACF,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,KAAC,QAAQ,IACP,MAAM,EAAE,SAAS,CAAC,MAAM,EAExB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAC,YAAY,EAC1B,IAAI,EACF,0BACG,MAAM,EACP,KAAC,oBAAoB,cACnB,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YACxB,KAAC,oBAAoB,IAAC,QAAQ,EAAE,MAAM,GAAI,GACtC,GACe,IACnB,IAZH,MAAM,CAcX,CACH,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,KAAC,qBAAqB,cACpB,KAAC,MAAM,IACL,YAAY,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,EACxC,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,QAAQ,EACtB,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,UAAU,EACxB,UAAU,EAAE,KAAK,EACjB,IAAI,kBAEJ,MAAC,MAAM,IACL,GAAG,EAAE,GAAG,CAAA;;;;;WAKP,aAED,KAAC,oBAAoB,IAAC,QAAQ,EAAE,KAAK,GAAI,EACzC,KAAC,qBAAqB,KAAG,IAClB,GACF,GACa,CACzB,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FifoLoggerDialog.d.ts","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAKtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"FifoLoggerDialog.d.ts","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AAKtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA8B5C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAqCD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDA0D5D"}
|
|
@@ -5,7 +5,7 @@ import { css } from '@emotion/react';
|
|
|
5
5
|
import styled from '@emotion/styled';
|
|
6
6
|
import { useMemo } from 'react';
|
|
7
7
|
import { Button } from '../button';
|
|
8
|
-
import { createTableColumnHelper, Table
|
|
8
|
+
import { createTableColumnHelper, Table } from '../table';
|
|
9
9
|
import { useFifoLogger } from './useFifoLogger';
|
|
10
10
|
const ActionsFooter = styled.div `
|
|
11
11
|
display: flex;
|
|
@@ -46,13 +46,6 @@ function useColumns(unseen) {
|
|
|
46
46
|
}),
|
|
47
47
|
], [unseen]);
|
|
48
48
|
}
|
|
49
|
-
const getRowTrProps = (row) => {
|
|
50
|
-
return {
|
|
51
|
-
style: {
|
|
52
|
-
backgroundColor: rowBackgroundColor[row.original.levelLabel],
|
|
53
|
-
},
|
|
54
|
-
};
|
|
55
|
-
};
|
|
56
49
|
export function FifoLoggerDialog(props) {
|
|
57
50
|
const logger = useFifoLogger();
|
|
58
51
|
const columns = useColumns(props.unseen);
|
|
@@ -61,7 +54,9 @@ export function FifoLoggerDialog(props) {
|
|
|
61
54
|
min-height: 500px;
|
|
62
55
|
max-height: 80vh;
|
|
63
56
|
max-width: 1000px;
|
|
64
|
-
`, children: [_jsx(DialogBody, { children: _jsx(Table, { data: props.logs, columns: columns, compact: true, bordered: true, tableProps: { style: { width: '100%' } },
|
|
57
|
+
`, children: [_jsx(DialogBody, { children: _jsx(Table, { data: props.logs, columns: columns, compact: true, bordered: true, tableProps: { style: { width: '100%' } }, renderRowTr: ({ row, children }) => (_jsx("tr", { style: {
|
|
58
|
+
backgroundColor: rowBackgroundColor[row.original.levelLabel],
|
|
59
|
+
}, children: children })) }) }), _jsx(DialogFooter, { actions: _jsxs(ActionsFooter, { children: [_jsx(Button, { outlined: true, intent: "danger", icon: "trash", text: "Clear logs", onClick: () => logger.clear() }), _jsx(Button, { outlined: true, intent: "none", text: "Close", onClick: props.onClose })] }) })] }));
|
|
65
60
|
}
|
|
66
61
|
// "fatal" | "error" | "warn" | "info" | "debug" | "trace" | "silent"
|
|
67
62
|
const rowBackgroundColor = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FifoLoggerDialog.js","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AAEtC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"FifoLoggerDialog.js","sourceRoot":"","sources":["../../../src/components/logger/FifoLoggerDialog.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AAEtC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG/B,CAAC;AAMF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;;;;wBAS1B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS;;CAEnD,CAAC;AASF,MAAM,YAAY,GAAG,uBAAuB,EAAY,CAAC;AACzD,SAAS,UAAU,CAAC,MAAc;IAChC,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC;QACJ,YAAY,CAAC,OAAO,CAAC;YACnB,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;gBAChB,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EACP,GAAG,CAAC,KAAK,IAAI,MAAM;wBACjB,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,YAGhD,MAAM,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GACT,CAChB,CAAC;YACJ,CAAC;SACF,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC5B,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,kBAAkB,EAAE;SAClE,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE;YAClC,MAAM,EAAE,OAAO;SAChB,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,SAAS,EAAE;YAC/B,MAAM,EAAE,SAAS;SAClB,CAAC;KACH,EACD,CAAC,MAAM,CAAC,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzC,OAAO,CACL,MAAC,MAAM,IACL,wBAAwB,EAAE,KAAK,EAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,WAAW,EAChB,GAAG,EAAE,GAAG,CAAA;;;;;OAKP,aAED,KAAC,UAAU,cACT,KAAC,KAAK,IACJ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,QACP,QAAQ,QACR,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACxC,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAClC,aACE,KAAK,EAAE;4BACL,eAAe,EAAE,kBAAkB,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;yBAC7D,YAEA,QAAQ,GACN,CACN,GACD,GACS,EACb,KAAC,YAAY,IACX,OAAO,EACL,MAAC,aAAa,eACZ,KAAC,MAAM,IACL,QAAQ,QACR,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,GAC7B,EACF,KAAC,MAAM,IACL,QAAQ,QACR,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,IACY,GAElB,IACK,CACV,CAAC;AACJ,CAAC;AAED,qEAAqE;AACrE,MAAM,kBAAkB,GAAqD;IAC3E,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,WAAW;CACpB,CAAC"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import type { Row, RowData } from '@tanstack/react-table';
|
|
2
|
-
import type {
|
|
3
|
-
import type { TableRowTrPropsGetter } from './table_utils';
|
|
4
|
-
export type TrPropsGetter = Omit<HTMLAttributes<HTMLTableRowElement>, 'children'>;
|
|
2
|
+
import type { TableRowTrRenderer } from './table_utils';
|
|
5
3
|
interface TableBodyProps<TData extends RowData> {
|
|
6
4
|
rows: Array<Row<TData>>;
|
|
7
|
-
|
|
5
|
+
renderRowTr: TableRowTrRenderer<TData> | undefined;
|
|
8
6
|
}
|
|
9
7
|
export declare function TableBody<TData extends RowData>(props: TableBodyProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
10
8
|
export {};
|
|
@@ -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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-science",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0",
|
|
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
|
}
|
|
@@ -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;
|
|
@@ -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
|
-
}
|