@dexteel/mesf-core 4.4.0-alpha → 4.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -0
- package/dist/index.esm.js +38 -46
- package/package.json +1 -1
- package/bun.lockb +0 -0
package/CHANGELOG.md
CHANGED
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Typography, TextField, makeStyles as makeStyles$1, Button as Button$1, Grid as Grid$1, Dialog as Dialog$1, DialogTitle as DialogTitle$2, DialogContent as DialogContent$2, DialogContentText, DialogActions as DialogActions$2, FormHelperText, CircularProgress as CircularProgress$1, Badge, FormControlLabel, Checkbox, Snackbar as Snackbar$1, Paper as Paper$1, MenuItem as MenuItem$1, useTheme as useTheme$1, Box,
|
|
1
|
+
import { Typography, TextField, makeStyles as makeStyles$1, Button as Button$1, Grid as Grid$1, Dialog as Dialog$1, DialogTitle as DialogTitle$2, DialogContent as DialogContent$2, DialogContentText, DialogActions as DialogActions$2, FormHelperText, CircularProgress as CircularProgress$1, Badge, FormControlLabel, Checkbox, Snackbar as Snackbar$1, Paper as Paper$1, MenuItem as MenuItem$1, useTheme as useTheme$1, Box, createStyles as createStyles$1, List, ListItem, ListItemText } from '@material-ui/core';
|
|
2
2
|
import { values, get, isNil as isNil$1, isEmpty } from 'lodash-es';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import React__default, { useState, useRef, useEffect, Component, createContext, useContext, useMemo, useCallback, lazy, Suspense } from 'react';
|
|
@@ -7931,8 +7931,9 @@ n(css$1,{});
|
|
|
7931
7931
|
|
|
7932
7932
|
var TagSelectionModal = function (_a) {
|
|
7933
7933
|
var isOpen = _a.isOpen; _a.onClose; var onTagSelect = _a.onTagSelect;
|
|
7934
|
-
var _b = useState(
|
|
7935
|
-
var _c = useState([]),
|
|
7934
|
+
var _b = useState(true), isLoading = _b[0], setIsLoading = _b[1];
|
|
7935
|
+
var _c = useState([]), treeData = _c[0], setTreeData = _c[1];
|
|
7936
|
+
var _d = useState([]), expanded = _d[0], setExpanded = _d[1];
|
|
7936
7937
|
useEffect(function () {
|
|
7937
7938
|
var loadData = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
7938
7939
|
var children;
|
|
@@ -7940,10 +7941,12 @@ var TagSelectionModal = function (_a) {
|
|
|
7940
7941
|
switch (_a.label) {
|
|
7941
7942
|
case 0:
|
|
7942
7943
|
if (!isOpen) return [3 /*break*/, 2];
|
|
7944
|
+
setIsLoading(true);
|
|
7943
7945
|
return [4 /*yield*/, fetchChildren('root')];
|
|
7944
7946
|
case 1:
|
|
7945
7947
|
children = _a.sent();
|
|
7946
7948
|
setTreeData([{ tagId: null, tagName: 'root', children: children, isLoaded: true, shortName: 'Tags', tag: null }]);
|
|
7949
|
+
setIsLoading(false);
|
|
7947
7950
|
_a.label = 2;
|
|
7948
7951
|
case 2: return [2 /*return*/];
|
|
7949
7952
|
}
|
|
@@ -8047,9 +8050,9 @@ var TagSelectionModal = function (_a) {
|
|
|
8047
8050
|
return null;
|
|
8048
8051
|
};
|
|
8049
8052
|
var renderTree = function (node) { return (React__default.createElement(TreeItem$1, { key: node.tagName, nodeId: node.tagName, label: node.shortName, endIcon: React__default.createElement(ArrowDropDownIcon, null), icon: node.children && node.children.length > 0 ? React__default.createElement(FolderIcon, null) : React__default.createElement(InsertDriveFileIcon, null) }, node.children && node.children.map(function (child) { return renderTree(child); }))); };
|
|
8050
|
-
return (React__default.createElement("div", { style: { display: isOpen ? 'block' : 'none' } },
|
|
8051
|
-
React__default.createElement("div", null,
|
|
8052
|
-
React__default.createElement(TreeView$1, { expanded: expanded, onNodeSelect: handleNodeSelect, onNodeToggle: handleNodeToggle }, treeData.map(function (tree) { return renderTree(tree); })))));
|
|
8053
|
+
return (React__default.createElement("div", { style: { display: isOpen ? 'block' : 'none', minHeight: "400px", minWidth: "600px" } },
|
|
8054
|
+
React__default.createElement("div", null, isLoading ? (React__default.createElement(Grid$1, { container: true, justifyContent: "center", alignItems: "center", style: { minHeight: "100px" } },
|
|
8055
|
+
React__default.createElement(CircularProgress$1, { size: "2rem" }))) : React__default.createElement(TreeView$1, { expanded: expanded, onNodeSelect: handleNodeSelect, onNodeToggle: handleNodeToggle }, treeData.map(function (tree) { return renderTree(tree); })))));
|
|
8053
8056
|
};
|
|
8054
8057
|
|
|
8055
8058
|
var TableComponent = function (_a) {
|
|
@@ -8128,18 +8131,6 @@ var TableComponent = function (_a) {
|
|
|
8128
8131
|
setSelectedRowIndex(index);
|
|
8129
8132
|
setContextMenuPosition({ x: event.clientX, y: event.clientY });
|
|
8130
8133
|
};
|
|
8131
|
-
var modalStyle = {
|
|
8132
|
-
position: 'absolute',
|
|
8133
|
-
top: '50%',
|
|
8134
|
-
left: '50%',
|
|
8135
|
-
transform: 'translate(-50%, -50%)',
|
|
8136
|
-
width: 600,
|
|
8137
|
-
minHeight: 800,
|
|
8138
|
-
bgcolor: 'background.paper',
|
|
8139
|
-
border: '2px solid #000',
|
|
8140
|
-
boxShadow: 24,
|
|
8141
|
-
p: 4
|
|
8142
|
-
};
|
|
8143
8134
|
return (React__default.createElement("div", null,
|
|
8144
8135
|
React__default.createElement("table", { cellPadding: '5px' },
|
|
8145
8136
|
React__default.createElement("thead", null,
|
|
@@ -8195,10 +8186,9 @@ var TableComponent = function (_a) {
|
|
|
8195
8186
|
})() : null),
|
|
8196
8187
|
React__default.createElement("td", null, cursorData ? cursorData.values[index] : null))); }))),
|
|
8197
8188
|
selectedRowIndex !== null && (React__default.createElement(ContextMenu, { x: contextMenuPosition.x, y: contextMenuPosition.y, options: contextMenuOptions })),
|
|
8198
|
-
React__default.createElement(MesfModal, { open: modalOpen, handleClose: handleClose, "aria-labelledby": "modal-modal-title", "aria-describedby": "modal-modal-description" },
|
|
8189
|
+
React__default.createElement(MesfModal, { open: modalOpen, handleClose: handleClose, maxWidth: "lg", "aria-labelledby": "modal-modal-title", "aria-describedby": "modal-modal-description", title: 'Tags' },
|
|
8199
8190
|
React__default.createElement(MesfModal.Content, null,
|
|
8200
|
-
React__default.createElement(Box,
|
|
8201
|
-
React__default.createElement(Typography, { id: "modal-modal-title", variant: "h6", component: "h2" }, "Tags"),
|
|
8191
|
+
React__default.createElement(Box, null,
|
|
8202
8192
|
React__default.createElement(Typography, { id: "modal-modal-description" },
|
|
8203
8193
|
React__default.createElement(TagSelectionModal, { isOpen: modalOpen, onClose: function () { return handleClose; }, onTagSelect: handleTagSelect })))))));
|
|
8204
8194
|
};
|
|
@@ -8503,38 +8493,40 @@ var Trending = function (_a) {
|
|
|
8503
8493
|
return React__default.createElement("p", null,
|
|
8504
8494
|
"Error: ",
|
|
8505
8495
|
error);
|
|
8506
|
-
return (React__default.createElement(
|
|
8507
|
-
React__default.createElement(
|
|
8508
|
-
React__default.createElement(
|
|
8509
|
-
React__default.createElement(
|
|
8510
|
-
|
|
8511
|
-
|
|
8512
|
-
React__default.createElement(
|
|
8513
|
-
|
|
8514
|
-
React__default.createElement(
|
|
8515
|
-
|
|
8516
|
-
|
|
8517
|
-
|
|
8518
|
-
|
|
8496
|
+
return (React__default.createElement(Grid$1, { container: true, style: { width: '95svw', height: '84svh', margin: 0 } },
|
|
8497
|
+
React__default.createElement(Grid$1, { item: true, xs: 12, style: { height: '15%' } },
|
|
8498
|
+
React__default.createElement(Grid$1, { container: true, justify: "space-between", alignItems: "center", style: { height: '100%' } },
|
|
8499
|
+
React__default.createElement(Grid$1, { item: true, xs: 3 },
|
|
8500
|
+
React__default.createElement(DateComponent, { date: timeScope.start }),
|
|
8501
|
+
React__default.createElement(DateComponent, { date: timeScope.end })),
|
|
8502
|
+
React__default.createElement(Grid$1, { item: true, xs: 6, style: { display: 'flex', justifyContent: 'center' } },
|
|
8503
|
+
React__default.createElement(CustomOptionsComponent, { customOptions: customOptions, setCustomOptions: setCustomOptions })),
|
|
8504
|
+
React__default.createElement(Grid$1, { item: true, xs: 3, style: { display: 'flex', justifyContent: 'flex-end' } },
|
|
8505
|
+
React__default.createElement(Button$1, { variant: "contained", color: "primary" }, "Load View"),
|
|
8506
|
+
React__default.createElement(Button$1, { variant: "contained", color: "secondary", style: { marginLeft: '10px' } }, "Save View")))),
|
|
8507
|
+
React__default.createElement(Grid$1, { item: true, xs: 12, style: { height: '45%' } },
|
|
8508
|
+
React__default.createElement(Paper$1, { style: { height: '100%', overflow: 'hidden' } },
|
|
8509
|
+
React__default.createElement(Line, { data: chartData, options: chartOptions, plugins: [verticalLinePlugin] }))),
|
|
8510
|
+
React__default.createElement(Grid$1, { item: true, xs: 12, style: { height: '40%', display: 'flex', justifyContent: 'center', flexDirection: 'column' } },
|
|
8519
8511
|
React__default.createElement(TableComponent, { tagList: tagList, setTagList: setTagList, cursorData: cursorData, onDeleteTag: handleDeleteTag, onAddTag: handleAddTag })),
|
|
8520
|
-
loading
|
|
8512
|
+
loading && (React__default.createElement(Grid$1, { item: true, xs: 12, style: { textAlign: 'center' } },
|
|
8513
|
+
React__default.createElement("p", null, "Loading...")))));
|
|
8521
8514
|
};
|
|
8522
8515
|
|
|
8523
8516
|
// @flow
|
|
8524
8517
|
var TrendingsIndex = function (props) {
|
|
8525
8518
|
var _a = useState(new Date('2023-11-16')), startDate = _a[0]; _a[1];
|
|
8526
8519
|
var _b = useState(new Date('2023-11-17')), endDate = _b[0]; _b[1];
|
|
8527
|
-
return (React.createElement(
|
|
8528
|
-
React.createElement(
|
|
8529
|
-
React.createElement(
|
|
8530
|
-
React.createElement(Grid$1, {
|
|
8531
|
-
React.createElement(
|
|
8532
|
-
|
|
8533
|
-
|
|
8534
|
-
|
|
8535
|
-
|
|
8536
|
-
|
|
8537
|
-
] })))))));
|
|
8520
|
+
return (React.createElement(Box, { p: 3, style: { maxWidth: '100%' } },
|
|
8521
|
+
React.createElement(Paper, null,
|
|
8522
|
+
React.createElement(Grid$1, { container: true, spacing: 3, style: { padding: "20px" } },
|
|
8523
|
+
React.createElement(Grid$1, { item: true, xs: 12 },
|
|
8524
|
+
React.createElement(Trending, { title: "Trending Chart", start: startDate, end: endDate, tags: [
|
|
8525
|
+
{ tagId: 29, tagName: 't1', tagType: 'number', color: 'red', autoScale: true, minScale: 0, maxScale: 100, visible: true },
|
|
8526
|
+
{ tagId: 44, tagName: 't2', tagType: 'number', color: 'blue', autoScale: true, minScale: 0, maxScale: 100, visible: true },
|
|
8527
|
+
{ tagId: 50, tagName: 't3', tagType: 'number', color: 'green', autoScale: true, minScale: 0, maxScale: 100, visible: true },
|
|
8528
|
+
{ tagId: 46, tagName: 't4', tagType: 'number', color: 'black', autoScale: true, minScale: 0, maxScale: 100, visible: true },
|
|
8529
|
+
] }))))));
|
|
8538
8530
|
};
|
|
8539
8531
|
|
|
8540
8532
|
var MESFMainRouter = function () {
|
package/package.json
CHANGED
package/bun.lockb
DELETED
|
Binary file
|