@perses-dev/explore 0.50.0 → 0.51.0-beta.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.
Files changed (98) hide show
  1. package/dist/cjs/components/ExploreManager/ExploreManager.js +39 -18
  2. package/dist/cjs/components/ExploreManager/ExplorerManagerProvider.js +10 -50
  3. package/dist/cjs/components/ExploreManager/ExplorerManagerProviderWithQueryParams.js +1 -4
  4. package/dist/cjs/components/ExploreManager/index.js +2 -0
  5. package/dist/cjs/components/index.js +0 -1
  6. package/dist/components/ExploreManager/ExploreManager.d.ts.map +1 -1
  7. package/dist/components/ExploreManager/ExploreManager.js +39 -18
  8. package/dist/components/ExploreManager/ExploreManager.js.map +1 -1
  9. package/dist/components/ExploreManager/ExplorerManagerProvider.d.ts +2 -2
  10. package/dist/components/ExploreManager/ExplorerManagerProvider.d.ts.map +1 -1
  11. package/dist/components/ExploreManager/ExplorerManagerProvider.js +10 -9
  12. package/dist/components/ExploreManager/ExplorerManagerProvider.js.map +1 -1
  13. package/dist/components/ExploreManager/ExplorerManagerProviderWithQueryParams.js +2 -5
  14. package/dist/components/ExploreManager/ExplorerManagerProviderWithQueryParams.js.map +1 -1
  15. package/dist/components/ExploreManager/index.d.ts +2 -0
  16. package/dist/components/ExploreManager/index.d.ts.map +1 -1
  17. package/dist/components/ExploreManager/index.js +2 -0
  18. package/dist/components/ExploreManager/index.js.map +1 -1
  19. package/dist/components/index.d.ts +0 -1
  20. package/dist/components/index.d.ts.map +1 -1
  21. package/dist/components/index.js +0 -1
  22. package/dist/components/index.js.map +1 -1
  23. package/package.json +8 -10
  24. package/dist/cjs/components/ExploreManager/MetricsExplorer.js +0 -203
  25. package/dist/cjs/components/ExploreManager/TracesExplorer.js +0 -175
  26. package/dist/cjs/components/ExploreManager/constants.js +0 -32
  27. package/dist/cjs/components/PrometheusMetricsFinder/PrometheusMetricsFinder.js +0 -310
  28. package/dist/cjs/components/PrometheusMetricsFinder/display/MetricChip.js +0 -61
  29. package/dist/cjs/components/PrometheusMetricsFinder/display/list/MetricList.js +0 -224
  30. package/dist/cjs/components/PrometheusMetricsFinder/filter/FilterInputs.js +0 -232
  31. package/dist/cjs/components/PrometheusMetricsFinder/filter/FinderFilters.js +0 -139
  32. package/dist/cjs/components/PrometheusMetricsFinder/index.js +0 -30
  33. package/dist/cjs/components/PrometheusMetricsFinder/overview/MetricOverview.js +0 -244
  34. package/dist/cjs/components/PrometheusMetricsFinder/overview/tabs/JobTab.js +0 -146
  35. package/dist/cjs/components/PrometheusMetricsFinder/overview/tabs/OverviewTab.js +0 -413
  36. package/dist/cjs/components/PrometheusMetricsFinder/overview/tabs/SimilarTab.js +0 -54
  37. package/dist/cjs/components/PrometheusMetricsFinder/types.js +0 -25
  38. package/dist/cjs/components/PrometheusMetricsFinder/utils.js +0 -203
  39. package/dist/components/ExploreManager/MetricsExplorer.d.ts +0 -3
  40. package/dist/components/ExploreManager/MetricsExplorer.d.ts.map +0 -1
  41. package/dist/components/ExploreManager/MetricsExplorer.js +0 -190
  42. package/dist/components/ExploreManager/MetricsExplorer.js.map +0 -1
  43. package/dist/components/ExploreManager/TracesExplorer.d.ts +0 -3
  44. package/dist/components/ExploreManager/TracesExplorer.d.ts.map +0 -1
  45. package/dist/components/ExploreManager/TracesExplorer.js +0 -167
  46. package/dist/components/ExploreManager/TracesExplorer.js.map +0 -1
  47. package/dist/components/ExploreManager/constants.d.ts +0 -3
  48. package/dist/components/ExploreManager/constants.d.ts.map +0 -1
  49. package/dist/components/ExploreManager/constants.js +0 -16
  50. package/dist/components/ExploreManager/constants.js.map +0 -1
  51. package/dist/components/PrometheusMetricsFinder/PrometheusMetricsFinder.d.ts +0 -31
  52. package/dist/components/PrometheusMetricsFinder/PrometheusMetricsFinder.d.ts.map +0 -1
  53. package/dist/components/PrometheusMetricsFinder/PrometheusMetricsFinder.js +0 -245
  54. package/dist/components/PrometheusMetricsFinder/PrometheusMetricsFinder.js.map +0 -1
  55. package/dist/components/PrometheusMetricsFinder/display/MetricChip.d.ts +0 -4
  56. package/dist/components/PrometheusMetricsFinder/display/MetricChip.d.ts.map +0 -1
  57. package/dist/components/PrometheusMetricsFinder/display/MetricChip.js +0 -53
  58. package/dist/components/PrometheusMetricsFinder/display/MetricChip.js.map +0 -1
  59. package/dist/components/PrometheusMetricsFinder/display/list/MetricList.d.ts +0 -27
  60. package/dist/components/PrometheusMetricsFinder/display/list/MetricList.d.ts.map +0 -1
  61. package/dist/components/PrometheusMetricsFinder/display/list/MetricList.js +0 -162
  62. package/dist/components/PrometheusMetricsFinder/display/list/MetricList.js.map +0 -1
  63. package/dist/components/PrometheusMetricsFinder/filter/FilterInputs.d.ts +0 -23
  64. package/dist/components/PrometheusMetricsFinder/filter/FilterInputs.d.ts.map +0 -1
  65. package/dist/components/PrometheusMetricsFinder/filter/FilterInputs.js +0 -210
  66. package/dist/components/PrometheusMetricsFinder/filter/FilterInputs.js.map +0 -1
  67. package/dist/components/PrometheusMetricsFinder/filter/FinderFilters.d.ts +0 -13
  68. package/dist/components/PrometheusMetricsFinder/filter/FinderFilters.d.ts.map +0 -1
  69. package/dist/components/PrometheusMetricsFinder/filter/FinderFilters.js +0 -85
  70. package/dist/components/PrometheusMetricsFinder/filter/FinderFilters.js.map +0 -1
  71. package/dist/components/PrometheusMetricsFinder/index.d.ts +0 -2
  72. package/dist/components/PrometheusMetricsFinder/index.d.ts.map +0 -1
  73. package/dist/components/PrometheusMetricsFinder/index.js +0 -15
  74. package/dist/components/PrometheusMetricsFinder/index.js.map +0 -1
  75. package/dist/components/PrometheusMetricsFinder/overview/MetricOverview.d.ts +0 -23
  76. package/dist/components/PrometheusMetricsFinder/overview/MetricOverview.d.ts.map +0 -1
  77. package/dist/components/PrometheusMetricsFinder/overview/MetricOverview.js +0 -223
  78. package/dist/components/PrometheusMetricsFinder/overview/MetricOverview.js.map +0 -1
  79. package/dist/components/PrometheusMetricsFinder/overview/tabs/JobTab.d.ts +0 -28
  80. package/dist/components/PrometheusMetricsFinder/overview/tabs/JobTab.d.ts.map +0 -1
  81. package/dist/components/PrometheusMetricsFinder/overview/tabs/JobTab.js +0 -127
  82. package/dist/components/PrometheusMetricsFinder/overview/tabs/JobTab.js.map +0 -1
  83. package/dist/components/PrometheusMetricsFinder/overview/tabs/OverviewTab.d.ts +0 -25
  84. package/dist/components/PrometheusMetricsFinder/overview/tabs/OverviewTab.d.ts.map +0 -1
  85. package/dist/components/PrometheusMetricsFinder/overview/tabs/OverviewTab.js +0 -389
  86. package/dist/components/PrometheusMetricsFinder/overview/tabs/OverviewTab.js.map +0 -1
  87. package/dist/components/PrometheusMetricsFinder/overview/tabs/SimilarTab.d.ts +0 -12
  88. package/dist/components/PrometheusMetricsFinder/overview/tabs/SimilarTab.d.ts.map +0 -1
  89. package/dist/components/PrometheusMetricsFinder/overview/tabs/SimilarTab.js +0 -46
  90. package/dist/components/PrometheusMetricsFinder/overview/tabs/SimilarTab.js.map +0 -1
  91. package/dist/components/PrometheusMetricsFinder/types.d.ts +0 -22
  92. package/dist/components/PrometheusMetricsFinder/types.d.ts.map +0 -1
  93. package/dist/components/PrometheusMetricsFinder/types.js +0 -17
  94. package/dist/components/PrometheusMetricsFinder/types.js.map +0 -1
  95. package/dist/components/PrometheusMetricsFinder/utils.d.ts +0 -20
  96. package/dist/components/PrometheusMetricsFinder/utils.d.ts.map +0 -1
  97. package/dist/components/PrometheusMetricsFinder/utils.js +0 -185
  98. package/dist/components/PrometheusMetricsFinder/utils.js.map +0 -1
