udp-react-enterprise-component-library 25.16.0 → 25.16.2-beta.1

package/dist/MapControlsStandard-twyqBTRG.js

@@ -0,0 +1,142 @@
+import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
+import { FluentInputSlider_default } from "./FluentInputSlider-brB0q5Ek.js";
+import React from "react";
+import { Divider, FormControl, Input, InputAdornment, Tooltip, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { MapPinIcon, POIIcon, ZoomInIcon, ZoomOutIcon, ZoomToFitIcon } from "@fluentui/react-icons";
+
+//#region src/maps/openLayerMaps/ui/LocationPin.jsx
+const useStyles$3 = makeStyles((theme) => ({ divider: {
+	marginRight: theme.spacing(2),
+	marginLeft: theme.spacing(2)
+} }));
+const LocationPin = (props) => {
+	const { getLocation, location, tooltip } = props;
+	const classes = useStyles$3();
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement(Tooltip, {
+		arrow: true,
+		title: tooltip
+	}, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: () => getLocation(location),
+		color: "primary",
+		icon: MapPinIcon
+	})));
+};
+var LocationPin_default = LocationPin;
+
+//#endregion
+//#region src/maps/openLayerMaps/ui/ControlZoom.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	divider: {
+		marginRight: theme.spacing(2),
+		marginLeft: theme.spacing(2)
+	}
+}));
+const ControlZoom = (props) => {
+	const { zoomIn, zoomOut, value, handleSliderChange, handleInputChange, handleBlur, reset } = props;
+	const classes = useStyles$2();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: zoomIn,
+		color: "primary",
+		icon: ZoomInIcon
+	}), /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: zoomOut,
+		color: "primary",
+		icon: ZoomOutIcon
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentInputSlider_default, {
+		value,
+		handleSliderChange,
+		handleInputChange,
+		handleBlur
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: reset,
+		color: "primary",
+		icon: ZoomToFitIcon
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })));
+};
+var ControlZoom_default = ControlZoom;
+
+//#endregion
+//#region src/maps/openLayerMaps/ui/Position.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	lat: { marginRight: theme.spacing(2) }
+}));
+const Position = (props) => {
+	const classes = useStyles$1();
+	const { changeLat, changeLong, value, setPosition } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.lat }, /* @__PURE__ */ React.createElement(FormControl, { className: clsx(classes.margin, classes.withoutLabel, classes.textField) }, /* @__PURE__ */ React.createElement(Input, {
+		id: "longitude",
+		value,
+		onChange: changeLong,
+		endAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "end" }, "Long"),
+		"aria-describedby": "longitude-input",
+		inputProps: { "aria-label": "longitude-input" }
+	}))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FormControl, { className: clsx(classes.margin, classes.withoutLabel, classes.textField) }, /* @__PURE__ */ React.createElement(Input, {
+		id: "latitude",
+		value,
+		onChange: changeLat,
+		endAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "end" }, "Lat"),
+		"aria-describedby": "latitude-input",
+		inputProps: { "aria-label": "latitude-input" }
+	}))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: setPosition,
+		color: "primary",
+		icon: POIIcon
+	})));
+};
+var Position_default = Position;
+
+//#endregion
+//#region src/maps/openLayerMaps/ui/MapControlsStandard.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	filter: {
+		display: "flex",
+		flex: 1
+	},
+	divider: {
+		marginRight: theme.spacing(2),
+		marginLeft: theme.spacing(2)
+	}
+}));
+const MapControlsStandard = (props) => {
+	const classes = useStyles();
+	const { value, setZoom, handleSliderChange, handleInputChange, handleBlur, zoomIn, zoomOut, reset, changeLat, changeLong, setPosition, getLocation, locations, tooltip } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.filter }, locations && locations.map((item, index) => {
+		return /* @__PURE__ */ React.createElement(LocationPin_default, {
+			key: index,
+			location: item.location,
+			getLocation,
+			tooltip: item.tooltip
+		});
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement(Position_default, {
+		changeLat,
+		changeLong,
+		setPosition
+	}), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ControlZoom_default, {
+		zoomIn,
+		zoomOut,
+		value,
+		setValue: setZoom,
+		handleSliderChange,
+		handleInputChange,
+		handleBlur,
+		reset
+	})));
+};
+var MapControlsStandard_default = MapControlsStandard;
+
+//#endregion
+export { MapControlsStandard_default };
+//# sourceMappingURL=MapControlsStandard-twyqBTRG.js.map

