udp-react-enterprise-component-library 25.18.1-beta.37 → 25.18.1-beta.38

package/dist/maps-g2OJL4E-.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { UdpMap } from "udp-react-stencil-component-library";
+
+//#region src/UI/maps/UdpMap.tsx
+const UdpMap$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpMap, props);
+};
+
+//#endregion
+export { UdpMap$1 as t };
+//# sourceMappingURL=maps-g2OJL4E-.js.map

package/dist/maps-g2OJL4E-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maps-g2OJL4E-.js","names":["UdpMap: React.FC<UdpMapProps>","Map"],"sources":["../src/UI/maps/UdpMap.tsx"],"sourcesContent":["import React from 'react';\nimport { UdpMap as Map } from 'udp-react-stencil-component-library';\n\nexport interface UdpMapProps {\n  /* Enables the toolbar */\n  enableToolbar?: boolean;\n\n  /* Title appearing on map */\n  mapTitle?: string;\n\n  /* Feature data (in either Geo-JSON format or not). Geo-JSON format: [{ type: string, id: string, geometry: { type: 'Point' | 'LineString' | 'Polygon', coordinates: Coordinate }, properties: any }] */\n  data?: any[];\n\n  /* Boolean stating if the data is in Geo-JSON format */\n  isGeoJsonFormat?: boolean;\n\n  /* Method - If data is not in Geo-JSON format, returns data in Geo-JSON format */\n  geoJsonMappingConfig?: any;\n\n  /* Allows zoom */\n  enableZoom?: boolean;\n\n  /* Default map zoom */\n  mapZoom?: number;\n\n  /* Default map center */\n  mapCenter?: any;\n\n  /* Map height */\n  mapHeight?: string;\n\n  /* Coordinate reference system used */\n  crs?: any;\n\n  /* Map feature projection used */\n  mapProjection?: string;\n\n  /* Map data projection used */\n  mapDataProjection?: string;\n\n  /* Method - Custom filter for map features */\n  getFilteredMapData?: any;\n\n  /* Method - Returns custom styles for features */\n  getFeatureStyles?: any;\n\n  /* Method - Returns custom styles for selected features */\n  getSelectedFeatureStyles?: any;\n\n  /* Custom filter panel */\n  filterPanel?: string;\n\n  /* Method - Callback to filter features from custom filter panel */\n  filterPanelCallback?: any;\n\n  /* Allows selecting tile layer */\n  enableTileSelection?: boolean;\n\n  /* List of tile layers visible on the map */\n  tileLayersOptions?: any[];\n\n  /* Default tile layer name */\n  defaultTileOptionName?: string;\n\n  /* List of options for vector layers */\n  layerOptions?: any[];\n\n  /* Vector layers selected in the layer filter on initial map load */\n  initialSelectedLayers?: any[];\n\n  /* Callback to return layers that are selected */\n  handleSelectLayersCallback: any;\n\n  /* Custom action panel for selected features */\n  bulkSelectedFeaturesActionPanel?: string;\n\n  /* Method - Retrieves selected features when bulk selected */\n  handleSetSelectedFeaturesOnBulkSelect: any;\n\n  /* Method - Retrieves selected feature when individually selected */\n  handleSetSelectedFeatureOnSelect: any;\n\n  /* Enables filtering layers by role */\n  filterLayersByRole: boolean;\n\n  /* Layer keys to get the current feature layer when adding layers with features to the map */\n  layerKeys?: string[];\n\n  /* Layer key separator to get the current feature layer when adding layers with features to the map */\n  layerKeySeparator?: string;\n\n  /* Authenticated user from Unity - used to filter layers by role */\n  user?: any;\n\n  /* Layers assigned to roles */\n  layerRoles?: any;\n\n  /* Callback method to refresh map */\n  handleRefresh?: any;\n\n  /* Custom tooltip message on refresh button */\n  refreshButtonTooltip?: string;\n\n  /* Map is read-only (setting true removes the add, edit, delete functionality) */\n  readOnlyMap: boolean;\n\n  /* Enables adding a new feature by drawing on the map */\n  enableAdd: boolean;\n\n  /* When adding features on the map by drawing, this callback method returns the newly added features */\n  handleAddNewFeatures: any;\n\n  /* When adding features by drawing, add multiple features */\n  addMultipleFeatures: boolean;\n\n  /* Enables splitting line strings on the map */\n  enableSplitFeature: boolean;\n\n  /* Callback function to return split feature */\n  handleSplitFeature: any;\n\n  /* Enables viewing a selected feature */\n  enableViewFeature: boolean;\n\n  /* Method to enable viewing a selected feature */\n  handleViewFeature: any;\n\n  /* Enables deleting a selected feature */\n  enableDeleteFeature: boolean;\n\n  /* Callback method to handle deleting a selected feature */\n  handleDeleteFeature?: any;\n\n  /* Enables editing a selected feature */\n  enableEditFeature: boolean;\n\n  /* Callback method to handle editing a selected feature */\n  handleEditFeature?: any;\n\n  /* Callback method to return map zoom and extent when the resolution changes */\n  handleGetZoomExtent?: any;\n\n  /* Configuration object for customizing the popover card's appearance or behavior */\n  cardConfig?: any;\n\n  /* Array of primary action configurations for the popover (e.g., buttons) */\n  popoverPrimaryActions?: { id?: string; name: string; iconName: string; onClick: (data: any) => void }[];\n\n  /* Array of additional actions for the popover's \"more\" icon button (e.g., menu items) */\n  popoverMoreIconButtonActions?: { id?: string; name: string; iconName: string; onClick: (data: any) => void }[];\n\n  /* Function to get the message text to display in the popover, based on feature data */\n  getMessagePopover?: (data: any) => string;\n\n  /* Function to get the icon to display in the popover, based on feature data */\n  getMessageIconPopover?: (data: any) => any;\n\n  /* Boolean to control whether the message icon in the popover should be hidden */\n  hideMessageIconPopover?: boolean;\n\n  /* List of layers that are read only */\n  readOnlyLayers?: string[];\n\n  minZoom?: number;\n  maxZoom?: number\n}\n\nexport const UdpMap: React.FC<UdpMapProps> = (props: UdpMapProps) => {\n  return <Map {...props} />;\n};\n"],"mappings":";;;;AAuKA,MAAaA,YAAiC,UAAuB;AACnE,QAAO,oCAACC,QAAQ,MAAS"}

package/dist/menuPage/index.js

@@ -1,3 +1,3 @@
-import { t as CustomMenuPage_default } from "../menuPage-BKRvZjzg.js";
+import { t as CustomMenuPage_default } from "../menuPage-BK-o5N5p.js";
 
 export { CustomMenuPage_default as CustomMenuPage };

package/dist/menuPage-BK-o5N5p.js

