@insync-stageplayer/measurements 0.5.37 → 0.6.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/AsyncSubject.d.ts +23 -23
- package/lib/AsyncSubject.js +64 -64
- package/lib/client/MeasurementDataClient.d.ts +135 -130
- package/lib/client/MeasurementDataClient.d.ts.map +1 -1
- package/lib/client/MeasurementDataClient.js +99 -99
- package/lib/client/MeasurementDataClient.js.map +1 -1
- package/lib/client/OnlineMeasurementDataClient.d.ts +44 -44
- package/lib/client/OnlineMeasurementDataClient.d.ts.map +1 -1
- package/lib/client/OnlineMeasurementDataClient.js +211 -211
- package/lib/client/OnlineMeasurementDataClient.js.map +1 -1
- package/lib/client/debug.d.ts +1 -1
- package/lib/client/debug.js +4 -4
- package/lib/client/index.d.ts +3 -3
- package/lib/client/index.js +3 -3
- package/lib/client/offline/OfflineMeasurementDataClient.d.ts +16 -16
- package/lib/client/offline/OfflineMeasurementDataClient.js +47 -47
- package/lib/client/offline/offline.d.ts +16 -16
- package/lib/client/offline/offline.js +82 -82
- package/lib/client/sbf.d.ts +35 -35
- package/lib/client/sbf.js +88 -88
- package/lib/client/signalviewer/SignalViewerDataClient.d.ts +37 -37
- package/lib/client/signalviewer/SignalViewerDataClient.d.ts.map +1 -1
- package/lib/client/signalviewer/SignalViewerDataClient.js +163 -164
- package/lib/client/signalviewer/SignalViewerDataClient.js.map +1 -1
- package/lib/client/signalviewer/SignalViewerDataClient.worker.d.ts +79 -73
- package/lib/client/signalviewer/SignalViewerDataClient.worker.d.ts.map +1 -1
- package/lib/client/signalviewer/SignalViewerDataClient.worker.js +342 -211
- package/lib/client/signalviewer/SignalViewerDataClient.worker.js.map +1 -1
- package/lib/components/Icon/CloseIcon.d.ts +6 -6
- package/lib/components/Icon/CloseIcon.js +24 -24
- package/lib/components/Icon/Icon.test.d.ts +1 -1
- package/lib/components/Icon/Icon.test.js +11 -11
- package/lib/components/MeasurementsChooser.d.ts +38 -38
- package/lib/components/MeasurementsChooser.d.ts.map +1 -1
- package/lib/components/MeasurementsChooser.js +178 -181
- package/lib/components/MeasurementsChooser.js.map +1 -1
- package/lib/components/MeasurementsModuleProvider.d.ts +34 -34
- package/lib/components/MeasurementsModuleProvider.d.ts.map +1 -1
- package/lib/components/MeasurementsModuleProvider.js +100 -79
- package/lib/components/MeasurementsModuleProvider.js.map +1 -1
- package/lib/components/MeasurementsTable/CheckboxCell.d.ts +35 -35
- package/lib/components/MeasurementsTable/CheckboxCell.js +28 -28
- package/lib/components/MeasurementsTable/ColorCell.d.ts +29 -29
- package/lib/components/MeasurementsTable/ColorCell.d.ts.map +1 -1
- package/lib/components/MeasurementsTable/ColorCell.js +58 -58
- package/lib/components/MeasurementsTable/ColorPicker.d.ts +6 -3
- package/lib/components/MeasurementsTable/ColorPicker.d.ts.map +1 -1
- package/lib/components/MeasurementsTable/ColorPicker.js +10 -10
- package/lib/components/MeasurementsTable/ColumnResizer.d.ts +4 -4
- package/lib/components/MeasurementsTable/ColumnResizer.js +5 -5
- package/lib/components/MeasurementsTable/ColumnSorting.d.ts +13 -13
- package/lib/components/MeasurementsTable/ColumnSorting.d.ts.map +1 -1
- package/lib/components/MeasurementsTable/ColumnSorting.js +10 -10
- package/lib/components/MeasurementsTable/MeasurementsTable.d.ts +72 -72
- package/lib/components/MeasurementsTable/MeasurementsTable.d.ts.map +1 -1
- package/lib/components/MeasurementsTable/MeasurementsTable.js +229 -217
- package/lib/components/MeasurementsTable/MeasurementsTable.js.map +1 -1
- package/lib/components/MeasurementsTable/MeasurementsTable.test.d.ts +1 -1
- package/lib/components/MeasurementsTable/MeasurementsTable.test.js +102 -102
- package/lib/components/MeasurementsTable/MeasurementsTableNoldus.d.ts +72 -72
- package/lib/components/MeasurementsTable/MeasurementsTableNoldus.d.ts.map +1 -1
- package/lib/components/MeasurementsTable/MeasurementsTableNoldus.js +193 -193
- package/lib/components/MeasurementsTable/SelectedContext.d.ts +10 -10
- package/lib/components/MeasurementsTable/SelectedContext.js +10 -10
- package/lib/components/MeasurementsTable/TextColumnFilter.d.ts +8 -8
- package/lib/components/MeasurementsTable/TextColumnFilter.d.ts.map +1 -1
- package/lib/components/MeasurementsTable/TextColumnFilter.js +15 -15
- package/lib/components/MeasurementsTable/filters.d.ts +3 -3
- package/lib/components/MeasurementsTable/filters.js +9 -9
- package/lib/components/MeasurementsTable/index.d.ts +2 -2
- package/lib/components/MeasurementsTable/index.js +2 -2
- package/lib/components/ModalMeasurementChooser.d.ts +19 -19
- package/lib/components/ModalMeasurementChooser.js +35 -35
- package/lib/conversion/UnitConversion.d.ts +13 -0
- package/lib/conversion/UnitConversion.d.ts.map +1 -0
- package/lib/conversion/UnitConversion.js +266 -0
- package/lib/conversion/UnitConversion.js.map +1 -0
- package/lib/hooks/useMarkerData.d.ts +6 -4
- package/lib/hooks/useMarkerData.d.ts.map +1 -1
- package/lib/hooks/useMarkerData.js +93 -63
- package/lib/hooks/useMarkerData.js.map +1 -1
- package/lib/hooks/useMeasurement.d.ts +41 -17
- package/lib/hooks/useMeasurement.d.ts.map +1 -1
- package/lib/hooks/useMeasurement.js +41 -41
- package/lib/hooks/useMeasurements.d.ts +11 -11
- package/lib/hooks/useMeasurements.js +22 -22
- package/lib/hooks/useMeasurementsModule.d.ts +20 -20
- package/lib/hooks/useMeasurementsModule.js +12 -12
- package/lib/hooks/useOverlayMeasurementData.d.ts +1 -1
- package/lib/hooks/useOverlayMeasurementData.js +23 -23
- package/lib/hooks/useTimedMeasurementData.d.ts +26 -26
- package/lib/hooks/useTimedMeasurementData.d.ts.map +1 -1
- package/lib/hooks/useTimedMeasurementData.js +125 -125
- package/lib/hooks/useTimedMeasurementData.js.map +1 -1
- package/lib/hooks/useWindowedMeasurementData.d.ts +25 -25
- package/lib/hooks/useWindowedMeasurementData.d.ts.map +1 -1
- package/lib/hooks/useWindowedMeasurementData.js +120 -120
- package/lib/hooks/useWindowedMeasurementData.js.map +1 -1
- package/lib/index.d.ts +15 -14
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +15 -14
- package/lib/index.js.map +1 -1
- package/lib/redux/measurements.slice.d.ts +75 -122
- package/lib/redux/measurements.slice.d.ts.map +1 -1
- package/lib/redux/measurements.slice.js +90 -89
- package/lib/redux/measurements.slice.js.map +1 -1
- package/lib/redux/reducer.d.ts +3 -10
- package/lib/redux/reducer.d.ts.map +1 -1
- package/lib/redux/reducer.js +2 -2
- package/lib/redux/reducer.js.map +1 -1
- package/lib/types.d.ts +93 -93
- package/lib/types.js +51 -51
- package/package.json +7 -10
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { MeasurementDataClient } from "../client";
|
|
3
|
-
import { measurementsAdapter, MeasurementsModuleState } from "../redux/measurements.slice";
|
|
4
|
-
declare type MeasurementsModuleStateSelector = (state: any) => MeasurementsModuleState;
|
|
5
|
-
declare type MeasurementsModuleValue = {
|
|
6
|
-
client: MeasurementDataClient;
|
|
7
|
-
selector: MeasurementsModuleStateSelector;
|
|
8
|
-
entitiesSelectors: {
|
|
9
|
-
measurements: ReturnType<typeof measurementsAdapter.getSelectors>;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export declare const MeasurementsModuleContext: React.Context<MeasurementsModuleValue>;
|
|
13
|
-
declare type MeasurementsModuleProviderProps = {
|
|
14
|
-
/**
|
|
15
|
-
* The selector to return the measurements module slice from the redux state.
|
|
16
|
-
*/
|
|
17
|
-
selector: MeasurementsModuleStateSelector;
|
|
18
|
-
/**
|
|
19
|
-
* The MeasurementDataClient to use for retrieving metadata/measurement data.
|
|
20
|
-
*/
|
|
21
|
-
client: MeasurementDataClient;
|
|
22
|
-
};
|
|
23
|
-
/**
|
|
24
|
-
* Exposes the functionality contained in this module to its children components.
|
|
25
|
-
*
|
|
26
|
-
* Also takes care of performing requests for retrieving measurements metadata.
|
|
27
|
-
*
|
|
28
|
-
* TODO: Maybe this is not the best place for performing the requests for retrieving metadata.
|
|
29
|
-
*
|
|
30
|
-
* @param props
|
|
31
|
-
* @returns
|
|
32
|
-
*/
|
|
33
|
-
export declare const MeasurementsModuleProvider: React.FC<MeasurementsModuleProviderProps>;
|
|
34
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { MeasurementDataClient } from "../client";
|
|
3
|
+
import { measurementsAdapter, MeasurementsModuleState } from "../redux/measurements.slice";
|
|
4
|
+
declare type MeasurementsModuleStateSelector = (state: any) => MeasurementsModuleState;
|
|
5
|
+
declare type MeasurementsModuleValue = {
|
|
6
|
+
client: MeasurementDataClient;
|
|
7
|
+
selector: MeasurementsModuleStateSelector;
|
|
8
|
+
entitiesSelectors: {
|
|
9
|
+
measurements: ReturnType<typeof measurementsAdapter.getSelectors>;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export declare const MeasurementsModuleContext: React.Context<MeasurementsModuleValue>;
|
|
13
|
+
declare type MeasurementsModuleProviderProps = {
|
|
14
|
+
/**
|
|
15
|
+
* The selector to return the measurements module slice from the redux state.
|
|
16
|
+
*/
|
|
17
|
+
selector: MeasurementsModuleStateSelector;
|
|
18
|
+
/**
|
|
19
|
+
* The MeasurementDataClient to use for retrieving metadata/measurement data.
|
|
20
|
+
*/
|
|
21
|
+
client: MeasurementDataClient;
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* Exposes the functionality contained in this module to its children components.
|
|
25
|
+
*
|
|
26
|
+
* Also takes care of performing requests for retrieving measurements metadata.
|
|
27
|
+
*
|
|
28
|
+
* TODO: Maybe this is not the best place for performing the requests for retrieving metadata.
|
|
29
|
+
*
|
|
30
|
+
* @param props
|
|
31
|
+
* @returns
|
|
32
|
+
*/
|
|
33
|
+
export declare const MeasurementsModuleProvider: React.FC<MeasurementsModuleProviderProps>;
|
|
34
|
+
export {};
|
|
35
35
|
//# sourceMappingURL=MeasurementsModuleProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeasurementsModuleProvider.d.ts","sourceRoot":"","sources":["../../src/components/MeasurementsModuleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MeasurementsModuleProvider.d.ts","sourceRoot":"","sources":["../../src/components/MeasurementsModuleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAGL,mBAAmB,EAGnB,uBAAuB,EAIxB,MAAM,6BAA6B,CAAC;AAErC,aAAK,+BAA+B,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,uBAAuB,CAAC;AAE/E,aAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,QAAQ,EAAE,+BAA+B,CAAC;IAC1C,iBAAiB,EAAE;QACjB,YAAY,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,YAAY,CAAC,CAAC;KACnE,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,yBAAyB,wCACuC,CAAC;AAsC9E,aAAK,+BAA+B,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,+BAA+B,CAAC;IAC1C;;OAEG;IACH,MAAM,EAAE,qBAAqB,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA+E9E,CAAC"}
|
|
@@ -1,80 +1,101 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
import React, { useEffect, useMemo } from "react";
|
|
11
|
-
import { useDispatch, useSelector } from "react-redux";
|
|
12
|
-
import { invalidate, measurementsAdapter, measurementsError, measurementsLoading, measurementsReceived, setGloballyUniqueMeasurementColors, setDataScale, } from "../redux/measurements.slice";
|
|
13
|
-
export const MeasurementsModuleContext = React.createContext({});
|
|
14
|
-
/**
|
|
15
|
-
* Fetches all measurements for all given files using the provided client.
|
|
16
|
-
* @param client The MeasurementDataClient used to retrieve measurement metadata.
|
|
17
|
-
* @param files A list of files we want to retrieve measurements from.
|
|
18
|
-
* @returns
|
|
19
|
-
*/
|
|
20
|
-
function fetchMeasurementsForFiles(client, files) {
|
|
21
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
22
|
-
const promises = files.map((f) => client.fetchMetadata(f.path).then((
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
import React, { useEffect, useMemo } from "react";
|
|
11
|
+
import { useDispatch, useSelector } from "react-redux";
|
|
12
|
+
import { invalidate, measurementsAdapter, measurementsError, measurementsLoading, measurementsReceived, setGloballyUniqueMeasurementColors, setDataScale, } from "../redux/measurements.slice";
|
|
13
|
+
export const MeasurementsModuleContext = React.createContext({});
|
|
14
|
+
/**
|
|
15
|
+
* Fetches all measurements for all given files using the provided client.
|
|
16
|
+
* @param client The MeasurementDataClient used to retrieve measurement metadata.
|
|
17
|
+
* @param files A list of files we want to retrieve measurements from.
|
|
18
|
+
* @returns
|
|
19
|
+
*/
|
|
20
|
+
function fetchMeasurementsForFiles(client, files) {
|
|
21
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
22
|
+
const promises = files.map((f) => client.fetchMetadata(f.path).then((measurementsData) => {
|
|
23
|
+
let measurements;
|
|
24
|
+
// if a file errors, don't throw an error, but return error and continue to be able to retrieve other files
|
|
25
|
+
if ("code" in measurementsData) {
|
|
26
|
+
if (measurementsData.code !== 200) {
|
|
27
|
+
return [{ error: f.path }];
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
measurements = measurementsData.response;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
measurements = measurementsData;
|
|
35
|
+
}
|
|
36
|
+
return measurements.map((m) => (Object.assign(Object.assign(Object.assign({}, m), f.timing), { file: f.path, id: `${f.group}:${m.index.join("/")}` })));
|
|
37
|
+
}));
|
|
38
|
+
const all = yield Promise.all(promises);
|
|
39
|
+
return all.reduce((acc, c) => acc.concat(c), []);
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* Exposes the functionality contained in this module to its children components.
|
|
44
|
+
*
|
|
45
|
+
* Also takes care of performing requests for retrieving measurements metadata.
|
|
46
|
+
*
|
|
47
|
+
* TODO: Maybe this is not the best place for performing the requests for retrieving metadata.
|
|
48
|
+
*
|
|
49
|
+
* @param props
|
|
50
|
+
* @returns
|
|
51
|
+
*/
|
|
52
|
+
export const MeasurementsModuleProvider = (props) => {
|
|
53
|
+
const { selector, client, children } = props;
|
|
54
|
+
const dispatch = useDispatch();
|
|
55
|
+
const entitiesSelectors = useMemo(() => {
|
|
56
|
+
return {
|
|
57
|
+
measurements: measurementsAdapter.getSelectors(selector),
|
|
58
|
+
};
|
|
59
|
+
}, [selector]);
|
|
60
|
+
const { files, loading, didInvalidate, globallyUniqueMeasurementColors, dataScale, } = useSelector((s) => {
|
|
61
|
+
const state = selector(s);
|
|
62
|
+
return state;
|
|
63
|
+
});
|
|
64
|
+
useEffect(() => {
|
|
65
|
+
dispatch(invalidate);
|
|
66
|
+
}, [dispatch, files]);
|
|
67
|
+
useEffect(() => {
|
|
68
|
+
if (files.length === 0 || !didInvalidate || loading)
|
|
69
|
+
return;
|
|
70
|
+
(function doFetchMeasurements() {
|
|
71
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
72
|
+
dispatch(measurementsLoading());
|
|
73
|
+
let measurements = [];
|
|
74
|
+
try {
|
|
75
|
+
measurements = yield fetchMeasurementsForFiles(client, files);
|
|
76
|
+
}
|
|
77
|
+
catch (err) {
|
|
78
|
+
dispatch(measurementsError(err.message || "Something went wrong retrieving data"));
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
// return measurements from files without errors
|
|
82
|
+
const loadedMeasurements = measurements.filter((m) => !("error" in m));
|
|
83
|
+
dispatch(measurementsReceived(loadedMeasurements));
|
|
84
|
+
// if one or multiple errors occurred, dispatch error message but return the corectly retrieved measurements
|
|
85
|
+
const errorMeasurements = measurements.filter((m) => "error" in m);
|
|
86
|
+
if (errorMeasurements.length > 0) {
|
|
87
|
+
dispatch(measurementsError(new Error("Error retrieving metadata for files: " +
|
|
88
|
+
errorMeasurements.map((m) => m.error).join(", "))));
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
})();
|
|
92
|
+
}, [files, didInvalidate, client, dispatch, loading]);
|
|
93
|
+
useEffect(() => {
|
|
94
|
+
dispatch(setGloballyUniqueMeasurementColors(globallyUniqueMeasurementColors));
|
|
95
|
+
}, [dispatch, globallyUniqueMeasurementColors]);
|
|
96
|
+
useEffect(() => {
|
|
97
|
+
dispatch(setDataScale(dataScale));
|
|
98
|
+
}, [dispatch, dataScale]);
|
|
99
|
+
return (React.createElement(MeasurementsModuleContext.Provider, { value: { client, selector, entitiesSelectors } }, children));
|
|
100
|
+
};
|
|
80
101
|
//# sourceMappingURL=MeasurementsModuleProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeasurementsModuleProvider.js","sourceRoot":"","sources":["../../src/components/MeasurementsModuleProvider.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"MeasurementsModuleProvider.js","sourceRoot":"","sources":["../../src/components/MeasurementsModuleProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare type CheckboxCellProps = {
|
|
3
|
-
/**
|
|
4
|
-
* The id of the row.
|
|
5
|
-
*/
|
|
6
|
-
id: string;
|
|
7
|
-
rowToDisable: boolean;
|
|
8
|
-
};
|
|
9
|
-
declare type YAxisCheckboxCellProps = {
|
|
10
|
-
/**
|
|
11
|
-
* The id of the row.
|
|
12
|
-
*/
|
|
13
|
-
yaxisLeftPos: string;
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* A component used in MeasurementTable to show if this row is selected. Uses SelectedContext to keep track of currently
|
|
17
|
-
* selected rows.
|
|
18
|
-
*
|
|
19
|
-
* It will either render a radio (for single selection mode) or a checkbox (for multiple selection).
|
|
20
|
-
*
|
|
21
|
-
* @param props
|
|
22
|
-
* @returns
|
|
23
|
-
*/
|
|
24
|
-
export declare const CheckboxCell: React.FC<CheckboxCellProps>;
|
|
25
|
-
/**
|
|
26
|
-
* A component used in MeasurementTable to show if this row is selected. Uses SelectedContext to keep track of currently
|
|
27
|
-
* selected rows.
|
|
28
|
-
*
|
|
29
|
-
* It will render a radio.
|
|
30
|
-
*
|
|
31
|
-
* @param props
|
|
32
|
-
* @returns
|
|
33
|
-
*/
|
|
34
|
-
export declare const YAxisCheckboxCell: React.FC<YAxisCheckboxCellProps>;
|
|
35
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare type CheckboxCellProps = {
|
|
3
|
+
/**
|
|
4
|
+
* The id of the row.
|
|
5
|
+
*/
|
|
6
|
+
id: string;
|
|
7
|
+
rowToDisable: boolean;
|
|
8
|
+
};
|
|
9
|
+
declare type YAxisCheckboxCellProps = {
|
|
10
|
+
/**
|
|
11
|
+
* The id of the row.
|
|
12
|
+
*/
|
|
13
|
+
yaxisLeftPos: string;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* A component used in MeasurementTable to show if this row is selected. Uses SelectedContext to keep track of currently
|
|
17
|
+
* selected rows.
|
|
18
|
+
*
|
|
19
|
+
* It will either render a radio (for single selection mode) or a checkbox (for multiple selection).
|
|
20
|
+
*
|
|
21
|
+
* @param props
|
|
22
|
+
* @returns
|
|
23
|
+
*/
|
|
24
|
+
export declare const CheckboxCell: React.FC<CheckboxCellProps>;
|
|
25
|
+
/**
|
|
26
|
+
* A component used in MeasurementTable to show if this row is selected. Uses SelectedContext to keep track of currently
|
|
27
|
+
* selected rows.
|
|
28
|
+
*
|
|
29
|
+
* It will render a radio.
|
|
30
|
+
*
|
|
31
|
+
* @param props
|
|
32
|
+
* @returns
|
|
33
|
+
*/
|
|
34
|
+
export declare const YAxisCheckboxCell: React.FC<YAxisCheckboxCellProps>;
|
|
35
|
+
export {};
|
|
36
36
|
//# sourceMappingURL=CheckboxCell.d.ts.map
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import React, { useContext } from "react";
|
|
2
|
-
import { SelectedContext } from "./SelectedContext";
|
|
3
|
-
/**
|
|
4
|
-
* A component used in MeasurementTable to show if this row is selected. Uses SelectedContext to keep track of currently
|
|
5
|
-
* selected rows.
|
|
6
|
-
*
|
|
7
|
-
* It will either render a radio (for single selection mode) or a checkbox (for multiple selection).
|
|
8
|
-
*
|
|
9
|
-
* @param props
|
|
10
|
-
* @returns
|
|
11
|
-
*/
|
|
12
|
-
export const CheckboxCell = ({ id, rowToDisable, }) => {
|
|
13
|
-
const { selected, single } = useContext(SelectedContext);
|
|
14
|
-
return (React.createElement("input", { type: single ? "radio" : "checkbox", checked: selected.indexOf(id) !== -1, onChange: () => { }, disabled: rowToDisable }));
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* A component used in MeasurementTable to show if this row is selected. Uses SelectedContext to keep track of currently
|
|
18
|
-
* selected rows.
|
|
19
|
-
*
|
|
20
|
-
* It will render a radio.
|
|
21
|
-
*
|
|
22
|
-
* @param props
|
|
23
|
-
* @returns
|
|
24
|
-
*/
|
|
25
|
-
export const YAxisCheckboxCell = ({ yaxisLeftPos, }) => {
|
|
26
|
-
const { selected } = useContext(SelectedContext);
|
|
27
|
-
return (React.createElement("input", { type: "checkbox", checked: selected.indexOf(yaxisLeftPos) !== -1, onChange: () => { } }));
|
|
28
|
-
};
|
|
1
|
+
import React, { useContext } from "react";
|
|
2
|
+
import { SelectedContext } from "./SelectedContext";
|
|
3
|
+
/**
|
|
4
|
+
* A component used in MeasurementTable to show if this row is selected. Uses SelectedContext to keep track of currently
|
|
5
|
+
* selected rows.
|
|
6
|
+
*
|
|
7
|
+
* It will either render a radio (for single selection mode) or a checkbox (for multiple selection).
|
|
8
|
+
*
|
|
9
|
+
* @param props
|
|
10
|
+
* @returns
|
|
11
|
+
*/
|
|
12
|
+
export const CheckboxCell = ({ id, rowToDisable, }) => {
|
|
13
|
+
const { selected, single } = useContext(SelectedContext);
|
|
14
|
+
return (React.createElement("input", { type: single ? "radio" : "checkbox", checked: selected.indexOf(id) !== -1, onChange: () => { }, disabled: rowToDisable }));
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* A component used in MeasurementTable to show if this row is selected. Uses SelectedContext to keep track of currently
|
|
18
|
+
* selected rows.
|
|
19
|
+
*
|
|
20
|
+
* It will render a radio.
|
|
21
|
+
*
|
|
22
|
+
* @param props
|
|
23
|
+
* @returns
|
|
24
|
+
*/
|
|
25
|
+
export const YAxisCheckboxCell = ({ yaxisLeftPos, }) => {
|
|
26
|
+
const { selected } = useContext(SelectedContext);
|
|
27
|
+
return (React.createElement("input", { type: "checkbox", checked: selected.indexOf(yaxisLeftPos) !== -1, onChange: () => { } }));
|
|
28
|
+
};
|
|
29
29
|
//# sourceMappingURL=CheckboxCell.js.map
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Contains components to render a ColorCell inside the MeasurementsTable.
|
|
3
|
-
*/
|
|
4
|
-
import React from "react";
|
|
5
|
-
declare type ColorCellProps = {
|
|
6
|
-
/**
|
|
7
|
-
* The current color.
|
|
8
|
-
*/
|
|
9
|
-
color?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Called when another color is selected.
|
|
12
|
-
*/
|
|
13
|
-
onChange?: (color: string) => void;
|
|
14
|
-
/**
|
|
15
|
-
* Should show color picker?
|
|
16
|
-
*/
|
|
17
|
-
showColorPicker: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Triggered when colorpicker visibility is changed.
|
|
20
|
-
*/
|
|
21
|
-
onChangeColorPickerVisibility: (shouldShow: boolean) => void;
|
|
22
|
-
} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
|
|
23
|
-
/**
|
|
24
|
-
* Displays a color input inside MeasurementsTable. Will display a color picker when clicked.
|
|
25
|
-
* @param props
|
|
26
|
-
* @returns
|
|
27
|
-
*/
|
|
28
|
-
export declare const ColorCell: (props: ColorCellProps) => JSX.Element;
|
|
29
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* Contains components to render a ColorCell inside the MeasurementsTable.
|
|
3
|
+
*/
|
|
4
|
+
import React from "react";
|
|
5
|
+
declare type ColorCellProps = {
|
|
6
|
+
/**
|
|
7
|
+
* The current color.
|
|
8
|
+
*/
|
|
9
|
+
color?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Called when another color is selected.
|
|
12
|
+
*/
|
|
13
|
+
onChange?: (color: string) => void;
|
|
14
|
+
/**
|
|
15
|
+
* Should show color picker?
|
|
16
|
+
*/
|
|
17
|
+
showColorPicker: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Triggered when colorpicker visibility is changed.
|
|
20
|
+
*/
|
|
21
|
+
onChangeColorPickerVisibility: (shouldShow: boolean) => void;
|
|
22
|
+
} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
|
|
23
|
+
/**
|
|
24
|
+
* Displays a color input inside MeasurementsTable. Will display a color picker when clicked.
|
|
25
|
+
* @param props
|
|
26
|
+
* @returns
|
|
27
|
+
*/
|
|
28
|
+
export declare const ColorCell: (props: ColorCellProps) => React.JSX.Element;
|
|
29
|
+
export {};
|
|
30
30
|
//# sourceMappingURL=ColorCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorCell.d.ts","sourceRoot":"","sources":["../../../src/components/MeasurementsTable/ColorCell.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqCvE,aAAK,cAAc,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,6BAA6B,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAW3D;;;;GAIG;AACH,eAAO,MAAM,SAAS,UAAW,cAAc,
|
|
1
|
+
{"version":3,"file":"ColorCell.d.ts","sourceRoot":"","sources":["../../../src/components/MeasurementsTable/ColorCell.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAqCvE,aAAK,cAAc,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,6BAA6B,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAW3D;;;;GAIG;AACH,eAAO,MAAM,SAAS,UAAW,cAAc,sBAyD9C,CAAC"}
|
|
@@ -1,65 +1,65 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* Contains components to render a ColorCell inside the MeasurementsTable.
|
|
14
|
-
*/
|
|
15
|
-
import React, { useRef, useState, useCallback, Suspense } from "react";
|
|
16
|
-
import { Popout, IndeterminateLoadingIndicator, } from "@insync-stageplayer/ui-components";
|
|
17
|
-
import styled from "styled-components";
|
|
18
|
-
import useClickAway from "react-use/lib/useClickAway";
|
|
19
|
-
import useDebounce from "react-use/lib/useDebounce";
|
|
20
|
-
/**
|
|
21
|
-
* A lazily loaded component. The ColorPicker uses an external library which is quite big.
|
|
22
|
-
* So we want to use React.lazy so that we can split up the code in webpack.
|
|
23
|
-
*/
|
|
24
|
-
const LoadingColorPicker = React.lazy(() => import("./ColorPicker"));
|
|
25
|
-
/**
|
|
26
|
-
* Will display a loading indicator while we're lazily loading ColorPicker.
|
|
27
|
-
* @param props
|
|
28
|
-
* @returns
|
|
29
|
-
*/
|
|
30
|
-
const LoadableColorPicker = (props) => {
|
|
31
|
-
return (React.createElement(Suspense, { fallback: React.createElement(IndeterminateLoadingIndicator, null, "Loading...") },
|
|
32
|
-
React.createElement(LoadingColorPicker, Object.assign({}, props))));
|
|
33
|
-
};
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* Contains components to render a ColorCell inside the MeasurementsTable.
|
|
14
|
+
*/
|
|
15
|
+
import React, { useRef, useState, useCallback, Suspense } from "react";
|
|
16
|
+
import { Popout, IndeterminateLoadingIndicator, } from "@insync-stageplayer/ui-components";
|
|
17
|
+
import styled from "styled-components";
|
|
18
|
+
import useClickAway from "react-use/lib/useClickAway";
|
|
19
|
+
import useDebounce from "react-use/lib/useDebounce";
|
|
20
|
+
/**
|
|
21
|
+
* A lazily loaded component. The ColorPicker uses an external library which is quite big.
|
|
22
|
+
* So we want to use React.lazy so that we can split up the code in webpack.
|
|
23
|
+
*/
|
|
24
|
+
const LoadingColorPicker = React.lazy(() => import("./ColorPicker"));
|
|
25
|
+
/**
|
|
26
|
+
* Will display a loading indicator while we're lazily loading ColorPicker.
|
|
27
|
+
* @param props
|
|
28
|
+
* @returns
|
|
29
|
+
*/
|
|
30
|
+
const LoadableColorPicker = (props) => {
|
|
31
|
+
return (React.createElement(Suspense, { fallback: React.createElement(IndeterminateLoadingIndicator, null, "Loading...") },
|
|
32
|
+
React.createElement(LoadingColorPicker, Object.assign({}, props))));
|
|
33
|
+
};
|
|
34
34
|
const StyledDiv = styled.div `
|
|
35
35
|
height: 1em;
|
|
36
36
|
width: 1em;
|
|
37
37
|
border-radius: 0.2em;
|
|
38
38
|
cursor: pointer;
|
|
39
39
|
background-color: ${(props) => props.color ? props.color : props.theme.colors.action.active};
|
|
40
|
-
`;
|
|
41
|
-
/**
|
|
42
|
-
* Displays a color input inside MeasurementsTable. Will display a color picker when clicked.
|
|
43
|
-
* @param props
|
|
44
|
-
* @returns
|
|
45
|
-
*/
|
|
46
|
-
export const ColorCell = (props) => {
|
|
47
|
-
const { color, onChange, onChangeColorPickerVisibility, showColorPicker } = props, rest = __rest(props, ["color", "onChange", "onChangeColorPickerVisibility", "showColorPicker"]);
|
|
48
|
-
const pickerRef = useRef(null);
|
|
49
|
-
const [changedColor, setChangedColor] = useState(undefined);
|
|
50
|
-
const handleColorChange = useCallback((v) => {
|
|
51
|
-
setChangedColor(v.hex);
|
|
52
|
-
}, []);
|
|
53
|
-
useClickAway(pickerRef, () => {
|
|
54
|
-
onChangeColorPickerVisibility(false);
|
|
55
|
-
});
|
|
56
|
-
// Debounce the onChange callback, otherwise might result in many unneccesary rerenders.
|
|
57
|
-
useDebounce(() => {
|
|
58
|
-
if (changedColor && onChange) {
|
|
59
|
-
onChange && onChange(changedColor);
|
|
60
|
-
}
|
|
61
|
-
}, 250, [changedColor]);
|
|
62
|
-
return (React.createElement(Popout, { content: React.createElement("div", { ref: pickerRef },
|
|
63
|
-
React.createElement(LoadableColorPicker, { onChange: handleColorChange, disableAlpha: true, color: changedColor || color })), visible: showColorPicker }, ({ ref: popoutRef }) => (React.createElement(StyledDiv, Object.assign({ ref: popoutRef, color: changedColor || color, tabIndex: 0, role: "button", "aria-pressed": "false", onFocus: () => onChangeColorPickerVisibility(true) }, rest)))));
|
|
64
|
-
};
|
|
40
|
+
`;
|
|
41
|
+
/**
|
|
42
|
+
* Displays a color input inside MeasurementsTable. Will display a color picker when clicked.
|
|
43
|
+
* @param props
|
|
44
|
+
* @returns
|
|
45
|
+
*/
|
|
46
|
+
export const ColorCell = (props) => {
|
|
47
|
+
const { color, onChange, onChangeColorPickerVisibility, showColorPicker } = props, rest = __rest(props, ["color", "onChange", "onChangeColorPickerVisibility", "showColorPicker"]);
|
|
48
|
+
const pickerRef = useRef(null);
|
|
49
|
+
const [changedColor, setChangedColor] = useState(undefined);
|
|
50
|
+
const handleColorChange = useCallback((v) => {
|
|
51
|
+
setChangedColor(v.hex);
|
|
52
|
+
}, []);
|
|
53
|
+
useClickAway(pickerRef, () => {
|
|
54
|
+
onChangeColorPickerVisibility(false);
|
|
55
|
+
});
|
|
56
|
+
// Debounce the onChange callback, otherwise might result in many unneccesary rerenders.
|
|
57
|
+
useDebounce(() => {
|
|
58
|
+
if (changedColor && onChange) {
|
|
59
|
+
onChange && onChange(changedColor);
|
|
60
|
+
}
|
|
61
|
+
}, 250, [changedColor]);
|
|
62
|
+
return (React.createElement(Popout, { content: React.createElement("div", { ref: pickerRef },
|
|
63
|
+
React.createElement(LoadableColorPicker, { onChange: handleColorChange, disableAlpha: true, color: changedColor || color })), visible: showColorPicker }, ({ ref: popoutRef }) => (React.createElement(StyledDiv, Object.assign({ ref: popoutRef, color: changedColor || color, tabIndex: 0, role: "button", "aria-pressed": "false", onFocus: () => onChangeColorPickerVisibility(true) }, rest)))));
|
|
64
|
+
};
|
|
65
65
|
//# sourceMappingURL=ColorCell.js.map
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
/**
|
|
2
|
+
* A wrapper around react-color library.
|
|
3
|
+
*/
|
|
4
|
+
import React from "react";
|
|
5
|
+
declare const ColorPicker: (props: any) => React.JSX.Element;
|
|
6
|
+
export default ColorPicker;
|
|
4
7
|
//# sourceMappingURL=ColorPicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/MeasurementsTable/ColorPicker.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/MeasurementsTable/ColorPicker.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,WAAW,UAAW,GAAG,sBAM9B,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* A wrapper around react-color library.
|
|
3
|
-
*/
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { ChromePicker } from "react-color";
|
|
6
|
-
const ColorPicker = (props) => {
|
|
7
|
-
return (React.createElement("div", { style: { zIndex: 9999 } },
|
|
8
|
-
React.createElement(ChromePicker, Object.assign({}, props))));
|
|
9
|
-
};
|
|
10
|
-
export default ColorPicker;
|
|
1
|
+
/**
|
|
2
|
+
* A wrapper around react-color library.
|
|
3
|
+
*/
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { ChromePicker } from "react-color";
|
|
6
|
+
const ColorPicker = (props) => {
|
|
7
|
+
return (React.createElement("div", { style: { zIndex: 9999 } },
|
|
8
|
+
React.createElement(ChromePicker, Object.assign({}, props))));
|
|
9
|
+
};
|
|
10
|
+
export default ColorPicker;
|
|
11
11
|
//# sourceMappingURL=ColorPicker.js.map
|