@dexteel/mesf-core 5.11.0 → 5.12.1

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 export { LicenseManager } from 'ag-grid-enterprise';
-import { withStyles, DialogTitle as DialogTitle$1, DialogContent as DialogContent$1, DialogActions as DialogActions$1, createStyles, Grid, Button, alpha, makeStyles, Dialog as Dialog$1, TextField, Paper, List, ListItem, ListItemIcon, ListItemText, Chip, SvgIcon, Collapse, Typography as Typography$1, Checkbox, InputAdornment, IconButton as IconButton$1, MenuItem, Box, Card, CardContent, CardActions, Tooltip, FormControl, InputLabel, Select, CircularProgress, Snackbar, FormControlLabel, Switch, DialogContentText, Badge, useTheme, Input, Divider, CssBaseline, AppBar, Toolbar, Container, Menu, Hidden, Drawer, useMediaQuery, ListSubheader, debounce, createTheme, ThemeProvider } from '@material-ui/core';
+import { withStyles, DialogTitle as DialogTitle$1, DialogContent as DialogContent$1, DialogActions as DialogActions$1, createStyles, Grid, Button, alpha, makeStyles, Dialog as Dialog$1, TextField, Paper, List, ListItem, ListItemIcon, ListItemText, Chip, SvgIcon, Collapse, Typography as Typography$1, Checkbox, InputAdornment, IconButton as IconButton$1, MenuItem, Box, Card, CardContent, CardActions, Tooltip, FormControl, InputLabel, Select, CircularProgress, Snackbar, FormControlLabel, Switch, DialogContentText, Popover, MenuList, Badge, useTheme, Input, Divider, CssBaseline, AppBar, Toolbar, Container, Menu, Hidden, Drawer, useMediaQuery, ListSubheader, debounce, createTheme, ThemeProvider } from '@material-ui/core';
 import { values, get, isNil, isEmpty, round, isNaN as isNaN$1, isNumber } from 'lodash-es';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useMemo, Component, createContext, useContext, useCallback, lazy, Suspense } from 'react';
@@ -42,7 +42,7 @@ import zoomPlugin from 'chartjs-plugin-zoom';
 import LockIcon from '@material-ui/icons/Lock';
 import SaveIcon from '@material-ui/icons/Save';
 import Button$1 from '@material-ui/core/Button';
-import Popover from '@material-ui/core/Popover';
+import Popover$1 from '@material-ui/core/Popover';
 import CreateIcon from '@material-ui/icons/Create';
 import { isAncestor, Tree, DndProvider as DndProvider$1 } from '@minoru/react-dnd-treeview';
 import FolderIcon from '@material-ui/icons/Folder';
@@ -6708,6 +6708,222 @@ var useAssetActions = function (_a) {
     return { handleDrop: handleDrop, handleCtrlClick: handleCtrlClick, handleDragEnd: handleDragEnd, handleDragStart: handleDragStart };
 };
 