@@ -0,0 +1,104 @@
+import { t as MenuPage_default } from "./MenuPage-CbawHkC-.js";
+import React, { useMemo } from "react";
+import { Typography, makeStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+
+//#region src/menuPage/CustomMenuPage.jsx
+const useStyles = makeStyles((theme) => ({ root: {
+	flexGrow: 1,
+	padding: theme.spacing(1)
+} }));
+function buildInnerMenuFromItems(items = [], menuTitle, idPrefix = "custom", showItemCount = false, itemCountAccessor = null) {
+	const idMap = {};
+	const views = (items || []).map((item, idx) => {
+		const itemKey = item.id ?? item.ID ?? item.groupID ?? idx;
+		const menuStructureId = `${idPrefix}-${itemKey}`;
+		let itemCount = null;
+		if (showItemCount && typeof itemCountAccessor === "function") try {
+			const cnt = itemCountAccessor(item);
+			if (cnt !== void 0 && cnt !== null) itemCount = cnt;
+		} catch (e) {}
+		idMap[menuStructureId] = item;
+		item.__menuStructureId = menuStructureId;
+		item.__itemKey = itemKey;
+		const parametersObj = {
+			FluentIcon: "PageListIcon",
+			PageId: "",
+			defaultDisplay: "expanded"
+		};
+		if (itemCount !== null && itemCount !== void 0) parametersObj.itemCount = itemCount;
+		return {
+			menuStructureId,
+			menuItemInstance: {
+				menuItemInstanceId: `${idPrefix}-item-${itemKey}`,
+				clusterId: null,
+				menuItemId: null,
+				name: item.name ?? "",
+				parameters: JSON.stringify(parametersObj),
+				isActive: true,
+				roleIds: [],
+				groupIds: [],
+				tenantSsoId: null,
+				parentMenuItemInstanceId: null,
+				items: null
+			},
+			title: item.name ?? "",
+			order: idx,
+			parentId: null,
+			unsubscribed: false,
+			menuItemInstanceStructures: []
+		};
+	});
+	return {
+		innerMenu: {
+			name: menuTitle ? menuTitle : "",
+			menuItemInstanceStructureViews: views
+		},
+		idMap
+	};
+}
+const CustomMenuPage = ({ items = [], className = "", menuTitle, mainContent: clientMainContent, idPrefix = "custom", showItemCount = false, itemCountAccessor = null, allowMissingPageParam = false, searchParamsTransformer = null }) => {
+	const classes = useStyles();
+	const { innerMenu, idMap } = useMemo(() => buildInnerMenuFromItems(items, menuTitle, idPrefix, showItemCount, itemCountAccessor), [
+		items,
+		menuTitle,
+		idPrefix,
+		showItemCount,
+		itemCountAccessor
+	]);
+	const clientContent = clientMainContent ? ({ selectedNode, menuItemsList }) => clientMainContent({
+		selectedNode,
+		menuItemsList,
+		idMap,
+		items,
+		classes,
+		className
+	}) : ({ selectedNode, menuItemsList }) => /* @__PURE__ */ React.createElement("div", { className: `${classes.root} ${className}` });
+	const composedMainContent = ({ selectedNode, menuItemsList }) => /* @__PURE__ */ React.createElement("div", { className: `${classes.root} ${className}` }, clientContent({
+		selectedNode,
+		menuItemsList
+	}));
+	return /* @__PURE__ */ React.createElement(MenuPage_default, {
+		innerMenuOverride: innerMenu,
+		mainContent: composedMainContent,
+		menuTitle,
+		allowMissingPageParam,
+		searchParamsTransformer
+	});
+};
+CustomMenuPage.propTypes = {
+	items: PropTypes.array,
+	className: PropTypes.string,
+	menuTitle: PropTypes.string,
+	mainContent: PropTypes.func,
+	idPrefix: PropTypes.string,
+	showItemCount: PropTypes.bool,
+	itemCountAccessor: PropTypes.func,
+	allowMissingPageParam: PropTypes.bool,
+	searchParamsTransformer: PropTypes.func
+};
+var CustomMenuPage_default = CustomMenuPage;
+
+//#endregion
+export { CustomMenuPage_default as t };
+//# sourceMappingURL=menuPage-BK-o5N5p.js.map

package/dist/menuPage-BK-o5N5p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuPage-BK-o5N5p.js","names":["MenuPage"],"sources":["../src/menuPage/CustomMenuPage.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport MenuPage from './MenuPage';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    flexGrow: 1,\n    padding: theme.spacing(1),\n  },\n}));\n\n\nfunction buildInnerMenuFromItems(items = [], menuTitle, idPrefix = 'custom', showItemCount = false, itemCountAccessor = null) {\n  const idMap = {};\n  const views = (items || []).map((item, idx) => {\n    const itemKey = item.id ?? item.ID ?? item.groupID ?? idx;\n    const menuStructureId = `${idPrefix}-${itemKey}`;\n\n    // compute optional count using accessor\n    let itemCount = null;\n    if (showItemCount && typeof itemCountAccessor === 'function') {\n      try {\n        const cnt = itemCountAccessor(item);\n        if (cnt !== undefined && cnt !== null) {\n          itemCount = cnt;\n        }\n      } catch (e) {\n      }\n    }\n\n    idMap[menuStructureId] = item;\n    item.__menuStructureId = menuStructureId;\n    item.__itemKey = itemKey;\n\n    const parametersObj = { FluentIcon: 'PageListIcon', PageId: '', defaultDisplay: 'expanded' };\n    if (itemCount !== null && itemCount !== undefined) {\n      parametersObj.itemCount = itemCount;\n    }\n\n    return {\n      menuStructureId,\n      menuItemInstance: {\n        menuItemInstanceId: `${idPrefix}-item-${itemKey}`,\n        clusterId: null,\n        menuItemId: null,\n        name: item.name ?? '',\n        parameters: JSON.stringify(parametersObj),\n        isActive: true,\n        roleIds: [],\n        groupIds: [],\n        tenantSsoId: null,\n        parentMenuItemInstanceId: null,\n        items: null,\n      },\n      title: item.name ?? '',\n      order: idx,\n      parentId: null,\n      unsubscribed: false,\n      menuItemInstanceStructures: [],\n    };\n  });\n\n  const innerMenu = {\n    // set the inner menu name only when client provided a menuTitle; leave blank when not provided\n    name: menuTitle ? menuTitle : '',\n    menuItemInstanceStructureViews: views,\n  };\n\n  return { innerMenu, idMap };\n}\n\nconst CustomMenuPage = ({\n  items = [],\n  className = '',\n  menuTitle,\n  mainContent: clientMainContent,\n  idPrefix = 'custom',\n  showItemCount = false,\n  itemCountAccessor = null,\n  allowMissingPageParam = false,\n  searchParamsTransformer = null,\n}) => {\n  const classes = useStyles();\n\n  // FIX: Memoize this so 'innerMenu' reference doesn't change on every render,\n  // preventing infinite loops in MenuPage useEffects.\n  const { innerMenu, idMap } = useMemo(() =>\n    buildInnerMenuFromItems(items, menuTitle, idPrefix, showItemCount, itemCountAccessor),\n    [items, menuTitle, idPrefix, showItemCount, itemCountAccessor]\n  );\n\n  // Expect client application to provide mainContent. If not provided, render an empty container.\n  const clientContent = clientMainContent\n    ? ({ selectedNode, menuItemsList }) =>\n        clientMainContent({ selectedNode, menuItemsList, idMap, items, classes, className })\n    : ({ selectedNode, menuItemsList }) => <div className={`${classes.root} ${className}`} />;\n\n  const composedMainContent = ({ selectedNode, menuItemsList }) => (\n    <div className={`${classes.root} ${className}`}>\n      {clientContent({ selectedNode, menuItemsList })}\n    </div>\n  );\n\n  return (\n    <MenuPage\n      innerMenuOverride={innerMenu}\n      mainContent={composedMainContent}\n      menuTitle={menuTitle}\n      allowMissingPageParam={allowMissingPageParam}\n      searchParamsTransformer={searchParamsTransformer}\n    />\n  );\n};\n\nCustomMenuPage.propTypes = {\n  items: PropTypes.array,\n  className: PropTypes.string,\n  menuTitle: PropTypes.string,\n  mainContent: PropTypes.func,\n  idPrefix: PropTypes.string,\n  showItemCount: PropTypes.bool,\n  itemCountAccessor: PropTypes.func,\n  allowMissingPageParam: PropTypes.bool,\n  searchParamsTransformer: PropTypes.func,\n};\n\nexport default CustomMenuPage;\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAW,WAAU,EACrC,MAAM;CACJ,UAAU;CACV,SAAS,MAAM,QAAQ,EAAE;CAC1B,EACF,EAAE;AAGH,SAAS,wBAAwB,QAAQ,EAAE,EAAE,WAAW,WAAW,UAAU,gBAAgB,OAAO,oBAAoB,MAAM;CAC5H,MAAM,QAAQ,EAAE;CAChB,MAAM,SAAS,SAAS,EAAE,EAAE,KAAK,MAAM,QAAQ;EAC7C,MAAM,UAAU,KAAK,MAAM,KAAK,MAAM,KAAK,WAAW;EACtD,MAAM,kBAAkB,GAAG,SAAS,GAAG;EAGvC,IAAI,YAAY;AAChB,MAAI,iBAAiB,OAAO,sBAAsB,WAChD,KAAI;GACF,MAAM,MAAM,kBAAkB,KAAK;AACnC,OAAI,QAAQ,UAAa,QAAQ,KAC/B,aAAY;WAEP,GAAG;AAId,QAAM,mBAAmB;AACzB,OAAK,oBAAoB;AACzB,OAAK,YAAY;EAEjB,MAAM,gBAAgB;GAAE,YAAY;GAAgB,QAAQ;GAAI,gBAAgB;GAAY;AAC5F,MAAI,cAAc,QAAQ,cAAc,OACtC,eAAc,YAAY;AAG5B,SAAO;GACL;GACA,kBAAkB;IAChB,oBAAoB,GAAG,SAAS,QAAQ;IACxC,WAAW;IACX,YAAY;IACZ,MAAM,KAAK,QAAQ;IACnB,YAAY,KAAK,UAAU,cAAc;IACzC,UAAU;IACV,SAAS,EAAE;IACX,UAAU,EAAE;IACZ,aAAa;IACb,0BAA0B;IAC1B,OAAO;IACR;GACD,OAAO,KAAK,QAAQ;GACpB,OAAO;GACP,UAAU;GACV,cAAc;GACd,4BAA4B,EAAE;GAC/B;GACD;AAQF,QAAO;EAAE,WANS;GAEhB,MAAM,YAAY,YAAY;GAC9B,gCAAgC;GACjC;EAEmB;EAAO;;AAG7B,MAAM,kBAAkB,EACtB,QAAQ,EAAE,EACV,YAAY,IACZ,WACA,aAAa,mBACb,WAAW,UACX,gBAAgB,OAChB,oBAAoB,MACpB,wBAAwB,OACxB,0BAA0B,WACtB;CACJ,MAAM,UAAU,WAAW;CAI3B,MAAM,EAAE,WAAW,UAAU,cAC3B,wBAAwB,OAAO,WAAW,UAAU,eAAe,kBAAkB,EACrF;EAAC;EAAO;EAAW;EAAU;EAAe;EAAkB,CAC/D;CAGD,MAAM,gBAAgB,qBACjB,EAAE,cAAc,oBACf,kBAAkB;EAAE;EAAc;EAAe;EAAO;EAAO;EAAS;EAAW,CAAC,IACrF,EAAE,cAAc,oBAAoB,oCAAC,SAAI,WAAW,GAAG,QAAQ,KAAK,GAAG,cAAe;CAE3F,MAAM,uBAAuB,EAAE,cAAc,oBAC3C,oCAAC,SAAI,WAAW,GAAG,QAAQ,KAAK,GAAG,eAChC,cAAc;EAAE;EAAc;EAAe,CAAC,CAC3C;AAGR,QACE,oCAACA;EACC,mBAAmB;EACnB,aAAa;EACF;EACY;EACE;GACzB;;AAIN,eAAe,YAAY;CACzB,OAAO,UAAU;CACjB,WAAW,UAAU;CACrB,WAAW,UAAU;CACrB,aAAa,UAAU;CACvB,UAAU,UAAU;CACpB,eAAe,UAAU;CACzB,mBAAmB,UAAU;CAC7B,uBAAuB,UAAU;CACjC,yBAAyB,UAAU;CACpC;AAED,6BAAe"}

package/dist/menuUtilities-B6z02FRb.js

@@ -0,0 +1,74 @@
+import { t as getAccessToken } from "./apiHelpers-WIR8pqy0.js";
+import { n as UdpPageEnums } from "./pageEnums-DHCYa0ey.js";
+import { h as MenuItemEnums, i as DeviceTypeEnums } from "./unitySystemEnums-e5F9Jr7m.js";
+import * as Icons from "@fluentui/react-icons";
+import { isDesktop, isMobileOnly, isTablet } from "react-device-detect";
+
+//#region src/utilities/menus/menuUtilities.js
+const getMenuItemsRecursively = (menuItems, activeOnly, user, checkDeviceSize = true) => {
+	return menuItems.reduce((formattedItems, item) => {
+		try {
+			if (activeOnly && !item.menuItemInstance.isActive) return formattedItems;
+			const { FluentIcon, WorkFlowIcon, AppIcon, Label, Slug, RedirectURL, AppendTokenToURL, DevicesHiddenOn, appendCurrentTenant, ...otherParams } = JSON.parse(item.menuItemInstance.parameters);
+			let redirectInfo = "";
+			if (RedirectURL) {
+				redirectInfo = RedirectURL;
+				if (appendCurrentTenant) redirectInfo = `${RedirectURL}?tenantId=${user?.currentTenantId || ""}`;
+			}
+			const formattedParameters = {
+				id: item.menuItemInstance.menuItemInstanceId,
+				label: Label ?? "",
+				link: getFormattedSlug(Slug, { ...otherParams }) ?? "",
+				redirectInfo,
+				getAccessToken: getAccessToken && AppendTokenToURL ? getAccessToken : null,
+				menuItemId: item.menuItemInstance.menuItemId,
+				menuStructureId: item.menuStructureId,
+				parentId: item.parentId,
+				productId: item.menuItemInstance.productId,
+				isActive: item.menuItemInstance.isActive,
+				roleIds: item.menuItemInstance.roleIds,
+				tenantSsoId: item?.menuItemInstance?.tenantSsoId,
+				devicesHiddenOn: DevicesHiddenOn || [],
+				params: { ...otherParams }
+			};
+			let iconName = "";
+			if (FluentIcon) iconName = FluentIcon;
+			else if (WorkFlowIcon) iconName = WorkFlowIcon;
+			formattedParameters.icon = iconName ? Icons[iconName] : null;
+			formattedParameters.iconName = iconName ? iconName : null;
+			formattedParameters["items"] = item.menuItemInstanceStructures.length ? getMenuItemsRecursively(item.menuItemInstanceStructures, activeOnly, user, getAccessToken, checkDeviceSize) : [];
+			if (checkDeviceSize) {
+				if (!(isDesktop && formattedParameters?.devicesHiddenOn?.includes(DeviceTypeEnums.Desktop)) && !(isTablet && formattedParameters?.devicesHiddenOn?.includes(DeviceTypeEnums.Tablet)) && !(isMobileOnly && formattedParameters?.devicesHiddenOn?.includes(DeviceTypeEnums.Mobile))) formattedItems.push(formattedParameters);
+			} else formattedItems.push(formattedParameters);
+		} catch {}
+		return formattedItems;
+	}, []);
+};
+const getFormattedSlug = (slug, params) => {
+	let formattedSlug = slug;
+	if (params?.PageId === UdpPageEnums.Udp_Maintenance_Engine_Page) formattedSlug = `${slug}${params?.entityName ? `?entityName=${params?.entityName}` : ""}`;
+	else if (params?.PageId === UdpPageEnums.Udp_Data_Browser_Page) formattedSlug = `${slug}?queryId=${params?.queryId}`;
+	return formattedSlug;
+};
+const getRouteRolesMapAndMenuActiveMap = (menu) => {
+	const updatedRolesMap = /* @__PURE__ */ new Map();
+	const updatedisMenuActiveMap = /* @__PURE__ */ new Map();
+	menu[0].menuItemInstanceStructureViews.map((menuItemInstanceStructureView) => {
+		let menuItemInstance = menuItemInstanceStructureView.menuItemInstance;
+		if (menuItemInstance.menuItemId == MenuItemEnums.Route) try {
+			const slug = JSON.parse(menuItemInstance.parameters)?.Slug;
+			updatedRolesMap.set(slug, menuItemInstance.roleIds);
+			updatedisMenuActiveMap.set(slug, menuItemInstance.isActive);
+		} catch (e) {
+			console.error("Failed to parse menu item parameters", e);
+		}
+	});
+	return {
+		rolesMap: updatedRolesMap,
+		menuActiveMap: updatedisMenuActiveMap
+	};
+};
+
+//#endregion
+export { getRouteRolesMapAndMenuActiveMap as n, getMenuItemsRecursively as t };
+//# sourceMappingURL=menuUtilities-B6z02FRb.js.map

package/dist/menuUtilities-B6z02FRb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuUtilities-B6z02FRb.js","names":[],"sources":["../src/utilities/menus/menuUtilities.js"],"sourcesContent":["import * as Icons from '@fluentui/react-icons';\nimport { UdpPageEnums } from '../../enums/pageEnums';\nimport { isMobileOnly, isTablet, isDesktop } from 'react-device-detect';\nimport { DeviceTypeEnums,MenuItemEnums } from '../../enums/unitySystemEnums';\nimport { getAccessToken } from '../apiHelpers';\nexport const getMenuItemsRecursively = (\n  menuItems,\n  activeOnly,\n  user,\n  checkDeviceSize = true\n) => {\n  return menuItems.reduce((formattedItems, item) => {\n    try {\n      if (activeOnly && !item.menuItemInstance.isActive) {\n        return formattedItems;\n      }\n      const parameters = JSON.parse(item.menuItemInstance.parameters);\n      const {\n        FluentIcon,\n        WorkFlowIcon,\n        AppIcon,\n        Label,\n        Slug,\n        RedirectURL,\n        AppendTokenToURL,\n        DevicesHiddenOn,\n        appendCurrentTenant,\n        ...otherParams\n      } = parameters;\n      let redirectInfo = '';\n      if (RedirectURL) {\n        redirectInfo = RedirectURL;\n        if (appendCurrentTenant) {\n          redirectInfo = `${RedirectURL}?tenantId=${\n            user?.currentTenantId || ''\n          }`;\n        }\n      }\n      const formattedParameters = {\n        id: item.menuItemInstance.menuItemInstanceId,\n        label: Label ?? '',\n        link: getFormattedSlug(Slug, { ...otherParams }) ?? '',\n        redirectInfo: redirectInfo,\n        getAccessToken:\n          getAccessToken && AppendTokenToURL ? getAccessToken : null,\n        menuItemId: item.menuItemInstance.menuItemId,\n        menuStructureId: item.menuStructureId,\n        parentId: item.parentId,\n        productId: item.menuItemInstance.productId,\n        isActive: item.menuItemInstance.isActive,\n        roleIds: item.menuItemInstance.roleIds,\n        tenantSsoId: item?.menuItemInstance?.tenantSsoId,\n        devicesHiddenOn: DevicesHiddenOn || [],\n        params: { ...otherParams }\n      };\n\n      let iconName = '';\n      if (FluentIcon) {\n        iconName = FluentIcon;\n      } else if (WorkFlowIcon) {\n        iconName = WorkFlowIcon;\n      }\n      formattedParameters.icon = iconName ? Icons[iconName] : null;\n      formattedParameters.iconName = iconName ? iconName : null;\n\n      formattedParameters['items'] = item.menuItemInstanceStructures.length\n        ? getMenuItemsRecursively(\n            item.menuItemInstanceStructures,\n            activeOnly,\n            user,\n            getAccessToken,\n            checkDeviceSize\n          )\n        : [];\n      if (checkDeviceSize) {\n        if (\n          !(\n            isDesktop &&\n            formattedParameters?.devicesHiddenOn?.includes(\n              DeviceTypeEnums.Desktop\n            )\n          ) &&\n          !(\n            isTablet &&\n            formattedParameters?.devicesHiddenOn?.includes(\n              DeviceTypeEnums.Tablet\n            )\n          ) &&\n          !(\n            isMobileOnly &&\n            formattedParameters?.devicesHiddenOn?.includes(\n              DeviceTypeEnums.Mobile\n            )\n          )\n        ) {\n          formattedItems.push(formattedParameters);\n        }\n      } else {\n        formattedItems.push(formattedParameters);\n      }\n    } catch {\n      // catching parse error\n    }\n    return formattedItems;\n  }, []);\n};\n\nconst getFormattedSlug = (slug, params) => {\n  let formattedSlug = slug;\n  if (params?.PageId === UdpPageEnums.Udp_Maintenance_Engine_Page) {\n    formattedSlug = `${slug}${\n      params?.entityName ? `?entityName=${params?.entityName}` : ''\n    }`;\n  } else if (params?.PageId === UdpPageEnums.Udp_Data_Browser_Page) {\n    formattedSlug = `${slug}?queryId=${params?.queryId}`;\n  }\n\n  return formattedSlug;\n};\n\nexport const getRouteRolesMapAndMenuActiveMap = (menu) => {\n  const updatedRolesMap = new Map()\n  const updatedisMenuActiveMap = new Map()\n  menu[0].menuItemInstanceStructureViews.map((menuItemInstanceStructureView) => {\n    let menuItemInstance = menuItemInstanceStructureView.menuItemInstance\n    if (menuItemInstance.menuItemId == MenuItemEnums.Route) {\n      try {\n        const menuparams = JSON.parse(menuItemInstance.parameters)\n        const slug = menuparams?.Slug;\n        updatedRolesMap.set(slug, menuItemInstance.roleIds)\n        updatedisMenuActiveMap.set(slug, menuItemInstance.isActive)\n      } catch (e) {\n        console.error(\"Failed to parse menu item parameters\", e);\n      }\n    }\n  })\n  return {rolesMap: updatedRolesMap, menuActiveMap: updatedisMenuActiveMap}\n}\n"],"mappings":";;;;;;;AAKA,MAAa,2BACX,WACA,YACA,MACA,kBAAkB,SACf;AACH,QAAO,UAAU,QAAQ,gBAAgB,SAAS;AAChD,MAAI;AACF,OAAI,cAAc,CAAC,KAAK,iBAAiB,SACvC,QAAO;GAGT,MAAM,EACJ,YACA,cACA,SACA,OACA,MACA,aACA,kBACA,iBACA,qBACA,GAAG,gBAXc,KAAK,MAAM,KAAK,iBAAiB,WAAW;GAa/D,IAAI,eAAe;AACnB,OAAI,aAAa;AACf,mBAAe;AACf,QAAI,oBACF,gBAAe,GAAG,YAAY,YAC5B,MAAM,mBAAmB;;GAI/B,MAAM,sBAAsB;IAC1B,IAAI,KAAK,iBAAiB;IAC1B,OAAO,SAAS;IAChB,MAAM,iBAAiB,MAAM,EAAE,GAAG,aAAa,CAAC,IAAI;IACtC;IACd,gBACE,kBAAkB,mBAAmB,iBAAiB;IACxD,YAAY,KAAK,iBAAiB;IAClC,iBAAiB,KAAK;IACtB,UAAU,KAAK;IACf,WAAW,KAAK,iBAAiB;IACjC,UAAU,KAAK,iBAAiB;IAChC,SAAS,KAAK,iBAAiB;IAC/B,aAAa,MAAM,kBAAkB;IACrC,iBAAiB,mBAAmB,EAAE;IACtC,QAAQ,EAAE,GAAG,aAAa;IAC3B;GAED,IAAI,WAAW;AACf,OAAI,WACF,YAAW;YACF,aACT,YAAW;AAEb,uBAAoB,OAAO,WAAW,MAAM,YAAY;AACxD,uBAAoB,WAAW,WAAW,WAAW;AAErD,uBAAoB,WAAW,KAAK,2BAA2B,SAC3D,wBACE,KAAK,4BACL,YACA,MACA,gBACA,gBACD,GACD,EAAE;AACN,OAAI,iBACF;QACE,EACE,aACA,qBAAqB,iBAAiB,SACpC,gBAAgB,QACjB,KAEH,EACE,YACA,qBAAqB,iBAAiB,SACpC,gBAAgB,OACjB,KAEH,EACE,gBACA,qBAAqB,iBAAiB,SACpC,gBAAgB,OACjB,EAGH,gBAAe,KAAK,oBAAoB;SAG1C,gBAAe,KAAK,oBAAoB;UAEpC;AAGR,SAAO;IACN,EAAE,CAAC;;AAGR,MAAM,oBAAoB,MAAM,WAAW;CACzC,IAAI,gBAAgB;AACpB,KAAI,QAAQ,WAAW,aAAa,4BAClC,iBAAgB,GAAG,OACjB,QAAQ,aAAa,eAAe,QAAQ,eAAe;UAEpD,QAAQ,WAAW,aAAa,sBACzC,iBAAgB,GAAG,KAAK,WAAW,QAAQ;AAG7C,QAAO;;AAGT,MAAa,oCAAoC,SAAS;CACxD,MAAM,kCAAkB,IAAI,KAAK;CACjC,MAAM,yCAAyB,IAAI,KAAK;AACxC,MAAK,GAAG,+BAA+B,KAAK,kCAAkC;EAC5E,IAAI,mBAAmB,8BAA8B;AACrD,MAAI,iBAAiB,cAAc,cAAc,MAC/C,KAAI;GAEF,MAAM,OADa,KAAK,MAAM,iBAAiB,WAAW,EACjC;AACzB,mBAAgB,IAAI,MAAM,iBAAiB,QAAQ;AACnD,0BAAuB,IAAI,MAAM,iBAAiB,SAAS;WACpD,GAAG;AACV,WAAQ,MAAM,wCAAwC,EAAE;;GAG5D;AACF,QAAO;EAAC,UAAU;EAAiB,eAAe;EAAuB"}

package/dist/menus-Bt9DHMJZ.js

@@ -0,0 +1,81 @@
+import React, { useState } from "react";
+import { Typography, lighten, makeStyles } from "@material-ui/core";
+import { ChevronDownIcon, ChevronUpIcon } from "@fluentui/react-icons";
+import MuiExpansionPanel from "@material-ui/core/ExpansionPanel";
+import MuiExpansionPanelSummary from "@material-ui/core/ExpansionPanelSummary";
+import MuiExpansionPanelDetails from "@material-ui/core/ExpansionPanelDetails";
+
+//#region src/UI/navigation/menus/ExpanderItem.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		width: "100%"
+	},
+	title: {
+		width: "100%",
+		flex: 1
+	}
+}));
+const ExpanderItem = ({ label, expanded }) => {
+	const classes = useStyles$1();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, label)), !expanded && /* @__PURE__ */ React.createElement(ChevronDownIcon, null), expanded && /* @__PURE__ */ React.createElement(ChevronUpIcon, null));
+};
+
+//#endregion
+//#region src/UI/navigation/menus/Expander.jsx
+const useStyles = makeStyles((theme) => ({
+	rootPanel: {
+		boxShadow: "none",
+		padding: 0,
+		minWidth: 300,
+		"&:not(:last-child)": { borderBottom: 0 },
+		"&$expanded": { margin: "auto" }
+	},
+	expanded: { minHeight: 40 },
+	root: {
+		background: (props) => props.accent ? theme.palette.primary.main : lighten(theme.palette.primary.light, .4),
+		color: (props) => props.accent && theme.palette.common.white,
+		marginBottom: -1,
+		minHeight: 40,
+		"&$expanded": {
+			minHeight: 40,
+			height: 20,
+			paddingTop: 25,
+			backgroundColor: (props) => props.accent ? theme.palette.primary.main : lighten(theme.palette.primary.light, .7)
+		}
+	},
+	content: { "&$expanded": { margin: "12px 0" } },
+	detailsRoot: {
+		padding: 0,
+		flexDirection: (props) => props.single ? "column" : "row"
+	}
+}));
+const Block = (props) => {
+	const [expanded, setExpanded] = useState("panel1");
+	const classes = useStyles(props);
+	const { label, children, number, id, ...otherProps } = props;
+	const handleChange = (panel) => (event, newExpanded) => {
+		setExpanded(newExpanded ? panel : false);
+	};
+	return /* @__PURE__ */ React.createElement(MuiExpansionPanel, {
+		classes: { root: classes.rootPanel },
+		...otherProps,
+		square: true,
+		expanded: expanded === `panel${number}`,
+		onChange: handleChange(`panel${number}`),
+		id
+	}, /* @__PURE__ */ React.createElement(MuiExpansionPanelSummary, {
+		classes: {
+			root: classes.root,
+			expanded: classes.expanded
+		},
+		"aria-controls": "panel3d-content"
+	}, /* @__PURE__ */ React.createElement(ExpanderItem, {
+		label,
+		expanded: expanded === `panel${number}`
+	})), /* @__PURE__ */ React.createElement(MuiExpansionPanelDetails, { classes: { root: classes.detailsRoot } }, children));
+};
+
+//#endregion
+export { ExpanderItem as n, Block as t };
+//# sourceMappingURL=menus-Bt9DHMJZ.js.map

