udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.0

package/dist/AppMenu-TyQPUJBB.js

@@ -1,170 +0,0 @@
-import { apiMutate as apiMutate$1 } from "./useAxiosMutate-BNEb4J04.js";
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import { useActions } from "./useActions-CKdp6TpD.js";
-import { redirectToLinkOnClick } from "./redirectToLink-B4Y9oH1K.js";
-import React, { forwardRef, useContext, useEffect, useState } from "react";
-import { Collapse, List, ListItem, ListItemIcon, ListItemText, createStyles, makeStyles } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-import { NavLink } from "react-router-dom";
-import clsx from "clsx";
-import { ChevronDownIcon, ChevronUpIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-import { useTranslation } from "react-i18next";
-
-//#region src/UI/navigation/menus/AppMenuItemComponent.jsx
-const ListItemLinkComponent = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(NavLink, {
-	exact: true,
-	...props,
-	innerRef: ref
-}));
-ListItemLinkComponent.displayName = "ListItemLinkComponent";
-const AppMenuItemComponent = (props) => {
-	const { link, params, isChild,...other } = props;
-	if (!link || typeof link !== "string") return /* @__PURE__ */ React.createElement(ListItem, {
-		button: true,
-		...other,
-		dense: true
-	});
-	return /* @__PURE__ */ React.createElement(ListItem, {
-		id: "udpRecord-AppMenuItemComponent-" + params.label.replace(/\s+/g, ""),
-		udprecordid: "udpRecord-AppMenuItemComponent-" + params.label.replace(/\s+/g, ""),
-		button: true,
-		component: ListItemLinkComponent,
-		to: {
-			pathname: link,
-			state: params
-		},
-		...other,
-		onClick: void 0,
-		dense: true
-	});
-};
-
-//#endregion
-//#region src/UI/navigation/menus/AppMenuItem.jsx
-const AppMenuItemPropTypes = {
-	id: PropTypes.string,
-	label: PropTypes.string.isRequired,
-	link: PropTypes.string,
-	icon: PropTypes.elementType,
-	iconName: PropTypes.string,
-	items: PropTypes.array,
-	indent: PropTypes.string,
-	redirectInfo: PropTypes.string,
-	params: PropTypes.object,
-	menuItemId: PropTypes.string,
-	menuStructureId: PropTypes.number,
-	parentId: PropTypes.number,
-	productId: PropTypes.number,
-	isActive: PropTypes.bool,
-	roleIds: PropTypes.array,
-	getAccessToken: PropTypes.any,
-	childrenIcons: PropTypes.bool,
-	isChild: PropTypes.bool,
-	childIndex: PropTypes.number,
-	sidebarExpanded: PropTypes.bool,
-	devicesHiddenOn: PropTypes.array
-};
-const useStyles = makeStyles((theme) => createStyles({
-	menuItem: { "&.active": {
-		background: "rgba(0, 0, 0, 0.08)",
-		"& .MuiListItemIcon-root": { marginLeft: theme.spacing(2) }
-	} },
-	menuItemIcon: { minWidth: theme.spacing(5) },
-	item: {
-		width: 254,
-		whiteSpace: "normal",
-		paddingLeft: (props) => props?.isChild && props.sidebarExpanded ? `calc(16px + ${16 * (props.childIndex !== void 0 ? props.childIndex : 0)}px)` : null
-	},
-	indent: {},
-	icon: {
-		width: theme.spacing(3),
-		height: theme.spacing(3),
-		color: theme.palette.secondary.dark
-	},
-	expand: { visibility: (props) => props.sidebarExpanded ? "visible" : "hidden" },
-	images: {
-		width: theme.spacing(3.5),
-		height: theme.spacing(3.5)
-	}
-}));
-const AppMenuItem = (props) => {
-	const { childrenIcons = true, isChild = false, childIndex = 0, label, link, icon, image, getAccessToken, indent, items = [], redirectInfo, sidebarExpanded, user, params, tenantSsoId,...other } = props;
-	const classes = useStyles(props);
-	const isExpandable = items?.length > 0;
-	const [open, setOpen] = useState(false);
-	const { triggerMultipleActions } = useActions();
-	const { t } = useTranslation();
-	const handleClick = async () => {
-		let url = redirectInfo;
-		if (url && tenantSsoId) {
-			const response = await apiMutate$1(ConfigService.securityV1ApiUrl, `sso/${tenantSsoId}`, { method: "get" });
-			if (!response) return;
-			url = `${url}${response.data.urlParams}`;
-		}
-		if (url) redirectToLinkOnClick(url, getAccessToken, user);
-		if (params?.Action?.length) triggerMultipleActions(params.Action);
-		setOpen(!open);
-	};
-	const MenuItemRoot = /* @__PURE__ */ React.createElement(AppMenuItemComponent, {
-		className: clsx(indent ? classes.menuItem : classes.indent, classes.item),
-		link: items.length ? "" : link,
-		onClick: handleClick,
-		"aria-expanded": isExpandable ? open : null,
-		params: {
-			...other,
-			label,
-			params
-		},
-		isChild
-	}, (!!icon || !!image) && (isChild && childrenIcons || !isChild) && /* @__PURE__ */ React.createElement(ListItemIcon, { className: classes.menuItemIcon }, icon ? /* @__PURE__ */ React.createElement("div", { className: classes.icon }, /* @__PURE__ */ React.createElement(FluentIcon, { component: icon })) : /* @__PURE__ */ React.createElement("img", {
-		src: image,
-		alt: label,
-		className: classes.images
-	})), /* @__PURE__ */ React.createElement(ListItemText, {
-		primary: t(label),
-		inset: !icon && !image
-	}), isExpandable && (open ? /* @__PURE__ */ React.createElement("div", { className: classes.expand }, /* @__PURE__ */ React.createElement(FluentIcon, {
-		size: "small",
-		component: ChevronUpIcon,
-		id: `udpRecord-AppMenuItem-FluentIcon-Up-${label}`,
-		udprecordid: `udpRecord-AppMenuItem-FluentIcon-Up-${label}`
-	})) : /* @__PURE__ */ React.createElement("div", { className: classes.expand }, /* @__PURE__ */ React.createElement(FluentIcon, {
-		size: "small",
-		component: ChevronDownIcon,
-		id: `udpRecord-AppMenuItem-FluentIcon-Down-${label}`,
-		udprecordid: `udpRecord-AppMenuItem-FluentIcon-Down-${label}`
-	}))));
-	const MenuItemChildren = isExpandable ? /* @__PURE__ */ React.createElement(Collapse, {
-		in: open,
-		timeout: "auto",
-		unmountOnExit: true
-	}, /* @__PURE__ */ React.createElement(List, null, items.map((item, index) => /* @__PURE__ */ React.createElement(AppMenuItem, {
-		...item,
-		childrenIcons,
-		isChild: true,
-		key: index,
-		childIndex: childIndex + 1,
-		sidebarExpanded,
-		user
-	})))) : null;
-	return /* @__PURE__ */ React.createElement("li", null, MenuItemRoot, MenuItemChildren);
-};
-
-//#endregion
-//#region src/UI/navigation/menus/AppMenu.jsx
-const AppMenu = ({ childrenIcons, menuItems, sidebarExpanded, user }) => {
-	return /* @__PURE__ */ React.createElement("nav", { "aria-label": "Site Navigation" }, /* @__PURE__ */ React.createElement(List, null, menuItems.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(AppMenuItem, {
-			key: index,
-			childrenIcons,
-			sidebarExpanded,
-			user,
-			...item
-		});
-	})));
-};
-
-//#endregion
-export { AppMenu, AppMenuItem, AppMenuItemComponent, AppMenuItemPropTypes };
-//# sourceMappingURL=AppMenu-TyQPUJBB.js.map

