udp-react-enterprise-component-library 25.18.1-beta.31 → 25.18.1-beta.33

package/dist/menuPage-DXMZEj8i.js

@@ -0,0 +1,98 @@
+import { t as MenuPage_default } from "./MenuPage-CEqDX-_3.js";
+import React 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 } = buildInnerMenuFromItems(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-DXMZEj8i.js.map

package/dist/menuPage-DXMZEj8i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuPage-DXMZEj8i.js","names":["MenuPage"],"sources":["../src/menuPage/CustomMenuPage.jsx"],"sourcesContent":["import React 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  const { innerMenu, idMap } = buildInnerMenuFromItems(items, menuTitle, idPrefix, showItemCount, itemCountAccessor);\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;CAE3B,MAAM,EAAE,WAAW,UAAU,wBAAwB,OAAO,WAAW,UAAU,eAAe,kBAAkB;CAGlH,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-cO3zYLVr.js

@@ -0,0 +1,71 @@
+import { n as UdpPageEnums } from "./pageEnums-DHCYa0ey.js";
+import { i as DeviceTypeEnums, m as MenuItemEnums } from "./unitySystemEnums-DM5vXR_m.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, getAccessToken, 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) {
+			let formattedMenuItemName = menuItemInstance.name.toLowerCase().replaceAll(" ", "");
+			updatedRolesMap.set(formattedMenuItemName, menuItemInstance.roleIds);
+			updatedisMenuActiveMap.set(formattedMenuItemName, menuItemInstance.isActive);
+		}
+	});
+	return {
+		rolesMap: updatedRolesMap,
+		menuActiveMap: updatedisMenuActiveMap
+	};
+};
+
+//#endregion
+export { getRouteRolesMapAndMenuActiveMap as n, getMenuItemsRecursively as t };
+//# sourceMappingURL=menuUtilities-cO3zYLVr.js.map

package/dist/menuUtilities-cO3zYLVr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuUtilities-cO3zYLVr.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';\n\nexport const getMenuItemsRecursively = (\n  menuItems,\n  activeOnly,\n  user,\n  getAccessToken,\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      let formattedMenuItemName = menuItemInstance.name.toLowerCase().replaceAll(\" \", \"\")\n      updatedRolesMap.set(formattedMenuItemName, menuItemInstance.roleIds)\n      updatedisMenuActiveMap.set(formattedMenuItemName, menuItemInstance.isActive)\n    }\n  })\n  return {rolesMap: updatedRolesMap, menuActiveMap: updatedisMenuActiveMap}\n}\n"],"mappings":";;;;;;AAKA,MAAa,2BACX,WACA,YACA,MACA,gBACA,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,OAAO;GACtD,IAAI,wBAAwB,iBAAiB,KAAK,aAAa,CAAC,WAAW,KAAK,GAAG;AACnF,mBAAgB,IAAI,uBAAuB,iBAAiB,QAAQ;AACpE,0BAAuB,IAAI,uBAAuB,iBAAiB,SAAS;;GAE9E;AACF,QAAO;EAAC,UAAU;EAAiB,eAAe;EAAuB"}

package/dist/menus-DcJ9oAm1.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-DcJ9oAm1.js.map

package/dist/menus-DcJ9oAm1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus-DcJ9oAm1.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/navigation-CAmsIpxk.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-CAmsIpxk.js.map

