@dexteel/mesf-core 7.2.0 → 7.3.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/.release-please-manifest.json +1 -1
- package/CHANGELOG.md +19 -0
- package/dist/index.esm.js +145 -193
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [7.3.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.2.1...@dexteel/mesf-core-v7.3.0) (2025-11-21)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* **TagColors:** add more colors ([6c5032a](https://github.com/dexteel/mesf-core-frontend/commit/6c5032a94b34eaa9076c5574bca2428065000e9e))
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* **TagColors:** add comments human redable colors names ([9ce19a2](https://github.com/dexteel/mesf-core-frontend/commit/9ce19a2261d843cb1bd0d28fa4a1c03e6329a9bf))
|
|
14
|
+
|
|
15
|
+
## [7.2.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.2.0...@dexteel/mesf-core-v7.2.1) (2025-11-19)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### Bug Fixes
|
|
19
|
+
|
|
20
|
+
* **Trending V1:** adjust layout after mui v6 migration ([#553](https://github.com/dexteel/mesf-core-frontend/issues/553)) ([7496c71](https://github.com/dexteel/mesf-core-frontend/commit/7496c716aca2585cffc7e72ed26043cdde363b9d))
|
|
21
|
+
|
|
3
22
|
## [7.2.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.1.0...@dexteel/mesf-core-v7.2.0) (2025-11-05)
|
|
4
23
|
|
|
5
24
|
|
package/dist/index.esm.js
CHANGED
|
@@ -11089,21 +11089,26 @@ var Configuration = function () {
|
|
|
11089
11089
|
};
|
|
11090
11090
|
|
|
11091
11091
|
var tagColors$1 = [
|
|
11092
|
-
"#
|
|
11093
|
-
"
|
|
11094
|
-
"#
|
|
11095
|
-
"#
|
|
11096
|
-
"#
|
|
11097
|
-
"#
|
|
11098
|
-
"
|
|
11099
|
-
"#
|
|
11100
|
-
"#
|
|
11101
|
-
"#
|
|
11102
|
-
"#
|
|
11103
|
-
"
|
|
11104
|
-
"#
|
|
11105
|
-
"
|
|
11106
|
-
"#
|
|
11092
|
+
"#00AA00", // green
|
|
11093
|
+
"#0000FF", // blue
|
|
11094
|
+
"#FF0000", // red
|
|
11095
|
+
"#9C27B0", // purple
|
|
11096
|
+
"#FFA500", // orange
|
|
11097
|
+
"#397234", // forest green
|
|
11098
|
+
"#283F23", // dark olive
|
|
11099
|
+
"#3F2617", // dark brown
|
|
11100
|
+
"#0B0F08", // charcoal black
|
|
11101
|
+
"#889c2dff", // olive green
|
|
11102
|
+
"#B78449", // tan brown
|
|
11103
|
+
"#5D9F96", // teal
|
|
11104
|
+
"#1d5e74ff", // dark teal
|
|
11105
|
+
"#FA7305", // bright orange
|
|
11106
|
+
"#072684", // navy blue
|
|
11107
|
+
"#269473ff", // emerald green
|
|
11108
|
+
"#5d74b9ff", // slate blue
|
|
11109
|
+
"#0C8EF4", // sky blue
|
|
11110
|
+
"#8d481cff", // rust brown
|
|
11111
|
+
"#2B384C", // dark slate
|
|
11107
11112
|
];
|
|
11108
11113
|
var availableColors = __spreadArray([], tagColors$1, true);
|
|
11109
11114
|
var lastColor = null;
|
|
@@ -16190,43 +16195,44 @@ var LoadViewModal = function (_a) {
|
|
|
16190
16195
|
React__default.createElement("input", { type: "checkbox", checked: allViewsChecked, onChange: handleAllViewsCheckbox }),
|
|
16191
16196
|
React__default.createElement(Typography$1, null, "All Views")))),
|
|
16192
16197
|
React__default.createElement(Grid2, { size: { md: 12 } },
|
|
16193
|
-
React__default.createElement(Autocomplete, { size: "small", id: "list-of-views", noOptionsText: allViewsChecked
|
|
16198
|
+
React__default.createElement(Autocomplete$1, { size: "small", id: "list-of-views", noOptionsText: allViewsChecked
|
|
16194
16199
|
? "No views detected, please create a new view"
|
|
16195
|
-
: "No private views detected, please create a new view .", options: allViewsChecked ? views : publicViews, getOptionLabel: function (option) { return option.ViewName; }, onChange: function (ev, val) { return setOptionSelected(val); }, defaultValue: optionSelected || viewSelected, style: { width: "100%" }, renderOption: function (
|
|
16196
|
-
display: "flex",
|
|
16197
|
-
justifyContent: "flex-start",
|
|
16198
|
-
alignItems: "center",
|
|
16199
|
-
width: "100%",
|
|
16200
|
-
} },
|
|
16201
|
-
React__default.createElement("div", { style: {
|
|
16202
|
-
flexGrow: 1,
|
|
16203
|
-
} }, state.ViewName),
|
|
16200
|
+
: "No private views detected, please create a new view .", options: allViewsChecked ? views : publicViews, getOptionLabel: function (option) { return option.ViewName; }, onChange: function (ev, val) { return setOptionSelected(val); }, defaultValue: optionSelected || viewSelected, style: { width: "100%" }, renderOption: function (props, option) { return (React__default.createElement("li", __assign({}, props, { key: option.ViewId }),
|
|
16204
16201
|
React__default.createElement("div", { style: {
|
|
16205
16202
|
display: "flex",
|
|
16206
|
-
justifyContent: "flex-
|
|
16203
|
+
justifyContent: "flex-start",
|
|
16207
16204
|
alignItems: "center",
|
|
16208
|
-
|
|
16205
|
+
width: "100%",
|
|
16209
16206
|
} },
|
|
16210
|
-
|
|
16211
|
-
|
|
16212
|
-
|
|
16213
|
-
|
|
16207
|
+
React__default.createElement("div", { style: {
|
|
16208
|
+
flexGrow: 1,
|
|
16209
|
+
} }, option.ViewName),
|
|
16210
|
+
React__default.createElement("div", { style: {
|
|
16211
|
+
display: "flex",
|
|
16212
|
+
justifyContent: "flex-end",
|
|
16213
|
+
alignItems: "center",
|
|
16214
|
+
flex: 1,
|
|
16215
|
+
} },
|
|
16216
|
+
option.IsPublic ? ("") : (React__default.createElement(React__default.Fragment, null,
|
|
16217
|
+
React__default.createElement(Tooltip, { title: "Private", arrow: true },
|
|
16218
|
+
React__default.createElement(LockIcon, { fontSize: "small", style: {
|
|
16219
|
+
color: "black",
|
|
16220
|
+
height: "18px",
|
|
16221
|
+
width: "18px",
|
|
16222
|
+
cursor: "auto",
|
|
16223
|
+
} })))),
|
|
16224
|
+
React__default.createElement(IconButton$1, { onClick: function (e) { return handleEditView(option); } },
|
|
16225
|
+
React__default.createElement(CreateIcon, { fontSize: "small", color: "primary", style: {
|
|
16214
16226
|
height: "18px",
|
|
16215
16227
|
width: "18px",
|
|
16216
|
-
cursor: "
|
|
16217
|
-
} }))
|
|
16218
|
-
|
|
16219
|
-
|
|
16220
|
-
|
|
16221
|
-
|
|
16222
|
-
|
|
16223
|
-
|
|
16224
|
-
React__default.createElement(IconButton$1, { onClick: function (e) { return handleDeleteView(state, e); } },
|
|
16225
|
-
React__default.createElement(DeleteIcon, { fontSize: "small", color: "secondary", style: {
|
|
16226
|
-
height: "18px",
|
|
16227
|
-
width: "18px",
|
|
16228
|
-
cursor: "pointer",
|
|
16229
|
-
} }))))); }, renderInput: function (params) { return (React__default.createElement(TextField, __assign({}, params, { label: "Views", variant: "outlined" }))); } })))) : (React__default.createElement(Typography$1, null, "No views detected, please add one")))),
|
|
16228
|
+
cursor: "pointer",
|
|
16229
|
+
} })),
|
|
16230
|
+
React__default.createElement(IconButton$1, { onClick: function (e) { return handleDeleteView(option, e); } },
|
|
16231
|
+
React__default.createElement(DeleteIcon, { fontSize: "small", color: "secondary", style: {
|
|
16232
|
+
height: "18px",
|
|
16233
|
+
width: "18px",
|
|
16234
|
+
cursor: "pointer",
|
|
16235
|
+
} })))))); }, renderInput: function (params) { return (React__default.createElement(TextField, __assign({}, params, { label: "Views", variant: "outlined" }))); } })))) : (React__default.createElement(Typography$1, null, "No views detected, please add one")))),
|
|
16230
16236
|
React__default.createElement(MesfModal.Actions, null,
|
|
16231
16237
|
React__default.createElement("div", { style: { paddingTop: "1rem" } },
|
|
16232
16238
|
React__default.createElement(Button, { variant: "outlined", style: { marginRight: "1rem" }, color: "secondary", onClick: function () { return handleClose(false); } }, "Cancel"),
|
|
@@ -16337,7 +16343,7 @@ var SaveAsViewModal = function (_a) {
|
|
|
16337
16343
|
React__default.createElement(Divider, null),
|
|
16338
16344
|
React__default.createElement(MesfModal.Content, null,
|
|
16339
16345
|
React__default.createElement(Grid2, { container: true, spacing: 5, style: { padding: "1rem" } },
|
|
16340
|
-
React__default.createElement(Grid2, { size: { md: 12, xs: 12 }, style: { padding: "10px", width: "100%" } }, views.length && viewSelected ? (React__default.createElement(Autocomplete, { size: "small", id: "list-of-views", options: views, defaultValue: viewSelected, getOptionLabel: function (option) {
|
|
16346
|
+
React__default.createElement(Grid2, { size: { md: 12, xs: 12 }, style: { padding: "10px", width: "100%" } }, views.length && viewSelected ? (React__default.createElement(Autocomplete$1, { size: "small", id: "list-of-views", options: views, defaultValue: viewSelected, getOptionLabel: function (option) {
|
|
16341
16347
|
if (typeof option === "string") {
|
|
16342
16348
|
return option;
|
|
16343
16349
|
}
|
|
@@ -17333,18 +17339,17 @@ var TableComponent = function (_a) {
|
|
|
17333
17339
|
" ")));
|
|
17334
17340
|
})) : (React__default.createElement(TableRow, null,
|
|
17335
17341
|
React__default.createElement(TableCell, { colSpan: 12 },
|
|
17336
|
-
React__default.createElement(
|
|
17337
|
-
|
|
17338
|
-
|
|
17339
|
-
|
|
17340
|
-
|
|
17341
|
-
|
|
17342
|
-
|
|
17343
|
-
|
|
17344
|
-
React__default.createElement("div", null,
|
|
17345
|
-
|
|
17346
|
-
|
|
17347
|
-
"Load view")))))))))),
|
|
17342
|
+
React__default.createElement(Box, { sx: {
|
|
17343
|
+
display: "flex",
|
|
17344
|
+
flexDirection: "column",
|
|
17345
|
+
alignItems: "center",
|
|
17346
|
+
justifyContent: "center",
|
|
17347
|
+
padding: 4,
|
|
17348
|
+
gap: 2,
|
|
17349
|
+
} },
|
|
17350
|
+
React__default.createElement("div", null, "No tag view detected."),
|
|
17351
|
+
React__default.createElement(Button, { onClick: function () { return setTagsTreeModalOpen(true); }, variant: "contained", color: "primary" }, "Add tag"),
|
|
17352
|
+
React__default.createElement(Button, { onClick: function () { return setLoadViewOpen(true); }, variant: "outlined", color: "primary" }, "Load view"))))))))),
|
|
17348
17353
|
React__default.createElement(TagsTreeModal, { open: tagsTreeModalOpen, handleClose: handleClose, onTagSelect: handleTagSelect }),
|
|
17349
17354
|
React__default.createElement(SaveAsViewModal, { open: saveAsViewModalOpen, handleClose: function (shouldUpdate) { return __awaiter(void 0, void 0, void 0, function () {
|
|
17350
17355
|
return __generator(this, function (_a) {
|
|
@@ -17365,7 +17370,7 @@ var TableComponent = function (_a) {
|
|
|
17365
17370
|
} })),
|
|
17366
17371
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } }),
|
|
17367
17372
|
React__default.createElement(Snackbar, { open: !!snackbarMessage, autoHideDuration: 800, onClose: handleCloseSnackbar },
|
|
17368
|
-
React__default.createElement(Alert$
|
|
17373
|
+
React__default.createElement(Alert$3, { onClose: handleCloseSnackbar, severity: "success" }, snackbarMessage))));
|
|
17369
17374
|
};
|
|
17370
17375
|
|
|
17371
17376
|
var formatDateTimeToString = function (date) {
|
|
@@ -17510,7 +17515,7 @@ var CustomOptionsComponent = function (_a) {
|
|
|
17510
17515
|
zoom: 1.5,
|
|
17511
17516
|
},
|
|
17512
17517
|
} },
|
|
17513
|
-
React__default.createElement(FormControlLabel, { checked: customOptions.showGrid, control: React__default.createElement(Checkbox, { color: "primary" }), label: "Show
|
|
17518
|
+
React__default.createElement(FormControlLabel, { checked: customOptions.showGrid, control: React__default.createElement(Checkbox, { color: "primary" }), label: "Show Grid", onChange: function (e, checked) {
|
|
17514
17519
|
handleGridChange(checked);
|
|
17515
17520
|
} })),
|
|
17516
17521
|
React__default.createElement(Grid2, { sx: {
|
|
@@ -17595,142 +17600,89 @@ var Header = React__default.memo(function (_a) {
|
|
|
17595
17600
|
useEffect(function () {
|
|
17596
17601
|
setChartOptions(function (prevOptions) { return (__assign(__assign({}, prevOptions), { scales: __assign(__assign({}, prevOptions.scales), { x: __assign(__assign({}, prevOptions.scales.x), { min: state.timeScopeStart.getTime(), max: state.timeScopeEnd.getTime() }) }) })); });
|
|
17597
17602
|
}, [state.timeScopeStart, state.timeScopeEnd]);
|
|
17598
|
-
return (React__default.createElement(
|
|
17599
|
-
React__default.createElement(Grid2, { size: {
|
|
17600
|
-
React__default.createElement(Grid2,
|
|
17601
|
-
React__default.createElement(
|
|
17602
|
-
|
|
17603
|
-
|
|
17604
|
-
height: "24px",
|
|
17605
|
-
width: "24px",
|
|
17606
|
-
"& svg": {
|
|
17607
|
-
// Adjust the icon size as well
|
|
17608
|
-
fontSize: "1.5rem",
|
|
17609
|
-
},
|
|
17610
|
-
},
|
|
17611
|
-
color: "black",
|
|
17612
|
-
} },
|
|
17613
|
-
React__default.createElement(ChevronLeft, { fontSize: "large" }))),
|
|
17614
|
-
React__default.createElement(Grid2, null,
|
|
17615
|
-
React__default.createElement(TextField, { type: "datetime-local", sx: {
|
|
17616
|
-
alignItems: "center",
|
|
17617
|
-
"& .MuiInputBase-root": {
|
|
17618
|
-
color: "black",
|
|
17619
|
-
backgroundColor: "white",
|
|
17620
|
-
borderRadius: function (theme) { return theme.shape.borderRadius; },
|
|
17621
|
-
width: "90%",
|
|
17622
|
-
minWidth: "90%",
|
|
17623
|
-
maxWidth: "90%",
|
|
17624
|
-
},
|
|
17625
|
-
"& .MuiInputBase-input": {
|
|
17626
|
-
fontSize: "0.75rem !important",
|
|
17627
|
-
height: "15px !important",
|
|
17628
|
-
paddingRight: "3px",
|
|
17629
|
-
paddingLeft: "3px",
|
|
17630
|
-
},
|
|
17631
|
-
"& .MuiInput-underline:before": {
|
|
17632
|
-
borderBottomColor: "rgba(0, 0, 0, 0.42)",
|
|
17633
|
-
},
|
|
17634
|
-
padding: 0,
|
|
17635
|
-
}, label: "Start", variant: "outlined", value: moment$8(state.timeScopeStart).format("YYYY-MM-DDTHH:mm:ss"), onChange: function (e) { return handleDateChange(e.target.value, "start"); }, InputLabelProps: {
|
|
17636
|
-
shrink: true,
|
|
17637
|
-
style: { marginLeft: "10px" },
|
|
17638
|
-
}, InputProps: {
|
|
17639
|
-
max: state.timeScopeEnd,
|
|
17640
|
-
} })),
|
|
17641
|
-
React__default.createElement(Grid2, { sx: {
|
|
17642
|
-
"& .MuiInput-root": {
|
|
17643
|
-
width: "100%",
|
|
17644
|
-
},
|
|
17645
|
-
"& .MuiInputBase-root": {
|
|
17646
|
-
color: "black",
|
|
17647
|
-
backgroundColor: "white",
|
|
17648
|
-
borderRadius: function (theme) { return theme.shape.borderRadius; },
|
|
17649
|
-
minWidth: "100%",
|
|
17650
|
-
},
|
|
17651
|
-
"& .MuiInputBase-input": {
|
|
17652
|
-
fontSize: "0.875rem !important",
|
|
17653
|
-
height: "15px !important",
|
|
17654
|
-
},
|
|
17655
|
-
"& .MuiInput-underline:before": {
|
|
17656
|
-
borderBottomColor: "rgba(0, 0, 0, 0.42)",
|
|
17657
|
-
},
|
|
17658
|
-
padding: 0,
|
|
17659
|
-
} },
|
|
17660
|
-
React__default.createElement(FormControl, { variant: "outlined" },
|
|
17661
|
-
React__default.createElement(Select, { value: state.scope, onChange: function (e) { return handleChangeScope(e.target.value); }, displayEmpty: true },
|
|
17662
|
-
React__default.createElement(MenuItem, { value: "10 min" }, "10 min"),
|
|
17663
|
-
React__default.createElement(MenuItem, { value: "1 hour" }, "1 hour"),
|
|
17664
|
-
React__default.createElement(MenuItem, { value: "4 hours" }, "4 hours"),
|
|
17665
|
-
React__default.createElement(MenuItem, { value: "12 hours" }, "12 hours"),
|
|
17666
|
-
React__default.createElement(MenuItem, { value: "1 day" }, "1 day"),
|
|
17667
|
-
React__default.createElement(MenuItem, { value: "10 days" }, "10 days"),
|
|
17668
|
-
React__default.createElement(MenuItem, { value: "custom" }, "Custom")))),
|
|
17669
|
-
React__default.createElement(Grid2, null,
|
|
17670
|
-
React__default.createElement(TextField, { label: "End", variant: "outlined", sx: {
|
|
17671
|
-
alignItems: "center",
|
|
17672
|
-
"& .MuiInputBase-root": {
|
|
17603
|
+
return (React__default.createElement(LocalizationProvider$1, { dateAdapter: AdapterMoment },
|
|
17604
|
+
React__default.createElement(Grid2, { size: { xs: 12 }, container: true, justifyContent: "space-between", alignItems: "center", style: { height: "8%" } },
|
|
17605
|
+
React__default.createElement(Grid2, { size: { md: 4 }, container: true, spacing: 1, justifyContent: "flex-start", alignItems: "center", wrap: "wrap" },
|
|
17606
|
+
React__default.createElement(Grid2, null,
|
|
17607
|
+
React__default.createElement(IconButton$1, { color: "primary", onClick: function () { return handleDateNavigator("subtract"); }, size: "small", sx: {
|
|
17608
|
+
padding: 0.5,
|
|
17673
17609
|
color: "black",
|
|
17674
|
-
|
|
17675
|
-
|
|
17676
|
-
|
|
17677
|
-
|
|
17678
|
-
|
|
17679
|
-
|
|
17680
|
-
|
|
17681
|
-
|
|
17682
|
-
|
|
17683
|
-
|
|
17684
|
-
|
|
17685
|
-
|
|
17686
|
-
"& .MuiInput-underline:before": {
|
|
17687
|
-
borderBottomColor: "rgba(0, 0, 0, 0.42)",
|
|
17688
|
-
},
|
|
17689
|
-
padding: 0,
|
|
17690
|
-
}, type: "datetime-local", value: autoRefresh
|
|
17691
|
-
? ""
|
|
17692
|
-
: moment$8(state.timeScopeEnd).format("YYYY-MM-DDTHH:mm:ss"), onChange: function (e) { return handleDateChange(e.target.value, "end"); }, InputLabelProps: {
|
|
17693
|
-
shrink: true,
|
|
17694
|
-
style: { marginLeft: "10px" },
|
|
17695
|
-
} })),
|
|
17696
|
-
React__default.createElement(Grid2, null,
|
|
17697
|
-
React__default.createElement(IconButton$1, { onClick: function () { return handleDateNavigator("add"); }, sx: {
|
|
17698
|
-
"& .MuiSvgIcon-root": {
|
|
17699
|
-
cursor: "pointer !important",
|
|
17700
|
-
height: "24px",
|
|
17701
|
-
width: "24px",
|
|
17702
|
-
"& svg": {
|
|
17703
|
-
// Adjust the icon size as well
|
|
17704
|
-
fontSize: "1.5rem",
|
|
17705
|
-
},
|
|
17706
|
-
},
|
|
17707
|
-
color: "black",
|
|
17708
|
-
} },
|
|
17709
|
-
React__default.createElement(ChevronRight, { fontSize: "large" }))),
|
|
17710
|
-
React__default.createElement(Grid2, null,
|
|
17711
|
-
React__default.createElement(IconButton$1, { onClick: function () { return handleDateNavigator("subtract", true); }, sx: {
|
|
17712
|
-
"& .MuiSvgIcon-root": {
|
|
17713
|
-
cursor: "pointer !important",
|
|
17714
|
-
height: "24px",
|
|
17715
|
-
width: "24px",
|
|
17716
|
-
"& svg": {
|
|
17717
|
-
// Adjust the icon size as well
|
|
17718
|
-
fontSize: "1.5rem",
|
|
17610
|
+
} },
|
|
17611
|
+
React__default.createElement(ChevronLeft, { fontSize: "medium" }))),
|
|
17612
|
+
React__default.createElement(Grid2, { size: { md: 4 } },
|
|
17613
|
+
React__default.createElement(DateTimePicker, { label: "Start", format: "MM/DD/YYYY HH:mm:ss", value: moment$8(state.timeScopeStart), onChange: function (newValue) {
|
|
17614
|
+
if (newValue) {
|
|
17615
|
+
handleDateChange(newValue.toDate(), "start");
|
|
17616
|
+
}
|
|
17617
|
+
}, minutesStep: 1, slotProps: {
|
|
17618
|
+
textField: {
|
|
17619
|
+
size: "small",
|
|
17620
|
+
variant: "outlined",
|
|
17621
|
+
fullWidth: true,
|
|
17719
17622
|
},
|
|
17720
|
-
},
|
|
17721
|
-
|
|
17722
|
-
|
|
17723
|
-
|
|
17724
|
-
|
|
17725
|
-
|
|
17726
|
-
|
|
17727
|
-
|
|
17728
|
-
|
|
17729
|
-
|
|
17730
|
-
|
|
17623
|
+
} })),
|
|
17624
|
+
React__default.createElement(Grid2, { size: { md: 2 }, marginTop: 0.5 },
|
|
17625
|
+
React__default.createElement(FormControl, { variant: "outlined", size: "small", fullWidth: true },
|
|
17626
|
+
React__default.createElement(Select, { value: state.scope, onChange: function (e) {
|
|
17627
|
+
return handleChangeScope(e.target.value);
|
|
17628
|
+
}, displayEmpty: true },
|
|
17629
|
+
React__default.createElement(MenuItem, { value: "10 min" }, "10 min"),
|
|
17630
|
+
React__default.createElement(MenuItem, { value: "1 hour" }, "1 hour"),
|
|
17631
|
+
React__default.createElement(MenuItem, { value: "4 hours" }, "4 hours"),
|
|
17632
|
+
React__default.createElement(MenuItem, { value: "12 hours" }, "12 hours"),
|
|
17633
|
+
React__default.createElement(MenuItem, { value: "1 day" }, "1 day"),
|
|
17634
|
+
React__default.createElement(MenuItem, { value: "10 days" }, "10 days"),
|
|
17635
|
+
React__default.createElement(MenuItem, { value: "custom" }, "Custom")))),
|
|
17636
|
+
React__default.createElement(Grid2, { size: { md: 4 } },
|
|
17637
|
+
React__default.createElement(DateTimePicker, { label: "End", format: "MM/DD/YYYY HH:mm:ss", value: autoRefresh ? null : moment$8(state.timeScopeEnd), onChange: function (newValue) {
|
|
17638
|
+
if (newValue) {
|
|
17639
|
+
handleDateChange(newValue.toDate(), "end");
|
|
17731
17640
|
}
|
|
17732
|
-
|
|
17733
|
-
|
|
17641
|
+
}, minutesStep: 1, slotProps: {
|
|
17642
|
+
textField: {
|
|
17643
|
+
size: "small",
|
|
17644
|
+
variant: "outlined",
|
|
17645
|
+
fullWidth: true,
|
|
17646
|
+
},
|
|
17647
|
+
}, disabled: autoRefresh })),
|
|
17648
|
+
React__default.createElement(Grid2, null,
|
|
17649
|
+
React__default.createElement(IconButton$1, { onClick: function () { return handleDateNavigator("add"); }, sx: {
|
|
17650
|
+
"& .MuiSvgIcon-root": {
|
|
17651
|
+
cursor: "pointer !important",
|
|
17652
|
+
height: "24px",
|
|
17653
|
+
width: "24px",
|
|
17654
|
+
"& svg": {
|
|
17655
|
+
// Adjust the icon size as well
|
|
17656
|
+
fontSize: "1.5rem",
|
|
17657
|
+
},
|
|
17658
|
+
},
|
|
17659
|
+
color: "black",
|
|
17660
|
+
} },
|
|
17661
|
+
React__default.createElement(ChevronRight, { fontSize: "large" }))),
|
|
17662
|
+
React__default.createElement(Grid2, null,
|
|
17663
|
+
React__default.createElement(IconButton$1, { onClick: function () { return handleDateNavigator("subtract", true); }, sx: {
|
|
17664
|
+
"& .MuiSvgIcon-root": {
|
|
17665
|
+
cursor: "pointer !important",
|
|
17666
|
+
height: "24px",
|
|
17667
|
+
width: "24px",
|
|
17668
|
+
"& svg": {
|
|
17669
|
+
// Adjust the icon size as well
|
|
17670
|
+
fontSize: "1.5rem",
|
|
17671
|
+
},
|
|
17672
|
+
},
|
|
17673
|
+
color: "black",
|
|
17674
|
+
} },
|
|
17675
|
+
React__default.createElement(SkipNextIcon, { fontSize: "large" })))),
|
|
17676
|
+
React__default.createElement(Grid2, { size: { md: 6 }, container: true, justifyContent: "space-between" },
|
|
17677
|
+
React__default.createElement(Grid2, { container: true, wrap: "nowrap", spacing: 1 },
|
|
17678
|
+
React__default.createElement(Grid2, { container: true },
|
|
17679
|
+
React__default.createElement(CustomOptionsComponent, { customOptions: customOptions, setCustomOptions: setCustomOptions, autoRefresh: autoRefresh, setAutoRefresh: function (autoRefresh) {
|
|
17680
|
+
if (autoRefresh) {
|
|
17681
|
+
handleChangeScope("custom");
|
|
17682
|
+
handleDateChange(new Date(), "end");
|
|
17683
|
+
}
|
|
17684
|
+
setAutoRefresh(autoRefresh);
|
|
17685
|
+
} })))))));
|
|
17734
17686
|
});
|
|
17735
17687
|
Header.displayName = "Header";
|
|
17736
17688
|
|