@dexteel/mesf-core 5.11.0 → 5.12.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "5.11.0"
+  ".": "5.12.0"
 }

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+# Changelog
+
+## [5.12.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.11.0...@dexteel/mesf-core-v5.12.0) (2025-09-09)
+
+
+### Features
+
+* **asset-configuration:** add search functionality to Assets Tree ([ef22460](https://github.com/dexteel/mesf-core-frontend/commit/ef22460bc96f75b3a5454fc4aee0fbf1cb3b7d80))
+* **asset-configuration:** add search functionality to Assets Tree ([2fefd83](https://github.com/dexteel/mesf-core-frontend/commit/2fefd83a61a05f083882c0898b8b0826f216517e))
+* **userContext:** add useHasProfile hook ([#460](https://github.com/dexteel/mesf-core-frontend/issues/460)) ([8788000](https://github.com/dexteel/mesf-core-frontend/commit/8788000718b33c4af2732f88f8c0f47a9cecb29a))
+
+
+### Bug Fixes
+
+* **real-time-config:** Show the names of SP instead of id's ([c97ad12](https://github.com/dexteel/mesf-core-frontend/commit/c97ad128d1519c7498784fa575c7e6fb7741f0d7))
+* **real-time-config:** Show the names of SP instead of id's ([b994a0b](https://github.com/dexteel/mesf-core-frontend/commit/b994a0bdb46c9d74e8d85bc3d4a0b1cdd2c862cb))
+
+## [5.11.0] - 2025-09-08
+
+
+
 # Changelog
 
 ## [5.11.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.10.0...@dexteel/mesf-core-v5.11.0) (2025-09-03)

package/dist/configuration/pages/asset/components/AssetConfiguration/AssetSearchInput.d.ts

@@ -0,0 +1,10 @@
+import { NodeModel } from "@minoru/react-dnd-treeview";
+import React from "react";
+import { AssetSearchResult } from "../../hooks/useAssetSearch";
+import { FileProperties } from "../../models/FileProperties";
+interface AssetSearchInputProps {
+    assetNodes: NodeModel<FileProperties>[];
+    onSearchResultClick: (result: AssetSearchResult) => void;
+}
+export declare const AssetSearchInput: React.FC<AssetSearchInputProps>;
+export {};

package/dist/configuration/pages/asset/hooks/useAssetSearch.d.ts

@@ -0,0 +1,29 @@
+import { NodeModel } from "@minoru/react-dnd-treeview";
+import React from "react";
+import { FileProperties } from "../models/FileProperties";
+export interface AssetSearchResult {
+    id: number;
+    name: string;
+    path: string;
+    isDroppable: boolean;
+    hasChildren: boolean;
+    node: NodeModel<FileProperties>;
+}
+interface UseAssetSearchProps {
+    assetNodes: NodeModel<FileProperties>[];
+    externalSearchTerm?: string;
+    onSearchTermChange?: (term: string) => void;
+}
+export declare const useAssetSearch: ({ assetNodes, externalSearchTerm, onSearchTermChange, }: UseAssetSearchProps) => {
+    searchTerm: string;
+    searchResults: AssetSearchResult[];
+    showSearchResults: boolean;
+    focusedSearchIndex: number;
+    searchResultsRefs: React.MutableRefObject<(HTMLElement | null)[]>;
+    handleSearchChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => AssetSearchResult | undefined;
+    scrollFocusedItemIntoView: (index: number) => void;
+    clearSearch: () => void;
+    triggerSearch: (term: string) => void;
+};
+export {};

package/dist/configuration/pages/users/repositories/UsersRepository.d.ts

@@ -27,5 +27,6 @@ export declare const getUserPermissionsFromAPI: ({ UserId, UserName, }: Permissi
     UserName: string;
     ProfilesId: string;
     Permissions: string;
+    Profiles: string;
 } | null>;
 export {};

package/dist/context/userContext.d.ts

@@ -7,6 +7,7 @@ export declare const useUserContext: () => {
         defaultAreaName: string | null;
         userLogged: boolean;
         permissions: string[];
+        profiles: string[];
     };
     actions: import("@reduxjs/toolkit").CaseReducerActions<{
         setUserId(state: import("immer/dist/internal").WritableDraft<{
@@ -16,6 +17,7 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -27,6 +29,7 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -38,6 +41,7 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -49,6 +53,7 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -60,6 +65,7 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -71,6 +77,19 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
+        }>, { payload }: {
+            payload: any;
+            type: string;
+        }): void;
+        setProfiles(state: import("immer/dist/internal").WritableDraft<{
+            userLastName: string;
+            userId: number | null;
+            defaultAreaId: number | string | null;
+            defaultAreaName: string | null;
+            userLogged: boolean;
+            permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -79,6 +98,7 @@ export declare const useUserContext: () => {
     isLoading: boolean;
 };
 export declare const useHasPermission: () => (permission: string) => boolean;
+export declare const useHasProfile: () => (profile: string) => boolean;
 export declare const UserProvider: ({ children }: {
     children: ReactNode;
 }) => React.JSX.Element;

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",
             } },
@@ -14941,5 +15212,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