package/dist/MapControlsStandard-twyqBTRG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapControlsStandard-twyqBTRG.js","names":["useStyles","useStyles","FluentInputSlider","useStyles","LocationPin","Position","ControlZoom"],"sources":["../src/maps/openLayerMaps/ui/LocationPin.jsx","../src/maps/openLayerMaps/ui/ControlZoom.jsx","../src/maps/openLayerMaps/ui/Position.jsx","../src/maps/openLayerMaps/ui/MapControlsStandard.jsx"],"sourcesContent":["import React from 'react'\nimport { Divider, makeStyles, Tooltip } from '@material-ui/core'\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton'\nimport { MapPinIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  divider: {\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2)\n  }\n}))\n\nconst LocationPin = (props) => {\n  const { getLocation, location, tooltip } = props\n\n  const classes = useStyles()\n\n  return (\n    <div>\n      <div className={classes.divider}>\n        <Divider orientation='vertical' />\n      </div>\n      <Tooltip arrow title={tooltip}>\n        <FluentIconButton\n          onClick={() => getLocation(location)}\n          color='primary'\n          icon={MapPinIcon}\n        />\n      </Tooltip>\n    </div>\n  )\n}\nexport default LocationPin\n","import React from 'react'\nimport { makeStyles, Divider } from '@material-ui/core'\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton'\nimport { ZoomInIcon, ZoomOutIcon, ZoomToFitIcon } from '@fluentui/react-icons'\nimport FluentInputSlider from '../../../UI/inputs/sliders/FluentInputSlider'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  divider: {\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2)\n  }\n}))\n\nconst ControlZoom = (props) => {\n  const {\n    zoomIn,\n    zoomOut,\n    value,\n    handleSliderChange,\n    handleInputChange,\n    handleBlur,\n    reset\n  } = props\n  const classes = useStyles()\n  return (\n    <div className={classes.root}>\n      <div>\n        <FluentIconButton onClick={zoomIn} color='primary' icon={ZoomInIcon} />\n        <FluentIconButton\n          onClick={zoomOut}\n          color='primary'\n          icon={ZoomOutIcon}\n        />\n      </div>\n      <div className={classes.divider}>\n        <Divider orientation='vertical' />\n      </div>\n      <div>\n        <FluentInputSlider\n          value={value}\n          handleSliderChange={handleSliderChange}\n          handleInputChange={handleInputChange}\n          handleBlur={handleBlur}\n        />\n      </div>\n      <div className={classes.divider}>\n        <Divider orientation='vertical' />\n      </div>\n      <div>\n        <FluentIconButton\n          onClick={reset}\n          color='primary'\n          icon={ZoomToFitIcon}\n        />\n      </div>\n      <div className={classes.divider}>\n        <Divider orientation='vertical' />\n      </div>\n    </div>\n  )\n}\nexport default ControlZoom\n","import React from 'react'\nimport {\n  makeStyles,\n  FormControl,\n  Input,\n  InputAdornment\n} from '@material-ui/core'\nimport clsx from 'clsx'\nimport { FluentIconButton } from '../../../UI/inputs/buttons/FluentIconButton'\nimport { POIIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  lat: {\n    marginRight: theme.spacing(2)\n  }\n}))\n\nconst Position = (props) => {\n  const classes = useStyles()\n  const { changeLat, changeLong, value, setPosition } = props\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.lat}>\n        <FormControl\n          className={clsx(\n            classes.margin,\n            classes.withoutLabel,\n            classes.textField\n          )}\n        >\n          <Input\n            id='longitude'\n            value={value}\n            onChange={changeLong}\n            endAdornment={<InputAdornment position='end'>Long</InputAdornment>}\n            aria-describedby='longitude-input'\n            inputProps={{\n              'aria-label': 'longitude-input'\n            }}\n          />\n        </FormControl>\n      </div>\n      <div>\n        <FormControl\n          className={clsx(\n            classes.margin,\n            classes.withoutLabel,\n            classes.textField\n          )}\n        >\n          <Input\n            id='latitude'\n            value={value}\n            onChange={changeLat}\n            endAdornment={<InputAdornment position='end'>Lat</InputAdornment>}\n            aria-describedby='latitude-input'\n            inputProps={{\n              'aria-label': 'latitude-input'\n            }}\n          />\n        </FormControl>\n      </div>\n      <div>\n        <FluentIconButton\n          onClick={setPosition}\n          color='primary'\n          icon={POIIcon}\n        />\n      </div>\n    </div>\n  )\n}\nexport default Position\n","import React from 'react';\nimport LocationPin from './LocationPin';\nimport ControlZoom from './ControlZoom';\nimport Position from './Position';\nimport { makeStyles, Divider } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n  },\n  filter: {\n    display: 'flex',\n    flex: 1,\n  },\n  divider: {\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2),\n  },\n}));\n\nconst MapControlsStandard = props => {\n  const classes = useStyles();\n\n  const {\n    value,\n    setZoom,\n    handleSliderChange,\n    handleInputChange,\n    handleBlur,\n    zoomIn,\n    zoomOut,\n    reset,\n    changeLat,\n    changeLong,\n    setPosition,\n    getLocation,\n    locations,\n    tooltip,\n  } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.filter}>\n        {locations &&\n          locations.map((item, index) => {\n            return (\n              <LocationPin\n                key={index}\n                location={item.location}\n                getLocation={getLocation}\n                tooltip={item.tooltip}\n              />\n            );\n          })}\n      </div>\n      <div className={classes.divider}>\n        <Divider orientation=\"vertical\" />\n      </div>\n\n      <Position\n        changeLat={changeLat}\n        changeLong={changeLong}\n        setPosition={setPosition}\n      />\n\n      <div className={classes.divider}>\n        <Divider orientation=\"vertical\" />\n      </div>\n      <div>\n        <ControlZoom\n          zoomIn={zoomIn}\n          zoomOut={zoomOut}\n          value={value}\n          setValue={setZoom}\n          handleSliderChange={handleSliderChange}\n          handleInputChange={handleInputChange}\n          handleBlur={handleBlur}\n          reset={reset}\n        />\n      </div>\n    </div>\n  );\n};\nexport default MapControlsStandard;\n"],"mappings":"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"}

