udp-react-enterprise-component-library 25.18.0 → 25.18.1-beta.10

package/dist/MapUtilities-BdP6EnoS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapUtilities-BdP6EnoS.js","names":[],"sources":["../src/UI/mapLayout/utilities/MapUtilities.js"],"sourcesContent":["import {isEqualWith} from 'lodash'\n\nexport const getLowestLevelObject = (obj) => {\n  if (!!!obj?.options || obj?.options?.length === 0) {\n    return obj;\n  } else {\n    return getLowestLevelObject(obj.options[0]);\n  }\n};\n\nexport const getChildrenObjectsWithNoChildren = (arr, valueKey) => {\n  if (!!!arr) return [];\n\n  return arr.reduce((result, obj) => {\n    const children = obj?.options ?? [];\n    const childrenWithNoChildren = getChildrenObjectsWithNoChildren(\n      children,\n      valueKey\n    );\n\n    if (childrenWithNoChildren.length > 0) {\n      result.push(...childrenWithNoChildren);\n    } else if (children.length === 0) {\n      result.push(obj[valueKey]);\n    }\n\n    return result;\n  }, []);\n};\n\nexport const searchForLayerOptions = (data, searchString = '') => {\n  let result = [];\n\n  for (let i = 0; i < data?.length; i++) {\n    const obj = data[i];\n    const { title, value, options } = obj;\n    const titleString = typeof title !== 'string' ? title.toString() : title;\n    const valueString = typeof value !== 'string' ? value.toString() : value;\n\n    if (\n      titleString?.toLowerCase()?.includes(searchString?.toLowerCase()) ||\n      valueString?.toLowerCase()?.includes(searchString?.toLowerCase())\n    ) {\n      result.push(obj);\n    } else if (options && options?.length > 0) {\n      const childOptions = searchForLayerOptions(options, searchString);\n      if (childOptions?.length > 0) {\n        result.push({ title, value, options: childOptions });\n      }\n    }\n  }\n\n  return result;\n};\n\nexport const getLayer = (layerKeys, layerKeySeparator, obj) => {\n  let stringValue = '';\n  layerKeys?.forEach((key, index) => {\n    stringValue +=\n      obj[key] + (index !== layerKeys?.length - 1 ? layerKeySeparator : '');\n  });\n\n  return stringValue;\n};\n\nexport const generateGeoJsonList = (data, mappingConfig) => {\n  if (data?.length > 0 && mappingConfig) {\n    return data?.map((item) => {\n      return {\n        type: 'Feature',\n        id: item[mappingConfig.featureId],\n        geometry: {\n          type: item[mappingConfig.geometryType],\n          coordinates: item[mappingConfig.coordinates]\n        },\n        properties:\n          mappingConfig.propertiesObj && !!item[mappingConfig.propertiesObj]\n            ? {\n                ...item[mappingConfig.propertiesObj],\n                id: item[mappingConfig.featureId]\n              }\n            : {\n                ...item,\n                id: item[mappingConfig.featureId]\n              }\n      };\n    });\n  }\n\n  return [];\n};\n\nexport function getKeyValuePairs(object) {\n  return Object.keys(object).map((key) => {\n    return { key: key, value: object[key] };\n  });\n}\n\nexport function filterObjectKeys(\n  object,\n  keysToKeep,\n  removeObjects = false\n) {\n  if (removeObjects) {\n    return Object.entries(object)\n      .filter(\n        ([key, value]) => typeof value !== 'object' && keysToKeep.includes(key)\n      )\n      .reduce((acc, [key, value]) => {\n        acc[key] = value ? value : '-';\n        return acc;\n      }, {});\n  }\n  return Object.entries(object)\n    .filter(([key]) => keysToKeep.includes(key))\n    .reduce((acc, [key, value]) => {\n      acc[key] = value ? value : '-';\n      return acc;\n    }, {});\n}\n\nexport function getSelectedFeaturePropertyKeyValuePairs(featurePropertiesToDisplay=[], featureProperties){\n  let keyVals = []\n  if(featureProperties){\n   if(featurePropertiesToDisplay){\n     const filteredObj = filterObjectKeys(featureProperties, featurePropertiesToDisplay, true)\n     keyVals = filteredObj ? getKeyValuePairs(filteredObj) : []\n   }\n   else{\n     keyVals = featureProperties ? getKeyValuePairs(featureProperties) : []\n   }\n  }\n  return keyVals;\n}\n\nexport const isEqualIgnoreFunctions = (a, b) =>\n  isEqualWith(a, b, (val1, val2) => {\n    if (typeof val1 === 'function' && typeof val2 === 'function') {\n      return true; // ignore function differences\n    }\n    // fall back to default comparison\n    return undefined;\n  });\n"],"mappings":"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"}

package/dist/MenuPage-C8256rDe.js

@@ -0,0 +1,58 @@
+import "./FluentButton-BexKrnAp.js";
+import "./configService-C4uoG3wj.js";
+import "./apiHelpers-BpZTkMX8.js";
+import "./pageEnums-CA-HlW3W.js";
+import "./UnitySessionStorage-CUDx9YWR.js";
+import "./axiosInterceptors-6Czv1PA5.js";
+import "./useUser-wpHGo6jU.js";
+import "./useAxiosMutate-q_ZpG98Z.js";
+import "./StringUtilities-u-cxAW6-.js";
+import "./FluentIcon-DQ6nSDJg.js";
+import "./FluentIconButton-Dc95mE3v.js";
+import "./unitySystemEnums-DQSkCr3D.js";
+import "./UnityFluentIcon-DrASIcTF.js";
+import "./shellStore-C8zfPsZ-.js";
+import "./RuleUtilities-D5ACzikQ.js";
+import "./PrimaryActionButton-Dk8zvDAW.js";
+import "./colors-BONxjrOE.js";
+import "./colorConverter-x64WSLsF.js";
+import "./SearchUtilities-Df1gkDw9.js";
+import "./GroupNode-BxnXH0gG.js";
+import "./TreeUtilities-C6e2dd4g.js";
+import "./UnityIconLibrary-CjIwzfjv.js";
+import "./teleporterStore-CjUFtATo.js";
+import "./AmbientPopoverMenuItem-BZuX43zJ.js";
+import "./LayoutUnit-D4jJvonh.js";
+import "./StandardTitle-DJ9zcNBA.js";
+import "./useAxiosGet-BMoXHfLN.js";
+import "./DashboardWidget-F4pnOQAe.js";
+import "./FUICard-DmszpY_T.js";
+import "./FUISquareIconButton-DwTSTnBV.js";
+import "./FluentCard-C3qSYfiz.js";
+import "./useId-I-OmRBmB.js";
+import "./FUIMenuItem-BZJKJa91.js";
+import "./PageLoading-GD6E2uMU.js";
+import "./Page-CpSUnDZr.js";
+import "./PrimaryActionHeader-DbGQNveI.js";
+import "./StatusChip-DZAN88VU.js";
+import "./UdpTabs-DVZGEwOC.js";
+import "./PageContext-BpOBJHpb.js";
+import "./useSetLocationState-Kvcc9BTb.js";
+import "./PageContainer-BgNeJt3S.js";
+import "./methodUtils-DEk9B4A8.js";
+import "./AmbientCardButton-DGhpVDRV.js";
+import "./Adornment-Ciq1X7he.js";
+import "./AmbientCard-DK9abODq.js";
+import "./AmbientCardTitle-CvXW2qf0.js";
+import "./useBuildEnvironment-2gdqpmBX.js";
+import "./NodeLoader-BtOQQiwA.js";
+import "./NumberOperator-k6iXs38S.js";
+import "./aggregateUtils-BTBSWD8I.js";
+import "./AggregateChip-BF6RL_4_.js";
+import "./SidebarCollapseButton-pxq7unTx.js";
+import "./UtilityBarInport-BkkjGmSO.js";
+import "./UtilitySideBar-CkymNmr-.js";
+import "./BaseTreeMenu-Bk4XZUCL.js";
+import { t as MenuPage_default } from "./MenuPage-CM3gZWnB.js";
+
+export { MenuPage_default as default };

package/dist/MenuPage-CM3gZWnB.js

@@ -0,0 +1,251 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { M as TreeViewModeEnums } from "./unitySystemEnums-DQSkCr3D.js";
+import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
+import { H as transformMenuPageTree } from "./TreeUtilities-C6e2dd4g.js";
+import { t as useAxiosGet } from "./useAxiosGet-BMoXHfLN.js";
+import { t as useSetLocationState } from "./useSetLocationState-Kvcc9BTb.js";
+import { t as PageContainer } from "./PageContainer-BgNeJt3S.js";
+import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./useBuildEnvironment-2gdqpmBX.js";
+import { t as NodeLoader } from "./NodeLoader-BtOQQiwA.js";
+import { t as UtilitySideBar } from "./UtilitySideBar-CkymNmr-.js";
+import { t as BaseTreeMenu } from "./BaseTreeMenu-Bk4XZUCL.js";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { makeStyles } from "@material-ui/core";
+import { Prompt, useHistory, useLocation } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import { DndProvider } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+
+//#region src/menuPage/MenuPage.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		flex: 1,
+		minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,
+		display: "grid",
+		gridTemplateAreas: ["sidebar content"].map((line) => `"${line}"`).join(" "),
+		gridTemplateColumns: "auto 1fr",
+		gridTemplateRows: "auto 1fr"
+	},
+	sidebar: {
+		gridArea: "sidebar",
+		marginRight: theme.spacing(1)
+	},
+	content: {
+		gridArea: "content",
+		display: "flex",
+		flexDirection: "column",
+		position: "relative",
+		zIndex: 1,
+		height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,
+		overflowY: "auto"
+	},
+	menuContent: {
+		marginTop: theme.spacing(1),
+		height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,
+		overflowX: "hidden"
+	},
+	loader: {
+		marginRight: theme.spacing(1),
+		marginLeft: theme.spacing(1)
+	},
+	loadingContent: {
+		flex: 1,
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center"
+	}
+}));
+const MenuPage = (props) => {
+	const buildEnv = useBuildEnvironment();
+	const classes = useStyles({
+		...props,
+		appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0
+	});
+	const history = useHistory();
+	const location = useLocation();
+	const user = useUser();
+	const { t } = useTranslation();
+	const setLocationState = useSetLocationState();
+	const { innerMenuOverride, mainContent, menuTitle, allowMissingPageParam = false } = props;
+	const [menuItemsList, setMenuItemsList] = useState([]);
+	const [selectedNode, setSelectedNode] = useState(null);
+	const [sidebarExpanded, setSidebarExpanded] = useState(true);
+	const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+	const innerMenuId = location.pathname.replace("/menupage/", "");
+	const prevInnerMenuId = useRef(innerMenuId);
+	const [{ data: fetchedInnerMenu, loading: menuLoading }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `menus/${innerMenuId}`, {}, !innerMenuId, false);
+	const innerMenu = innerMenuOverride ?? fetchedInnerMenu;
+	const { setSubHeaderActionHasChildren, setNavigationExpanded } = useShellStore();
+	const [{ data: pageData, loading: pageLoading, error: pageError }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/${selectedNode?.properties?.page?.id}`, {}, !selectedNode?.properties?.page?.id, false);
+	const handleSelectedNode = useCallback((node, menuIndex) => {
+		if (allowMissingPageParam) {
+			const firstNode = menuItemsList?.[0];
+			if (firstNode && String(node?.id) === String(firstNode.id)) {
+				if (location.search) history.replace({
+					pathname: location.pathname,
+					search: ""
+				});
+				setSelectedNode(node);
+				setHasUnsavedChanges(false);
+				return;
+			}
+		}
+		const searchParams = new URLSearchParams(location.search);
+		searchParams.set("page", node.id);
+		history.push({
+			pathname: location.pathname,
+			search: searchParams.toString()
+		});
+		setSelectedNode(node);
+		setHasUnsavedChanges(false);
+	}, [
+		history,
+		location,
+		allowMissingPageParam,
+		menuItemsList
+	]);
+	const handleDropNode = useCallback((sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {}, []);
+	const handleSidebarExpandClick = useCallback(() => {
+		setSidebarExpanded((expanded) => !expanded);
+	}, []);
+	const findNodeById = useCallback((node, id) => {
+		if (!node) return null;
+		if (node.id.toString() === id) return node;
+		if (node.children) for (const child of node.children) {
+			const found = findNodeById(child, id);
+			if (found) return found;
+		}
+		return null;
+	}, []);
+	useEffect(() => {
+		const pageId = new URLSearchParams(location.search).get("page");
+		if (pageId && menuItemsList.length > 0) {
+			let node = null;
+			for (const tree of menuItemsList) {
+				node = findNodeById(tree, pageId);
+				if (node) break;
+			}
+			if (node && node.id !== selectedNode?.id) {
+				setSelectedNode(node);
+				setHasUnsavedChanges(false);
+			}
+		}
+	}, [
+		location.search,
+		menuItemsList,
+		findNodeById,
+		selectedNode
+	]);
+	useEffect(() => {
+		prevInnerMenuId.current;
+		if (innerMenu) {
+			const list = [];
+			innerMenu.menuItemInstanceStructureViews.forEach((menuInstance) => {
+				const updatedMenu = transformMenuPageTree(menuInstance);
+				if (updatedMenu) list.push(updatedMenu);
+			});
+			setMenuItemsList(list);
+			const searchParams = new URLSearchParams(location.search);
+			const pageId = searchParams.get("page");
+			let nodeToSelect = null;
+			if (pageId && list.length > 0) for (const tree of list) {
+				nodeToSelect = findNodeById(tree, pageId);
+				if (nodeToSelect) break;
+			}
+			if (nodeToSelect) {
+				setSelectedNode(nodeToSelect);
+				setHasUnsavedChanges(false);
+				setNavigationExpanded(false);
+			} else if (list.length > 0) {
+				const firstNode = list[0];
+				if (allowMissingPageParam) {
+					setSelectedNode(firstNode);
+					setHasUnsavedChanges(false);
+					setNavigationExpanded(false);
+				} else {
+					searchParams.set("page", firstNode.id);
+					history.replace({
+						pathname: location.pathname,
+						search: searchParams.toString()
+					});
+					setSelectedNode(firstNode);
+					setHasUnsavedChanges(false);
+					setNavigationExpanded(false);
+				}
+			}
+		}
+		prevInnerMenuId.current = innerMenuId;
+	}, [
+		innerMenu,
+		setNavigationExpanded,
+		history,
+		location,
+		innerMenuId,
+		findNodeById,
+		allowMissingPageParam
+	]);
+	useEffect(() => {
+		setSubHeaderActionHasChildren(false);
+	}, [setSubHeaderActionHasChildren]);
+	useEffect(() => {
+		if (innerMenu) setLocationState({ label: t(innerMenu?.name) });
+	}, [
+		setLocationState,
+		t,
+		innerMenu
+	]);
+	return /* @__PURE__ */ React.createElement(DndProvider, { backend: HTML5Backend }, /* @__PURE__ */ React.createElement(Prompt, {
+		when: hasUnsavedChanges,
+		message: "You have unsaved changes. Are you sure you want to leave this page?"
+	}), /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.sidebar }, /* @__PURE__ */ React.createElement(UtilitySideBar, {
+		title: innerMenu?.name || menuTitle,
+		isUsingChildren: true,
+		resizable: true,
+		removePadding: true,
+		removeTopLayoutUnit: true,
+		onUtilitySidebarToggleExpandClick: handleSidebarExpandClick,
+		collapsedWidth: 64
+	}, /* @__PURE__ */ React.createElement("div", {
+		className: classes.menuContent,
+		key: innerMenuId
+	}, menuItemsList?.length > 0 && !menuLoading && menuItemsList.map((menuItems, index) => /* @__PURE__ */ React.createElement("div", {
+		key: menuItems.id,
+		className: classes.nodeContainer
+	}, /* @__PURE__ */ React.createElement(BaseTreeMenu, {
+		menuItems,
+		onSelectNode: handleSelectedNode,
+		onDropNode: handleDropNode,
+		menuIndex: index,
+		selectedNodeId: selectedNode?.id,
+		selectedNodeParentId: selectedNode?.parentId,
+		sidebarExpanded,
+		treeViewMode: TreeViewModeEnums.Classic
+	}))), menuLoading && /* @__PURE__ */ React.createElement("div", { className: classes.loader }, /* @__PURE__ */ React.createElement(NodeLoader, { loading: menuLoading }))))), /* @__PURE__ */ React.createElement("div", { className: classes.content }, mainContent ? typeof mainContent === "function" ? mainContent({
+		selectedNode,
+		menuItemsList
+	}) : mainContent : selectedNode?.properties?.page?.id && /* @__PURE__ */ React.createElement(PageContainer, {
+		user,
+		key: selectedNode?.id,
+		pageData,
+		pageLoading,
+		widgetParams: {
+			pageId: pageData?.pageId,
+			entityName: selectedNode?.properties?.page?.entity?.entityName,
+			pbiReportCode: selectedNode?.properties?.page?.pbiReportCode,
+			requiredFieldsMap: selectedNode?.properties?.page?.requiredFieldMapping,
+			udpTagId: selectedNode?.properties?.page?.udpTagId,
+			queryId: selectedNode?.properties?.page?.queryId,
+			inquiryTreeId: selectedNode?.properties?.page?.inquiryTreeId,
+			setHasUnsavedChanges
+		},
+		disableMargins: true,
+		fromMenu: true
+	}))));
+};
+var MenuPage_default = MenuPage;
+
+//#endregion
+export { MenuPage_default as t };
+//# sourceMappingURL=MenuPage-CM3gZWnB.js.map

package/dist/MenuPage-CM3gZWnB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPage-CM3gZWnB.js","names":[],"sources":["../src/menuPage/MenuPage.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useHistory, useLocation, Prompt } from 'react-router-dom';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport { makeStyles } from '@material-ui/core';\nimport { PageContainer } from '../page/PageContainer';\nimport { transformMenuPageTree } from '../utilities/tree/TreeUtilities';\nimport { BaseTreeMenu } from '../treeMenu/BaseTreeMenu';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useUser } from '../utilities/auth/useUser';\nimport { useShellStore } from '../stores/shellStore';\nimport { NodeLoader } from '../UI/feedback/NodeLoader';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/useBuildEnvironment';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flex: 1,\n    minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'grid',\n    gridTemplateAreas: ['sidebar content'].map((line) => `\"${line}\"`).join(' '),\n    gridTemplateColumns: 'auto 1fr',\n    gridTemplateRows: 'auto 1fr'\n  },\n  sidebar: {\n    gridArea: 'sidebar',\n    marginRight: theme.spacing(1)\n  },\n  content: {\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    zIndex: 1,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    overflowY: 'auto'\n  },\n  menuContent: {\n    marginTop: theme.spacing(1),\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,\n    overflowX: 'hidden'\n  },\n  loader: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n}));\n\nconst MenuPage = (props) => {\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const history = useHistory();\n  const location = useLocation();\n  const user = useUser();\n  const { t } = useTranslation();\n  const setLocationState = useSetLocationState();\n  // Allow callers to provide an innerMenu directly (CustomMenuPage wrapper)\n  const {\n    innerMenuOverride,\n    mainContent,\n    menuTitle,\n    allowMissingPageParam = false\n  } = props;\n\n  const [menuItemsList, setMenuItemsList] = useState([]); // holds a list of trees\n  const [selectedNode, setSelectedNode] = useState(null);\n  const [sidebarExpanded, setSidebarExpanded] = useState(true);\n  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n  // Just the menuInstanceId for an inner menu\n  const innerMenuId = location.pathname.replace('/menupage/', '');\n\n  const prevInnerMenuId = useRef(innerMenuId);\n\n  const [{ data: fetchedInnerMenu, loading: menuLoading }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `menus/${innerMenuId}`,\n    {},\n    !innerMenuId,\n    false\n  );\n\n  const innerMenu = innerMenuOverride ?? fetchedInnerMenu;\n\n  const { setSubHeaderActionHasChildren, setNavigationExpanded } =\n    useShellStore();\n\n  const [{ data: pageData, loading: pageLoading, error: pageError }] =\n    useAxiosGet(\n      ConfigService.tenantV1ApiUrl,\n      `page/${selectedNode?.properties?.page?.id}`,\n      {},\n      !selectedNode?.properties?.page?.id,\n      false\n    );\n\n  const handleSelectedNode = useCallback(\n    (node, menuIndex) => {\n      if (allowMissingPageParam) {\n        const firstNode = menuItemsList?.[0];\n        if (firstNode && String(node?.id) === String(firstNode.id)) {\n          // If there is an existing query string, normalize back to the base path\n          if (location.search) {\n            history.replace({\n              pathname: location.pathname,\n              search: ''\n            });\n          }\n          setSelectedNode(node);\n          setHasUnsavedChanges(false);\n          return;\n        }\n      }\n\n      const searchParams = new URLSearchParams(location.search);\n      searchParams.set('page', node.id);\n\n      history.push({\n        pathname: location.pathname,\n        search: searchParams.toString()\n      });\n      setSelectedNode(node);\n      setHasUnsavedChanges(false);\n    },\n    [history, location, allowMissingPageParam, menuItemsList]\n  );\n\n  const handleDropNode = useCallback(\n    (sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {\n      // TODO: Implement if we need to for next Phase\n    },\n    []\n  );\n\n  const handleSidebarExpandClick = useCallback(() => {\n    setSidebarExpanded((expanded) => !expanded);\n  }, []);\n\n  const findNodeById = useCallback((node, id) => {\n    if (!node) return null;\n    if (node.id.toString() === id) return node;\n    if (node.children) {\n      for (const child of node.children) {\n        const found = findNodeById(child, id);\n        if (found) return found;\n      }\n    }\n    return null;\n  }, []);\n\n  useEffect(() => {\n    const searchParams = new URLSearchParams(location.search);\n    const pageId = searchParams.get('page');\n    if (pageId && menuItemsList.length > 0) {\n      // Search all root menu trees for the node\n      let node = null;\n      for (const tree of menuItemsList) {\n        node = findNodeById(tree, pageId);\n        if (node) break;\n      }\n      if (node && node.id !== selectedNode?.id) {\n        setSelectedNode(node);\n        setHasUnsavedChanges(false);\n      }\n    }\n  }, [location.search, menuItemsList, findNodeById, selectedNode]);\n\n  useEffect(() => {\n    const mainPageIdChanged = prevInnerMenuId.current !== innerMenuId;\n\n    if (innerMenu) {\n      const list = [];\n      innerMenu.menuItemInstanceStructureViews.forEach((menuInstance) => {\n        const updatedMenu = transformMenuPageTree(menuInstance);\n        if (updatedMenu) {\n          list.push(updatedMenu);\n        }\n      });\n      setMenuItemsList(list);\n\n      // Find the node matching the current page param\n      const searchParams = new URLSearchParams(location.search);\n      const pageId = searchParams.get('page');\n      let nodeToSelect = null;\n\n      if (pageId && list.length > 0) {\n        // Try to find the node with this id\n        for (const tree of list) {\n          nodeToSelect = findNodeById(tree, pageId);\n          if (nodeToSelect) break;\n        }\n      }\n\n      // If we found a node, select it. If not, select the first node.\n      if (nodeToSelect) {\n        setSelectedNode(nodeToSelect);\n        setHasUnsavedChanges(false);\n        setNavigationExpanded(false);\n      } else if (list.length > 0) {\n        const firstNode = list[0];\n        if (allowMissingPageParam) {\n          // Do not modify URL when missing page param; select first node only.\n          setSelectedNode(firstNode);\n          setHasUnsavedChanges(false);\n          setNavigationExpanded(false);\n        } else {\n          // No valid page param, select first node and update URL\n          searchParams.set('page', firstNode.id);\n          history.replace({\n            pathname: location.pathname,\n            search: searchParams.toString()\n          });\n          setSelectedNode(firstNode);\n          setHasUnsavedChanges(false);\n          setNavigationExpanded(false);\n        }\n      }\n    }\n    prevInnerMenuId.current = innerMenuId;\n  }, [\n    innerMenu,\n    setNavigationExpanded,\n    history,\n    location,\n    innerMenuId,\n    findNodeById,\n    allowMissingPageParam\n  ]);\n\n  useEffect(() => {\n    setSubHeaderActionHasChildren(false);\n  }, [setSubHeaderActionHasChildren]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    if (innerMenu) {\n      setLocationState({ label: t(innerMenu?.name) });\n    }\n  }, [setLocationState, t, innerMenu]);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <Prompt\n        when={hasUnsavedChanges}\n        message='You have unsaved changes. Are you sure you want to leave this page?'\n      />\n      <div className={classes.root}>\n        <div className={classes.sidebar}>\n          <UtilitySideBar\n            title={innerMenu?.name || menuTitle}\n            isUsingChildren={true}\n            resizable={true}\n            removePadding={true}\n            removeTopLayoutUnit={true}\n            onUtilitySidebarToggleExpandClick={handleSidebarExpandClick}\n            collapsedWidth={64}\n          >\n            <div className={classes.menuContent} key={innerMenuId}>\n              {menuItemsList?.length > 0 &&\n                !menuLoading &&\n                menuItemsList.map((menuItems, index) => (\n                  <div key={menuItems.id} className={classes.nodeContainer}>\n                    <BaseTreeMenu\n                      menuItems={menuItems}\n                      onSelectNode={handleSelectedNode}\n                      onDropNode={handleDropNode}\n                      menuIndex={index}\n                      selectedNodeId={selectedNode?.id}\n                      selectedNodeParentId={selectedNode?.parentId}\n                      sidebarExpanded={sidebarExpanded}\n                      treeViewMode={TreeViewModeEnums.Classic}\n                    />\n                  </div>\n                ))}\n              {menuLoading && (\n                <div className={classes.loader}>\n                  <NodeLoader loading={menuLoading} />\n                </div>\n              )}\n            </div>\n          </UtilitySideBar>\n        </div>\n        <div className={classes.content}>\n          {mainContent ? (\n            typeof mainContent === 'function'\n              ? mainContent({ selectedNode, menuItemsList })\n              : mainContent\n          ) : (\n            selectedNode?.properties?.page?.id && (\n              <PageContainer\n                user={user}\n                key={selectedNode?.id}\n                pageData={pageData}\n                pageLoading={pageLoading}\n                widgetParams={{\n                  pageId: pageData?.pageId,\n                  entityName: selectedNode?.properties?.page?.entity?.entityName,\n                  pbiReportCode: selectedNode?.properties?.page?.pbiReportCode,\n                  requiredFieldsMap:\n                    selectedNode?.properties?.page?.requiredFieldMapping,\n                  udpTagId: selectedNode?.properties?.page?.udpTagId,\n                  queryId: selectedNode?.properties?.page?.queryId,\n                  inquiryTreeId: selectedNode?.properties?.page?.inquiryTreeId,\n                  setHasUnsavedChanges: setHasUnsavedChanges\n                }}\n                disableMargins={true}\n                fromMenu={true}\n              />\n            )\n          )}\n        </div>\n      </div>\n    </DndProvider>\n  );\n};\n\nexport default MenuPage;\n"],"mappings":"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"}