package/dist/menus-Bt9DHMJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus-Bt9DHMJZ.js","names":["useStyles"],"sources":["../src/UI/navigation/menus/ExpanderItem.jsx","../src/UI/navigation/menus/Expander.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    width: '100%'\n  },\n  title: {\n    width: '100%',\n    flex: 1\n  }\n}))\n\nexport const ExpanderItem = ({ label, expanded }) => {\n  const classes = useStyles()\n  // const [expanded, setExpanded] = useState(false);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.title}>\n        <Typography variant='subtitle2'>{label}</Typography>\n      </div>\n\n      {!expanded && <ChevronDownIcon />}\n      {expanded && <ChevronUpIcon />}\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport { lighten, makeStyles } from '@material-ui/core'\nimport MuiExpansionPanel from '@material-ui/core/ExpansionPanel'\nimport MuiExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary'\nimport MuiExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails'\nimport { ExpanderItem } from './ExpanderItem'\n\nconst useStyles = makeStyles((theme) => ({\n  rootPanel: {\n    boxShadow: 'none',\n    padding: 0,\n    minWidth: 300,\n    '&:not(:last-child)': {\n      borderBottom: 0\n    },\n    '&$expanded': {\n      margin: 'auto'\n    }\n  },\n  expanded: {\n    minHeight: 40\n  },\n  root: {\n    background: (props) =>\n      props.accent\n        ? theme.palette.primary.main\n        : lighten(theme.palette.primary.light, 0.4),\n\n    color: (props) => props.accent && theme.palette.common.white,\n    marginBottom: -1,\n    minHeight: 40,\n    '&$expanded': {\n      minHeight: 40,\n      height: 20,\n      paddingTop: 25,\n      backgroundColor: (props) =>\n        props.accent\n          ? theme.palette.primary.main\n          : lighten(theme.palette.primary.light, 0.7)\n    }\n  },\n  content: {\n    '&$expanded': {\n      margin: '12px 0'\n    }\n  },\n  detailsRoot: {\n    padding: 0,\n    flexDirection: (props) => (props.single ? 'column' : 'row')\n  }\n}))\n\nexport const Block = (props) => {\n  const [expanded, setExpanded] = useState('panel1')\n  const classes = useStyles(props)\n\n  const { label, children, number, id, ...otherProps } = props\n\n  const handleChange = (panel) => (event, newExpanded) => {\n    setExpanded(newExpanded ? panel : false)\n  }\n  return (\n    <MuiExpansionPanel\n      classes={{ root: classes.rootPanel }}\n      {...otherProps}\n      square\n      expanded={expanded === `panel${number}`}\n      onChange={handleChange(`panel${number}`)}\n      id={id}\n    >\n      <MuiExpansionPanelSummary\n        classes={{ root: classes.root, expanded: classes.expanded }}\n        aria-controls='panel3d-content'\n      >\n        <ExpanderItem label={label} expanded={expanded === `panel${number}`} />\n      </MuiExpansionPanelSummary>\n      <MuiExpansionPanelDetails classes={{ root: classes.detailsRoot }}>\n        {children}\n      </MuiExpansionPanelDetails>\n    </MuiExpansionPanel>\n  )\n}\n"],"mappings":";;;;;;;;AAIA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,OAAO;EACR;CACD,OAAO;EACL,OAAO;EACP,MAAM;EACP;CACF,EAAE;AAEH,MAAa,gBAAgB,EAAE,OAAO,eAAe;CACnD,MAAM,UAAUA,aAAW;AAG3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC,cAAW,SAAQ,eAAa,MAAmB,CAChD,EAEL,CAAC,YAAY,oCAAC,sBAAkB,EAChC,YAAY,oCAAC,oBAAgB,CAC1B;;;;;ACpBV,MAAM,YAAY,YAAY,WAAW;CACvC,WAAW;EACT,WAAW;EACX,SAAS;EACT,UAAU;EACV,sBAAsB,EACpB,cAAc,GACf;EACD,cAAc,EACZ,QAAQ,QACT;EACF;CACD,UAAU,EACR,WAAW,IACZ;CACD,MAAM;EACJ,aAAa,UACX,MAAM,SACF,MAAM,QAAQ,QAAQ,OACtB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,GAAI;EAE/C,QAAQ,UAAU,MAAM,UAAU,MAAM,QAAQ,OAAO;EACvD,cAAc;EACd,WAAW;EACX,cAAc;GACZ,WAAW;GACX,QAAQ;GACR,YAAY;GACZ,kBAAkB,UAChB,MAAM,SACF,MAAM,QAAQ,QAAQ,OACtB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,GAAI;GAChD;EACF;CACD,SAAS,EACP,cAAc,EACZ,QAAQ,UACT,EACF;CACD,aAAa;EACX,SAAS;EACT,gBAAgB,UAAW,MAAM,SAAS,WAAW;EACtD;CACF,EAAE;AAEH,MAAa,SAAS,UAAU;CAC9B,MAAM,CAAC,UAAU,eAAe,SAAS,SAAS;CAClD,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EAAE,OAAO,UAAU,QAAQ,IAAI,GAAG,eAAe;CAEvD,MAAM,gBAAgB,WAAW,OAAO,gBAAgB;AACtD,cAAY,cAAc,QAAQ,MAAM;;AAE1C,QACE,oCAAC;EACC,SAAS,EAAE,MAAM,QAAQ,WAAW;EACpC,GAAI;EACJ;EACA,UAAU,aAAa,QAAQ;EAC/B,UAAU,aAAa,QAAQ,SAAS;EACpC;IAEJ,oCAAC;EACC,SAAS;GAAE,MAAM,QAAQ;GAAM,UAAU,QAAQ;GAAU;EAC3D,iBAAc;IAEd,oCAAC;EAAoB;EAAO,UAAU,aAAa,QAAQ;GAAY,CAC9C,EAC3B,oCAAC,4BAAyB,SAAS,EAAE,MAAM,QAAQ,aAAa,IAC7D,SACwB,CACT"}

package/dist/methodUtils-CDx9usdO.js

@@ -0,0 +1,34 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as apiMutate } from "./useAxiosMutate-DeqKSi5z.js";
+
+//#region src/udp/utilities/methodUtils.js
+/** @typedef {import('axios').AxiosResponse<any>} AxiosResponse */
+const getBaseMethod = (type, baseType, catalogPromotedEntities) => {
+	if (!catalogPromotedEntities) return null;
+	const entityMethod = catalogPromotedEntities.find((promotedEntity) => {
+		const entityNameParts = promotedEntity.entityName.split(".");
+		if (entityNameParts.length) return entityNameParts[entityNameParts.length - 1] === type;
+		return false;
+	});
+	return entityMethod ? entityMethod[baseType] : null;
+};
+/**
+* @returns {Promise<AxiosResponse>}
+*/
+const executeQueryAdHoc = async (data, apiMethodId, urlQueryParams = "") => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryAdHoc/${apiMethodId}${urlQueryParams}`, { method: "post" }, data);
+/**
+* @returns {Promise<AxiosResponse>}
+*/
+const executeQueryWithParameters = async (data, apiMethodId, urlQueryParams = "") => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${apiMethodId}${urlQueryParams}`, { method: "post" }, data);
+/**
+* @returns {Promise<AxiosResponse>}
+*/
+const executeQueryInstance = async (data, apiMethodInstanceId, urlQueryParams = "") => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryInstance/${apiMethodInstanceId}${urlQueryParams}`, { method: "post" }, data);
+/**
+* @returns {Promise<AxiosResponse>}
+*/
+const executeQueryInstanceWithApiMethodInstance = async (data, urlQueryParams = "") => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryInstance${urlQueryParams}`, { method: "post" }, data);
+
+//#endregion
+export { getBaseMethod as a, executeQueryWithParameters as i, executeQueryInstance as n, executeQueryInstanceWithApiMethodInstance as r, executeQueryAdHoc as t };
+//# sourceMappingURL=methodUtils-CDx9usdO.js.map

