@perses-dev/prometheus-plugin 0.0.0-snapshot-panel-extra-content-3-17f9c42 → 0.0.0-snapshot-scatterplot-fix-imports-95e1b59
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/dist/cjs/components/PromQL.js +10 -8
- package/dist/cjs/components/index.js +10 -8
- package/dist/cjs/index.js +33 -19
- package/dist/cjs/model/index.js +14 -13
- package/dist/cjs/model/parse-sample-values.js +6 -2
- package/dist/cjs/model/prometheus-client.js +43 -8
- package/dist/cjs/model/prometheus-selectors.js +12 -4
- package/dist/cjs/model/time.js +15 -9
- package/dist/cjs/plugins/MatcherEditor.js +14 -12
- package/dist/cjs/plugins/PrometheusDatasourceEditor.js +610 -0
- package/dist/cjs/plugins/prometheus-datasource.js +59 -8
- package/dist/cjs/plugins/prometheus-time-series-query/PrometheusTimeSeriesQuery.js +10 -8
- package/dist/cjs/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.js +49 -24
- package/dist/cjs/plugins/prometheus-time-series-query/get-time-series-data.js +44 -24
- package/dist/cjs/plugins/prometheus-time-series-query/index.js +10 -8
- package/dist/cjs/plugins/prometheus-time-series-query/query-editor-model.js +44 -11
- package/dist/cjs/plugins/prometheus-variables.js +69 -63
- package/dist/cjs/plugins/types.js +7 -0
- package/dist/cjs/plugins/variable.js +9 -7
- package/dist/cjs/utils/index.js +10 -8
- package/dist/cjs/utils/utils.js +13 -7
- package/dist/components/PromQL.d.ts +2 -3
- package/dist/components/PromQL.d.ts.map +1 -1
- package/dist/components/PromQL.js +1 -1
- package/dist/components/PromQL.js.map +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/model/api-types.d.ts +11 -11
- package/dist/model/api-types.d.ts.map +1 -1
- package/dist/model/api-types.js.map +1 -1
- package/dist/model/index.d.ts +0 -1
- package/dist/model/index.d.ts.map +1 -1
- package/dist/model/index.js +0 -1
- package/dist/model/index.js.map +1 -1
- package/dist/model/parse-sample-values.d.ts +1 -1
- package/dist/model/parse-sample-values.d.ts.map +1 -1
- package/dist/model/parse-sample-values.js.map +1 -1
- package/dist/model/prometheus-client.d.ts +4 -0
- package/dist/model/prometheus-client.d.ts.map +1 -1
- package/dist/model/prometheus-client.js +27 -3
- package/dist/model/prometheus-client.js.map +1 -1
- package/dist/model/prometheus-selectors.js.map +1 -1
- package/dist/model/time.js +2 -2
- package/dist/model/time.js.map +1 -1
- package/dist/plugins/MatcherEditor.d.ts +2 -3
- package/dist/plugins/MatcherEditor.d.ts.map +1 -1
- package/dist/plugins/MatcherEditor.js +1 -1
- package/dist/plugins/MatcherEditor.js.map +1 -1
- package/dist/plugins/{PrometheusDatasourceEditor/PrometheusDatasourceEditor.d.ts → PrometheusDatasourceEditor.d.ts} +1 -2
- package/dist/plugins/PrometheusDatasourceEditor.d.ts.map +1 -0
- package/dist/plugins/PrometheusDatasourceEditor.js +556 -0
- package/dist/plugins/PrometheusDatasourceEditor.js.map +1 -0
- package/dist/plugins/prometheus-datasource.d.ts +2 -7
- package/dist/plugins/prometheus-datasource.d.ts.map +1 -1
- package/dist/plugins/prometheus-datasource.js +55 -6
- package/dist/plugins/prometheus-datasource.js.map +1 -1
- package/dist/plugins/prometheus-time-series-query/PrometheusTimeSeriesQuery.js +1 -1
- package/dist/plugins/prometheus-time-series-query/PrometheusTimeSeriesQuery.js.map +1 -1
- package/dist/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.d.ts +1 -2
- package/dist/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.d.ts.map +1 -1
- package/dist/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.js +41 -18
- package/dist/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.js.map +1 -1
- package/dist/plugins/prometheus-time-series-query/get-time-series-data.d.ts.map +1 -1
- package/dist/plugins/prometheus-time-series-query/get-time-series-data.js +37 -19
- package/dist/plugins/prometheus-time-series-query/get-time-series-data.js.map +1 -1
- package/dist/plugins/prometheus-time-series-query/index.js.map +1 -1
- package/dist/plugins/prometheus-time-series-query/query-editor-model.d.ts +11 -2
- package/dist/plugins/prometheus-time-series-query/query-editor-model.d.ts.map +1 -1
- package/dist/plugins/prometheus-time-series-query/query-editor-model.js +38 -10
- package/dist/plugins/prometheus-time-series-query/query-editor-model.js.map +1 -1
- package/dist/plugins/prometheus-time-series-query/time-series-query-model.d.ts +4 -4
- package/dist/plugins/prometheus-time-series-query/time-series-query-model.d.ts.map +1 -1
- package/dist/plugins/prometheus-time-series-query/time-series-query-model.js +3 -1
- package/dist/plugins/prometheus-time-series-query/time-series-query-model.js.map +1 -1
- package/dist/plugins/prometheus-variables.d.ts.map +1 -1
- package/dist/plugins/prometheus-variables.js +37 -37
- package/dist/plugins/prometheus-variables.js.map +1 -1
- package/dist/plugins/types.d.ts +12 -5
- package/dist/plugins/types.d.ts.map +1 -1
- package/dist/plugins/types.js +1 -1
- package/dist/plugins/types.js.map +1 -1
- package/dist/plugins/variable.d.ts +2 -2
- package/dist/plugins/variable.d.ts.map +1 -1
- package/dist/plugins/variable.js +2 -2
- package/dist/plugins/variable.js.map +1 -1
- package/dist/test/setup-tests.js.map +1 -1
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/utils.d.ts +2 -2
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +4 -4
- package/dist/utils/utils.js.map +1 -1
- package/package.json +6 -6
- package/dist/cjs/model/templating.js +0 -26
- package/dist/cjs/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.js +0 -392
- package/dist/cjs/plugins/PrometheusDatasourceEditor/index.js +0 -29
- package/dist/cjs/plugins/PrometheusDatasourceEditor/types.js +0 -16
- package/dist/model/templating.d.ts +0 -6
- package/dist/model/templating.d.ts.map +0 -1
- package/dist/model/templating.js +0 -20
- package/dist/model/templating.js.map +0 -1
- package/dist/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.d.ts.map +0 -1
- package/dist/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.js +0 -342
- package/dist/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.js.map +0 -1
- package/dist/plugins/PrometheusDatasourceEditor/index.d.ts +0 -3
- package/dist/plugins/PrometheusDatasourceEditor/index.d.ts.map +0 -1
- package/dist/plugins/PrometheusDatasourceEditor/index.js +0 -16
- package/dist/plugins/PrometheusDatasourceEditor/index.js.map +0 -1
- package/dist/plugins/PrometheusDatasourceEditor/types.d.ts +0 -20
- package/dist/plugins/PrometheusDatasourceEditor/types.d.ts.map +0 -1
- package/dist/plugins/PrometheusDatasourceEditor/types.js +0 -15
- package/dist/plugins/PrometheusDatasourceEditor/types.js.map +0 -1
|
@@ -16,28 +16,30 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "PromQLEditor", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return PromQLEditor;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
24
|
+
const _reactcodemirror = /*#__PURE__*/ _interop_require_default(require("@uiw/react-codemirror"));
|
|
25
|
+
const _codemirrorpromql = require("@prometheus-io/codemirror-promql");
|
|
24
26
|
const _view = require("@codemirror/view");
|
|
25
27
|
const _material = require("@mui/material");
|
|
26
28
|
const _react = require("react");
|
|
27
|
-
function
|
|
29
|
+
function _interop_require_default(obj) {
|
|
28
30
|
return obj && obj.__esModule ? obj : {
|
|
29
31
|
default: obj
|
|
30
32
|
};
|
|
31
33
|
}
|
|
32
|
-
function PromQLEditor({ completeConfig
|
|
34
|
+
function PromQLEditor({ completeConfig, ...rest }) {
|
|
33
35
|
const theme = (0, _material.useTheme)();
|
|
34
36
|
const isDarkMode = theme.palette.mode === 'dark';
|
|
35
37
|
const promQLExtension = (0, _react.useMemo)(()=>{
|
|
36
|
-
return new
|
|
38
|
+
return new _codemirrorpromql.PromQLExtension().activateLinter(false).setComplete(completeConfig).asExtension();
|
|
37
39
|
}, [
|
|
38
40
|
completeConfig
|
|
39
41
|
]);
|
|
40
|
-
return /*#__PURE__*/ (0,
|
|
42
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcodemirror.default, {
|
|
41
43
|
...rest,
|
|
42
44
|
style: {
|
|
43
45
|
border: `1px solid ${theme.palette.divider}`
|
|
@@ -14,15 +14,17 @@
|
|
|
14
14
|
Object.defineProperty(exports, "__esModule", {
|
|
15
15
|
value: true
|
|
16
16
|
});
|
|
17
|
-
|
|
18
|
-
function
|
|
17
|
+
_export_star(require("./PromQL"), exports);
|
|
18
|
+
function _export_star(from, to) {
|
|
19
19
|
Object.keys(from).forEach(function(k) {
|
|
20
|
-
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k))
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
21
|
+
Object.defineProperty(to, k, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function() {
|
|
24
|
+
return from[k];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
}
|
|
26
28
|
});
|
|
27
29
|
return from;
|
|
28
30
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -21,28 +21,42 @@ function _export(target, all) {
|
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
23
|
_export(exports, {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
24
|
+
PrometheusDatasource: function() {
|
|
25
|
+
return _prometheusdatasource.PrometheusDatasource;
|
|
26
|
+
},
|
|
27
|
+
PrometheusLabelNamesVariable: function() {
|
|
28
|
+
return _prometheusvariables.PrometheusLabelNamesVariable;
|
|
29
|
+
},
|
|
30
|
+
PrometheusLabelValuesVariable: function() {
|
|
31
|
+
return _prometheusvariables.PrometheusLabelValuesVariable;
|
|
32
|
+
},
|
|
33
|
+
PrometheusPromQLVariable: function() {
|
|
34
|
+
return _prometheusvariables.PrometheusPromQLVariable;
|
|
35
|
+
},
|
|
36
|
+
PrometheusTimeSeriesQuery: function() {
|
|
37
|
+
return _prometheustimeseriesquery.PrometheusTimeSeriesQuery;
|
|
38
|
+
},
|
|
39
|
+
StaticListVariable: function() {
|
|
40
|
+
return _variable.StaticListVariable;
|
|
41
|
+
}
|
|
30
42
|
});
|
|
31
|
-
const
|
|
43
|
+
const _prometheustimeseriesquery = require("./plugins/prometheus-time-series-query");
|
|
32
44
|
const _variable = require("./plugins/variable");
|
|
33
|
-
const
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
function
|
|
45
|
+
const _prometheusvariables = require("./plugins/prometheus-variables");
|
|
46
|
+
const _prometheusdatasource = require("./plugins/prometheus-datasource");
|
|
47
|
+
_export_star(require("./model/prometheus-client"), exports);
|
|
48
|
+
_export_star(require("./model/api-types"), exports);
|
|
49
|
+
_export_star(require("./plugins/types"), exports);
|
|
50
|
+
function _export_star(from, to) {
|
|
39
51
|
Object.keys(from).forEach(function(k) {
|
|
40
|
-
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k))
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
52
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
53
|
+
Object.defineProperty(to, k, {
|
|
54
|
+
enumerable: true,
|
|
55
|
+
get: function() {
|
|
56
|
+
return from[k];
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
}
|
|
46
60
|
});
|
|
47
61
|
return from;
|
|
48
62
|
}
|
package/dist/cjs/model/index.js
CHANGED
|
@@ -14,20 +14,21 @@
|
|
|
14
14
|
Object.defineProperty(exports, "__esModule", {
|
|
15
15
|
value: true
|
|
16
16
|
});
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
function _exportStar(from, to) {
|
|
17
|
+
_export_star(require("./api-types"), exports);
|
|
18
|
+
_export_star(require("./parse-sample-values"), exports);
|
|
19
|
+
_export_star(require("./prometheus-client"), exports);
|
|
20
|
+
_export_star(require("./prometheus-selectors"), exports);
|
|
21
|
+
_export_star(require("./time"), exports);
|
|
22
|
+
function _export_star(from, to) {
|
|
24
23
|
Object.keys(from).forEach(function(k) {
|
|
25
|
-
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k))
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
24
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
25
|
+
Object.defineProperty(to, k, {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function() {
|
|
28
|
+
return from[k];
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
}
|
|
31
32
|
});
|
|
32
33
|
return from;
|
|
33
34
|
}
|
|
@@ -21,8 +21,12 @@ function _export(target, all) {
|
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
23
|
_export(exports, {
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
parseSampleValue: function() {
|
|
25
|
+
return parseSampleValue;
|
|
26
|
+
},
|
|
27
|
+
parseValueTuple: function() {
|
|
28
|
+
return parseValueTuple;
|
|
29
|
+
}
|
|
26
30
|
});
|
|
27
31
|
function parseValueTuple(data) {
|
|
28
32
|
const [unixTimeSeconds, sampleValue] = data;
|
|
@@ -21,13 +21,39 @@ function _export(target, all) {
|
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
23
|
_export(exports, {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
fetchResults: function() {
|
|
25
|
+
return fetchResults;
|
|
26
|
+
},
|
|
27
|
+
healthCheck: function() {
|
|
28
|
+
return healthCheck;
|
|
29
|
+
},
|
|
30
|
+
instantQuery: function() {
|
|
31
|
+
return instantQuery;
|
|
32
|
+
},
|
|
33
|
+
labelNames: function() {
|
|
34
|
+
return labelNames;
|
|
35
|
+
},
|
|
36
|
+
labelValues: function() {
|
|
37
|
+
return labelValues;
|
|
38
|
+
},
|
|
39
|
+
rangeQuery: function() {
|
|
40
|
+
return rangeQuery;
|
|
41
|
+
}
|
|
29
42
|
});
|
|
30
43
|
const _core = require("@perses-dev/core");
|
|
44
|
+
function healthCheck(queryOptions) {
|
|
45
|
+
return async ()=>{
|
|
46
|
+
const url = `${queryOptions.datasourceUrl}/-/healthy`;
|
|
47
|
+
try {
|
|
48
|
+
const resp = await (0, _core.fetch)(url, {
|
|
49
|
+
headers: queryOptions.headers
|
|
50
|
+
});
|
|
51
|
+
return resp.status === 200;
|
|
52
|
+
} catch (e) {
|
|
53
|
+
return false;
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
}
|
|
31
57
|
function instantQuery(params, queryOptions) {
|
|
32
58
|
return fetchWithPost('/api/v1/query', params, queryOptions);
|
|
33
59
|
}
|
|
@@ -38,12 +64,21 @@ function labelNames(params, queryOptions) {
|
|
|
38
64
|
return fetchWithPost('/api/v1/labels', params, queryOptions);
|
|
39
65
|
}
|
|
40
66
|
function labelValues(params, queryOptions) {
|
|
41
|
-
const { labelName
|
|
67
|
+
const { labelName, ...searchParams } = params;
|
|
68
|
+
// In case label name is empty, we'll receive a 404, so we can replace it by an empty list, which is less confusing.
|
|
69
|
+
// Note that an empty list is the prometheus result if the label does not exist.
|
|
70
|
+
if (labelName.length === 0) {
|
|
71
|
+
return new Promise((resolve)=>{
|
|
72
|
+
resolve({
|
|
73
|
+
data: []
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
}
|
|
42
77
|
const apiURI = `/api/v1/label/${encodeURIComponent(labelName)}/values`;
|
|
43
78
|
return fetchWithGet(apiURI, searchParams, queryOptions);
|
|
44
79
|
}
|
|
45
80
|
function fetchWithGet(apiURI, params, queryOptions) {
|
|
46
|
-
const { datasourceUrl
|
|
81
|
+
const { datasourceUrl } = queryOptions;
|
|
47
82
|
let url = `${datasourceUrl}${apiURI}`;
|
|
48
83
|
const urlParams = createSearchParams(params).toString();
|
|
49
84
|
if (urlParams !== '') {
|
|
@@ -54,7 +89,7 @@ function fetchWithGet(apiURI, params, queryOptions) {
|
|
|
54
89
|
});
|
|
55
90
|
}
|
|
56
91
|
function fetchWithPost(apiURI, params, queryOptions) {
|
|
57
|
-
const { datasourceUrl
|
|
92
|
+
const { datasourceUrl, headers } = queryOptions;
|
|
58
93
|
const url = `${datasourceUrl}${apiURI}`;
|
|
59
94
|
const init = {
|
|
60
95
|
method: 'POST',
|
|
@@ -21,10 +21,18 @@ function _export(target, all) {
|
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
23
|
_export(exports, {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
DEFAULT_PROM: function() {
|
|
25
|
+
return DEFAULT_PROM;
|
|
26
|
+
},
|
|
27
|
+
PROM_DATASOURCE_KIND: function() {
|
|
28
|
+
return PROM_DATASOURCE_KIND;
|
|
29
|
+
},
|
|
30
|
+
isDefaultPromSelector: function() {
|
|
31
|
+
return isDefaultPromSelector;
|
|
32
|
+
},
|
|
33
|
+
isPrometheusDatasourceSelector: function() {
|
|
34
|
+
return isPrometheusDatasourceSelector;
|
|
35
|
+
}
|
|
28
36
|
});
|
|
29
37
|
const PROM_DATASOURCE_KIND = 'PrometheusDatasource';
|
|
30
38
|
const DEFAULT_PROM = {
|
package/dist/cjs/model/time.js
CHANGED
|
@@ -21,17 +21,23 @@ function _export(target, all) {
|
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
23
|
_export(exports, {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
getDurationStringSeconds: function() {
|
|
25
|
+
return getDurationStringSeconds;
|
|
26
|
+
},
|
|
27
|
+
getPrometheusTimeRange: function() {
|
|
28
|
+
return getPrometheusTimeRange;
|
|
29
|
+
},
|
|
30
|
+
getRangeStep: function() {
|
|
31
|
+
return getRangeStep;
|
|
32
|
+
}
|
|
27
33
|
});
|
|
28
34
|
const _core = require("@perses-dev/core");
|
|
29
|
-
const
|
|
35
|
+
const _datefns = require("date-fns");
|
|
30
36
|
function getPrometheusTimeRange(timeRange) {
|
|
31
|
-
const { start
|
|
37
|
+
const { start, end } = timeRange;
|
|
32
38
|
return {
|
|
33
|
-
start: Math.ceil((0,
|
|
34
|
-
end: Math.ceil((0,
|
|
39
|
+
start: Math.ceil((0, _datefns.getUnixTime)(start)),
|
|
40
|
+
end: Math.ceil((0, _datefns.getUnixTime)(end))
|
|
35
41
|
};
|
|
36
42
|
}
|
|
37
43
|
// Max data points to allow returning from a Prom Query, used to calculate a
|
|
@@ -47,8 +53,8 @@ function getRangeStep(timeRange, minStepSeconds = 15, resolution = 1, suggestedS
|
|
|
47
53
|
return Math.max(suggestedStepSeconds * resolution, minStepSeconds, safeStep);
|
|
48
54
|
}
|
|
49
55
|
function getDurationStringSeconds(durationString) {
|
|
50
|
-
if (durationString
|
|
56
|
+
if (!durationString) return undefined;
|
|
51
57
|
const duration = (0, _core.parseDurationString)(durationString);
|
|
52
|
-
const ms = (0,
|
|
58
|
+
const ms = (0, _datefns.milliseconds)(duration);
|
|
53
59
|
return Math.floor(ms / 1000);
|
|
54
60
|
}
|
|
@@ -16,26 +16,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "MatcherEditor", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: ()
|
|
19
|
+
get: function() {
|
|
20
|
+
return MatcherEditor;
|
|
21
|
+
}
|
|
20
22
|
});
|
|
21
|
-
const
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
22
24
|
const _material = require("@mui/material");
|
|
23
25
|
const _immer = require("immer");
|
|
24
|
-
const
|
|
25
|
-
function
|
|
26
|
+
const _TrashCan = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/TrashCan"));
|
|
27
|
+
function _interop_require_default(obj) {
|
|
26
28
|
return obj && obj.__esModule ? obj : {
|
|
27
29
|
default: obj
|
|
28
30
|
};
|
|
29
31
|
}
|
|
30
|
-
function MatcherEditor({ matchers
|
|
31
|
-
return /*#__PURE__*/ (0,
|
|
32
|
+
function MatcherEditor({ matchers, onChange, isReadonly }) {
|
|
33
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
|
|
32
34
|
spacing: 1,
|
|
33
35
|
mb: 2,
|
|
34
36
|
children: [
|
|
35
|
-
matchers.map((matcher, index)=>/*#__PURE__*/ (0,
|
|
37
|
+
matchers.map((matcher, index)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
|
|
36
38
|
display: "flex",
|
|
37
39
|
children: [
|
|
38
|
-
/*#__PURE__*/ (0,
|
|
40
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
|
|
39
41
|
fullWidth: true,
|
|
40
42
|
label: "Series Selector",
|
|
41
43
|
value: matcher,
|
|
@@ -49,7 +51,7 @@ function MatcherEditor({ matchers , onChange , isReadonly }) {
|
|
|
49
51
|
onChange(newMatchers);
|
|
50
52
|
}
|
|
51
53
|
}),
|
|
52
|
-
/*#__PURE__*/ (0,
|
|
54
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
|
|
53
55
|
onClick: ()=>{
|
|
54
56
|
const newMatchers = (0, _immer.produce)(matchers, (draft)=>{
|
|
55
57
|
draft.splice(index, 1);
|
|
@@ -57,12 +59,12 @@ function MatcherEditor({ matchers , onChange , isReadonly }) {
|
|
|
57
59
|
onChange(newMatchers);
|
|
58
60
|
},
|
|
59
61
|
disabled: isReadonly,
|
|
60
|
-
children: /*#__PURE__*/ (0,
|
|
62
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TrashCan.default, {})
|
|
61
63
|
})
|
|
62
64
|
]
|
|
63
65
|
}, index)),
|
|
64
|
-
/*#__PURE__*/ (0,
|
|
65
|
-
children: /*#__PURE__*/ (0,
|
|
66
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
|
|
67
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
|
|
66
68
|
fullWidth: false,
|
|
67
69
|
color: "secondary",
|
|
68
70
|
variant: "outlined",
|