+var useAssetSearch = function (_a) {
+    var assetNodes = _a.assetNodes, externalSearchTerm = _a.externalSearchTerm, onSearchTermChange = _a.onSearchTermChange;
+    var _b = useState(externalSearchTerm || ""), searchTerm = _b[0], setSearchTerm = _b[1];
+    var _c = useState([]), searchResults = _c[0], setSearchResults = _c[1];
+    var _d = useState(false), showSearchResults = _d[0], setShowSearchResults = _d[1];
+    var _e = useState(-1), focusedSearchIndex = _e[0], setFocusedSearchIndex = _e[1];
+    var searchTimeoutRef = useRef(null);
+    var searchResultsRefs = useRef([]);
+    var searchIndex = useMemo(function () {
+        var index = [];
+        var nodeMap = new Map();
+        assetNodes.forEach(function (node) {
+            if (node.id !== undefined && node.id !== null) {
+                nodeMap.set(node.id, node);
+            }
+        });
+        var buildNodePath = function (nodeId) {
+            var path = [];
+            var currentNode = nodeMap.get(nodeId);
+            while (currentNode && currentNode.parent !== -1) {
+                path.unshift(currentNode.text);
+                currentNode = nodeMap.get(currentNode.parent);
+            }
+            if (currentNode && currentNode.parent === -1) {
+                path.unshift(currentNode.text);
+            }
+            return path;
+        };
+        assetNodes.forEach(function (node) {
+            if (node.id === undefined || node.id === null || !node.text)
+                return;
+            var nodePath = buildNodePath(node.id);
+            var pathStr = nodePath.join(" > ");
+            var hasChildren = assetNodes.some(function (child) { return child.parent === node.id; });
+            index.push({
+                id: node.id,
+                name: node.text,
+                path: pathStr,
+                isDroppable: node.droppable || false,
+                hasChildren: hasChildren,
+                node: node,
+            });
+        });
+        return index;
+    }, [assetNodes]);
+    var searchNodes = function (searchTerm) {
+        var lowerSearchTerm = searchTerm.toLowerCase();
+        return searchIndex.filter(function (item) {
+            return item.name.toLowerCase().includes(lowerSearchTerm);
+        });
+    };
+    React__default.useEffect(function () {
+        if (externalSearchTerm !== undefined && externalSearchTerm !== searchTerm) {
+            setSearchTerm(externalSearchTerm);
+        }
+    }, [externalSearchTerm]);
+    var handleSearchChange = function (event) {
+        var term = event.target.value;
+        setSearchTerm(term);
+        onSearchTermChange === null || onSearchTermChange === void 0 ? void 0 : onSearchTermChange(term);
+        if (searchTimeoutRef.current) {
+            clearTimeout(searchTimeoutRef.current);
+        }
+        if (term.trim() === "" || term.length < 2) {
+            setSearchResults([]);
+            setShowSearchResults(false);
+            setFocusedSearchIndex(-1);
+            return;
+        }
+        searchTimeoutRef.current = setTimeout(function () {
+            var results = searchNodes(term);
+            setSearchResults(results);
+            setShowSearchResults(results.length > 0);
+            var newFocusIndex = results.length > 0 ? 0 : -1;
+            setFocusedSearchIndex(newFocusIndex);
+            searchResultsRefs.current = new Array(results.length).fill(null);
+        }, 250);
+    };
+    var handleKeyDown = function (event) {
+        if (event.key === "Escape") {
+            if (showSearchResults) {
+                setSearchTerm("");
+                setSearchResults([]);
+                setShowSearchResults(false);
+                setFocusedSearchIndex(-1);
+            }
+            return undefined;
+        }
+        if (showSearchResults && searchResults.length > 0) {
+            if (event.key === "ArrowDown") {
+                event.preventDefault();
+                var newIndex_1 = focusedSearchIndex < searchResults.length - 1
+                    ? focusedSearchIndex + 1
+                    : 0;
+                setFocusedSearchIndex(newIndex_1);
+                setTimeout(function () { return scrollFocusedItemIntoView(newIndex_1); }, 0);
+            }
+            else if (event.key === "ArrowUp") {
+                event.preventDefault();
+                var newIndex_2 = focusedSearchIndex > 0
+                    ? focusedSearchIndex - 1
+                    : searchResults.length - 1;
+                setFocusedSearchIndex(newIndex_2);
+                setTimeout(function () { return scrollFocusedItemIntoView(newIndex_2); }, 0);
+            }
+            else if (event.key === "Enter" && focusedSearchIndex >= 0) {
+                event.preventDefault();
+                var selectedResult = searchResults[focusedSearchIndex];
+                return selectedResult;
+            }
+        }
+        return undefined;
+    };
+    var scrollFocusedItemIntoView = function (index) {
+        var _a;
+        if (searchResultsRefs.current[index]) {
+            (_a = searchResultsRefs.current[index]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+                behavior: "smooth",
+                block: "nearest",
+            });
+        }
+    };
+    var clearSearch = function () {
+        setSearchTerm("");
+        setSearchResults([]);
+        setShowSearchResults(false);
+        setFocusedSearchIndex(-1);
+        onSearchTermChange === null || onSearchTermChange === void 0 ? void 0 : onSearchTermChange("");
+    };
+    var triggerSearch = function (term) {
+        setSearchTerm(term);
+        onSearchTermChange === null || onSearchTermChange === void 0 ? void 0 : onSearchTermChange(term);
+        if (searchTimeoutRef.current) {
+            clearTimeout(searchTimeoutRef.current);
+        }
+        if (term.trim() === "" || term.length < 2) {
+            setSearchResults([]);
+            setShowSearchResults(false);
+            setFocusedSearchIndex(-1);
+            return;
+        }
+        searchTimeoutRef.current = setTimeout(function () {
+            var results = searchNodes(term);
+            setSearchResults(results);
+            setShowSearchResults(results.length > 0);
+            var newFocusIndex = results.length > 0 ? 0 : -1;
+            setFocusedSearchIndex(newFocusIndex);
+            searchResultsRefs.current = new Array(results.length).fill(null);
+        }, 250);
+    };
+    return {
+        searchTerm: searchTerm,
+        searchResults: searchResults,
+        showSearchResults: showSearchResults,
+        focusedSearchIndex: focusedSearchIndex,
+        searchResultsRefs: searchResultsRefs,
+        handleSearchChange: handleSearchChange,
+        handleKeyDown: handleKeyDown,
+        scrollFocusedItemIntoView: scrollFocusedItemIntoView,
+        clearSearch: clearSearch,
+        triggerSearch: triggerSearch,
+    };
+};
+
+var AssetSearchInput = function (_a) {
+    var assetNodes = _a.assetNodes, onSearchResultClick = _a.onSearchResultClick;
+    var searchInputRef = useRef(null);
+    var _b = useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var _c = useAssetSearch({ assetNodes: assetNodes }), searchTerm = _c.searchTerm, searchResults = _c.searchResults, showSearchResults = _c.showSearchResults, focusedSearchIndex = _c.focusedSearchIndex, searchResultsRefs = _c.searchResultsRefs, handleSearchChange = _c.handleSearchChange, handleKeyDown = _c.handleKeyDown, clearSearch = _c.clearSearch;
+    var handleSearchResultClick = function (result) {
+        onSearchResultClick(result);
+        clearSearch();
+        setAnchorEl(null);
+    };
+    var handleKeyDownWithResultSelection = function (event) {
+        var selectedResult = handleKeyDown(event);
+        if (selectedResult) {
+            handleSearchResultClick(selectedResult);
+        }
+    };
+    var handleSearchInputChange = function (event) {
+        handleSearchChange(event);
+        if (!anchorEl && searchInputRef.current) {
+            setAnchorEl(searchInputRef.current);
+        }
+    };
+    var handlePopoverClose = function () {
+        setAnchorEl(null);
+    };
+    return (React__default.createElement("div", { onKeyDown: handleKeyDownWithResultSelection, style: { marginBottom: 16 } },
+        React__default.createElement(TextField, { placeholder: "Search assets (min. 2 characters)...", variant: "outlined", size: "small", fullWidth: true, value: searchTerm, onChange: handleSearchInputChange, inputRef: searchInputRef, InputProps: {
+                startAdornment: (React__default.createElement(InputAdornment, { position: "start" },
+                    React__default.createElement(SearchIcon, { color: "action" }))),
+            } }),
+        React__default.createElement(Popover, { open: showSearchResults && Boolean(anchorEl), anchorEl: anchorEl, onClose: handlePopoverClose, disableAutoFocus: true, disableEnforceFocus: true, anchorOrigin: {
+                vertical: "bottom",
+                horizontal: "left",
+            }, transformOrigin: {
+                vertical: "top",
+                horizontal: "left",
+            }, PaperProps: {
+                style: { width: anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.offsetWidth, maxHeight: 300 },
+            } },
+            React__default.createElement(MenuList, { dense: true }, searchResults.map(function (result, index) { return (React__default.createElement(MenuItem, { key: result.id, ref: function (el) {
+                    if (searchResultsRefs.current) {
+                        searchResultsRefs.current[index] = el;
+                    }
+                }, selected: index === focusedSearchIndex, onClick: function () { return handleSearchResultClick(result); } },
+                React__default.createElement(ListItemIcon, null, result.hasChildren || result.isDroppable ? (React__default.createElement(AccountTreeIcon, { color: "primary", fontSize: "small" })) : (React__default.createElement(Settings$1, { color: "primary", fontSize: "small" }))),
+                React__default.createElement(ListItemText, { primary: result.name, secondary: result.path, secondaryTypographyProps: {
+                        variant: "caption",
+                        color: "textSecondary",
+                        style: { fontStyle: "italic" },
+                    } }))); })))));
+};
+
 var TypeIcon = function (props) {
     if (props.droppable) {
         return React__default.createElement(FolderIcon, null);
@@ -6953,7 +7169,7 @@ var AssetViewComponent = function () {
     var _b = useState(false), isDragging = _b[0], setIsDragging = _b[1];
     var _c = useState(false), isCtrlPressing = _c[0], setIsCtrlPressing = _c[1];
     var _d = useState(false), isDoubleClick = _d[0], setIsDoubleClick = _d[1];
-    var _e = useConfigurationAssetContext(), _f = _e.state, allAssetNodes = _f.allAssetNodes, openAssets = _f.openAssets, showContextMenu = _f.showContextMenu, showCreateNewContextMenu = _f.showCreateNewContextMenu, assetNodeSelectedInTree = _f.assetNodeSelectedInTree, _g = _f.anchorPoint, x = _g.x, y = _g.y, _h = _e.actions, setShowContextMenu = _h.setShowContextMenu, setShowCreateNewContextMenu = _h.setShowCreateNewContextMenu, setMenuContextAssetId = _h.setMenuContextAssetId, setAnchorPointX = _h.setAnchorPointX, setAnchorPointY = _h.setAnchorPointY, setAssetNodeSelectedInTree = _h.setAssetNodeSelectedInTree;
+    var _e = useConfigurationAssetContext(), _f = _e.state, allAssetNodes = _f.allAssetNodes, openAssets = _f.openAssets, showContextMenu = _f.showContextMenu, showCreateNewContextMenu = _f.showCreateNewContextMenu, assetNodeSelectedInTree = _f.assetNodeSelectedInTree, _g = _f.anchorPoint, x = _g.x, y = _g.y, _h = _e.actions, setShowContextMenu = _h.setShowContextMenu, setShowCreateNewContextMenu = _h.setShowCreateNewContextMenu, setMenuContextAssetId = _h.setMenuContextAssetId, setAnchorPointX = _h.setAnchorPointX, setAnchorPointY = _h.setAnchorPointY, setAssetNodeSelectedInTree = _h.setAssetNodeSelectedInTree, setOpenAssets = _h.setOpenAssets;
     var allAssets = useAssetContext().state.allAssets;
     var _j = useState(false), showCreateNewAssetDialog = _j[0], setShowCreateNewAssetDialog = _j[1];
     var _k = useState(false), showViewerAssetDialog = _k[0], setShowViewerAssetDialog = _k[1];
@@ -7042,6 +7258,39 @@ var AssetViewComponent = function () {
         setShowCreateNewContextMenu(false);
         setShowContextMenu(false);
     };
+    var handleSearchResultClick = function (result) {
+        var expandPath = function (nodeId) {
+            var path = [];
+            var findNodeAndPath = function (currentId) {
+                var node = allAssetNodes.find(function (n) { return n.id === currentId; });
+                if (node && node.parent !== -1) {
+                    path.unshift(currentId);
+                    findNodeAndPath(node.parent);
+                }
+                else if (node) {
+                    path.unshift(currentId);
+                }
+            };
+            findNodeAndPath(nodeId);
+            return path;
+        };
+        var pathToExpand = expandPath(result.id);
+        var newOpenAssets = __assign({}, openAssets);
+        pathToExpand.forEach(function (nodeId) {
+            newOpenAssets[nodeId] = nodeId;
+        });
+        setOpenAssets(newOpenAssets);
+        setSelectedNodes([result.node]);
+        setTimeout(function () {
+            var nodeElement = document.querySelector("[data-node-id=\"".concat(result.id, "\"]"));
+            if (nodeElement) {
+                nodeElement.scrollIntoView({
+                    behavior: "smooth",
+                    block: "center",
+                });
+            }
+        }, 300);
+    };
     useEffect(function () {
         searchAssets();
     }, []);
@@ -7052,8 +7301,8 @@ var AssetViewComponent = function () {
         React__default.createElement("div", { onClick: handleClick },
             React__default.createElement("div", { onContextMenu: handleCreateNewContextMenu },
                 React__default.createElement("div", null,
-                    React__default.createElement(Grid, { container: true, justifyContent: "flex-start", alignItems: "center", className: classes.root },
-                        React__default.createElement(Typography$1, { variant: "h5", style: { margin: "20px 0 20px", fontWeight: 600 } }, "Assets Tree"),
+                    React__default.createElement(Grid, { spacing: 0, container: true, justifyContent: "flex-start", alignItems: "flex-start", className: classes.root },
+                        React__default.createElement(Typography$1, { variant: "h5", style: { margin: "20px 0 20px 20px", fontWeight: 600 } }, "Assets Tree"),
                         isLoading ? (React__default.createElement(Grid, { container: true, style: { width: "100%", height: "100%" } },
                             React__default.createElement(Grid, { item: true, xs: 12, md: 12, style: {
                                     height: "71vh",
@@ -7072,6 +7321,7 @@ var AssetViewComponent = function () {
                                 padding: "15px 20px 10px",
                                 borderRadius: "0.75rem",
                             } },
+                            React__default.createElement(AssetSearchInput, { assetNodes: allAssetNodes, onSearchResultClick: handleSearchResultClick }),
                             React__default.createElement(Grid, { container: true, alignItems: "center" },
                                 React__default.createElement(Grid, { container: true, style: {
                                         height: "71vh",
@@ -7753,6 +8003,7 @@ var UserInitialState = {
     defaultAreaName: "",
     userLogged: false,
     permissions: [],
+    profiles: [],
 };
 var UserReducer = createSlice({
     name: "__",
@@ -7782,6 +8033,10 @@ var UserReducer = createSlice({
             var payload = _a.payload;
             state.permissions = payload;
         },
+        setProfiles: function (state, _a) {
+            var payload = _a.payload;
+            state.profiles = payload;
+        },
     },
 });
 
@@ -7797,6 +8052,12 @@ var useHasPermission = function () {
         return state.permissions.some(function (p) { return p === permission; });
     };
 };
+var useHasProfile = function () {
+    var state = useUserContext().state;
+    return function (profile) {
+        return state.profiles.some(function (p) { return p === profile; });
+    };
+};
 var UserProvider = function (_a) {
     var children = _a.children;
     var _b = useComplexState({
@@ -7804,13 +8065,14 @@ var UserProvider = function (_a) {
         reducers: UserReducer.caseReducers,
     }), state = _b[0], actions = _b[1];
     var _c = useState(false), permissionsLoaded = _c[0], setPermissionsLoaded = _c[1];
+    var _d = useState(false), profilesLoaded = _d[0], setProfilesLoaded = _d[1];
     var getUserId = function () {
         var sessionData = localStorage.getItem("userMESData") || "{}";
         var userData = JSON.parse(sessionData);
         return get(userData, "id", null);
     };
     var getUserPermissions = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var userId, resp, permissionsArray, error_1;
+        var userId, resp, permissionsArray, profilesArray, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -7829,6 +8091,11 @@ var UserProvider = function (_a) {
                         actions.setPermissions(permissionsArray);
                         setPermissionsLoaded(true);
                     }
+                    if (resp && resp.Profiles) {
+                        profilesArray = resp.Profiles.split(",");
+                        actions.setProfiles(profilesArray);
+                        setProfilesLoaded(true);
+                    }
                     return [3 /*break*/, 4];
                 case 3:
                     error_1 = _a.sent();
@@ -7849,7 +8116,11 @@ var UserProvider = function (_a) {
             }
         },
     });
-    return (React__default.createElement(UserContext.Provider, { value: { state: state, actions: actions, isLoading: !permissionsLoaded } }, children));
+    return (React__default.createElement(UserContext.Provider, { value: {
+            state: state,
+            actions: actions,
+            isLoading: !permissionsLoaded || !profilesLoaded,
+        } }, children));
 };
 
 var getTokenFromLS = function () {
@@ -10564,7 +10835,7 @@ var QueryCacheInvalidations = function () {
     var columnDefs = [
         { field: "SourceId", headerName: "Source ID", flex: 1 },
         { field: "Source", headerName: "Source", flex: 2 },
-        { field: "TargetsCSV", headerName: "Targets", flex: 3 },
+        { field: "TargetNamesCSV", headerName: "Targets", flex: 3 },
         {
             headerName: "Actions",
             flex: 1,
@@ -11776,7 +12047,7 @@ var ColorPicker = function (_a) {
                 padding: 0,
                 margin: "4px",
             } }),
-        React__default.createElement(Popover, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
+        React__default.createElement(Popover$1, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
                 vertical: "bottom",
                 horizontal: "left",
             } },
@@ -14615,30 +14886,6 @@ var Navigation = function (_a) {
         React__default.createElement(MESFMainContainer, null)));
 };
 
-var useSearchUTLSettings = function (_a) {
-    var onError = _a.onError;
-    var initSettings = useUTLSettingsContext().actions.initSettings;
-    var searchUTLSettings = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var res, settings;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, getUTLSettings()];
-                case 1:
-                    res = _a.sent();
-                    if (res.ok) {
-                        settings = get(res, "data.tables[0].rows", []);
-                        initSettings(settings);
-                    }
-                    else {
-                        onError(res.message);
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return { searchUTLSettings: searchUTLSettings };
-};
-
 var UTLSettingsInitialState = {
     serverTimeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     settings: {},
@@ -14658,7 +14905,7 @@ var UTLSettingsReducer = createSlice({
         initSettings: function (state, _a) {
             var payload = _a.payload;
             state.settings = payload.reduce(function (acc, cur) {
-                if (cur.SettingName.trim() === "TimeZone") {
+                if (cur.SettingName.trim().toLowerCase() === "timezone") {
                     var timeService = TimeService.getInstance();
                     timeService.setTimeZone(cur.Value);
                 }
@@ -14682,9 +14929,25 @@ var UTLSettingsProvider = function (_a) {
         reducers: UTLSettingsReducer.caseReducers,
     }), state = _b[0], actions = _b[1];
     var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
-    var searchUTLSettings = useSearchUTLSettings({
-        onError: console.error,
-    }).searchUTLSettings;
+    var searchUTLSettings = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res, settings, settingsTrimmed;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getUTLSettings()];
+                case 1:
+                    res = _a.sent();
+                    if (res.ok) {
+                        settings = get(res, "data.tables[0].rows", []);
+                        settingsTrimmed = settings.map(function (setting) { return (__assign(__assign({}, setting), { SettingName: setting.SettingName.trim() })); });
+                        actions.initSettings(settingsTrimmed);
+                    }
+                    else {
+                        console.error(res.message);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     useEffect(function () {
         setIsLoading(true);
         searchUTLSettings().then(function () {
@@ -14694,9 +14957,7 @@ var UTLSettingsProvider = function (_a) {
     useMesfRealtime({
         onReceiveMessage: function (author, message) {
             if (message === "UTL.GetSettings") {
-                searchUTLSettings().then(function () {
-                    // setIsLoading(false);
-                });
+                searchUTLSettings();
             }
         },
     });
@@ -14712,7 +14973,7 @@ var ProvidersLoader = function (_a) {
                 display: "flex",
                 justifyContent: "center",
                 alignItems: "center",
-                height: "100vh",
+                height: "80vh",
             } },
             React__default.createElement(CircularProgress, null)));
     }
@@ -14941,5 +15202,5 @@ var areaSelector = /*#__PURE__*/Object.freeze({
     AreaSelector: AreaSelector
 });
 
-export { Account, AssetProvider, AuthContext, AuthProvider, BarChartControl, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ErrorModal, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, TimeAndUserMenu, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, TrendingsPage, USER_LABELS, UTLSettingsProvider, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getError, getMomentTz, getProfiles, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUserPermissionsFromAPI, getUsers, renewToken, setPassword, setProfilesToUser, themeMESF, upsertUser, useAssetContext, useContextMenuMESF, useHasPermission, useMesfRealtime, useShiftNavigator, useShiftNavigatorManager, useStyles$C as useStyles, useToken, useUTLSettingsContext, useUserContext };
+export { Account, AssetProvider, AuthContext, AuthProvider, BarChartControl, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ErrorModal, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, TimeAndUserMenu, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, TrendingsPage, USER_LABELS, UTLSettingsProvider, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getError, getMomentTz, getProfiles, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUserPermissionsFromAPI, getUsers, renewToken, setPassword, setProfilesToUser, themeMESF, upsertUser, useAssetContext, useContextMenuMESF, useHasPermission, useHasProfile, useMesfRealtime, useShiftNavigator, useShiftNavigatorManager, useStyles$C as useStyles, useToken, useUTLSettingsContext, useUserContext };
 //# sourceMappingURL=index.esm.js.map