package/dist/AppMenu-TyQPUJBB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppMenu-TyQPUJBB.js","names":["apiMutate"],"sources":["../src/UI/navigation/menus/AppMenuItemComponent.jsx","../src/UI/navigation/menus/AppMenuItem.jsx","../src/UI/navigation/menus/AppMenu.jsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { ListItem } from '@material-ui/core'\nimport { NavLink } from 'react-router-dom'\n\nconst ListItemLinkComponent = forwardRef((props, ref) => (\n  <NavLink exact {...props} innerRef={ref} />\n))\nListItemLinkComponent.displayName = 'ListItemLinkComponent'\n\nexport const AppMenuItemComponent = (props) => {\n  const { link, params, isChild, ...other } = props\n\n  // If link is not set return the ordinary ListItem\n  if (!link || typeof link !== 'string') {\n    return <ListItem button {...other} dense />\n  }\n\n  // Return a ListItem with a link component\n  return (\n    <ListItem\n      id={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n      udprecordid={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n      button\n      component={ListItemLinkComponent}\n      to={{\n        pathname: link,\n        state: params\n      }}\n      {...other}\n      onClick={undefined}\n      dense\n    />\n  )\n}\n","import { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport {\n  Collapse,\n  createStyles,\n  List,\n  ListItemIcon,\n  ListItemText,\n  makeStyles\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useActions } from '../../../hooks/useActions';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { redirectToLinkOnClick } from '../../../utilities/menus/redirectToLink';\nimport { AppMenuItemComponent } from './AppMenuItemComponent';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\n// React runtime PropTypes\nexport const AppMenuItemPropTypes = {\n  id: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  link: PropTypes.string,\n  icon: PropTypes.elementType,\n  iconName: PropTypes.string,\n  items: PropTypes.array,\n  indent: PropTypes.string,\n  redirectInfo: PropTypes.string,\n  params: PropTypes.object,\n  menuItemId: PropTypes.string,\n  menuStructureId: PropTypes.number,\n  parentId: PropTypes.number,\n  productId: PropTypes.number,\n  isActive: PropTypes.bool,\n  roleIds: PropTypes.array,\n  getAccessToken: PropTypes.any,\n  childrenIcons: PropTypes.bool,\n  isChild: PropTypes.bool,\n  childIndex: PropTypes.number,\n  sidebarExpanded: PropTypes.bool,\n  devicesHiddenOn: PropTypes.array\n};\n\nconst useStyles = makeStyles((theme) =>\n  createStyles({\n    menuItem: {\n      '&.active': {\n        background: 'rgba(0, 0, 0, 0.08)',\n        '& .MuiListItemIcon-root': { marginLeft: theme.spacing(2) }\n      }\n    },\n    menuItemIcon: {\n      minWidth: theme.spacing(5)\n    },\n    item: {\n      width: 254,\n      whiteSpace: 'normal',\n      paddingLeft: (props) =>\n        props?.isChild && props.sidebarExpanded\n          ? `calc(16px + ${\n              16 * (props.childIndex !== undefined ? props.childIndex : 0)\n            }px)`\n          : null\n    },\n    indent: {},\n    icon: {\n      width: theme.spacing(3),\n      height: theme.spacing(3),\n      color: theme.palette.secondary.dark\n    },\n    expand: {\n      // marginRight: theme.spacing(1),\n      visibility: (props) => (props.sidebarExpanded ? 'visible' : 'hidden')\n    },\n    images: {\n      width: theme.spacing(3.5),\n      height: theme.spacing(3.5)\n    }\n  })\n);\n\nexport const AppMenuItem = (props) => {\n  const {\n    childrenIcons = true,\n    isChild = false,\n    childIndex = 0,\n    label,\n    link,\n    icon,\n    image,\n    getAccessToken,\n    indent,\n    items = [],\n    redirectInfo,\n    sidebarExpanded,\n    user,\n    params,\n    tenantSsoId,\n    ...other\n  } = props;\n  const classes = useStyles(props);\n  const isExpandable = items?.length > 0;\n  const [open, setOpen] = useState(false);\n  const { triggerMultipleActions } = useActions();\n  const { t } = useTranslation();\n\n  const handleClick = async () => {\n    let url = redirectInfo;\n    if (url && tenantSsoId) {\n      const response = await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `sso/${tenantSsoId}`,\n        { method: 'get' }\n      );\n      if (!response) return;\n      url = `${url}${response.data.urlParams}`;\n    }\n    if (url) {\n      redirectToLinkOnClick(url, getAccessToken, user);\n    }\n\n    if (params?.Action?.length) {\n      triggerMultipleActions(params.Action);\n    }\n\n    setOpen(!open);\n  };\n\n  const MenuItemRoot = (\n    <AppMenuItemComponent\n      className={clsx(indent ? classes.menuItem : classes.indent, classes.item)}\n      link={items.length ? '' : link}\n      onClick={handleClick}\n      aria-expanded={isExpandable ? open : null}\n      params={{ ...other, label, params }}\n      isChild={isChild}\n    >\n      {/* Display an icon if any */}\n      {(!!icon || !!image) && ((isChild && childrenIcons) || !isChild) && (\n        <ListItemIcon className={classes.menuItemIcon}>\n          {icon ? (\n            <div className={classes.icon}>\n              <FluentIcon component={icon} />\n            </div>\n          ) : (\n            <img src={image} alt={label} className={classes.images} />\n          )}\n        </ListItemIcon>\n      )}\n      <ListItemText primary={t(label)} inset={!icon && !image} />\n      {/* Display the expand menu if the item has children */}\n      {isExpandable &&\n        (open ? (\n          <div className={classes.expand}>\n            <FluentIcon\n              size={'small'}\n              component={ChevronUpIcon}\n              id={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n              udprecordid={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n            />\n          </div>\n        ) : (\n          <div className={classes.expand}>\n            <FluentIcon\n              size={'small'}\n              component={ChevronDownIcon}\n              id={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n              udprecordid={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n            />\n          </div>\n        ))}\n    </AppMenuItemComponent>\n  );\n\n  const MenuItemChildren = isExpandable ? (\n    <Collapse in={open} timeout='auto' unmountOnExit>\n      {/* <Divider aria-hidden={true} /> */}\n      <List>\n        {items.map((item, index) => (\n          <AppMenuItem\n            {...item}\n            childrenIcons={childrenIcons}\n            isChild\n            key={index}\n            childIndex={childIndex + 1}\n            sidebarExpanded={sidebarExpanded}\n            user={user}\n          />\n        ))}\n      </List>\n    </Collapse>\n  ) : null;\n\n  return (\n    <li>\n      {MenuItemRoot}\n      {MenuItemChildren}\n    </li>\n  );\n};\n","import React from 'react';\nimport { List } from '@material-ui/core';\nimport { AppMenuItem } from './AppMenuItem';\n\nexport const AppMenu = ({\n  childrenIcons,\n  menuItems,\n  sidebarExpanded,\n  user\n}) => {\n  return (\n    <nav aria-label='Site Navigation'>\n      <List>\n        {menuItems.map((item, index) => {\n          return (\n            <AppMenuItem\n              key={index}\n              childrenIcons={childrenIcons}\n              sidebarExpanded={sidebarExpanded}\n              user={user}\n              {...item}\n            />\n          );\n        })}\n      </List>\n    </nav>\n  );\n};\n"],"mappings":"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"}

package/dist/AvatarAlphabet-BFwr2xyn.js

@@ -1,187 +0,0 @@
-import React from "react";
-import { Avatar, makeStyles } from "@material-ui/core";
-
-//#region src/UI/dataDisplay/AvatarAlphabet.jsx
-const useStyles = makeStyles((theme) => ({
-	small: {
-		width: 20,
-		height: 20,
-		fontSize: 14,
-		marginLeft: 2
-	},
-	medium: {
-		width: 35,
-		height: 35,
-		fontSize: 16,
-		paddingTop: 2
-	}
-}));
-const AvatarAlphabet = (props) => {
-	let letter = "";
-	const { avatarCharacter, size } = props;
-	const classes = useStyles();
-	switch (avatarCharacter) {
-		case "A":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#FFB900" }
-			}, "A");
-			break;
-		case "B":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#E74856" }
-			}, "B");
-			break;
-		case "C":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#0078D7" }
-			}, "C");
-			break;
-		case "D":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#0099BC" }
-			}, "D");
-			break;
-		case "E":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#7A7574" }
-			}, "E");
-			break;
-		case "F":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#767676" }
-			}, "F");
-			break;
-		case "G":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#FF8C00" }
-			}, "G");
-			break;
-		case "H":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#E81123" }
-			}, "H");
-			break;
-		case "I":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#0063B1" }
-			}, "I");
-			break;
-		case "J":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#2D7D9A" }
-			}, "J");
-			break;
-		case "K":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#5D5A58" }
-			}, "K");
-			break;
-		case "L":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#4C4A48" }
-			}, "L");
-			break;
-		case "M":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#F7630C" }
-			}, "M");
-			break;
-		case "N":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#EA005E" }
-			}, "N");
-			break;
-		case "O":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#8E8CD8" }
-			}, "O");
-			break;
-		case "P":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#00B7C3" }
-			}, "P");
-			break;
-		case "Q":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#68768A" }
-			}, "Q");
-			break;
-		case "R":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#69797E" }
-			}, "R");
-			break;
-		case "S":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#CA5010" }
-			}, "S");
-			break;
-		case "T":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#C30052" }
-			}, "T");
-			break;
-		case "U":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "FF4343" }
-			}, "U");
-			break;
-		case "V":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#9A0089" }
-			}, "V");
-			break;
-		case "W":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#10893E" }
-			}, "W");
-			break;
-		case "X":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#567C73" }
-			}, "X");
-			break;
-		case "Y":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#018574" }
-			}, "Y");
-			break;
-		case "Z":
-			letter = /* @__PURE__ */ React.createElement(Avatar, {
-				className: size === "small" ? classes.small : classes.medium,
-				style: { backgroundColor: "#881798" }
-			}, "Z");
-			break;
-		default:
-	}
-	return letter;
-};
-
-//#endregion
-export { AvatarAlphabet };
-//# sourceMappingURL=AvatarAlphabet-BFwr2xyn.js.map