package/dist/navigation-CAmsIpxk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-CAmsIpxk.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":";;;;;;;;;;AAoBA,MAAM,oBAAoB,YAAY,WAAW;CAC/C,MAAM;EACJ,OAAO,MAAM,QAAQ,KAAK;EAC1B,sBAAsB,EACpB,iBAAiB,MAAM,QAAQ,OAAO,OACvC;EACD,6CAA6C;GAC3C,iBAAiB,6BAA6B,MAAM,QAAQ,KAAK,KAAK;GACtE,OAAO;GACR;EACD,2CAA2C;GACzC,iBAAiB,6BAA6B,MAAM,QAAQ,KAAK,KAAK;GACtE,OAAO;GACR;EACD,sFAAsF,EACpF,iBAAiB,eAClB;EACF;CACD,SAAS;EACP,OAAO,MAAM,QAAQ,KAAK;EAC1B,cAAc,MAAM,QAAQ,EAAE;EAC9B,aAAa,MAAM,QAAQ,EAAE;EAC7B,YAAY,MAAM,WAAW;EAC7B,iBAAiB,EACf,YAAY,MAAM,WAAW,mBAC9B;EACF;CACD,OAAO;EACL,YAAY;EACZ,cAAc,EACZ,aAAa,MAAM,QAAQ,EAAE,EAC9B;EACF;CACD,UAAU,EAAE;CACZ,UAAU,EAAE;CACZ,OAAO;EACL,YAAY;EACZ,OAAO;EACR;CACD,WAAW;EACT,SAAS;EACT,YAAY;EACZ,SAAS,MAAM,QAAQ,KAAK,EAAE;EAC/B;CACD,WAAW;EACT,aAAa,MAAM,QAAQ,IAAI;EAC/B,UAAU;EACV,OAAO,MAAM,QAAQ,UAAU;EAChC;CACD,WAAW;EACT,YAAY;EACZ,UAAU;EACV,UAAU;EACX;CACF,EAAE;AAEH,MAAM,kBAAkB,UAAU;CAChC,MAAM,UAAU,mBAAmB;CACnC,MAAM,EACJ,WACA,WAAWA,aACX,WACA,OACA,SACA,IACA,UACA,GAAG,UACD;AAEJ,QACE,oCAAC;EAAS;EAAI,OAAO,EAAE,gBAAgB,QAAQ;IAC7C,oCAAC;EACC,OACE,oCAAC,SAAI,WAAW,QAAQ,aACrBA,eACC,oCAACA;GAAU,OAAM;GAAU,WAAW,QAAQ;IAAa,EAE7D,oCAAC;GAAW,SAAQ;GAAQ,WAAW,QAAQ;KAC5C,UACU,EACb,oCAAC;GAAW,SAAQ;GAAU,OAAM;KACjC,UACU,CACT;EAER,OAAO;GACL,qBAAqB;GACrB,wBAAwB;GACzB;EACD,SAAS;GACP,MAAM,QAAQ;GACd,SAAS,QAAQ;GACjB,UAAU,QAAQ;GAClB,UAAU,QAAQ;GAClB,OAAO,QAAQ;GACf,OAAO,QAAQ;GAChB;EACD,GAAI;EACM;GACV,CACG;;AAIX,eAAe,YAAY;CACzB,SAAS,UAAU;CACnB,OAAO,UAAU;CACjB,WAAW,UAAU;CACrB,WAAW,UAAU;CACrB,WAAW,UAAU,OAAO;CAC7B;AAED,MAAM,YAAY,WAAW,EAC3B,MAAM;CACJ,QAAQ;CACR,UAAU;CACV,UAAU;CACX,EACF,CAAC;AAEF,MAAa,iBAAiB,UAAU;CACtC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,SAAS;CAEjB,MAAM,gBAAgB,KAAK,KAAK,UAAU;EACxC,MAAM,QAAQ;GACZ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;AACD,SACE,oCAAC;GACC,KAAK,MAAM;GACX,QAAQ,MAAM;GACd,WAAW,MAAM;GACjB,WACE,OAAO,MAAM,cAAc,WACvB,MAAM,MAAM,aACZ,MAAM;GAEZ,IAAI,MAAM,OAAO,MAAM,MAAM;GAC7B,UACE,MAAM,YACN,MAAM,SAAS,KAAK,YAAU;AAC5B,WACE,oCAAC;KACC,KAAKC,QAAM;KACX,QAAQA,QAAM;KACd,WAAWA,QAAM;KACjB,WACE,OAAOA,QAAM,cAAc,WACvB,MAAMA,QAAM,aACZA,QAAM;KAEZ,IAAIA,QAAM,OAAO,MAAMA,QAAM;MAC7B;KAEJ;IAEJ;GAEJ;AAEF,QACE,oCAAC;EACC,WAAW,QAAQ;EACnB,qBAAqB,oCAAC,sBAAkB;EACxC,mBAAmB,oCAAC,uBAAmB;EACvC,gBAAgB,oCAAC,SAAI,OAAO,EAAE,OAAO,IAAI,GAAI;IAG5C,cACQ"}

package/dist/newGrid-B6ifIrEa.js

