@dexteel/mesf-core 4.7.6 → 4.7.8

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 # CHANGELOG
+## 4.7.8
+- Trendings: Remove the 'Save view' popup and improve the 'Save view as' modal. Now you can choose a view to save in save view as or create a new one
+## 4.7.7
+- Trendings: Scales now admits negative numbers
+- Trendings: Fix saveTagDefaults bug. When you save the default to Tag, you also save the View Tag selected.
+## 4.7.6
+- Remove margin in configurations page
 ## 4.7.5
 - Added function to format AssetFullPath and display a part in the input
 ## 4.7.4

package/dist/index.esm.js

@@ -10050,7 +10050,7 @@ var TagSelectionModal = function (_a) {
                                                     tag: {
                                                         TagId: dbTag.tagId,
                                                         TagName: dbTag.tagName,
-                                                        Color: getColor(),
+                                                        Color: dbTag.color || getColor(),
                                                         IsAutoScale: true,
                                                         MinScale: dbTag.minScale,
                                                         MaxScale: dbTag.maxScale,
@@ -10372,18 +10372,17 @@ var SaveAsViewModal = function (_a) {
     var classes = useTrendingStyles();
     var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
     var _c = useState(''), error = _c[0], setError = _c[1];
-    var viewTags = useTrendingContext().state.viewTags;
-    var _d = useState(true), isPublic = _d[0], setIsPublic = _d[1];
-    var _e = useState(''), viewName = _e[0], setViewName = _e[1];
+    var _d = useTrendingContext(), _e = _d.state, viewTags = _e.viewTags, views = _e.views, viewSelected = _e.viewSelected, _f = _d.actions, setViewSelected = _f.setViewSelected; _f.setViewTags;
+    var _g = useState(true), isPublic = _g[0], setIsPublic = _g[1];
+    var _h = useState(''), newView = _h[0], setNewView = _h[1];
     var handleCheck = function () { return setIsPublic(!isPublic); };
-    var handleInputChange = function (e) { return setViewName(e.target.value); };
     var handleSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
         var resp, ViewId_1, results;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     setIsLoading(true);
-                    return [4 /*yield*/, upsertView(null, viewName, isPublic)];
+                    return [4 /*yield*/, upsertView(null, newView, isPublic)];
                 case 1:
                     resp = _a.sent();
                     if (!resp.ok) return [3 /*break*/, 3];
@@ -10418,12 +10417,22 @@ var SaveAsViewModal = function (_a) {
         });
     }); };
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(MesfModal, { open: open, handleClose: function () { return handleClose(false); }, maxWidth: "xl", "aria-labelledby": "modal-modal-title", "aria-describedby": "modal-modal-description", title: 'Tags' },
+        React__default.createElement(MesfModal, { open: open, handleClose: function () { return handleClose(false); }, maxWidth: "xl", "aria-labelledby": "modal-modal-title", "aria-describedby": "modal-modal-description", title: 'Save View As' },
             React__default.createElement(Divider, null),
             React__default.createElement(MesfModal.Content, null,
                 React__default.createElement(Grid$1, { container: true, spacing: 5, style: { padding: "1rem" } },
-                    React__default.createElement(Grid$1, { item: true, md: 12, xs: 12, style: { padding: "10px", width: "100%" } },
-                        React__default.createElement(TextField, { size: 'small', id: "outlined-basic", label: "View Name", variant: "outlined", value: viewName, onChange: handleInputChange, style: { width: "100%" } }))),
+                    React__default.createElement(Grid$1, { item: true, 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) { return option.ViewName; }, freeSolo: true, onChange: function (ev, val) {
+                            setViewSelected(val);
+                            if (val) {
+                                setNewView("");
+                            }
+                        }, onInputChange: function (event, newInputValue) {
+                            var isValueInViews = views.some(function (view) { return view.ViewName === newInputValue; });
+                            if (!isValueInViews) {
+                                setNewView(newInputValue);
+                            }
+                        }, style: { width: "100%" }, renderInput: function (params) { return React__default.createElement(TextField, __assign({}, params, { label: "Views", variant: "outlined" })); } })) :
+                        (React__default.createElement("div", null, "No tag views detected, please add one")))),
                 React__default.createElement(Grid$1, { item: true, md: 12, xs: 12, style: { paddingTop: "2rem" }, className: classes.isPublicCheckbox },
                     React__default.createElement("label", null,
                         "Public",
@@ -10570,78 +10579,13 @@ var timeDifference = function (start, end) {
     return "".concat(hours, "h ").concat(remainingMinutes, "m ").concat(remainingSeconds, "s");
 };
 
-var SaveViewModal = function (_a) {
-    var open = _a.open, handleClose = _a.handleClose;
-    var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
-    var _c = useState(''), error = _c[0], setError = _c[1];
-    var _d = useTrendingContext().state, viewTags = _d.viewTags, viewSelected = _d.viewSelected;
-    var handleSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var resp, results;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setIsLoading(true);
-                    if (!(viewSelected === null || viewSelected === void 0 ? void 0 : viewSelected.ViewId)) return [3 /*break*/, 4];
-                    return [4 /*yield*/, upsertView(viewSelected === null || viewSelected === void 0 ? void 0 : viewSelected.ViewId, viewSelected.ViewName, viewSelected.IsPublic)];
-                case 1:
-                    resp = _a.sent();
-                    if (!resp.ok) return [3 /*break*/, 3];
-                    return [4 /*yield*/, Promise.allSettled(viewTags.map(function (_a) {
-                            var TagId = _a.TagId, Color = _a.Color, MinScale = _a.MinScale, MaxScale = _a.MaxScale, IsAutoScale = _a.IsAutoScale, IsVisible = _a.IsVisible;
-                            upsertViewTag(viewSelected === null || viewSelected === void 0 ? void 0 : viewSelected.ViewId, TagId, Color, MinScale, MaxScale, IsVisible, IsAutoScale)
-                                .then(function (r) {
-                                if (!r.ok) {
-                                    setError(r.message);
-                                }
-                            });
-                        }))];
-                case 2:
-                    results = _a.sent();
-                    results.forEach(function (result, index) {
-                        if (result.status === "rejected") {
-                            setError("Tag ".concat(index, " failed with reason: ").concat(result.reason));
-                        }
-                        else {
-                            handleClose(true);
-                        }
-                    });
-                    return [3 /*break*/, 4];
-                case 3:
-                    setError(resp.message);
-                    _a.label = 4;
-                case 4:
-                    setIsLoading(false);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(MesfModal, { open: open, handleClose: function () { return handleClose(false); }, maxWidth: "xl", "aria-labelledby": "modal-modal-title", "aria-describedby": "modal-modal-description", title: 'Tags' },
-            React__default.createElement(Divider, null),
-            React__default.createElement(MesfModal.Content, null,
-                React__default.createElement(Grid$1, { container: true, spacing: 5, style: { padding: "1rem" } },
-                    React__default.createElement(Grid$1, { item: true, md: 12, xs: 12, style: { padding: "10px", width: "100%" } },
-                        React__default.createElement(Typography, null,
-                            "Do you want to save changes on ",
-                            React__default.createElement("strong", null, viewSelected === null || viewSelected === void 0 ? void 0 : viewSelected.ViewName),
-                            " ?")))),
-            React__default.createElement(Divider, null),
-            React__default.createElement(MesfModal.Actions, null,
-                React__default.createElement(Grid$1, { container: true, spacing: 1, style: { display: 'flex', alignItems: 'flex-end', justifyContent: 'flex-end' } },
-                    React__default.createElement(Grid$1, { item: true },
-                        React__default.createElement(Button$1, { variant: 'outlined', color: 'secondary', onClick: function () { return handleClose(false); } }, "Cancel")),
-                    React__default.createElement(Grid$1, { item: true },
-                        React__default.createElement(ButtonWithLoading, { variant: 'contained', color: 'primary', onClick: handleSubmit, isLoading: isLoading }, "Save"))))),
-        React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(''); } })));
-};
-
 var TableComponent = function (_a) {
     var chartData = _a.chartData, cursorData = _a.cursorData, getTagsFromAPI = _a.getTagsFromAPI;
     var classes = useTagsTableStyles();
-    var _b = useTrendingContext(), _c = _b.state, viewTags = _c.viewTags, viewSelected = _c.viewSelected, _d = _b.actions, setViewTags = _d.setViewTags, setGraphShouldUpdate = _d.setGraphShouldUpdate;
+    var _b = useTrendingContext(), _c = _b.state, viewTags = _c.viewTags, viewSelected = _c.viewSelected, _d = _b.actions, setViewTags = _d.setViewTags, setGraphShouldUpdate = _d.setGraphShouldUpdate; _d.setViewSelected;
     var _e = useState(''), error = _e[0], setError = _e[1];
+    var _f = useState(false); _f[0]; var setIsLoading = _f[1];
     var dataTable = useTagsDataTable({ viewTags: viewTags, chartData: chartData, cursorData: cursorData });
-    var _f = useState({}), editableTagNames = _f[0], setEditableTagNames = _f[1];
     var handleChange = function (tagId, value, property) {
         var newTags = viewTags.map(function (tag) {
             var _a;
@@ -10688,9 +10632,9 @@ var TableComponent = function (_a) {
     };
     var _g = useState(null), selectedRowIndex = _g[0], setSelectedRowIndex = _g[1];
     var _h = useState(false), addTagModalOpen = _h[0], setAddTagModalOpen = _h[1];
-    var _j = useState(false), saveViewModalOpen = _j[0], setSaveViewModalOpen = _j[1];
-    var _k = useState(false), saveAsViewModalOpen = _k[0], setSaveAsViewModalOpen = _k[1];
-    var _l = useState(false), loadViewOpen = _l[0], setLoadViewOpen = _l[1];
+    var _j = useState(false), saveAsViewModalOpen = _j[0], setSaveAsViewModalOpen = _j[1];
+    var _k = useState(false), loadViewOpen = _k[0], setLoadViewOpen = _k[1];
+    var _l = useState(''), snackbarMessage = _l[0], setSnackbarMessage = _l[1];
     var handleClose = function () { return setAddTagModalOpen(false); };
     var ContextMenu = function (_a) {
         var x = _a.x, y = _a.y, options = _a.options;
@@ -10706,7 +10650,7 @@ var TableComponent = function (_a) {
         { id: 'delete', label: 'Remove Tag', onClick: function () { return handleDelete(); } },
         { id: 'add', label: 'Add Tag', onClick: function () { return setAddTagModalOpen(true); } },
         { id: 'saveDefault', label: 'Save Default To Tag', onClick: function () { return handleSaveDefaultToTag(); } },
-        { id: 'saveView', label: 'Save View', onClick: function () { setSaveViewModalOpen(true); } },
+        { id: 'saveView', label: 'Save View', onClick: function () { return handleSaveView(); } },
         { id: 'saveViewAs', label: 'Save View as', onClick: function () { return setSaveAsViewModalOpen(true); } },
         { id: 'loadView', label: 'Load View', onClick: function () { return setLoadViewOpen(true); } },
     ];
@@ -10738,14 +10682,53 @@ var TableComponent = function (_a) {
             }
         });
     }); };