package/dist/methodUtils-CDx9usdO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"methodUtils-CDx9usdO.js","names":[],"sources":["../src/udp/utilities/methodUtils.js"],"sourcesContent":["import { ConfigService } from '../../configService';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\n\n/** @typedef {import('axios').AxiosResponse<any>} AxiosResponse */\nexport const getBaseMethod = (type, baseType, catalogPromotedEntities) => {\n  if (!catalogPromotedEntities) {\n    return null;\n  }\n  const entityMethod = catalogPromotedEntities.find((promotedEntity) => {\n    const entityNameParts = promotedEntity.entityName.split('.');\n    if (entityNameParts.length) {\n      return entityNameParts[entityNameParts.length - 1] === type;\n    }\n    return false;\n  });\n  return entityMethod ? entityMethod[baseType] : null;\n};\n\n/**\n * @returns {Promise<AxiosResponse>}\n */\nexport const executeQueryAdHoc = async (\n  data,\n  apiMethodId,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryAdHoc/${apiMethodId}${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n\n/**\n * @returns {Promise<AxiosResponse>}\n */\nexport const executeQueryWithParameters = async (\n  data,\n  apiMethodId,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryWithParameters/${apiMethodId}${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n\n/**\n * @returns {Promise<AxiosResponse>}\n */\nexport const executeQueryInstance = async (\n  data,\n  apiMethodInstanceId,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryInstance/${apiMethodInstanceId}${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n\n/**\n * @returns {Promise<AxiosResponse>}\n */\nexport const executeQueryInstanceWithApiMethodInstance = async (\n  data,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryInstance${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n"],"mappings":";;;;;AAIA,MAAa,iBAAiB,MAAM,UAAU,4BAA4B;AACxE,KAAI,CAAC,wBACH,QAAO;CAET,MAAM,eAAe,wBAAwB,MAAM,mBAAmB;EACpE,MAAM,kBAAkB,eAAe,WAAW,MAAM,IAAI;AAC5D,MAAI,gBAAgB,OAClB,QAAO,gBAAgB,gBAAgB,SAAS,OAAO;AAEzD,SAAO;GACP;AACF,QAAO,eAAe,aAAa,YAAY;;;;;AAMjD,MAAa,oBAAoB,OAC/B,MACA,aACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,+BAA+B,cAAc,kBAC7C,EACE,QAAQ,QACT,EACD,KACD;;;;AAKH,MAAa,6BAA6B,OACxC,MACA,aACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,wCAAwC,cAAc,kBACtD,EACE,QAAQ,QACT,EACD,KACD;;;;AAKH,MAAa,uBAAuB,OAClC,MACA,qBACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,kCAAkC,sBAAsB,kBACxD,EACE,QAAQ,QACT,EACD,KACD;;;;AAKH,MAAa,4CAA4C,OACvD,MACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,iCAAiC,kBACjC,EACE,QAAQ,QACT,EACD,KACD"}