@@ -0,0 +1,119 @@
+import { r as useUdpExport, t as ExportSidesheet } from "./ExportSidesheet-DeTJwRqq.js";
+import React, { forwardRef, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { ApiMethodInstanceGrid, EntityMaintenanceGrid, ServerSideGrid } from "udp-react-stencil-component-library";
+
+//#region src/UI/templates/newGrid/EntityMaintenanceUdpGrid.tsx
+const EntityMaintenanceUdpGrid = (props) => {
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(EntityMaintenanceGrid, props));
+};
+
+//#endregion
+//#region src/UI/templates/newGrid/BackwardsCompatibleGrid.jsx
+const BackwardsCompatibleGrid = forwardRef((props, ref) => {
+	const { gridBarTitle, queryId, gridId, primaryActionOnClick, primaryActionLabel, primaryActionIcon, defaultSearchObject, renderConfigs, disableGridPersistance, enableCheckboxOnColumns, gridHeight } = props;
+	const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);
+	const gridApiRef = useRef(null);
+	const fullDefaultSearchObject = useMemo(() => {
+		return {
+			filterElements: defaultSearchObject,
+			logicalSearchOperator: 1
+		};
+	}, [defaultSearchObject]);
+	const columnOverrides = useMemo(() => {
+		return renderConfigs.map((col) => {
+			const { rendererName, ...rest } = col;
+			return {
+				...rest,
+				...rendererName && { cellRenderer: rendererName }
+			};
+		});
+	}, [renderConfigs]);
+	const sizedIcon = useMemo(() => {
+		if (primaryActionIcon === "add32") return "add";
+	}, [primaryActionIcon]);
+	const { updateExportParameters, createExport, entity, searchObject, fileFormat, numRowsToExport, validSearch, errorList, activeExportJob, exportLoading, handleFileDownload, clearParameters } = useUdpExport();
+	const exportFromGrid = (searchObject$1, entityName) => {
+		if (searchObject$1 && entityName) {
+			updateExportParameters(entityName, searchObject$1);
+			setExportSidesheetOpen(true);
+		} else console.error("Failed to retrieve searchObject or entityName from grid");
+	};
+	const handleCloseExportSidesheet = () => {
+		setExportSidesheetOpen(false);
+		clearParameters();
+	};
+	useImperativeHandle(ref, () => ({
+		refreshOnNoResults: () => gridApiRef.current?.refreshServerSide(),
+		getSelectedRows: () => gridApiRef.current?.getSelectedRows()
+	}));
+	const handleGridApiCallback = (api) => {
+		gridApiRef.current = api;
+	};
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ExportSidesheet, {
+		entity,
+		searchObject,
+		fileFormat,
+		numRowsToExport,
+		errorList,
+		activeExportJob,
+		handleFileDownload,
+		exportSidesheetOpen,
+		handleCloseExportSidesheet,
+		createExport,
+		exportLoading,
+		validSearch
+	}), /* @__PURE__ */ React.createElement(ApiMethodInstanceGrid, {
+		apiMethodInstanceId: queryId,
+		gridId,
+		defaultSearchObject: fullDefaultSearchObject,
+		columnDefOverrides: columnOverrides,
+		gridHeight,
+		gridOptions: {
+			pagination: true,
+			rowSelection: enableCheckboxOnColumns && {
+				mode: "multiRow",
+				enableClickSelection: true,
+				headerCheckbox: false
+			}
+		},
+		gridHeaderConfig: {
+			title: gridBarTitle,
+			primaryActionButton: {
+				label: primaryActionLabel,
+				iconName: sizedIcon,
+				onClick: primaryActionOnClick
+			}
+		},
+		gridFunctions: [
+			{ name: "agGridExport" },
+			{ name: "openSavedViews" },
+			{ name: "agGridSizeColumnsToFit" },
+			{ name: "agGridAutoSizeColumns" },
+			!disableGridPersistance && { name: "restoreGridState" },
+			{ name: "agGridHideShowColumns" },
+			{ name: "agGridResetColumns" },
+			{
+				name: "udpExport",
+				params: { callback: (searchObject$1, entityName) => exportFromGrid(searchObject$1, entityName) }
+			}
+		],
+		gridApiCallback: handleGridApiCallback
+	}));
+});
+BackwardsCompatibleGrid.displayName = "BackwardsCompatibleGrid";
+
+//#endregion
+//#region src/UI/templates/newGrid/ApiMethodInstanceUdpGrid.jsx
+const ApiMethodInstanceUdpGrid = (props) => {
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ApiMethodInstanceGrid, props));
+};
+
+//#endregion
+//#region src/UI/templates/newGrid/ServerSideUdpGrid.jsx
+const ServerSideUdpGrid = (props) => {
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ServerSideGrid, props));
+};
+
+//#endregion
+export { EntityMaintenanceUdpGrid as i, ApiMethodInstanceUdpGrid as n, BackwardsCompatibleGrid as r, ServerSideUdpGrid as t };
+//# sourceMappingURL=newGrid-B6ifIrEa.js.map