@@ -1,146 +0,0 @@
1
- // Copyright 2024 The Perses Authors
2
- // Licensed under the Apache License, Version 2.0 (the "License");
3
- // you may not use this file except in compliance with the License.
4
- // You may obtain a copy of the License at
5
- //
6
- // http://www.apache.org/licenses/LICENSE-2.0
7
- //
8
- // Unless required by applicable law or agreed to in writing, software
9
- // distributed under the License is distributed on an "AS IS" BASIS,
10
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11
- // See the License for the specific language governing permissions and
12
- // limitations under the License.
13
- "use strict";
14
- Object.defineProperty(exports, "__esModule", {
15
- value: true
16
- });
17
- function _export(target, all) {
18
- for(var name in all)Object.defineProperty(target, name, {
19
- enumerable: true,
20
- get: all[name]
21
- });
22
- }
23
- _export(exports, {
24
- JobList: function() {
25
- return JobList;
26
- },
27
- JobSection: function() {
28
- return JobSection;
29
- },
30
- JobTab: function() {
31
- return JobTab;
32
- }
33
- });
34
- const _jsxruntime = require("react/jsx-runtime");
35
- const _material = require("@mui/material");
36
- const _react = require("react");
37
- const _MetricList = require("../../display/list/MetricList");
38
- const _utils = require("../../utils");
39
- function JobList({ job, filters, datasource, isMetadataEnabled, onExplore, ...props }) {
40
- const filtersWithJobWithoutName = (0, _react.useMemo)(()=>{
41
- const result = filters.filter((filter)=>filter.label !== '__name__' && filter.label !== 'job');
42
- result.push({
43
- label: 'job',
44
- labelValues: [
45
- job
46
- ],
47
- operator: '='
48
- });
49
- return result;
50
- }, [
51
- filters,
52
- job
53
- ]);
54
- const { data, isLoading } = (0, _utils.useLabelValues)('__name__', filtersWithJobWithoutName, datasource);
55
- if (isLoading) {
56
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
57
- width: "100%",
58
- sx: {
59
- alignItems: 'center',
60
- justifyContent: 'center'
61
- },
62
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, {})
63
- });
64
- }
65
- var _data_data;
66
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MetricList.MetricList, {
67
- metricNames: (_data_data = data === null || data === void 0 ? void 0 : data.data) !== null && _data_data !== void 0 ? _data_data : [],
68
- datasource: datasource,
69
- filters: filtersWithJobWithoutName,
70
- isMetadataEnabled: isMetadataEnabled,
71
- onExplore: onExplore,
72
- ...props
73
- });
74
- }
75
- function JobSection({ jobs, filters, datasource, isMetadataEnabled, onExplore, ...props }) {
76
- var _jobs_;
77
- const [currentJob, setCurrentJob] = (0, _react.useState)((_jobs_ = jobs[0]) !== null && _jobs_ !== void 0 ? _jobs_ : '');
78
- if (!currentJob) {
79
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
80
- children: "Something went wrong..."
81
- });
82
- }
83
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
84
- gap: 2,
85
- ...props,
86
- children: [
87
- jobs.length > 2 && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.FormControl, {
88
- fullWidth: true,
89
- children: [
90
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
91
- id: "job-select-label",
92
- children: "Job"
93
- }),
94
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Select, {
95
- labelId: "job-select-label",
96
- id: "job-select",
97
- label: "Job",
98
- variant: "outlined",
99
- value: currentJob,
100
- onChange: (e)=>setCurrentJob(e.target.value),
101
- children: jobs.map((job)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
102
- value: job,
103
- children: job
104
- }, job))
105
- })
106
- ]
107
- }),
108
- currentJob && /*#__PURE__*/ (0, _jsxruntime.jsx)(JobList, {
109
- job: currentJob,
110
- filters: filters,
111
- datasource: datasource,
112
- isMetadataEnabled: isMetadataEnabled,
113
- onExplore: onExplore
114
- })
115
- ]
116
- });
117
- }
118
- function JobTab({ filters, datasource, isMetadataEnabled, onExplore, ...props }) {
119
- const { data: jobData, isLoading: isJobLoading } = (0, _utils.useLabelValues)('job', filters, datasource);
120
- if (isJobLoading) {
121
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
122
- width: "100%",
123
- sx: {
124
- alignItems: 'center',
125
- justifyContent: 'center'
126
- },
127
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, {})
128
- });
129
- }
130
- if (!(jobData === null || jobData === void 0 ? void 0 : jobData.data) || jobData.data.length === 0) {
131
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
132
- ...props,
133
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
134
- children: "No jobs found"
135
- })
136
- });
137
- }
138
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(JobSection, {
139
- jobs: jobData.data,
140
- filters: filters,
141
- datasource: datasource,
142
- isMetadataEnabled: isMetadataEnabled,
143
- onExplore: onExplore,
144
- ...props
145
- });
146
- }
@@ -1,413 +0,0 @@
1
- // Copyright 2024 The Perses Authors
2
- // Licensed under the Apache License, Version 2.0 (the "License");
3
- // you may not use this file except in compliance with the License.
4
- // You may obtain a copy of the License at
5
- //
6
- // http://www.apache.org/licenses/LICENSE-2.0
7
- //
8
- // Unless required by applicable law or agreed to in writing, software
9
- // distributed under the License is distributed on an "AS IS" BASIS,
10
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11
- // See the License for the specific language governing permissions and
12
- // limitations under the License.
13
- "use strict";
14
- Object.defineProperty(exports, "__esModule", {
15
- value: true
16
- });
17
- function _export(target, all) {
18
- for(var name in all)Object.defineProperty(target, name, {
19
- enumerable: true,
20
- get: all[name]
21
- });
22
- }
23
- _export(exports, {
24
- LabelValuesRow: function() {
25
- return LabelValuesRow;
26
- },
27
- LabelValuesTable: function() {
28
- return LabelValuesTable;
29
- },
30
- OverviewTab: function() {
31
- return OverviewTab;
32
- }
33
- });
34
- const _jsxruntime = require("react/jsx-runtime");
35
- const _react = require("react");
36
- const _material = require("@mui/material");
37
- const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
38
- const _Check = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Check"));
39
- const _Close = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Close"));
40
- const _FilterInputs = require("../../filter/FilterInputs");
41
- const _utils = require("../../utils");
42
- const _MetricChip = require("../../display/MetricChip");
43
- function _interop_require_default(obj) {
44
- return obj && obj.__esModule ? obj : {
45
- default: obj
46
- };
47
- }
48
- function LabelValuesRow({ label, valueCounters, onFilterAdd, ...props }) {
49
- const [isAddingFilter, setIsAddingFilter] = (0, _react.useState)(false);
50
- const [operator, setOperator] = (0, _react.useState)('=');
51
- const [value, setValue] = (0, _react.useState)('');
52
- const [showAllValues, setShowAllValues] = (0, _react.useState)(false);
53
- const isMobileSize = (0, _material.useMediaQuery)((0, _material.useTheme)().breakpoints.down('md'));
54
- const displayedValueCounters = (0, _react.useMemo)(()=>{
55
- if (showAllValues) {
56
- return valueCounters;
57
- }
58
- return valueCounters.slice(0, 5);
59
- }, [
60
- showAllValues,
61
- valueCounters
62
- ]);
63
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
64
- sx: {
65
- width: '100%'
66
- },
67
- direction: isMobileSize ? 'column' : 'row',
68
- alignItems: "center",
69
- gap: 2,
70
- ...props,
71
- children: [
72
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
73
- sx: {
74
- width: '100%',
75
- height: '100%'
76
- },
77
- justifyContent: "space-between",
78
- alignContent: "center",
79
- direction: isMobileSize ? 'column' : 'row',
80
- children: [
81
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
82
- sx: {
83
- fontFamily: 'monospace'
84
- },
85
- pl: isMobileSize ? 0 : 1,
86
- children: label
87
- }),
88
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
89
- direction: "row",
90
- gap: 1,
91
- alignItems: "center",
92
- children: isAddingFilter ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
93
- children: [
94
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Select, {
95
- size: "small",
96
- value: operator,
97
- variant: "outlined",
98
- onChange: (event)=>{
99
- setOperator(event.target.value);
100
- },
101
- children: [
102
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
103
- value: "=",
104
- children: "="
105
- }),
106
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
107
- value: "!=",
108
- children: "!="
109
- }),
110
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
111
- value: "=~",
112
- children: "=~"
113
- }),
114
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
115
- value: "!~",
116
- children: "!~"
117
- })
118
- ]
119
- }),
120
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Autocomplete, {
121
- freeSolo: true,
122
- limitTags: 1,
123
- disableClearable: true,
124
- options: valueCounters.map((counters)=>counters.labelValue),
125
- value: value,
126
- ListboxComponent: _FilterInputs.ListboxComponent,
127
- sx: {
128
- width: 250
129
- },
130
- renderInput: (params)=>{
131
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
132
- ...params,
133
- label: "Value",
134
- variant: "outlined",
135
- fullWidth: true,
136
- size: "small"
137
- });
138
- },
139
- onInputChange: (_, newValue)=>{
140
- setValue(newValue);
141
- }
142
- }),
143
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
144
- "aria-label": "confirm",
145
- onClick: ()=>{
146
- onFilterAdd({
147
- label,
148
- labelValues: [
149
- value
150
- ],
151
- operator
152
- });
153
- setIsAddingFilter(false);
154
- },
155
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Check.default, {})
156
- }),
157
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
158
- "aria-label": "cancel",
159
- onClick: ()=>{
160
- setIsAddingFilter(false);
161
- },
162
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Close.default, {})
163
- })
164
- ]
165
- }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
166
- startIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {}),
167
- "aria-label": "add filter",
168
- onClick: ()=>setIsAddingFilter(true),
169
- children: "Add filter"
170
- })
171
- })
172
- ]
173
- }),
174
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
175
- sx: {
176
- width: '100%'
177
- },
178
- gap: 0.5,
179
- children: [
180
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
181
- direction: "row",
182
- gap: 2,
183
- children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
184
- variant: "subtitle1",
185
- children: [
186
- valueCounters.length,
187
- " values"
188
- ]
189
- })
190
- }),
191
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
192
- sx: {
193
- overflow: isMobileSize ? 'auto' : 'unset'
194
- },
195
- children: displayedValueCounters.map((labelValueCounter)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
196
- direction: "row",
197
- gap: 2,
198
- children: [
199
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
200
- sx: {
201
- color: (theme)=>theme.palette.success.main,
202
- fontFamily: 'monospace',
203
- ':hover': {
204
- backgroundColor: 'rgba(127,127,127,0.35)',
205
- cursor: 'pointer'
206
- },
207
- textWrap: isMobileSize ? 'nowrap' : 'unset'
208
- },
209
- onClick: ()=>onFilterAdd({
210
- label,
211
- labelValues: [
212
- labelValueCounter.labelValue
213
- ],
214
- operator: '='
215
- }),
216
- children: labelValueCounter.labelValue
217
- }),
218
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
219
- sx: {
220
- textWrap: 'nowrap'
221
- },
222
- children: [
223
- "(",
224
- labelValueCounter.counter,
225
- " series)"
226
- ]
227
- })
228
- ]
229
- }, `${label}-${labelValueCounter.labelValue}`))
230
- }),
231
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
232
- width: "100%",
233
- textAlign: isMobileSize ? 'center' : 'unset',
234
- children: showAllValues ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
235
- variant: "text",
236
- sx: {
237
- width: 'fit-content'
238
- },
239
- onClick: ()=>setShowAllValues(false),
240
- children: "Hide full values"
241
- }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
242
- children: valueCounters.length > 5 && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Button, {
243
- variant: "text",
244
- sx: {
245
- width: 'fit-content'
246
- },
247
- onClick: ()=>setShowAllValues(true),
248
- children: [
249
- "Show ",
250
- valueCounters.length - 5,
251
- " more values"
252
- ]
253
- })
254
- })
255
- })
256
- ]
257
- })
258
- ]
259
- }, label);
260
- }
261
- function LabelValuesTable({ labelValueCounters, isLoading, onFilterAdd, ...props }) {
262
- const labels = (0, _react.useMemo)(()=>{
263
- return [
264
- ...labelValueCounters.keys()
265
- ].sort();
266
- }, [
267
- labelValueCounters
268
- ]);
269
- if (isLoading) {
270
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
271
- width: "100%",
272
- sx: {
273
- alignItems: 'center',
274
- justifyContent: 'center'
275
- },
276
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, {})
277
- });
278
- }
279
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
280
- sx: {
281
- width: '100%'
282
- },
283
- divider: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {
284
- flexItem: true,
285
- orientation: "horizontal"
286
- }),
287
- gap: 2,
288
- ...props,
289
- children: [
290
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
291
- gap: 2,
292
- direction: "row",
293
- sx: {
294
- width: '100%'
295
- },
296
- children: [
297
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
298
- sx: {
299
- width: '100%'
300
- },
301
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
302
- variant: "h3",
303
- children: "Label"
304
- })
305
- }),
306
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
307
- sx: {
308
- width: '100%'
309
- },
310
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
311
- variant: "h3",
312
- children: "Values"
313
- })
314
- })
315
- ]
316
- }),
317
- labels.map((label)=>{
318
- var _labelValueCounters_get;
319
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(LabelValuesRow, {
320
- label: label,
321
- valueCounters: (_labelValueCounters_get = labelValueCounters.get(label)) !== null && _labelValueCounters_get !== void 0 ? _labelValueCounters_get : [],
322
- onFilterAdd: onFilterAdd
323
- }, label);
324
- })
325
- ]
326
- });
327
- }
328
- function OverviewTab({ metricName, datasource, filters, onFilterAdd, ...props }) {
329
- const { metadata, isLoading: isMetadataLoading } = (0, _utils.useMetricMetadata)(metricName, datasource);
330
- const { series, labelValueCounters, isLoading } = (0, _utils.useSeriesStates)(metricName, filters, datasource);
331
- var _metadata_type, _series_length;
332
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
333
- gap: 2,
334
- ...props,
335
- children: [
336
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
337
- direction: "row",
338
- gap: 3,
339
- mt: 1,
340
- justifyContent: "space-between",
341
- children: [
342
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
343
- gap: 1,
344
- children: [
345
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
346
- variant: "h1",
347
- sx: {
348
- fontFamily: 'monospace'
349
- },
350
- children: metricName
351
- }),
352
- /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
353
- children: "Description:"
354
- }),
355
- isMetadataLoading ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Skeleton, {
356
- variant: "text",
357
- width: 180
358
- }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
359
- style: {
360
- fontStyle: (metadata === null || metadata === void 0 ? void 0 : metadata.help) ? 'initial' : 'italic'
361
- },
362
- children: metadata ? metadata.help : 'unknown'
363
- })
364
- ]
365
- }),
366
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
367
- gap: 1,
368
- justifyContent: "center",
369
- children: [
370
- isLoading ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Skeleton, {
371
- variant: "rounded",
372
- width: 75
373
- }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_MetricChip.MetricChip, {
374
- label: (_metadata_type = metadata === null || metadata === void 0 ? void 0 : metadata.type) !== null && _metadata_type !== void 0 ? _metadata_type : 'unknown'
375
- }),
376
- /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
377
- children: [
378
- "Result:",
379
- ' ',
380
- isLoading ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Skeleton, {
381
- variant: "text",
382
- width: 20,
383
- sx: {
384
- display: 'inline-block'
385
- }
386
- }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("strong", {
387
- children: [
388
- (_series_length = series === null || series === void 0 ? void 0 : series.length) !== null && _series_length !== void 0 ? _series_length : 0,
389
- " series"
390
- ]
391
- })
392
- ]
393
- })
394
- ]
395
- })
396
- ]
397
- }),
398
- (series === null || series === void 0 ? void 0 : series.length) === 0 ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
399
- ...props,
400
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
401
- sx: {
402
- color: (theme)=>theme.palette.warning.main
403
- },
404
- children: "No series found with current filters."
405
- })
406
- }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(LabelValuesTable, {
407
- labelValueCounters: labelValueCounters,
408
- onFilterAdd: onFilterAdd,
409
- isLoading: isLoading
410
- })
411
- ]
412
- });
413
- }
@@ -1,54 +0,0 @@
1
- // Copyright 2024 The Perses Authors
2
- // Licensed under the Apache License, Version 2.0 (the "License");
3
- // you may not use this file except in compliance with the License.
4
- // You may obtain a copy of the License at
5
- //
6
- // http://www.apache.org/licenses/LICENSE-2.0
7
- //
8
- // Unless required by applicable law or agreed to in writing, software
9
- // distributed under the License is distributed on an "AS IS" BASIS,
10
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11
- // See the License for the specific language governing permissions and
12
- // limitations under the License.
13
- "use strict";
14
- Object.defineProperty(exports, "__esModule", {
15
- value: true
16
- });
17
- Object.defineProperty(exports, "SimilarTab", {
18
- enumerable: true,
19
- get: function() {
20
- return SimilarTab;
21
- }
22
- });
23
- const _jsxruntime = require("react/jsx-runtime");
24
- const _material = require("@mui/material");
25
- const _react = require("react");
26
- const _MetricList = require("../../display/list/MetricList");
27
- const _utils = require("../../utils");
28
- function SimilarTab({ filters, datasource, isMetadataEnabled, onExplore, ...props }) {
29
- const filtersWithoutName = (0, _react.useMemo)(()=>{
30
- return filters.filter((filter)=>filter.label !== '__name__');
31
- }, [
32
- filters
33
- ]);
34
- const { data, isLoading } = (0, _utils.useLabelValues)('__name__', filtersWithoutName, datasource);
35
- if (isLoading) {
36
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
37
- width: "100%",
38
- sx: {
39
- alignItems: 'center',
40
- justifyContent: 'center'
41
- },
42
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, {})
43
- });
44
- }
45
- var _data_data;
46
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MetricList.MetricList, {
47
- metricNames: (_data_data = data === null || data === void 0 ? void 0 : data.data) !== null && _data_data !== void 0 ? _data_data : [],
48
- datasource: datasource,
49
- filters: filtersWithoutName,
50
- isMetadataEnabled: isMetadataEnabled,
51
- onExplore: onExplore,
52
- ...props
53
- });
54
- }
@@ -1,25 +0,0 @@
1
- // Copyright 2024 The Perses Authors
2
- // Licensed under the Apache License, Version 2.0 (the "License");
3
- // you may not use this file except in compliance with the License.
4
- // You may obtain a copy of the License at
5
- //
6
- // http://www.apache.org/licenses/LICENSE-2.0
7
- //
8
- // Unless required by applicable law or agreed to in writing, software
9
- // distributed under the License is distributed on an "AS IS" BASIS,
10
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11
- // See the License for the specific language governing permissions and
12
- // limitations under the License.
13
- "use strict";
14
- Object.defineProperty(exports, "__esModule", {
15
- value: true
16
- });
17
- Object.defineProperty(exports, "computeFilterExpr", {
18
- enumerable: true,
19
- get: function() {
20
- return computeFilterExpr;
21
- }
22
- });
23
- function computeFilterExpr(filters) {
24
- return `${filters.map((filter)=>`${filter.label}${filter.operator}"${filter.labelValues.join('|')}"`).join(',')}`;
25
- }