package/dist/AvatarAlphabet-BFwr2xyn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarAlphabet-BFwr2xyn.js","names":[],"sources":["../src/UI/dataDisplay/AvatarAlphabet.jsx"],"sourcesContent":["import React from 'react'\nimport { Avatar, makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  small: {\n    width: 20,\n    height: 20,\n    fontSize: 14,\n    marginLeft: 2\n  },\n  medium: {\n    width: 35,\n    height: 35,\n    fontSize: 16,\n    paddingTop: 2\n  }\n}))\n\nexport const AvatarAlphabet = (props) => {\n  let letter = ''\n  const { avatarCharacter, size } = props\n  const classes = useStyles()\n\n  switch (avatarCharacter) {\n    case 'A':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#FFB900' }}\n        >\n          A\n        </Avatar>\n      )\n      break\n    case 'B':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#E74856' }}\n        >\n          B\n        </Avatar>\n      )\n      break\n    case 'C':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#0078D7' }}\n        >\n          C\n        </Avatar>\n      )\n      break\n    case 'D':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#0099BC' }}\n        >\n          D\n        </Avatar>\n      )\n      break\n    case 'E':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#7A7574' }}\n        >\n          E\n        </Avatar>\n      )\n      break\n    case 'F':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#767676' }}\n        >\n          F\n        </Avatar>\n      )\n      break\n    case 'G':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#FF8C00' }}\n        >\n          G\n        </Avatar>\n      )\n      break\n    case 'H':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#E81123' }}\n        >\n          H\n        </Avatar>\n      )\n      break\n    case 'I':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#0063B1' }}\n        >\n          I\n        </Avatar>\n      )\n      break\n    case 'J':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#2D7D9A' }}\n        >\n          J\n        </Avatar>\n      )\n      break\n    case 'K':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#5D5A58' }}\n        >\n          K\n        </Avatar>\n      )\n      break\n    case 'L':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#4C4A48' }}\n        >\n          L\n        </Avatar>\n      )\n      break\n    case 'M':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#F7630C' }}\n        >\n          M\n        </Avatar>\n      )\n      break\n    case 'N':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#EA005E' }}\n        >\n          N\n        </Avatar>\n      )\n      break\n    case 'O':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#8E8CD8' }}\n        >\n          O\n        </Avatar>\n      )\n      break\n    case 'P':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#00B7C3' }}\n        >\n          P\n        </Avatar>\n      )\n      break\n    case 'Q':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#68768A' }}\n        >\n          Q\n        </Avatar>\n      )\n      break\n    case 'R':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#69797E' }}\n        >\n          R\n        </Avatar>\n      )\n      break\n    case 'S':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#CA5010' }}\n        >\n          S\n        </Avatar>\n      )\n      break\n    case 'T':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#C30052' }}\n        >\n          T\n        </Avatar>\n      )\n      break\n    case 'U':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: 'FF4343' }}\n        >\n          U\n        </Avatar>\n      )\n      break\n    case 'V':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#9A0089' }}\n        >\n          V\n        </Avatar>\n      )\n      break\n    case 'W':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#10893E' }}\n        >\n          W\n        </Avatar>\n      )\n      break\n    case 'X':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#567C73' }}\n        >\n          X\n        </Avatar>\n      )\n      break\n    case 'Y':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#018574' }}\n        >\n          Y\n        </Avatar>\n      )\n      break\n    case 'Z':\n      letter = (\n        <Avatar\n          className={size === 'small' ? classes.small : classes.medium}\n          style={{ backgroundColor: '#881798' }}\n        >\n          Z\n        </Avatar>\n      )\n      break\n    default:\n  }\n\n  return letter\n}\n"],"mappings":"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"}

package/dist/BackwardsCompatibleGrid-C2zZwKox.js

@@ -1,126 +0,0 @@
-import { ExportSidesheet, useUdpExport } from "./useUdpExport-Bg3Dwia8.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/ServerSideUdpGrid.jsx
-const ServerSideUdpGrid = (props) => {
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ServerSideGrid, props));
-};
-
-//#endregion
-//#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/ApiMethodInstanceUdpGrid.jsx
-const ApiMethodInstanceUdpGrid = (props) => {
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ApiMethodInstanceGrid, 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;
-			const newCol = {
-				...rest,
-				...rendererName && { cellRenderer: rendererName }
-			};
-			if (newCol.field === "actions") {
-				newCol.pinned = "right";
-				newCol.filter = false;
-				newCol.sortable = false;
-				newCol.suppressHeaderMenuButton = true;
-			}
-			return newCol;
-		});
-	}, [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
-export { ApiMethodInstanceUdpGrid, BackwardsCompatibleGrid, EntityMaintenanceUdpGrid, ServerSideUdpGrid };
-//# sourceMappingURL=BackwardsCompatibleGrid-C2zZwKox.js.map

package/dist/BackwardsCompatibleGrid-C2zZwKox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackwardsCompatibleGrid-C2zZwKox.js","names":["EntityMaintenanceUdpGrid: React.FC<any>","searchObject"],"sources":["../src/UI/templates/newGrid/ServerSideUdpGrid.jsx","../src/UI/templates/newGrid/EntityMaintenanceUdpGrid.tsx","../src/UI/templates/newGrid/ApiMethodInstanceUdpGrid.jsx","../src/UI/templates/newGrid/BackwardsCompatibleGrid.jsx"],"sourcesContent":["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","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 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, {\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      // If this is the actions column, add the pinned property.\n      if (newCol.field === 'actions') {\n        newCol.pinned = 'right';\n        newCol.filter = false;\n        newCol.sortable = false;\n        newCol.suppressHeaderMenuButton = true;\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"],"mappings":";;;;;AAGA,MAAa,qBAAqB,UAAU;AAE1C,QACC,oCAAC,aACE,oCAAC,gBAAmB,MAAQ,CACzB;;;;;ACLT,MAAaA,4BAA2C,UAAU;AAEhE,QACC,oCAAC,aACE,oCAAC,uBAA0B,MAAQ,CAChC;;;;;ACLT,MAAa,4BAA4B,UAAU;AAEjD,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,aAAc,GAAG,SAAS;GAGlC,MAAM,SAAS;IACb,GAAG;IACH,GAAI,gBAAgB,EAAE,cAAc,cAAc;IACnD;AAGD,OAAI,OAAO,UAAU,WAAW;AAC9B,WAAO,SAAS;AAChB,WAAO,SAAS;AAChB,WAAO,WAAW;AAClB,WAAO,2BAA2B;;AAGpC,UAAO;IACP;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"}

package/dist/BaseTreeMenu-DHEMztjA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseTreeMenu-DHEMztjA.js","names":["useStyles","other","tree","expanded"],"sources":["../src/treeMenu/BaseTreeMenuItem.jsx","../src/treeMenu/BaseTreeMenu.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  makeStyles,\n  lighten,\n  Typography,\n  CircularProgress,\n  darken,\n  useTheme,\n  Tooltip\n} from '@material-ui/core';\nimport TreeItem from '@material-ui/lab/TreeItem';\nimport { getIconFromName } from '../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../utilities/iconLibrary/UnityIconLibrary';\nimport { useDrag, useDrop } from 'react-dnd';\nimport {\n  NodeActionTriggerEnums,\n  TreeViewModeEnums\n} from '../enums/unitySystemEnums.ts';\nimport { AggregateChip } from '../UI/utilityDisplay/AggregateChip';\nimport { StatusChip } from '../UI/dataDisplay/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '&.Mui-selected > .MuiTreeItem-content': {\n      backgroundColor:\n        theme?.getThemeData()?.mode === 'dark'\n          ? theme.palette.grey[700]\n          : theme.palette.grey[300],\n      borderRight: `4px solid ${theme.palette.primary.main}`\n    },\n    '&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label': {\n      backgroundColor: 'transparent',\n      paddingLeft: 0\n    },\n    '&.Mui-selected > .MuiTreeItem-content > .MuiCollapse-wrapperInner': {\n      backgroundColor:\n        theme?.getThemeData()?.mode !== 'dark' && theme.palette.grey[50]\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-iconContainer': {\n      display: (props) => (props.sidebarExpanded ? 'flex' : 'none')\n    }\n  },\n  content: {\n    backgroundColor: (props) =>\n      theme?.getThemeData()?.mode !== 'dark' &&\n      props.conditionalIconName &&\n      props.conditionalIconColor\n        ? lighten(props.conditionalIconColor, 0.92)\n        : ''\n  },\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: (props) => (props.sidebarExpanded ? 0 : theme.spacing(1.5)),\n    width: '100%'\n  },\n  labelContainer: {\n    display: (props) => (!props.sidebarExpanded ? 'none' : ''),\n    width: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `calc(100% - ${theme.spacing(6.25)}px)`\n        : `calc(100% - ${theme.spacing(7.75)}px)`\n  },\n  conditionalIconContainer: {\n    display: 'inline-flex'\n  },\n  labelText: {\n    fontSize: '0.75rem',\n    fontWeight: 600,\n    lineHeight: '1rem',\n    letterSpacing: 0.1\n  },\n  captionText: {\n    marginLeft: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(1) : '',\n    fontSize: '0.65rem',\n    fontWeight: 400,\n    lineHeight: 1,\n    letterSpacing: 0.4\n  },\n  labelOverflow: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis'\n  },\n  group: {\n    width: '100%',\n    '& .MuiTreeItem-group': {\n      marginLeft: 0\n    },\n    '& .MuiTreeItem-content': {\n      paddingLeft: (props) =>\n        props.sidebarExpanded ? (props.depth || 1) * theme.spacing(1) : 0,\n      borderRight: (props) =>\n        props.showRightBorderColor\n          ? `4px solid ${theme.palette.primary.main}`\n          : '',\n      borderBottom: (props) =>\n        props.treeViewMode === TreeViewModeEnums.Compact\n          ? `1px solid ${theme.palette.grey[200]}`\n          : ''\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-label': {\n      paddingLeft: 0,\n      width: (props) =>\n        props.sidebarExpanded && `calc(100% - ${theme.spacing(2.5)}px)`\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-iconContainer span': {\n      display: (props) => (props.hideExpansion ? 'none' : '')\n    },\n    '& .MuiCollapse-wrapperInner': {\n      backgroundColor: (props) =>\n        theme?.getThemeData()?.mode !== 'dark' && props.isSelectedNode\n          ? theme.palette.grey[50]\n          : ''\n    }\n  },\n  iconContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 50,\n    marginTop: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(0.25)\n        : theme.spacing(0.5),\n    marginBottom: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(0.25)\n        : theme.spacing(0.5),\n    marginRight: theme.spacing(1),\n    width: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(3)\n        : theme.spacing(4),\n    height: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(3)\n        : theme.spacing(4),\n    border: (props) =>\n      props.iconColor\n        ? `1px solid ${darken(props.iconColor, 0.1)}`\n        : `1px solid ${theme.palette.secondary.main}`,\n    backgroundColor: '#ffffff'\n  }\n}));\n\nexport const BaseTreeMenuItem = (props) => {\n  const {\n    parentId,\n    nodeId,\n    iconName,\n    iconType,\n    conditionalIconName,\n    conditionalIconType,\n    conditionalIconColor,\n    label,\n    iconColor,\n    onNodeSelect,\n    isSelectedNode,\n    subLabel,\n    sidebarExpanded,\n    isLastNode,\n    loading,\n    node,\n    onDropNode,\n    treeViewMode,\n    menuIndex,\n    aggregateThresholdId,\n    ...other\n  } = props;\n  const classes = useStyles(props);\n  const theme = useTheme();\n\n  const [{ isDragging }, dragRef] = useDrag({\n    type: 'BaseTreeMenuItem',\n    item: { ...node, sourceNodeMenuIndex: menuIndex },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging()\n    })\n  });\n\n  const handleOnDrop = useCallback(\n    (sourceNode, monitor) => {\n      if (!monitor.didDrop()) {\n        if (onDropNode) {\n          const { sourceNodeMenuIndex, ...other } = sourceNode;\n          onDropNode({ ...other }, node, sourceNodeMenuIndex, menuIndex);\n        }\n      }\n    },\n    [onDropNode, node, menuIndex]\n  );\n\n  const [{ canDrop, isOver }, dropRef] = useDrop(\n    () => ({\n      accept: ['BaseTreeMenuItem'],\n      drop: (sourceNode, monitor) => {\n        // condition to only handle first drop\n        handleOnDrop(sourceNode, monitor);\n      },\n      canDrop: (sourceNode) => checkCanDrop(sourceNode),\n      collect: (monitor) => ({\n        isOver: monitor.isOver(),\n        canDrop: !!monitor.canDrop()\n      })\n    }),\n    [handleOnDrop]\n  );\n\n  const checkCanDrop = useCallback(\n    (sourceNode) => {\n      if (sourceNode) {\n        const onDropActions = node?.properties?.nodeActions?.filter(\n          (na) => na?.triggerType === NodeActionTriggerEnums.On_Node_Drop\n        );\n        if (!onDropActions) {\n          return false;\n        }\n        const nodeDragEntities = onDropActions?.map(\n          (action) => action?.dragEntityName\n        );\n        return nodeDragEntities.includes(\n          sourceNode?.properties?.catalogReturnObject\n        );\n      }\n    },\n    [node]\n  );\n\n  const handleOnLabelClick = useCallback(\n    (e) => {\n      e.preventDefault();\n      onNodeSelect(e, nodeId);\n    },\n    [onNodeSelect, nodeId]\n  );\n\n  return (\n    <TreeItem\n      className={classes.group}\n      key={nodeId}\n      nodeId={nodeId}\n      label={\n        <div ref={dropRef}>\n          <Tooltip title={sidebarExpanded ? '' : label}>\n            <div\n              ref={(node?.properties?.isDraggable && dragRef) || null}\n              style={{ opacity: isDragging ? 0.5 : 1 }}\n            >\n              {loading ? (\n                <CircularProgress size={12} />\n              ) : (\n                <div\n                  id={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n                  udprecordid={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n                  className={classes.labelRoot}\n                  style={{\n                    fontWeight: isSelectedNode ? 'bold' : ''\n                  }}\n                >\n                  {iconName && (\n                    <div className={classes.iconContainer}>\n                      <UnityFluentIcon\n                        size={\n                          treeViewMode === TreeViewModeEnums.Compact\n                            ? 'small'\n                            : 'medium'\n                        }\n                        color={iconColor}\n                        type={iconType}\n                        icon={\n                          iconType === 'unity'\n                            ? getUnityIconFromName(iconName)\n                            : getIconFromName(iconName)\n                        }\n                        style={{\n                          color: iconColor\n                            ? darken(iconColor, 0.1)\n                            : theme.palette.secondary.main\n                        }}\n                      />\n                    </div>\n                  )}\n                  <div className={classes.labelContainer}>\n                    <Typography\n                      variant='subtitle2'\n                      className={clsx(classes.labelText, classes.labelOverflow)}\n                    >\n                      {label}\n                      {subLabel &&\n                        treeViewMode === TreeViewModeEnums.Compact && (\n                          <Typography\n                            variant='caption'\n                            className={clsx(\n                              classes.captionText,\n                              classes.labelOverflow\n                            )}\n                          >\n                            {subLabel}\n                          </Typography>\n                        )}\n                    </Typography>\n                    {subLabel && treeViewMode === TreeViewModeEnums.Classic && (\n                      <div className={classes.labelOverflow}>\n                        <Typography\n                          variant='caption'\n                          className={clsx(classes.captionText)}\n                        >\n                          {subLabel}\n                        </Typography>\n                      </div>\n                    )}\n                  </div>\n                  {node?.properties?.itemCount !== undefined &&\n                    node?.properties?.itemCount !== null &&\n                    sidebarExpanded && (\n                      <StatusChip\n                        label={String(node.properties.itemCount)}\n                        useSmallChip={true}\n                      />\n                    )}\n                  <AggregateChip aggregateThresholdId={aggregateThresholdId} />\n                  {conditionalIconName && sidebarExpanded && (\n                    <div className={classes.conditionalIconContainer}>\n                      <UnityFluentIcon\n                        size={\n                          treeViewMode === TreeViewModeEnums.Compact\n                            ? 'small'\n                            : 'medium'\n                        }\n                        color={conditionalIconColor}\n                        type={conditionalIconType}\n                        icon={\n                          conditionalIconType === 'unity'\n                            ? getUnityIconFromName(conditionalIconName)\n                            : getIconFromName(conditionalIconName)\n                        }\n                        style={{\n                          color: conditionalIconColor\n                        }}\n                      />\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          </Tooltip>\n        </div>\n      }\n      onLabelClick={handleOnLabelClick}\n      classes={{ root: classes.root, content: classes.content }}\n      {...other}\n    />\n  );\n};\n","import React, { useCallback, useState, useEffect, useRef } from 'react';\nimport {\n  makeStyles,\n  useTheme,\n  lighten,\n  CircularProgress,\n  Typography\n} from '@material-ui/core';\nimport TreeView from '@material-ui/lab/TreeView';\nimport { BaseTreeMenuItem } from './BaseTreeMenuItem';\nimport {\n  searchTree,\n  findAllParentIds,\n  getNodeIdForRightBorder\n} from '../utilities/tree/TreeUtilities';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { CaretUpSolid8Icon, CaretDownSolid8Icon } from '@fluentui/react-icons';\nimport { cloneDeep } from 'lodash';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginBottom: theme.spacing(1.75),\n    borderTop: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `1px solid ${theme.palette.grey[200]}`\n        : ''\n  },\n  noChildrenContainer: {\n    borderBottom: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `1px solid ${theme.palette.grey[200]}`\n        : ''\n  }\n}));\n\nexport const BaseTreeMenu = (props) => {\n  const {\n    menuItems,\n    onSelectNode,\n    onDropNode,\n    menuIndex,\n    selectedNodeId,\n    selectedNodeParentId,\n    sidebarExpanded,\n    treeViewMode,\n    childrenKey = 'children'\n  } = props;\n  const [expanded, setExpanded] = useState(null);\n  const [isCurrentActiveTree, setIsCurrentActiveTree] = useState(false);\n  const [selectedNodeIsHidden, setSelectedNodeIsHidden] = useState(false);\n  const [tree, setTree] = useState(menuItems);\n  const theme = useTheme();\n  const classes = useStyles(props);\n  const firstRender = useRef(true);\n\n  const handleSelectedNode = useCallback(\n    (e, value) => {\n      const selectedNode = searchTree(tree, value);\n      if (onSelectNode) {\n        onSelectNode(selectedNode, menuIndex);\n        setSelectedNodeIsHidden(false);\n      }\n    },\n    [tree, menuIndex, onSelectNode]\n  );\n\n  const renderTree = useCallback(\n    (node, depth = 1) => {\n      let label = node.properties?.nodeLabel || node.properties?.name;\n      let subLabel = node.properties?.nodeSubLabel;\n      let iconName = node.properties?.defaultIcon?.name;\n      let iconType = node.properties?.defaultIcon?.type;\n      let conditionalIconName = node.properties?.conditionalIconName || '';\n      let conditionalIconType = node.properties?.conditionalIconName\n        ? node.properties.conditionalIconType\n        : '';\n      let conditionalIconColor = node.properties?.conditionalIconName\n        ? node.properties?.conditionalIconColor\n        : '';\n      let nodeId = node.id;\n      let iconColor = node.properties?.conditionalIconName\n        ? node.properties?.conditionalIconColor\n        : node.properties?.defaultIcon?.color?.hex;\n      let aggregateThresholdId = node.properties?.aggregateThresholdId || '';\n\n      if (node.isGroupNode) {\n        label = node.properties?.label;\n        subLabel = node.properties?.subLabel;\n        iconName = node.properties?.icon?.name;\n        iconType = node.properties?.icon?.type;\n        iconColor = node.properties?.icon?.color?.hex;\n      }\n\n      return (\n        <BaseTreeMenuItem\n          key={nodeId}\n          nodeId={nodeId}\n          label={label}\n          subLabel={subLabel}\n          iconName={iconName}\n          iconType={iconType}\n          conditionalIconName={conditionalIconName}\n          conditionalIconType={conditionalIconType}\n          conditionalIconColor={conditionalIconColor}\n          parentId={node.parentId}\n          iconColor={iconColor}\n          onNodeSelect={handleSelectedNode}\n          selectedNodeId={selectedNodeId}\n          isSelectedNode={selectedNodeId === node.id}\n          showRightBorderColor={\n            selectedNodeIsHidden &&\n            isCurrentActiveTree &&\n            getNodeIdForRightBorder(expanded, tree, selectedNodeParentId) ===\n              node.id\n          }\n          isCurrentActiveTree={isCurrentActiveTree}\n          sidebarExpanded={sidebarExpanded}\n          depth={depth}\n          hideExpansion={!!!node[childrenKey]?.length}\n          node={node}\n          onDropNode={onDropNode}\n          treeViewMode={treeViewMode}\n          menuIndex={menuIndex}\n          aggregateThresholdId={aggregateThresholdId}\n        >\n          {node.properties?.lazyLoad &&\n            !!!node[childrenKey]?.length &&\n            !node.completedLoadingChildren && (\n              <CircularProgress\n                size={12}\n                style={{ marginLeft: (depth || 1) * theme.spacing(1) }}\n              />\n            )}\n          {node.properties?.lazyLoad &&\n            !!!node[childrenKey]?.length &&\n            node.completedLoadingChildren &&\n            sidebarExpanded &&\n            !node.errorRetrievingChildren && (\n              <div className={classes.noChildrenContainer}>\n                <Typography\n                  variant='caption'\n                  style={{\n                    marginLeft: (depth || 1) * theme.spacing(3),\n                    fontWeight: 400\n                  }}\n                >\n                  No Children\n                </Typography>\n              </div>\n            )}\n          {node.properties?.lazyLoad &&\n            node.completedLoadingChildren &&\n            sidebarExpanded &&\n            node.errorRetrievingChildren && (\n              <div className={classes.noChildrenContainer}>\n                <Typography\n                  variant='caption'\n                  style={{\n                    marginLeft: (depth || 1) * theme.spacing(3),\n                    fontWeight: 400\n                  }}\n                >\n                  {`Error Retrieving ${\n                    !!node[childrenKey]?.length ? `Additional ` : ''\n                  }Children`}\n                </Typography>\n              </div>\n            )}\n          {Array.isArray(node[childrenKey])\n            ? node[childrenKey].map((n, i) => renderTree(n, depth + 1))\n            : null}\n        </BaseTreeMenuItem>\n      );\n    },\n    [\n      handleSelectedNode,\n      selectedNodeId,\n      selectedNodeIsHidden,\n      isCurrentActiveTree,\n      sidebarExpanded,\n      expanded,\n      tree,\n      selectedNodeParentId,\n      theme,\n      classes,\n      onDropNode,\n      treeViewMode,\n      menuIndex,\n      childrenKey\n    ]\n  );\n\n  const handleNodeExpansion = useCallback(\n    async (evt, nodeIds) => {\n      const treeCopy = cloneDeep(tree);\n      setExpanded(nodeIds);\n\n      const parentNode = searchTree(treeCopy, selectedNodeParentId);\n      const initialAllParentNodeIds = selectedNodeParentId\n        ? [selectedNodeParentId]\n        : [];\n      const allParentNodeIds = findAllParentIds(\n        treeCopy,\n        parentNode,\n        initialAllParentNodeIds\n      );\n      const selectedNodeShown = allParentNodeIds.every((id) =>\n        nodeIds.includes(id)\n      );\n      if (\n        isCurrentActiveTree &&\n        allParentNodeIds.length &&\n        !selectedNodeShown\n      ) {\n        setSelectedNodeIsHidden(true);\n      } else {\n        setSelectedNodeIsHidden(false);\n      }\n    },\n    [isCurrentActiveTree, tree, selectedNodeParentId]\n  );\n\n  const getExpandedRecursively = useCallback(\n    (tree) => {\n      if (!tree) return [];\n      return tree.reduce((expandedIds, item) => {\n        if (item?.isExpanded) {\n          expandedIds.push(item.id);\n        }\n        if (item && item[childrenKey]?.length) {\n          expandedIds = expandedIds.concat(\n            getExpandedRecursively(item[childrenKey])\n          );\n        }\n        return expandedIds;\n      }, []);\n    },\n    [childrenKey]\n  );\n\n  useEffect(() => {\n    setTree(menuItems);\n  }, [menuItems]);\n\n  useEffect(() => {\n    if (!tree) return;\n    if (firstRender.current) {\n      let expanded = [];\n      if (tree?.isExpanded) {\n        expanded.push(tree.id);\n      }\n      expanded = expanded.concat(getExpandedRecursively(tree[childrenKey]));\n      setExpanded(expanded);\n      firstRender.current = false;\n    }\n    // Do not reset expanded on subsequent updates\n  }, [getExpandedRecursively, tree, childrenKey]);\n\n  useEffect(() => {\n    if (!!searchTree(tree, selectedNodeId)) {\n      setIsCurrentActiveTree(true);\n    } else {\n      setIsCurrentActiveTree(false);\n    }\n  }, [tree, selectedNodeId]);\n\n  if (!expanded) {\n    return null;\n  }\n\n  return (\n    <TreeView\n      key={tree}\n      className={classes.root}\n      defaultCollapseIcon={\n        <FluentIcon\n          size='small'\n          component={CaretUpSolid8Icon}\n          style={{\n            color: lighten(theme.palette.primary.main, 0.5),\n            width: theme.spacing(1.5),\n            height: theme.spacing(1.5)\n          }}\n        />\n      }\n      expanded={expanded || []}\n      onNodeToggle={handleNodeExpansion}\n      defaultExpandIcon={\n        <FluentIcon\n          size='small'\n          component={CaretDownSolid8Icon}\n          style={{\n            color: lighten(theme.palette.primary.main, 0.5),\n            width: theme.spacing(1.5),\n            height: theme.spacing(1.5)\n          }}\n        />\n      }\n      selected={selectedNodeId}\n    >\n      {tree && renderTree(tree)}\n    </TreeView>\n  );\n};\n"],"mappings":"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"}