package/dist/newGrid-B6ifIrEa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"newGrid-B6ifIrEa.js","names":["EntityMaintenanceUdpGrid: React.FC<any>","searchObject"],"sources":["../src/UI/templates/newGrid/EntityMaintenanceUdpGrid.tsx","../src/UI/templates/newGrid/BackwardsCompatibleGrid.jsx","../src/UI/templates/newGrid/ApiMethodInstanceUdpGrid.jsx","../src/UI/templates/newGrid/ServerSideUdpGrid.jsx"],"sourcesContent":["import React from 'react'\nimport { EntityMaintenanceGrid } from 'udp-react-stencil-component-library'\n\nexport const EntityMaintenanceUdpGrid: React.FC<any> = (props) => {\n\n  return (\n   <div >\n      <EntityMaintenanceGrid {...props}/>\n   </div>\n  )\n}\n","import React, {\n  useMemo,\n  useState,\n  useRef,\n  forwardRef,\n  useImperativeHandle\n} from 'react';\nimport { ApiMethodInstanceGrid } from 'udp-react-stencil-component-library';\nimport { useUdpExport } from '../../../udp/export/useUdpExport';\nimport { ExportSidesheet } from '../../../udp/export/ExportSidesheet';\n\n/*\n * This grid is intended to be a temporary drop in replacement for ambient-template-grid.\n * Do not use it unless you were using the old grid, this will not be further supported and is worse on performance than the other new grids.\n */\n\nexport const BackwardsCompatibleGrid = forwardRef((props, ref) => {\n  const {\n    gridBarTitle,\n    queryId,\n    gridId,\n    primaryActionOnClick,\n    primaryActionLabel,\n    primaryActionIcon,\n    defaultSearchObject,\n    renderConfigs,\n    disableGridPersistance,\n    enableCheckboxOnColumns,\n    gridHeight\n  } = props;\n\n  const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);\n  const gridApiRef = useRef(null);\n\n  //Convert the filter Elements passed in to a search object\n  const fullDefaultSearchObject = useMemo(() => {\n    return {\n      filterElements: defaultSearchObject,\n      logicalSearchOperator: 1\n    };\n  }, [defaultSearchObject]);\n\n  //Convert renderConfigs to columnOverrides\n  const columnOverrides = useMemo(() => {\n    const initialColumns = renderConfigs;\n\n    return initialColumns.map((col) => {\n      // Use destructuring to separate 'rendererName' from the rest of the properties.\n      const { rendererName, ...rest } = col;\n\n      // Start building the new object, renaming rendererName if it exists.\n      const newCol = {\n        ...rest,\n        ...(rendererName && { cellRenderer: rendererName })\n      };\n\n      return newCol;\n    });\n  }, [renderConfigs]);\n\n  const sizedIcon = useMemo(() => {\n    if (primaryActionIcon === 'add32') {\n      return 'add';\n    }\n  }, [primaryActionIcon]);\n\n  //export functions\n\n  const {\n    updateExportParameters,\n    createExport,\n    entity,\n    searchObject,\n    fileFormat,\n    numRowsToExport,\n    validSearch,\n    errorList,\n    activeExportJob,\n    exportLoading,\n    handleFileDownload,\n    clearParameters\n  } = useUdpExport();\n\n  const exportFromGrid = (searchObject, entityName) => {\n    if (searchObject && entityName) {\n      updateExportParameters(entityName, searchObject);\n      setExportSidesheetOpen(true);\n    } else {\n      console.error('Failed to retrieve searchObject or entityName from grid');\n    }\n  };\n\n  const handleCloseExportSidesheet = () => {\n    setExportSidesheetOpen(false);\n    clearParameters();\n  };\n\n  useImperativeHandle(ref, () => ({\n    //hooks for the parent to call these functions\n    refreshOnNoResults: () => gridApiRef.current?.refreshServerSide(),\n    getSelectedRows: () => gridApiRef.current?.getSelectedRows()\n  }));\n\n  const handleGridApiCallback = (api) => {\n    gridApiRef.current = api;\n  };\n\n  return (\n    <div>\n      <ExportSidesheet\n        entity={entity}\n        searchObject={searchObject}\n        fileFormat={fileFormat}\n        numRowsToExport={numRowsToExport}\n        errorList={errorList}\n        activeExportJob={activeExportJob}\n        handleFileDownload={handleFileDownload}\n        exportSidesheetOpen={exportSidesheetOpen}\n        handleCloseExportSidesheet={handleCloseExportSidesheet}\n        createExport={createExport}\n        exportLoading={exportLoading}\n        validSearch={validSearch}\n      />\n      <ApiMethodInstanceGrid\n        apiMethodInstanceId={queryId}\n        gridId={gridId}\n        defaultSearchObject={fullDefaultSearchObject}\n        columnDefOverrides={columnOverrides}\n        gridHeight={gridHeight}\n        gridOptions={{\n          pagination: true,\n          rowSelection: enableCheckboxOnColumns && {\n            mode: 'multiRow',\n            enableClickSelection: true,\n            headerCheckbox: false\n          }\n        }}\n        gridHeaderConfig={{\n          title: gridBarTitle,\n          primaryActionButton: {\n            label: primaryActionLabel,\n            iconName: sizedIcon,\n            onClick: primaryActionOnClick\n          }\n        }}\n        gridFunctions={[\n          { name: 'agGridExport' },\n          { name: 'openSavedViews' },\n          { name: 'agGridSizeColumnsToFit' },\n          { name: 'agGridAutoSizeColumns' },\n          !disableGridPersistance && { name: 'restoreGridState' },\n          { name: 'agGridHideShowColumns' },\n          { name: 'agGridResetColumns' },\n          {\n            name: 'udpExport',\n            params: {\n              callback: (searchObject, entityName) =>\n                exportFromGrid(searchObject, entityName)\n            }\n          }\n        ]}\n        gridApiCallback={handleGridApiCallback}\n      />\n    </div>\n  );\n});\n\nBackwardsCompatibleGrid.displayName = 'BackwardsCompatibleGrid';\n","import React from 'react'\nimport { ApiMethodInstanceGrid } from 'udp-react-stencil-component-library'\n\nexport const ApiMethodInstanceUdpGrid = (props) => {\n\n  return (\n   <div >\n      <ApiMethodInstanceGrid {...props}/>\n   </div>\n  )\n}\n","import React from 'react'\nimport { ServerSideGrid } from 'udp-react-stencil-component-library'\n\nexport const ServerSideUdpGrid = (props) => {\n\n  return (\n   <div >\n      <ServerSideGrid {...props}/>\n   </div>\n  )\n}\n"],"mappings":";;;;;AAGA,MAAaA,4BAA2C,UAAU;AAEhE,QACC,oCAAC,aACE,oCAAC,uBAA0B,MAAQ,CAChC;;;;;ACQT,MAAa,0BAA0B,YAAY,OAAO,QAAQ;CAChE,MAAM,EACJ,cACA,SACA,QACA,sBACA,oBACA,mBACA,qBACA,eACA,wBACA,yBACA,eACE;CAEJ,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CACrE,MAAM,aAAa,OAAO,KAAK;CAG/B,MAAM,0BAA0B,cAAc;AAC5C,SAAO;GACL,gBAAgB;GAChB,uBAAuB;GACxB;IACA,CAAC,oBAAoB,CAAC;CAGzB,MAAM,kBAAkB,cAAc;AAGpC,SAFuB,cAED,KAAK,QAAQ;GAEjC,MAAM,EAAE,cAAc,GAAG,SAAS;AAQlC,UALe;IACb,GAAG;IACH,GAAI,gBAAgB,EAAE,cAAc,cAAc;IACnD;IAGD;IACD,CAAC,cAAc,CAAC;CAEnB,MAAM,YAAY,cAAc;AAC9B,MAAI,sBAAsB,QACxB,QAAO;IAER,CAAC,kBAAkB,CAAC;CAIvB,MAAM,EACJ,wBACA,cACA,QACA,cACA,YACA,iBACA,aACA,WACA,iBACA,eACA,oBACA,oBACE,cAAc;CAElB,MAAM,kBAAkB,gBAAc,eAAe;AACnD,MAAIC,kBAAgB,YAAY;AAC9B,0BAAuB,YAAYA,eAAa;AAChD,0BAAuB,KAAK;QAE5B,SAAQ,MAAM,0DAA0D;;CAI5E,MAAM,mCAAmC;AACvC,yBAAuB,MAAM;AAC7B,mBAAiB;;AAGnB,qBAAoB,YAAY;EAE9B,0BAA0B,WAAW,SAAS,mBAAmB;EACjE,uBAAuB,WAAW,SAAS,iBAAiB;EAC7D,EAAE;CAEH,MAAM,yBAAyB,QAAQ;AACrC,aAAW,UAAU;;AAGvB,QACE,oCAAC,aACC,oCAAC;EACS;EACM;EACF;EACK;EACN;EACM;EACG;EACC;EACO;EACd;EACC;EACF;GACb,EACF,oCAAC;EACC,qBAAqB;EACb;EACR,qBAAqB;EACrB,oBAAoB;EACR;EACZ,aAAa;GACX,YAAY;GACZ,cAAc,2BAA2B;IACvC,MAAM;IACN,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EACD,kBAAkB;GAChB,OAAO;GACP,qBAAqB;IACnB,OAAO;IACP,UAAU;IACV,SAAS;IACV;GACF;EACD,eAAe;GACb,EAAE,MAAM,gBAAgB;GACxB,EAAE,MAAM,kBAAkB;GAC1B,EAAE,MAAM,0BAA0B;GAClC,EAAE,MAAM,yBAAyB;GACjC,CAAC,0BAA0B,EAAE,MAAM,oBAAoB;GACvD,EAAE,MAAM,yBAAyB;GACjC,EAAE,MAAM,sBAAsB;GAC9B;IACE,MAAM;IACN,QAAQ,EACN,WAAW,gBAAc,eACvB,eAAeA,gBAAc,WAAW,EAC3C;IACF;GACF;EACD,iBAAiB;GACjB,CACE;EAER;AAEF,wBAAwB,cAAc;;;;ACpKtC,MAAa,4BAA4B,UAAU;AAEjD,QACC,oCAAC,aACE,oCAAC,uBAA0B,MAAQ,CAChC;;;;;ACLT,MAAa,qBAAqB,UAAU;AAE1C,QACC,oCAAC,aACE,oCAAC,gBAAmB,MAAQ,CACzB"}

