react-science 6.0.0 → 6.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/app/explorer/MeasurementExplorer.d.ts +2 -3
- package/lib/app/explorer/MeasurementExplorer.d.ts.map +1 -1
- package/lib/app/explorer/MeasurementExplorer.js +2 -2
- package/lib/app/explorer/MeasurementExplorer.js.map +1 -1
- package/lib/app/panels/measurements/MeasurementsPanel.d.ts.map +1 -1
- package/lib/app/panels/measurements/MeasurementsPanel.js +1 -0
- package/lib/app/panels/measurements/MeasurementsPanel.js.map +1 -1
- package/lib/app/panels/measurements/MeasurementsTable.js +2 -2
- package/lib/app/panels/measurements/MeasurementsTable.js.map +1 -1
- package/lib/app-data/kinds/iv/IvMeasurement.d.ts +1 -2
- package/lib/app-data/kinds/iv/IvMeasurement.d.ts.map +1 -1
- package/lib/app-data/state/data/data.helpers.d.ts +1 -1
- package/lib/components/color-picker/gradient-select/GradientSelect.js +2 -2
- 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/info-panel/InfoPanel.d.ts.map +1 -1
- package/lib/components/info-panel/InfoPanel.js +17 -12
- package/lib/components/info-panel/InfoPanel.js.map +1 -1
- package/lib/components/toolbar/Toolbar.js +1 -1
- package/lib/components/toolbar/Toolbar.js.map +1 -1
- package/lib-esm/app/explorer/MeasurementExplorer.d.ts +2 -3
- package/lib-esm/app/explorer/MeasurementExplorer.d.ts.map +1 -1
- package/lib-esm/app/explorer/MeasurementExplorer.js +2 -2
- package/lib-esm/app/explorer/MeasurementExplorer.js.map +1 -1
- package/lib-esm/app/panels/measurements/MeasurementsPanel.d.ts.map +1 -1
- package/lib-esm/app/panels/measurements/MeasurementsPanel.js +2 -1
- package/lib-esm/app/panels/measurements/MeasurementsPanel.js.map +1 -1
- package/lib-esm/app/panels/measurements/MeasurementsTable.js +2 -2
- package/lib-esm/app/panels/measurements/MeasurementsTable.js.map +1 -1
- package/lib-esm/app-data/kinds/iv/IvMeasurement.d.ts +1 -2
- package/lib-esm/app-data/kinds/iv/IvMeasurement.d.ts.map +1 -1
- package/lib-esm/app-data/state/data/data.helpers.d.ts +3 -3
- package/lib-esm/components/color-picker/gradient-select/GradientSelect.js +2 -2
- 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/info-panel/InfoPanel.d.ts.map +1 -1
- package/lib-esm/components/info-panel/InfoPanel.js +18 -13
- package/lib-esm/components/info-panel/InfoPanel.js.map +1 -1
- package/lib-esm/components/table/table_utils.d.ts +1 -1
- package/lib-esm/components/table/table_utils.d.ts.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 +33 -31
- package/src/app/explorer/MeasurementExplorer.tsx +6 -4
- package/src/app/panels/measurements/MeasurementsPanel.tsx +2 -1
- package/src/app/panels/measurements/MeasurementsTable.tsx +4 -4
- package/src/app-data/kinds/iv/IvMeasurement.ts +1 -1
- package/src/components/color-picker/gradient-select/GradientSelect.tsx +2 -2
- package/src/components/color-picker/react-color/helpers/color.js +10 -3
- package/src/components/info-panel/InfoPanel.tsx +67 -44
- package/src/components/toolbar/Toolbar.tsx +1 -0
|
@@ -25,15 +25,20 @@ function toState(data, oldHue) {
|
|
|
25
25
|
const hsl = color.toHsl();
|
|
26
26
|
const hsv = color.toHsv();
|
|
27
27
|
const rgb = color.toRgb();
|
|
28
|
-
|
|
28
|
+
let hex;
|
|
29
|
+
if (rgb.a < 1) {
|
|
30
|
+
hex = color.toHex8();
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
hex = color.toHex();
|
|
34
|
+
}
|
|
29
35
|
if (hsl.s === 0) {
|
|
30
36
|
hsl.h = oldHue || 0;
|
|
31
37
|
hsv.h = oldHue || 0;
|
|
32
38
|
}
|
|
33
|
-
const transparent = hex === '000000' && rgb.a === 0;
|
|
34
39
|
return {
|
|
35
40
|
hsl,
|
|
36
|
-
hex:
|
|
41
|
+
hex: `#${hex}`,
|
|
37
42
|
rgb,
|
|
38
43
|
hsv,
|
|
39
44
|
oldHue: data.h || oldHue || hsl.h,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/helpers/color.js"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,SAAS,wBAAwB,CAAC,IAAI;IACpC,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IAC7D,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;QAC3B,IAAI,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YACjB,OAAO,IAAI,CAAC,CAAC;YACb,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBACxC,MAAM,IAAI,CAAC,CAAC;YACd,CAAC;YACD,IAAI,MAAM,KAAK,GAAG,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;gBACrC,MAAM,WAAW,GAAG,QAAQ,CAAC;gBAC7B,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;oBACnC,MAAM,IAAI,CAAC,CAAC;gBACd,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;AAC3C,CAAC;AAED,SAAS,OAAO,CAAC,IAAI,EAAE,MAAM;IAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC/D,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC1B,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC1B,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/helpers/color.js"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,SAAS,wBAAwB,CAAC,IAAI;IACpC,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IAC7D,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;QAC3B,IAAI,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YACjB,OAAO,IAAI,CAAC,CAAC;YACb,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBACxC,MAAM,IAAI,CAAC,CAAC;YACd,CAAC;YACD,IAAI,MAAM,KAAK,GAAG,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;gBACrC,MAAM,WAAW,GAAG,QAAQ,CAAC;gBAC7B,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;oBACnC,MAAM,IAAI,CAAC,CAAC;gBACd,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;AAC3C,CAAC;AAED,SAAS,OAAO,CAAC,IAAI,EAAE,MAAM;IAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC/D,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC1B,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC1B,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAE1B,IAAI,GAAG,CAAC;IAER,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;QACd,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IACvB,CAAC;SAAM,CAAC;QACN,GAAG,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;IAED,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;QAChB,GAAG,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC;QACpB,GAAG,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC;IACtB,CAAC;IAED,OAAO;QACL,GAAG;QACH,GAAG,EAAE,IAAI,GAAG,EAAE;QACd,GAAG;QACH,GAAG;QACH,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,MAAM,IAAI,GAAG,CAAC,CAAC;QACjC,MAAM,EAAE,IAAI,CAAC,MAAM;KACpB,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,GAAG;IACrB,IAAI,GAAG,KAAK,aAAa,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,wBAAwB;IACxB,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,OAAO,CACL,GAAG,CAAC,MAAM,KAAK,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,EAAE,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CACzE,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAI;IAC/B,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,MAAM,CAAC;IAChB,CAAC;IACD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,IAAI,GAAG,CAAC,GAAG,KAAK,aAAa,EAAE,CAAC;QAC9B,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IACD,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;IACzE,OAAO,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;AACtC,CAAC;AAED,SAAS,kBAAkB,CAAC,MAAM,EAAE,IAAI;IACtC,MAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACpD,OAAO,SAAS,CAAC,GAAG,IAAI,KAAK,mBAAmB,GAAG,CAAC,CAAC,GAAG,CAAC;AAC3D,CAAC;AAED,MAAM,GAAG,GAAG;IACV,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;IACjC,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IACjC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;CAChC,CAAC;AAEF,OAAO,EACL,GAAG,EACH,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,EACV,wBAAwB,EACxB,OAAO,GACR,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"InfoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AAK5E,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IAEpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,GAAG,CAAC,CAAC;CAChE;AAED,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAwED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAqG9C"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
|
3
3
|
import { Icon, InputGroup } from '@blueprintjs/core';
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
5
|
import * as Collapsible from '@radix-ui/react-collapsible';
|
|
6
|
-
import { useCallback, useMemo, useState } from 'react';
|
|
6
|
+
import { memo, useCallback, useMemo, useState } from 'react';
|
|
7
7
|
import { createTableColumnHelper, Table } from '../table';
|
|
8
8
|
import * as ValueRenderers from '../value-renderers';
|
|
9
9
|
const style = {
|
|
@@ -67,9 +67,10 @@ const columns = [
|
|
|
67
67
|
cell: ({ getValue }) => valueCell(getValue()),
|
|
68
68
|
}),
|
|
69
69
|
];
|
|
70
|
+
const emptyData = [];
|
|
70
71
|
export function InfoPanel(props) {
|
|
72
|
+
const { title = 'Information', data = emptyData, titleStyle, inputStyle, } = props;
|
|
71
73
|
const [search, setSearch] = useState('');
|
|
72
|
-
const { title = 'Information', data = [], titleStyle, inputStyle } = props;
|
|
73
74
|
const viewData = useCallback((data) => {
|
|
74
75
|
const exactMatch = [];
|
|
75
76
|
const startsWith = [];
|
|
@@ -129,17 +130,21 @@ export function InfoPanel(props) {
|
|
|
129
130
|
if (target.value !== undefined) {
|
|
130
131
|
setSearch(target.value);
|
|
131
132
|
}
|
|
132
|
-
}, style: inputStyle, leftIcon: "search", type: "search", fill: true }), "[", count, "/", total, "]"] }), _jsx(
|
|
133
|
-
position: 'relative',
|
|
134
|
-
marginTop: '5px',
|
|
135
|
-
display: 'flex',
|
|
136
|
-
flexDirection: 'column',
|
|
137
|
-
overflowY: 'auto',
|
|
138
|
-
flex: 1,
|
|
139
|
-
}, children: filteredData.map(({ description, data }) => {
|
|
140
|
-
return (_jsxs(Collapsible.Root, { className: "CollapsibleRoot", defaultOpen: true, children: [_jsx(Collapsible.Trigger, { asChild: true, css: style.button, children: _jsxs("div", { children: [_jsx(Icon, { icon: "chevron-right", css: style.chevron }), description] }) }), _jsx(Collapsible.Content, { css: style.content, children: _jsx(Table, { data: data, columns: columns, striped: true, tableProps: { style: { width: '100%' } }, compact: true }) })] }, description));
|
|
141
|
-
}) })] }));
|
|
133
|
+
}, style: inputStyle, leftIcon: "search", type: "search", fill: true }), "[", count, "/", total, "]"] }), _jsx(InfoPanelContent, { filteredData: filteredData })] }));
|
|
142
134
|
}
|
|
135
|
+
const InfoPanelContent = memo((props) => {
|
|
136
|
+
const { filteredData } = props;
|
|
137
|
+
return (_jsx("div", { style: {
|
|
138
|
+
position: 'relative',
|
|
139
|
+
marginTop: '5px',
|
|
140
|
+
display: 'flex',
|
|
141
|
+
flexDirection: 'column',
|
|
142
|
+
overflowY: 'auto',
|
|
143
|
+
flex: 1,
|
|
144
|
+
}, children: filteredData.map(({ description, data }) => {
|
|
145
|
+
return (_jsxs(Collapsible.Root, { className: "CollapsibleRoot", defaultOpen: true, children: [_jsx(Collapsible.Trigger, { asChild: true, css: style.button, children: _jsxs("div", { children: [_jsx(Icon, { icon: "chevron-right", css: style.chevron }), description] }) }), _jsx(Collapsible.Content, { css: style.content, children: _jsx(Table, { data: data, columns: columns, striped: true, tableProps: { style: { width: '100%' } }, compact: true }) })] }, description));
|
|
146
|
+
}) }));
|
|
147
|
+
});
|
|
143
148
|
/**
|
|
144
149
|
* Get the value cell depending on the type of the value
|
|
145
150
|
* @param value - ValueRenderers value.
|
|
@@ -156,7 +161,7 @@ function valueCell(value) {
|
|
|
156
161
|
case 'string':
|
|
157
162
|
return _jsx(ValueRenderers.Text, { value: value });
|
|
158
163
|
default:
|
|
159
|
-
_jsx(ValueRenderers.Text, { value: value });
|
|
164
|
+
return _jsx(ValueRenderers.Text, { value: value });
|
|
160
165
|
}
|
|
161
166
|
}
|
|
162
167
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAiB,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ColumnDef, type Row, type RowData } from '@tanstack/react-table';
|
|
2
2
|
import type { ReactNode } from 'react';
|
|
3
3
|
export type TableColumnDef<TData extends RowData, TValue = unknown> = ColumnDef<TData, TValue>;
|
|
4
|
-
export declare function createTableColumnHelper<TData extends RowData>(): import("@tanstack/
|
|
4
|
+
export declare function createTableColumnHelper<TData extends RowData>(): import("@tanstack/table-core").ColumnHelper<TData>;
|
|
5
5
|
export interface TableRowTrRendererProps<TData extends RowData> {
|
|
6
6
|
row: Row<TData>;
|
|
7
7
|
children: ReactNode;
|
|
@@ -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;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,
|
|
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,wDAE5D;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"}
|
|
@@ -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": "6.0.
|
|
3
|
+
"version": "6.0.2",
|
|
4
4
|
"description": "React components to build scientific applications UI",
|
|
5
5
|
"exports": {
|
|
6
6
|
"./app": {
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"test-only": "vitest run --coverage "
|
|
52
52
|
},
|
|
53
53
|
"volta": {
|
|
54
|
-
"node": "20.
|
|
54
|
+
"node": "20.17.0"
|
|
55
55
|
},
|
|
56
56
|
"overrides": {
|
|
57
57
|
"react": "^18.3.1",
|
|
@@ -65,32 +65,32 @@
|
|
|
65
65
|
"react-dom": ">=18.0.0"
|
|
66
66
|
},
|
|
67
67
|
"dependencies": {
|
|
68
|
-
"@blueprintjs/select": "^5.2.
|
|
69
|
-
"@emotion/react": "^11.13.
|
|
68
|
+
"@blueprintjs/select": "^5.2.4",
|
|
69
|
+
"@emotion/react": "^11.13.3",
|
|
70
70
|
"@emotion/styled": "^11.13.0",
|
|
71
71
|
"@lukeed/uuid": "^2.0.1",
|
|
72
72
|
"@popperjs/core": "^2.11.8",
|
|
73
73
|
"@radix-ui/react-collapsible": "^1.1.0",
|
|
74
74
|
"@radix-ui/react-radio-group": "^1.2.0",
|
|
75
75
|
"@radix-ui/react-select": "^2.1.1",
|
|
76
|
-
"@tanstack/react-query": "^5.
|
|
77
|
-
"@tanstack/react-table": "^8.
|
|
76
|
+
"@tanstack/react-query": "^5.56.2",
|
|
77
|
+
"@tanstack/react-table": "^8.20.5",
|
|
78
78
|
"biologic-converter": "^0.6.0",
|
|
79
|
-
"cheminfo-types": "^1.
|
|
79
|
+
"cheminfo-types": "^1.8.0",
|
|
80
80
|
"d3-scale-chromatic": "^3.1.0",
|
|
81
81
|
"filelist-utils": "^1.11.1",
|
|
82
82
|
"immer": "^10.1.1",
|
|
83
83
|
"jcampconverter": "^9.6.4",
|
|
84
84
|
"lodash": "^4.17.21",
|
|
85
|
-
"ml-gsd": "^12.1.
|
|
86
|
-
"ml-peak-shape-generator": "^4.1.
|
|
85
|
+
"ml-gsd": "^12.1.8",
|
|
86
|
+
"ml-peak-shape-generator": "^4.1.4",
|
|
87
87
|
"ml-signal-processing": "^1.0.4",
|
|
88
|
-
"ml-spectra-processing": "^14.5.
|
|
89
|
-
"ms-spectrum": "^3.6.
|
|
88
|
+
"ml-spectra-processing": "^14.5.3",
|
|
89
|
+
"ms-spectrum": "^3.6.6",
|
|
90
90
|
"netcdfjs": "^3.0.0",
|
|
91
91
|
"react-d3-utils": "^1.0.0",
|
|
92
92
|
"react-dropzone": "^14.2.3",
|
|
93
|
-
"react-icons": "^5.
|
|
93
|
+
"react-icons": "^5.3.0",
|
|
94
94
|
"react-inspector": "^6.0.2",
|
|
95
95
|
"react-plot": "^2.0.0",
|
|
96
96
|
"react-popper": "^2.3.0",
|
|
@@ -100,31 +100,33 @@
|
|
|
100
100
|
"wdf-parser": "^0.3.0"
|
|
101
101
|
},
|
|
102
102
|
"devDependencies": {
|
|
103
|
-
"@babel/core": "^7.
|
|
103
|
+
"@babel/core": "^7.25.2",
|
|
104
|
+
"@babel/preset-env": "^7.25.4",
|
|
104
105
|
"@babel/preset-react": "^7.24.7",
|
|
105
|
-
"@
|
|
106
|
-
"@blueprintjs/
|
|
107
|
-
"@
|
|
108
|
-
"@playwright/
|
|
109
|
-
"@
|
|
110
|
-
"@storybook/addon-
|
|
111
|
-
"@storybook/
|
|
112
|
-
"@storybook/
|
|
113
|
-
"@storybook/react
|
|
106
|
+
"@babel/preset-typescript": "^7.24.7",
|
|
107
|
+
"@blueprintjs/core": "^5.13.0",
|
|
108
|
+
"@blueprintjs/icons": "^5.13.0",
|
|
109
|
+
"@playwright/experimental-ct-react": "^1.47.2",
|
|
110
|
+
"@playwright/test": "^1.47.2",
|
|
111
|
+
"@storybook/addon-essentials": "^8.3.3",
|
|
112
|
+
"@storybook/addon-storysource": "^8.3.3",
|
|
113
|
+
"@storybook/blocks": "^8.3.3",
|
|
114
|
+
"@storybook/react": "^8.3.3",
|
|
115
|
+
"@storybook/react-vite": "^8.3.3",
|
|
114
116
|
"@types/babel__core": "^7.20.5",
|
|
115
117
|
"@types/d3-scale-chromatic": "^3.0.3",
|
|
116
|
-
"@types/lodash": "^4.17.
|
|
117
|
-
"@types/react": "^18.3.
|
|
118
|
+
"@types/lodash": "^4.17.9",
|
|
119
|
+
"@types/react": "^18.3.10",
|
|
118
120
|
"@types/react-dom": "^18.3.0",
|
|
119
121
|
"@types/react-inspector": "^4.0.6",
|
|
120
122
|
"@types/tinycolor2": "^1.4.6",
|
|
121
123
|
"@vitejs/plugin-react": "^4.3.1",
|
|
122
|
-
"@vitest/coverage-v8": "^2.
|
|
124
|
+
"@vitest/coverage-v8": "^2.1.1",
|
|
123
125
|
"cheminfo-font": "^1.13.0",
|
|
124
126
|
"cross-env": "^7.0.3",
|
|
125
127
|
"eslint": "^8.57.0",
|
|
126
|
-
"eslint-config-zakodium": "^
|
|
127
|
-
"eslint-plugin-storybook": "^0.
|
|
128
|
+
"eslint-config-zakodium": "^12.0.0",
|
|
129
|
+
"eslint-plugin-storybook": "^0.9.0",
|
|
128
130
|
"fifo-logger": "^1.0.0",
|
|
129
131
|
"prettier": "^3.3.3",
|
|
130
132
|
"react": "^18.3.1",
|
|
@@ -133,10 +135,10 @@
|
|
|
133
135
|
"react-kbs": "^2.1.1",
|
|
134
136
|
"react-ocl": "^6.1.0",
|
|
135
137
|
"rimraf": "^6.0.1",
|
|
136
|
-
"storybook": "^8.
|
|
137
|
-
"typescript": "^5.
|
|
138
|
-
"vite": "^5.
|
|
139
|
-
"vitest": "^2.
|
|
138
|
+
"storybook": "^8.3.3",
|
|
139
|
+
"typescript": "^5.6.2",
|
|
140
|
+
"vite": "^5.4.8",
|
|
141
|
+
"vitest": "^2.1.1"
|
|
140
142
|
},
|
|
141
143
|
"repository": {
|
|
142
144
|
"type": "git",
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import styled from '@emotion/styled';
|
|
2
2
|
import { useMemo, useState } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { FaArrowsAltH, FaExchangeAlt } from 'react-icons/fa';
|
|
4
4
|
|
|
5
|
-
import { MeasurementPlot, MeasurementPlotProps } from '../helpers
|
|
5
|
+
import { MeasurementPlot, MeasurementPlotProps } from '../helpers';
|
|
6
6
|
|
|
7
|
-
export
|
|
8
|
-
|
|
7
|
+
export type MeasurementExplorerProps = Omit<
|
|
8
|
+
MeasurementPlotProps,
|
|
9
|
+
keyof ExplorerInfo
|
|
10
|
+
>;
|
|
9
11
|
interface ExplorerInfo {
|
|
10
12
|
dataIndex: number;
|
|
11
13
|
xVariableName: string;
|
|
@@ -11,8 +11,9 @@ import {
|
|
|
11
11
|
useAppState,
|
|
12
12
|
} from '../../../app-data';
|
|
13
13
|
|
|
14
|
-
import {
|
|
14
|
+
import { MeasurementPanelProvider, MeasurementsTable } from '.';
|
|
15
15
|
|
|
16
|
+
// eslint-disable-next-line @typescript-eslint/unbound-method
|
|
16
17
|
export function MeasurementsPanel({ openPanel }: PanelProps<object>) {
|
|
17
18
|
const appState = useAppState();
|
|
18
19
|
const { data, view } = appState;
|
|
@@ -279,11 +279,11 @@ function MeasurementsTableRow(props: MeasurementsTableRowProps) {
|
|
|
279
279
|
onClick={() =>
|
|
280
280
|
openPanel?.({
|
|
281
281
|
title: item.info.file?.name ?? item.info.title,
|
|
282
|
-
renderPanel: (
|
|
282
|
+
renderPanel: (props) => (
|
|
283
283
|
<div>
|
|
284
284
|
<PanelPreferencesToolbar
|
|
285
285
|
title={item.info.file?.name ?? item.info.title}
|
|
286
|
-
onClose={closePanel}
|
|
286
|
+
onClose={() => props.closePanel()}
|
|
287
287
|
/>
|
|
288
288
|
<InfoPanel data={infoPanelData} title="" />
|
|
289
289
|
</div>
|
|
@@ -297,11 +297,11 @@ function MeasurementsTableRow(props: MeasurementsTableRowProps) {
|
|
|
297
297
|
onClick={() =>
|
|
298
298
|
openPanel?.({
|
|
299
299
|
title: item.info.file?.name ?? item.info.title,
|
|
300
|
-
renderPanel: (
|
|
300
|
+
renderPanel: (props) => (
|
|
301
301
|
<div>
|
|
302
302
|
<PanelPreferencesToolbar
|
|
303
303
|
title={item.info.file?.name ?? item.info.title}
|
|
304
|
-
onClose={closePanel}
|
|
304
|
+
onClose={() => props.closePanel()}
|
|
305
305
|
/>
|
|
306
306
|
<MeasurementConfigPanel />
|
|
307
307
|
</div>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
import styled from '@emotion/styled';
|
|
4
2
|
import { Button, MenuItem } from '@blueprintjs/core';
|
|
5
3
|
import { ItemRenderer, Select } from '@blueprintjs/select';
|
|
4
|
+
import { css } from '@emotion/react';
|
|
5
|
+
import styled from '@emotion/styled';
|
|
6
6
|
import * as scaleChromatic from 'd3-scale-chromatic';
|
|
7
7
|
import { FaChevronDown } from 'react-icons/fa';
|
|
8
8
|
|
|
@@ -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,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { Icon, InputGroup } from '@blueprintjs/core';
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
4
|
import * as Collapsible from '@radix-ui/react-collapsible';
|
|
5
|
-
import { CSSProperties, useCallback, useMemo, useState } from 'react';
|
|
5
|
+
import { CSSProperties, memo, useCallback, useMemo, useState } from 'react';
|
|
6
6
|
|
|
7
7
|
import { createTableColumnHelper, Table } from '../table';
|
|
8
8
|
import * as ValueRenderers from '../value-renderers';
|
|
@@ -19,6 +19,7 @@ interface InfoPanelProps {
|
|
|
19
19
|
titleStyle?: CSSProperties;
|
|
20
20
|
inputStyle?: CSSProperties;
|
|
21
21
|
}
|
|
22
|
+
|
|
22
23
|
const style = {
|
|
23
24
|
content: css({
|
|
24
25
|
overflow: 'hidden',
|
|
@@ -87,9 +88,17 @@ const columns = [
|
|
|
87
88
|
}),
|
|
88
89
|
];
|
|
89
90
|
|
|
91
|
+
const emptyData: InfoPanelData[] = [];
|
|
92
|
+
|
|
90
93
|
export function InfoPanel(props: InfoPanelProps) {
|
|
94
|
+
const {
|
|
95
|
+
title = 'Information',
|
|
96
|
+
data = emptyData,
|
|
97
|
+
titleStyle,
|
|
98
|
+
inputStyle,
|
|
99
|
+
} = props;
|
|
100
|
+
|
|
91
101
|
const [search, setSearch] = useState('');
|
|
92
|
-
const { title = 'Information', data = [], titleStyle, inputStyle } = props;
|
|
93
102
|
const viewData = useCallback(
|
|
94
103
|
(data: Record<string, string | number | object>) => {
|
|
95
104
|
const exactMatch: InfoPanelDatum[] = [];
|
|
@@ -123,12 +132,9 @@ export function InfoPanel(props: InfoPanelProps) {
|
|
|
123
132
|
},
|
|
124
133
|
[search],
|
|
125
134
|
);
|
|
135
|
+
|
|
126
136
|
const { filteredData, total, count } = useMemo(() => {
|
|
127
|
-
const filteredData:
|
|
128
|
-
Omit<InfoPanelData, 'data'> & {
|
|
129
|
-
data: InfoPanelDatum[];
|
|
130
|
-
}
|
|
131
|
-
> = [];
|
|
137
|
+
const filteredData: InfoPanelContentDatum[] = [];
|
|
132
138
|
let total = 0;
|
|
133
139
|
let count = 0;
|
|
134
140
|
for (const { data: dataContent, ...other } of data) {
|
|
@@ -140,6 +146,7 @@ export function InfoPanel(props: InfoPanelProps) {
|
|
|
140
146
|
}
|
|
141
147
|
return { filteredData, total, count };
|
|
142
148
|
}, [data, viewData]);
|
|
149
|
+
|
|
143
150
|
return (
|
|
144
151
|
<div css={style.container}>
|
|
145
152
|
<div
|
|
@@ -181,45 +188,61 @@ export function InfoPanel(props: InfoPanelProps) {
|
|
|
181
188
|
/>
|
|
182
189
|
[{count}/{total}]
|
|
183
190
|
</div>
|
|
184
|
-
<
|
|
185
|
-
style={{
|
|
186
|
-
position: 'relative',
|
|
187
|
-
marginTop: '5px',
|
|
188
|
-
display: 'flex',
|
|
189
|
-
flexDirection: 'column',
|
|
190
|
-
overflowY: 'auto',
|
|
191
|
-
flex: 1,
|
|
192
|
-
}}
|
|
193
|
-
>
|
|
194
|
-
{filteredData.map(({ description, data }) => {
|
|
195
|
-
return (
|
|
196
|
-
<Collapsible.Root
|
|
197
|
-
key={description}
|
|
198
|
-
className="CollapsibleRoot"
|
|
199
|
-
defaultOpen
|
|
200
|
-
>
|
|
201
|
-
<Collapsible.Trigger asChild css={style.button}>
|
|
202
|
-
<div>
|
|
203
|
-
<Icon icon="chevron-right" css={style.chevron} />
|
|
204
|
-
{description}
|
|
205
|
-
</div>
|
|
206
|
-
</Collapsible.Trigger>
|
|
207
|
-
<Collapsible.Content css={style.content}>
|
|
208
|
-
<Table
|
|
209
|
-
data={data}
|
|
210
|
-
columns={columns}
|
|
211
|
-
striped
|
|
212
|
-
tableProps={{ style: { width: '100%' } }}
|
|
213
|
-
compact
|
|
214
|
-
/>
|
|
215
|
-
</Collapsible.Content>
|
|
216
|
-
</Collapsible.Root>
|
|
217
|
-
);
|
|
218
|
-
})}
|
|
219
|
-
</div>
|
|
191
|
+
<InfoPanelContent filteredData={filteredData} />
|
|
220
192
|
</div>
|
|
221
193
|
);
|
|
222
194
|
}
|
|
195
|
+
|
|
196
|
+
type InfoPanelContentDatum = Omit<InfoPanelData, 'data'> & {
|
|
197
|
+
data: InfoPanelDatum[];
|
|
198
|
+
};
|
|
199
|
+
|
|
200
|
+
interface InfoPanelContentProps {
|
|
201
|
+
filteredData: InfoPanelContentDatum[];
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
const InfoPanelContent = memo((props: InfoPanelContentProps) => {
|
|
205
|
+
const { filteredData } = props;
|
|
206
|
+
return (
|
|
207
|
+
<div
|
|
208
|
+
style={{
|
|
209
|
+
position: 'relative',
|
|
210
|
+
marginTop: '5px',
|
|
211
|
+
display: 'flex',
|
|
212
|
+
flexDirection: 'column',
|
|
213
|
+
overflowY: 'auto',
|
|
214
|
+
flex: 1,
|
|
215
|
+
}}
|
|
216
|
+
>
|
|
217
|
+
{filteredData.map(({ description, data }) => {
|
|
218
|
+
return (
|
|
219
|
+
<Collapsible.Root
|
|
220
|
+
key={description}
|
|
221
|
+
className="CollapsibleRoot"
|
|
222
|
+
defaultOpen
|
|
223
|
+
>
|
|
224
|
+
<Collapsible.Trigger asChild css={style.button}>
|
|
225
|
+
<div>
|
|
226
|
+
<Icon icon="chevron-right" css={style.chevron} />
|
|
227
|
+
{description}
|
|
228
|
+
</div>
|
|
229
|
+
</Collapsible.Trigger>
|
|
230
|
+
<Collapsible.Content css={style.content}>
|
|
231
|
+
<Table
|
|
232
|
+
data={data}
|
|
233
|
+
columns={columns}
|
|
234
|
+
striped
|
|
235
|
+
tableProps={{ style: { width: '100%' } }}
|
|
236
|
+
compact
|
|
237
|
+
/>
|
|
238
|
+
</Collapsible.Content>
|
|
239
|
+
</Collapsible.Root>
|
|
240
|
+
);
|
|
241
|
+
})}
|
|
242
|
+
</div>
|
|
243
|
+
);
|
|
244
|
+
});
|
|
245
|
+
|
|
223
246
|
/**
|
|
224
247
|
* Get the value cell depending on the type of the value
|
|
225
248
|
* @param value - ValueRenderers value.
|
|
@@ -236,7 +259,7 @@ function valueCell(value: number | string | object | boolean) {
|
|
|
236
259
|
case 'string':
|
|
237
260
|
return <ValueRenderers.Text value={value} />;
|
|
238
261
|
default:
|
|
239
|
-
<ValueRenderers.Text value={value} />;
|
|
262
|
+
return <ValueRenderers.Text value={value} />;
|
|
240
263
|
}
|
|
241
264
|
}
|
|
242
265
|
|
|
@@ -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} {
|