package/dist/models/index.js

@@ -1,4 +1,4 @@
 import { n as SearchOperators, t as FilterOperators } from "../SearchOperator-D9838PIe.js";
-import { n as NumberOperators, t as NumberOperatorEnums } from "../NumberOperator-k6iXs38S.js";
+import { n as NumberOperators, t as NumberOperatorEnums } from "../NumberOperator-p4HsHHx3.js";
 
 export { FilterOperators, NumberOperatorEnums, NumberOperators, SearchOperators };

package/dist/navigation-DQMPOxVw.js

@@ -0,0 +1,144 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import { AdminALogo32Icon, BugIcon, ChevronDownIcon, ChevronRightIcon, CloudUploadIcon, ContentFeedIcon, MessageIcon, OfficeFormsLogo16Icon, RawSourceIcon, ViewDashboardIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+import { makeStyles } from "@material-ui/core/styles";
+import Typography from "@material-ui/core/Typography";
+import TreeView from "@material-ui/lab/TreeView";
+import TreeItem from "@material-ui/lab/TreeItem";
+
+//#region src/UI/navigation/FluentSideNav.jsx
+const useTreeItemStyles = makeStyles((theme) => ({
+	root: {
+		color: theme.palette.text.secondary,
+		"&:hover > $content": { backgroundColor: theme.palette.action.hover },
+		"&:focus > $content, &$selected > $content": {
+			backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,
+			color: "var(--tree-view-color)"
+		},
+		"&:focus > $marker, &$selected > $marker": {
+			backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,
+			color: "var(--tree-view-color)"
+		},
+		"&:focus > $content $label, &:hover > $content $label, &$selected > $content $label": { backgroundColor: "transparent" }
+	},
+	content: {
+		color: theme.palette.text.secondary,
+		paddingRight: theme.spacing(1),
+		paddingLeft: theme.spacing(1),
+		fontWeight: theme.typography.fontWeightMedium,
+		"$expanded > &": { fontWeight: theme.typography.fontWeightRegular }
+	},
+	group: {
+		marginLeft: 0,
+		"& $content": { paddingLeft: theme.spacing(2) }
+	},
+	expanded: {},
+	selected: {},
+	label: {
+		fontWeight: "inherit",
+		color: "inherit"
+	},
+	labelRoot: {
+		display: "flex",
+		alignItems: "center",
+		padding: theme.spacing(1.5, 0)
+	},
+	labelIcon: {
+		marginRight: theme.spacing(2.5),
+		fontSize: 16,
+		color: theme.palette.secondary.main
+	},
+	labelText: {
+		fontWeight: "inherit",
+		fontSize: 14,
+		flexGrow: 1
+	}
+}));
+const StyledTreeItem = (props) => {
+	const classes = useTreeItemStyles();
+	const { labelText, labelIcon: LabelIcon$1, labelInfo, color, bgColor, to, children, ...other } = props;
+	return /* @__PURE__ */ React.createElement(Link, {
+		to,
+		style: { textDecoration: "none" }
+	}, /* @__PURE__ */ React.createElement(TreeItem, {
+		label: /* @__PURE__ */ React.createElement("div", { className: classes.labelRoot }, LabelIcon$1 && /* @__PURE__ */ React.createElement(LabelIcon$1, {
+			color: "inherit",
+			className: classes.labelIcon
+		}), /* @__PURE__ */ React.createElement(Typography, {
+			variant: "body2",
+			className: classes.labelText
+		}, labelText), /* @__PURE__ */ React.createElement(Typography, {
+			variant: "caption",
+			color: "inherit"
+		}, labelInfo)),
+		style: {
+			"--tree-view-color": color,
+			"--tree-view-bg-color": bgColor
+		},
+		classes: {
+			root: classes.root,
+			content: classes.content,
+			expanded: classes.expanded,
+			selected: classes.selected,
+			group: classes.group,
+			label: classes.label
+		},
+		...other,
+		children
+	}));
+};
+StyledTreeItem.propTypes = {
+	bgColor: PropTypes.string,
+	color: PropTypes.string,
+	labelIcon: PropTypes.elementType,
+	labelInfo: PropTypes.string,
+	labelText: PropTypes.string.isRequired
+};
+const useStyles = makeStyles({ root: {
+	height: 264,
+	flexGrow: 1,
+	maxWidth: 280
+} });
+const FluentSideNav = (props) => {
+	const classes = useStyles();
+	const { data } = props;
+	const renderedArray = data.map((nodes) => {
+		const icons = {
+			ViewDashboardIcon,
+			AdminALogo32Icon,
+			MessageIcon,
+			ContentFeedIcon,
+			RawSourceIcon,
+			BugIcon,
+			OfficeFormsLogo16Icon,
+			CloudUploadIcon
+		};
+		return /* @__PURE__ */ React.createElement(StyledTreeItem, {
+			key: nodes.nodeId,
+			nodeId: nodes.nodeId,
+			labelText: nodes.labelText,
+			labelIcon: typeof nodes.labelIcon === "string" ? icons[nodes.labelIcon] : nodes.labelIcon,
+			to: nodes.to !== "" && nodes.to,
+			children: nodes.children && nodes.children.map((nodes$1) => {
+				return /* @__PURE__ */ React.createElement(StyledTreeItem, {
+					key: nodes$1.nodeId,
+					nodeId: nodes$1.nodeId,
+					labelText: nodes$1.labelText,
+					labelIcon: typeof nodes$1.labelIcon === "string" ? icons[nodes$1.labelIcon] : nodes$1.labelIcon,
+					to: nodes$1.to !== "" && nodes$1.to
+				});
+			})
+		});
+	});
+	return /* @__PURE__ */ React.createElement(TreeView, {
+		className: classes.root,
+		defaultCollapseIcon: /* @__PURE__ */ React.createElement(ChevronDownIcon, null),
+		defaultExpandIcon: /* @__PURE__ */ React.createElement(ChevronRightIcon, null),
+		defaultEndIcon: /* @__PURE__ */ React.createElement("div", { style: { width: 24 } })
+	}, renderedArray);
+};
+
+//#endregion
+export { FluentSideNav as t };
+//# sourceMappingURL=navigation-DQMPOxVw.js.map

package/dist/navigation-DQMPOxVw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-DQMPOxVw.js","names":["LabelIcon","nodes"],"sources":["../src/UI/navigation/FluentSideNav.jsx"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/core/styles'\nimport TreeView from '@material-ui/lab/TreeView'\nimport TreeItem from '@material-ui/lab/TreeItem'\nimport Typography from '@material-ui/core/Typography'\nimport {\n  ChevronDownIcon,\n  ChevronRightIcon,\n  ViewDashboardIcon,\n  AdminALogo32Icon,\n  MessageIcon,\n  ContentFeedIcon,\n  RawSourceIcon,\n  BugIcon,\n  OfficeFormsLogo16Icon,\n  CloudUploadIcon\n} from '@fluentui/react-icons'\nimport { Link } from 'react-router-dom'\n\nconst useTreeItemStyles = makeStyles((theme) => ({\n  root: {\n    color: theme.palette.text.secondary,\n    '&:hover > $content': {\n      backgroundColor: theme.palette.action.hover\n    },\n    '&:focus > $content, &$selected > $content': {\n      backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,\n      color: 'var(--tree-view-color)'\n    },\n    '&:focus > $marker, &$selected > $marker': {\n      backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,\n      color: 'var(--tree-view-color)'\n    },\n    '&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {\n      backgroundColor: 'transparent'\n    }\n  },\n  content: {\n    color: theme.palette.text.secondary,\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    fontWeight: theme.typography.fontWeightMedium,\n    '$expanded > &': {\n      fontWeight: theme.typography.fontWeightRegular\n    }\n  },\n  group: {\n    marginLeft: 0,\n    '& $content': {\n      paddingLeft: theme.spacing(2)\n    }\n  },\n  expanded: {},\n  selected: {},\n  label: {\n    fontWeight: 'inherit',\n    color: 'inherit'\n  },\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: theme.spacing(1.5, 0)\n  },\n  labelIcon: {\n    marginRight: theme.spacing(2.5),\n    fontSize: 16,\n    color: theme.palette.secondary.main\n  },\n  labelText: {\n    fontWeight: 'inherit',\n    fontSize: 14,\n    flexGrow: 1\n  }\n}))\n\nconst StyledTreeItem = (props) => {\n  const classes = useTreeItemStyles()\n  const {\n    labelText,\n    labelIcon: LabelIcon,\n    labelInfo,\n    color,\n    bgColor,\n    to,\n    children,\n    ...other\n  } = props\n\n  return (\n    <Link to={to} style={{ textDecoration: 'none' }}>\n      <TreeItem\n        label={\n          <div className={classes.labelRoot}>\n            {LabelIcon && (\n              <LabelIcon color='inherit' className={classes.labelIcon} />\n            )}\n            <Typography variant='body2' className={classes.labelText}>\n              {labelText}\n            </Typography>\n            <Typography variant='caption' color='inherit'>\n              {labelInfo}\n            </Typography>\n          </div>\n        }\n        style={{\n          '--tree-view-color': color,\n          '--tree-view-bg-color': bgColor\n        }}\n        classes={{\n          root: classes.root,\n          content: classes.content,\n          expanded: classes.expanded,\n          selected: classes.selected,\n          group: classes.group,\n          label: classes.label\n        }}\n        {...other}\n        children={children}\n      />\n    </Link>\n  )\n}\n\nStyledTreeItem.propTypes = {\n  bgColor: PropTypes.string,\n  color: PropTypes.string,\n  labelIcon: PropTypes.elementType,\n  labelInfo: PropTypes.string,\n  labelText: PropTypes.string.isRequired\n}\n\nconst useStyles = makeStyles({\n  root: {\n    height: 264,\n    flexGrow: 1,\n    maxWidth: 280\n  }\n})\n\nexport const FluentSideNav = (props) => {\n  const classes = useStyles()\n  const { data } = props\n\n  const renderedArray = data.map((nodes) => {\n    const icons = {\n      ViewDashboardIcon,\n      AdminALogo32Icon,\n      MessageIcon,\n      ContentFeedIcon,\n      RawSourceIcon,\n      BugIcon,\n      OfficeFormsLogo16Icon,\n      CloudUploadIcon\n    }\n    return (\n      <StyledTreeItem\n        key={nodes.nodeId}\n        nodeId={nodes.nodeId}\n        labelText={nodes.labelText}\n        labelIcon={\n          typeof nodes.labelIcon === 'string'\n            ? icons[nodes.labelIcon]\n            : nodes.labelIcon\n        }\n        to={nodes.to !== '' && nodes.to}\n        children={\n          nodes.children &&\n          nodes.children.map((nodes) => {\n            return (\n              <StyledTreeItem\n                key={nodes.nodeId}\n                nodeId={nodes.nodeId}\n                labelText={nodes.labelText}\n                labelIcon={\n                  typeof nodes.labelIcon === 'string'\n                    ? icons[nodes.labelIcon]\n                    : nodes.labelIcon\n                }\n                to={nodes.to !== '' && nodes.to}\n              />\n            )\n          })\n        }\n      />\n    )\n  })\n\n  return (\n    <TreeView\n      className={classes.root}\n      defaultCollapseIcon={<ChevronDownIcon />}\n      defaultExpandIcon={<ChevronRightIcon />}\n      defaultEndIcon={<div style={{ width: 24 }} />}\n      // defaultExpanded={[{ expanded }]}\n    >\n      {renderedArray}\n    </TreeView>\n  )\n}\n"],"mappings":"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"}