-    useEffect(function () {
-        if (Array.isArray(viewTags)) {
-            setEditableTagNames(viewTags.reduce(function (acc, tag) {
-                acc[tag.TagId] = tag.Alias || tag.TagName;
-                return acc;
-            }, {}));
+    var handleSaveView = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var resp, results;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsLoading(true);
+                    if (!(viewSelected === null || viewSelected === void 0 ? void 0 : viewSelected.ViewId)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, upsertView(viewSelected === null || viewSelected === void 0 ? void 0 : viewSelected.ViewId, viewSelected.ViewName, viewSelected.IsPublic)];
+                case 1:
+                    resp = _a.sent();
+                    if (!resp.ok) return [3 /*break*/, 3];
+                    return [4 /*yield*/, Promise.allSettled(viewTags.map(function (_a) {
+                            var TagId = _a.TagId, Color = _a.Color, MinScale = _a.MinScale, MaxScale = _a.MaxScale, IsAutoScale = _a.IsAutoScale, IsVisible = _a.IsVisible;
+                            upsertViewTag(viewSelected === null || viewSelected === void 0 ? void 0 : viewSelected.ViewId, TagId, Color, MinScale, MaxScale, IsVisible, IsAutoScale)
+                                .then(function (r) {
+                                if (!r.ok) {
+                                    setError(r.message);
+                                }
+                            });
+                        }))];
+                case 2:
+                    results = _a.sent();
+                    results.forEach(function (result, index) {
+                        if (result.status === "rejected") {
+                            setError("Tag ".concat(index, " failed with reason: ").concat(result.reason));
+                        }
+                        else {
+                            setSelectedRowIndex(null);
+                            setSnackbarMessage('View saved successfully');
+                        }
+                    });
+                    return [3 /*break*/, 4];
+                case 3:
+                    setError(resp.message);
+                    _a.label = 4;
+                case 4:
+                    setIsLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleCloseSnackbar = function (event, reason) {
+        if (reason === 'clickaway') {
+            return;
         }
-    }, [viewTags]);
+        setSnackbarMessage('');
+    };
     useEffect(function () {
         var handleGlobalClick = function (e) {
             if (selectedRowIndex !== null) {
@@ -10773,39 +10756,27 @@ var TableComponent = function (_a) {
         setContextMenuPosition({ x: event.clientX, y: event.clientY });
     };
     var handleSaveDefaultToTag = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var promises, allResponses, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var _a, TagId, Alias, Color, MinScale, MaxScale, Unit, IsVisible, IsAutoScale, saveTagDefaultsResp, upsertViewTagResp;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
-                    _a.trys.push([0, 2, 3, 4]);
-                    promises = viewTags.map(function (vt) { return __awaiter(void 0, void 0, void 0, function () {
-                        var response;
-                        return __generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0: return [4 /*yield*/, saveTagDefaults(vt.TagId, vt.Alias, vt.Color, vt.MinScale, vt.MaxScale, vt.Unit)];
-                                case 1:
-                                    response = _a.sent();
-                                    return [2 /*return*/, response];
-                            }
-                        });
-                    }); });
-                    return [4 /*yield*/, Promise.all(promises)];
+                    if (!(viewSelected && selectedRowIndex !== null)) return [3 /*break*/, 3];
+                    _a = viewTags[selectedRowIndex], TagId = _a.TagId, Alias = _a.Alias, Color = _a.Color, MinScale = _a.MinScale, MaxScale = _a.MaxScale, Unit = _a.Unit, IsVisible = _a.IsVisible, IsAutoScale = _a.IsAutoScale;
+                    return [4 /*yield*/, saveTagDefaults(TagId, Alias, Color, MinScale, MaxScale, Unit)];
                 case 1:
-                    allResponses = _a.sent();
-                    allResponses.forEach(function (r) {
-                        if (!r.ok) {
-                            setError(r.message);
-                        }
-                    });
-                    return [3 /*break*/, 4];
+                    saveTagDefaultsResp = _b.sent();
+                    return [4 /*yield*/, upsertViewTag(viewSelected === null || viewSelected === void 0 ? void 0 : viewSelected.ViewId, TagId, Color, MinScale, MaxScale, IsVisible, IsAutoScale)];
                 case 2:
-                    error_1 = _a.sent();
-                    setError(error_1.message);
-                    return [3 /*break*/, 4];
-                case 3:
+                    upsertViewTagResp = _b.sent();
+                    if (!saveTagDefaultsResp.ok) {
+                        setError(saveTagDefaultsResp.message);
+                    }
+                    if (!upsertViewTagResp.ok) {
+                        setError(upsertViewTagResp.message);
+                    }
                     setSelectedRowIndex(null);
-                    return [7 /*endfinally*/];
-                case 4: return [2 /*return*/];
+                    _b.label = 3;
+                case 3: return [2 /*return*/];
             }
         });
     }); };