package/dist/notes/index.js

@@ -1,3 +1,3 @@
-import { t as NotesScreen } from "../NotesScreen-BDelTynN.js";
+import { t as NotesScreen } from "../NotesScreen-9Y5eOiU1.js";
 
 export { NotesScreen };

package/dist/page/PageContainer/index.js

@@ -1,3 +1,3 @@
-import { t as PageContainer } from "../../PageContainer-N4d5KO-T.js";
+import { t as PageContainer } from "../../PageContainer-CT3n_ngH.js";
 
 export { PageContainer };

package/dist/reminders/index.js

@@ -1,4 +1,4 @@
-import { t as RemindersScreen } from "../RemindersScreen-BSG5Vgtg.js";
-import { n as CompleteReminderSwitch, t as RemindersCard } from "../RemindersCard-BVyXF-iC.js";
+import { t as RemindersScreen } from "../RemindersScreen-DQD_XKIp.js";
+import { n as CompleteReminderSwitch, t as RemindersCard } from "../RemindersCard-z4dtBhhT.js";
 
 export { CompleteReminderSwitch, RemindersCard, RemindersScreen };

package/dist/routes/components/index.js

@@ -1,6 +1,6 @@
 import { t as PageStatus } from "../../PageStatus-CMPUSx1o.js";
 import { t as PageForbiddenRoute } from "../../PageForbiddenRoute-C32Jf7bX.js";
 import { t as PasswordResetRedirect } from "../../PasswordResetRedirect-Ddfq7Gxu.js";
-import { t as PageNotFoundRoute } from "../../PageNotFoundRoute-TBmPL3Ws.js";
+import { t as PageNotFoundRoute } from "../../PageNotFoundRoute-BAlMpeF8.js";
 
 export { PageForbiddenRoute, PageNotFoundRoute, PageStatus, PasswordResetRedirect };

package/dist/routes/index.js

@@ -1,3 +1,3 @@
-import { n as PrivateRoute, t as UdpRoutes } from "../UdpRoutes-D_Y2Mm5S.js";
+import { n as PrivateRoute, t as UdpRoutes } from "../UdpRoutes-lY6lxxfc.js";
 
 export { PrivateRoute, UdpRoutes };