package/dist/MenuPage-C4LnhsE3.js

@@ -0,0 +1,251 @@
+import { useUser } from "./useUser-Cn88hlN_.js";
+import { TreeViewModeEnums } from "./unitySystemEnums-DXk8yS3v.js";
+import { useShellStore } from "./shellStore-Bqwtbs_K.js";
+import { transformMenuPageTree } from "./TreeUtilities-BxV5PMJ8.js";
+import { useAxiosGet } from "./useAxiosGet-CAH3ZOZ8.js";
+import { PageContainer } from "./PageContainer-BI8ve3o2.js";
+import { useSetLocationState } from "./useSetLocationState-BGgFvNVh.js";
+import { APP_RIBBON_SPACE, useBuildEnvironment } from "./EnvironmentRibbon-CPm8YnJ4.js";
+import { NodeLoader } from "./NodeLoader-DRIIc46w.js";
+import { UtilitySideBar } from "./UtilitySideBar-otYqGPhu.js";
+import { BaseTreeMenu } from "./BaseTreeMenu-CroItvOA.js";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { makeStyles } from "@material-ui/core";
+import { ConfigService } from "udp-react-stencil-component-library";
+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 };
+//# sourceMappingURL=MenuPage-C4LnhsE3.js.map

package/dist/MenuPage-C4LnhsE3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPage-C4LnhsE3.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/EnvironmentRibbon';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from 'udp-react-stencil-component-library';\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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"}