@@ -10895,35 +10866,33 @@ var TableComponent = function (_a) {
                                 React__default.createElement("td", { className: classes.inputCol },
                                     React__default.createElement(Tooltip, { title: tag.TagName, placement: "top", arrow: true, interactive: true, enterDelay: 500 },
                                         React__default.createElement("div", null,
-                                            React__default.createElement("input", { type: "text", style: { width: '100%' }, value: editableTagNames[tag.TagId], onFocus: function (e) { return e.target.select(); }, onChange: function (e) {
-                                                    var _a;
-                                                    setEditableTagNames(__assign(__assign({}, editableTagNames), (_a = {}, _a[tag.TagId] = e.target.value, _a)));
-                                                }, onKeyDown: function (e) {
-                                                    if (e.key === 'Enter') {
-                                                        handleChangeAlias(tag.TagId, editableTagNames[tag.TagId]);
-                                                    }
+                                            React__default.createElement("input", { type: "text", style: { width: '100%' }, value: tag.Alias || tag.TagName, onFocus: function (e) { return e.target.select(); }, onChange: function (e) {
+                                                    var newAlias = e.target.value;
+                                                    handleChangeAlias(tag.TagId, newAlias);
                                                 } })))),
                                 React__default.createElement("td", { className: classes.color },
                                     React__default.createElement(ColorPicker, { onChange: handleColorChange, color: tag.Color, elementId: tag.TagId })),
                                 React__default.createElement("td", { className: classes.inputCol },
-                                    React__default.createElement("input", { type: "text", style: __assign({ width: '100%' }, (tag.IsAutoScale ? {
+                                    React__default.createElement("input", { type: "number", style: __assign({ width: '100%' }, (tag.IsAutoScale ? {
                                             backgroundColor: 'rgba(239, 239, 239, 0.3)',
                                             color: 'rgba(84, 84, 84, 1)',
                                             border: '1px solid rgba(118, 118, 118, 0.3)'
                                         } : {})), value: tag.MinScale, onClick: function () { return handleAbleScales(tag.TagId, tag.IsAutoScale); }, onFocus: function (e) { return e.target.select(); }, onChange: function (e) {
                                             var value = e.target.value;
                                             var numericValue = Number(value);
-                                            handleChange(tag.TagId, numericValue, 'MinScale');
+                                            if (!isNaN(numericValue) && value.trim() !== '') {
+                                                handleChange(tag.TagId, numericValue, 'MinScale');
+                                            }
                                         } })),
                                 React__default.createElement("td", { className: classes.inputCol },
-                                    React__default.createElement("input", { type: "text", style: __assign({ width: '100%' }, (tag.IsAutoScale ? {
+                                    React__default.createElement("input", { type: "number" // Cambiado de text a number para una mejor validación de entrada
+                                        , style: __assign({ width: '100%' }, (tag.IsAutoScale ? {
                                             backgroundColor: 'rgba(239, 239, 239, 0.3)',
                                             color: 'rgba(84, 84, 84, 1)',
                                             border: '1px solid rgba(118, 118, 118, 0.3)'
                                         } : {})), value: tag.MaxScale, onClick: function () { return handleAbleScales(tag.TagId, tag.IsAutoScale); }, onFocus: function (e) { return e.target.select(); }, onChange: function (e) {
                                             var value = e.target.value;
                                             var numericValue = Number(value);
-                                            // Check if the value is a number and not empty
                                             if (!isNaN(numericValue) && value.trim() !== '') {
                                                 handleChange(tag.TagId, numericValue, 'MaxScale');
                                             }
@@ -10956,20 +10925,17 @@ var TableComponent = function (_a) {
                                 React__default.createElement(Button$1, { onClick: function () { return setLoadViewOpen(true); }, variant: 'outlined', color: 'primary' }, " Load view"))))))),
             selectedRowIndex !== null && (React__default.createElement(ContextMenu, { x: contextMenuPosition.x, y: contextMenuPosition.y, options: contextMenuOptions })),
             React__default.createElement(AddTagModal, { open: addTagModalOpen, handleClose: handleClose, onTagSelect: handleTagSelect }),
-            React__default.createElement(SaveViewModal, { open: saveViewModalOpen, handleClose: function (shouldUpdate) {
-                    setSaveViewModalOpen(false);
-                    if (shouldUpdate)
-                        getTagsFromAPI().then(function () { });
-                } }),
             React__default.createElement(SaveAsViewModal, { open: saveAsViewModalOpen, handleClose: function (shouldUpdate) {
                     setSaveAsViewModalOpen(false);
                     if (shouldUpdate)
-                        getTagsFromAPI().then(function () { });
+                        getTagsFromAPI(true).then(function () { });
                 } }),
             React__default.createElement(LoadViewModal, { open: loadViewOpen, handleClose: function (shouldUpdate) {
                     setLoadViewOpen(false);
                 } })),
-        React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(''); } })));
+        React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(''); } }),
+        React__default.createElement(Snackbar$1, { open: !!snackbarMessage, autoHideDuration: 800, onClose: handleCloseSnackbar },
+            React__default.createElement(Alert$3, { onClose: handleCloseSnackbar, severity: "success" }, snackbarMessage))));
 };
 
 var formatDateTimeToString = function (date) {
@@ -11574,41 +11540,44 @@ var Trending = function (_a) {
 var TrendingsPage = function (props) {
     var _a = useState(''), error = _a[0], setError = _a[1];
     var _b = useTrendingContext(), viewSelected = _b.state.viewSelected, _c = _b.actions, setViews = _c.setViews, setViewTags = _c.setViewTags, setViewSelected = _c.setViewSelected;
-    var getTagsFromAPI = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var viewsResp, lastCreated, viewTagsResp;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, getViews(null)];
-                case 1:
-                    viewsResp = _a.sent();
-                    if (!viewsResp.ok) return [3 /*break*/, 3];
-                    setViews(viewsResp.data.tables[0].rows);
-                    lastCreated = void 0;
-                    if (!viewSelected) {
-                        lastCreated = viewsResp.data.tables[0].rows.reduce(function (prev, current) { return (prev.ViewId > current.ViewId) ? prev : current; });
-                        //viewSelected
-                        setViewSelected(lastCreated);
-                    }
-                    else {
-                        lastCreated = viewSelected;
-                    }
-                    return [4 /*yield*/, getViewTags(lastCreated.ViewId)];
-                case 2:
-                    viewTagsResp = _a.sent();
-                    if (viewTagsResp.ok) {
-                        setViewTags(viewTagsResp.data.tables[0].rows);
-                    }
-                    else {
-                        setError(viewTagsResp.message);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    setError(viewsResp.message);
-                    _a.label = 4;
-                case 4: return [2 /*return*/];
-            }
+    var getTagsFromAPI = function (forceReload) {
+        if (forceReload === void 0) { forceReload = false; }
+        return __awaiter(void 0, void 0, void 0, function () {
+            var viewsResp, lastCreated, viewTagsResp;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, getViews(null)];
+                    case 1:
+                        viewsResp = _a.sent();
+                        if (!viewsResp.ok) return [3 /*break*/, 3];
+                        setViews(viewsResp.data.tables[0].rows);
+                        lastCreated = void 0;
+                        if (!viewSelected || forceReload) {
+                            lastCreated = viewsResp.data.tables[0].rows.reduce(function (prev, current) { return (prev.ViewId > current.ViewId) ? prev : current; });
+                            //viewSelected
+                            setViewSelected(lastCreated);
+                        }
+                        else {
+                            lastCreated = viewSelected;
+                        }
+                        return [4 /*yield*/, getViewTags(lastCreated.ViewId)];
+                    case 2:
+                        viewTagsResp = _a.sent();
+                        if (viewTagsResp.ok) {
+                            setViewTags(viewTagsResp.data.tables[0].rows);
+                        }
+                        else {
+                            setError(viewTagsResp.message);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        setError(viewsResp.message);
+                        _a.label = 4;
+                    case 4: return [2 /*return*/];
+                }
+            });
         });
-    }); };
+    };
     useEffect(function () {
         getTagsFromAPI();
     }, []);