package/dist/MenuPage-fQS1_KWY.js

@@ -0,0 +1,56 @@
+import "./FluentButton-h_8VjXGT.js";
+import "./apiHelpers-Bju2gkBq.js";
+import "./pageEnums-CT6NFA8B.js";
+import "./UnitySessionStorage-DBqfMiK5.js";
+import "./axiosInterceptors-Dn_haR1Q.js";
+import "./useUser-Cn88hlN_.js";
+import "./StringUtilities-DyjYA5pU.js";
+import "./FluentIcon-CB-ANF6C.js";
+import "./FluentIconButton-le92OnEc.js";
+import "./unitySystemEnums-DXk8yS3v.js";
+import "./UnityFluentIcon-fuqAQh0C.js";
+import "./shellStore-Bqwtbs_K.js";
+import "./RuleUtilities-DXVlN84J.js";
+import "./PrimaryActionButton-CQXyHAeG.js";
+import "./colors-VLk-T125.js";
+import "./colorConverter-sleh0lAZ.js";
+import "./Typography-6jelcyoY.js";
+import "./SearchUtilities-CxVn31Ak.js";
+import "./GroupNode-C1Y28U4c.js";
+import "./TreeUtilities-BxV5PMJ8.js";
+import "./UnityIconLibrary-DnCuEr5M.js";
+import "./teleporterStore-hSgRrvso.js";
+import "./AmbientPopoverMenuItem-Dy3rQ7sp.js";
+import "./LayoutUnit-fGVQwt6Y.js";
+import "./StandardTitle-DkEO3oI5.js";
+import "./useAxiosGet-CAH3ZOZ8.js";
+import "./DashboardWidget-CpxtRgWv.js";
+import "./FUICard-B5SvhKL0.js";
+import "./FUISquareIconButton-CzLgq8u-.js";
+import "./FluentCard-CjR2Ft0S.js";
+import "./useId-Dfv7qFlj.js";
+import "./FUIMenuItem-C6Ypt-fU.js";
+import "./PageContainer-BI8ve3o2.js";
+import "./PrimaryActionHeader-D9vn0zfH.js";
+import "./StatusChip-Bw-0wE_B.js";
+import "./UdpTabs-C7pvmyRq.js";
+import "./PageContext-DujK-Yng.js";
+import "./useSetLocationState-BGgFvNVh.js";
+import "./SidebarCollapseButton-B6H3WAMn.js";
+import "./methodUtils-Bgi0VCWP.js";
+import "./AmbientCardButton-DGmyyJxn.js";
+import "./Adornment-9YJw6GPr.js";
+import "./AmbientCard-Cp-eNzrW.js";
+import "./tenantContext-Bh6_Lj9T.js";
+import "./useTenant-BGWpH8AX.js";
+import "./EnvironmentRibbon-CPm8YnJ4.js";
+import "./NodeLoader-DRIIc46w.js";
+import "./NumberOperator-CDToRW8i.js";
+import "./aggregateUtils-C04KQf3k.js";
+import "./AggregateChip-7tOziH82.js";
+import "./UtilityBarInport-BZbPE650.js";
+import "./UtilitySideBar-otYqGPhu.js";
+import "./BaseTreeMenu-CroItvOA.js";
+import { MenuPage_default } from "./MenuPage-C4LnhsE3.js";
+
+export { MenuPage_default as default };