udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/EntitySideBarContent-CrmRGiFz.js

@@ -0,0 +1,84 @@
+import { a as getPrimaryKeyValues, r as getPathObject } from "./CrudBrowserUtilities-C9nVmUR3.js";
+import { ConfigService } from "./configService/index.js";
+import { a as toTitleCase, i as toLowerFirstChar } from "./StringUtilities-CQy_aIq7.js";
+import { t as useAxiosGet } from "./useAxiosGet-BtxSpEO3.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Typography, makeStyles } from "@material-ui/core";
+import { useSnackbar } from "notistack";
+import { useTranslation } from "react-i18next";
+
+//#region src/actions/sidebar/EntitySideBarContent.jsx
+const useStyles = makeStyles((theme) => ({ dataRoot: { marginTop: theme.spacing(2) } }));
+const EntitySideBarContent = (props) => {
+	const { action, executeAction, entityAttributes, selectedNodeObj, apiCatalogId, entityName, sidebarEntity, menuNodeList, closeSplitScreen } = props;
+	const classes = useStyles(props);
+	const [data, setData] = useState(null);
+	const { enqueueSnackbar } = useSnackbar();
+	const { t } = useTranslation();
+	const [{ data: selectedEntity }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apicatalog/${apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!apiCatalogId || !!!entityName || !!sidebarEntity, false);
+	const entity = useMemo(() => {
+		return selectedEntity || sidebarEntity;
+	}, [selectedEntity, sidebarEntity]);
+	const showError = useCallback(() => {
+		enqueueSnackbar(t(`Invalid action value.`), {
+			variant: "error",
+			anchorOrigin: {
+				vertical: "top",
+				horizontal: "center"
+			}
+		});
+	}, [enqueueSnackbar, t]);
+	const onGet = useCallback(async (data) => {
+		if (entity?.unityBaseGetMethod && action?.value) if (entity.unityBaseGetMethod.apiMethodId === action.value) return await executeAction(data, action.value);
+		else showError();
+	}, [
+		action,
+		executeAction,
+		entity,
+		showError
+	]);
+	const handleOnGet = useCallback(async (value) => {
+		if (entity?.unityBaseGetMethod) {
+			const primaryKeyValues = getPrimaryKeyValues(entityAttributes, value);
+			const response = await onGet({ data: { ...getPathObject(entity?.unityBaseGetMethod?.pathParameters, primaryKeyValues) } }).catch((res) => {
+				enqueueSnackbar(res.message, {
+					variant: "error",
+					anchorOrigin: {
+						vertical: "top",
+						horizontal: "center"
+					}
+				});
+			});
+			if (response?.status === 200) setData(response.data);
+		}
+	}, [
+		enqueueSnackbar,
+		entityAttributes,
+		onGet,
+		entity
+	]);
+	const renderData = useCallback((schemaAttribute) => {
+		if (!data || schemaAttribute?.extendedProperties?.childEntity) return null;
+		return /* @__PURE__ */ React.createElement("div", { className: classes.dataRoot }, /* @__PURE__ */ React.createElement(Typography, {
+			variant: "subtitle2",
+			style: { marginTop: 8 }
+		}, toTitleCase(schemaAttribute?.name)), /* @__PURE__ */ React.createElement(Typography, null, data[toLowerFirstChar(schemaAttribute.name)]));
+	}, [classes, data]);
+	const cardContent = useMemo(() => {
+		return /* @__PURE__ */ React.createElement("div", null, entityAttributes?.map((schemaAttribute, index) => {
+			return !schemaAttribute?.extendedProperties?.identifier && /* @__PURE__ */ React.createElement(React.Fragment, { key: `${schemaAttribute.name}-${index}` }, renderData(schemaAttribute));
+		}));
+	}, [entityAttributes, renderData]);
+	useEffect(() => {
+		if (!data) handleOnGet(selectedNodeObj);
+	}, [
+		handleOnGet,
+		selectedNodeObj,
+		data
+	]);
+	return /* @__PURE__ */ React.createElement("div", null, cardContent);
+};
+
+//#endregion
+export { EntitySideBarContent as t };
+//# sourceMappingURL=EntitySideBarContent-CrmRGiFz.js.map

package/dist/EntitySideBarContent-CrmRGiFz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntitySideBarContent-CrmRGiFz.js","names":[],"sources":["../src/actions/sidebar/EntitySideBarContent.jsx"],"sourcesContent":["import { makeStyles, Typography } from '@material-ui/core';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  getPathObject,\n  getPrimaryKeyValues\n} from '../../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport {\n  toLowerFirstChar,\n  toTitleCase\n} from '../../utilities/input/StringUtilities';\nimport { useSnackbar } from 'notistack';\nimport { useTranslation } from 'react-i18next';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  dataRoot: {\n    marginTop: theme.spacing(2)\n  }\n}));\n\nexport const EntitySideBarContent = (props) => {\n  const {\n    action,\n    executeAction,\n    entityAttributes,\n    selectedNodeObj,\n    apiCatalogId,\n    entityName,\n    sidebarEntity,\n    menuNodeList,\n    closeSplitScreen\n  } = props;\n  const classes = useStyles(props);\n  const [data, setData] = useState(null);\n  const { enqueueSnackbar } = useSnackbar();\n  const { t } = useTranslation();\n\n  const [{ data: selectedEntity }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `apicatalog/${apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !!!apiCatalogId || !!!entityName || !!sidebarEntity,\n    false\n  );\n\n  const entity = useMemo(() => {\n    return selectedEntity || sidebarEntity;\n  }, [selectedEntity, sidebarEntity]);\n\n  const showError = useCallback(() => {\n    enqueueSnackbar(t(`Invalid action value.`), {\n      variant: 'error',\n      anchorOrigin: {\n        vertical: 'top',\n        horizontal: 'center'\n      }\n    });\n  }, [enqueueSnackbar, t]);\n\n  const onGet = useCallback(\n    async (data) => {\n      if (entity?.unityBaseGetMethod && action?.value) {\n        if (entity.unityBaseGetMethod.apiMethodId === action.value) {\n          return await executeAction(data, action.value);\n        } else {\n          showError();\n        }\n      }\n    },\n    [action, executeAction, entity, showError]\n  );\n\n  const handleOnGet = useCallback(\n    async (value) => {\n      if (entity?.unityBaseGetMethod) {\n        // Get primary key value object using path parameters and merge with data\n        const primaryKeyValues = getPrimaryKeyValues(entityAttributes, value);\n        const pathObject = getPathObject(\n          entity?.unityBaseGetMethod?.pathParameters,\n          primaryKeyValues\n        );\n\n        const data = { ...pathObject };\n        const response = await onGet({ data }).catch((res) => {\n          enqueueSnackbar(res.message, {\n            variant: 'error',\n            anchorOrigin: {\n              vertical: 'top',\n              horizontal: 'center'\n            }\n          });\n        });\n\n        if (response?.status === 200) {\n          setData(response.data);\n        }\n      }\n    },\n    [enqueueSnackbar, entityAttributes, onGet, entity]\n  );\n\n  const renderData = useCallback(\n    (schemaAttribute) => {\n      if (!data || schemaAttribute?.extendedProperties?.childEntity) {\n        return null;\n      }\n\n      return (\n        <div className={classes.dataRoot}>\n          <Typography variant='subtitle2' style={{ marginTop: 8 }}>\n            {toTitleCase(schemaAttribute?.name)}\n          </Typography>\n          <Typography>\n            {data[toLowerFirstChar(schemaAttribute.name)]}\n          </Typography>\n        </div>\n      );\n    },\n    [classes, data]\n  );\n\n  const cardContent = useMemo(() => {\n    return (\n      <div>\n        {entityAttributes?.map((schemaAttribute, index) => {\n          return (\n            !schemaAttribute?.extendedProperties?.identifier && (\n              <React.Fragment key={`${schemaAttribute.name}-${index}`}>\n                {renderData(schemaAttribute)}\n              </React.Fragment>\n            )\n          );\n        })}\n      </div>\n    );\n  }, [entityAttributes, renderData]);\n\n  useEffect(() => {\n    if (!data) {\n      handleOnGet(selectedNodeObj);\n    }\n  }, [handleOnGet, selectedNodeObj, data]);\n\n  return <div>{cardContent}</div>;\n};\n"],"mappings":";;;;;;;;;;AAeA,MAAM,YAAY,YAAY,WAAW,EACvC,UAAU,EACR,WAAW,MAAM,QAAQ,EAAE,EAC5B,EACF,EAAE;AAEH,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EACJ,QACA,eACA,kBACA,iBACA,cACA,YACA,eACA,cACA,qBACE;CACJ,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,EAAE,oBAAoB,aAAa;CACzC,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,CAAC,EAAE,MAAM,oBAAoB,YACjC,cAAc,qBACd,cAAc,aAAa,0BAA0B,WAAW,WAAW,cAAc,OAAO,oBAChG,EAAE,EACF,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,eACtC,MACD;CAED,MAAM,SAAS,cAAc;AAC3B,SAAO,kBAAkB;IACxB,CAAC,gBAAgB,cAAc,CAAC;CAEnC,MAAM,YAAY,kBAAkB;AAClC,kBAAgB,EAAE,wBAAwB,EAAE;GAC1C,SAAS;GACT,cAAc;IACZ,UAAU;IACV,YAAY;IACb;GACF,CAAC;IACD,CAAC,iBAAiB,EAAE,CAAC;CAExB,MAAM,QAAQ,YACZ,OAAO,SAAS;AACd,MAAI,QAAQ,sBAAsB,QAAQ,MACxC,KAAI,OAAO,mBAAmB,gBAAgB,OAAO,MACnD,QAAO,MAAM,cAAc,MAAM,OAAO,MAAM;MAE9C,YAAW;IAIjB;EAAC;EAAQ;EAAe;EAAQ;EAAU,CAC3C;CAED,MAAM,cAAc,YAClB,OAAO,UAAU;AACf,MAAI,QAAQ,oBAAoB;GAE9B,MAAM,mBAAmB,oBAAoB,kBAAkB,MAAM;GAOrE,MAAM,WAAW,MAAM,MAAM,EAAE,MADlB,EAAE,GALI,cACjB,QAAQ,oBAAoB,gBAC5B,iBACD,EAE6B,EACO,CAAC,CAAC,OAAO,QAAQ;AACpD,oBAAgB,IAAI,SAAS;KAC3B,SAAS;KACT,cAAc;MACZ,UAAU;MACV,YAAY;MACb;KACF,CAAC;KACF;AAEF,OAAI,UAAU,WAAW,IACvB,SAAQ,SAAS,KAAK;;IAI5B;EAAC;EAAiB;EAAkB;EAAO;EAAO,CACnD;CAED,MAAM,aAAa,aAChB,oBAAoB;AACnB,MAAI,CAAC,QAAQ,iBAAiB,oBAAoB,YAChD,QAAO;AAGT,SACE,oCAAC,SAAI,WAAW,QAAQ,YACtB,oCAAC;GAAW,SAAQ;GAAY,OAAO,EAAE,WAAW,GAAG;KACpD,YAAY,iBAAiB,KAAK,CACxB,EACb,oCAAC,kBACE,KAAK,iBAAiB,gBAAgB,KAAK,EACjC,CACT;IAGV,CAAC,SAAS,KAAK,CAChB;CAED,MAAM,cAAc,cAAc;AAChC,SACE,oCAAC,aACE,kBAAkB,KAAK,iBAAiB,UAAU;AACjD,UACE,CAAC,iBAAiB,oBAAoB,cACpC,oCAAC,MAAM,YAAS,KAAK,GAAG,gBAAgB,KAAK,GAAG,WAC7C,WAAW,gBAAgB,CACb;IAGrB,CACE;IAEP,CAAC,kBAAkB,WAAW,CAAC;AAElC,iBAAgB;AACd,MAAI,CAAC,KACH,aAAY,gBAAgB;IAE7B;EAAC;EAAa;EAAiB;EAAK,CAAC;AAExC,QAAO,oCAAC,aAAK,YAAkB"}

package/dist/ExpandRenderer-CacQgNZo.js

@@ -0,0 +1,20 @@
+import { t as FluentIcon } from "./FluentIcon-pwGrBtD8.js";
+import React from "react";
+import { IconButton, Tooltip, makeStyles } from "@material-ui/core";
+import { ChevronRightIcon } from "@fluentui/react-icons";
+
+//#region src/UI/surfaces/NestedGrid/ui/ExpandRenderer.jsx
+const useStyles = makeStyles((theme) => ({ icon: { margin: theme.spacing(.5) } }));
+const ExpandRenderer = ({ openNestedGrid, title, icon }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement(Tooltip, { title }, /* @__PURE__ */ React.createElement(IconButton, {
+		"aria-label": title,
+		className: classes.icon,
+		size: "small",
+		onClick: openNestedGrid
+	}, /* @__PURE__ */ React.createElement(FluentIcon, { component: icon ? icon : ChevronRightIcon })));
+};
+
+//#endregion
+export { ExpandRenderer as t };
+//# sourceMappingURL=ExpandRenderer-CacQgNZo.js.map

package/dist/ExpandRenderer-CacQgNZo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandRenderer-CacQgNZo.js","names":[],"sources":["../src/UI/surfaces/NestedGrid/ui/ExpandRenderer.jsx"],"sourcesContent":["import React from 'react'\nimport { IconButton, makeStyles, Tooltip } from '@material-ui/core'\nimport { FluentIcon } from '../../../../utilities/iconLibrary/FluentIcon'\nimport { ChevronRightIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  icon: {\n    margin: theme.spacing(0.5)\n  }\n}))\n\nexport const ExpandRenderer = ({ openNestedGrid, title, icon }) => {\n  const classes = useStyles()\n\n  return (\n    <Tooltip title={title}>\n      <IconButton\n        aria-label={title}\n        className={classes.icon}\n        size='small'\n        onClick={openNestedGrid}\n      >\n        <FluentIcon component={icon ? icon : ChevronRightIcon} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,QAAQ,MAAM,QAAQ,GAAI,EAC3B,EACF,EAAE;AAEH,MAAa,kBAAkB,EAAE,gBAAgB,OAAO,WAAW;CACjE,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,WAAe,SACd,oCAAC;EACC,cAAY;EACZ,WAAW,QAAQ;EACnB,MAAK;EACL,SAAS;IAET,oCAAC,cAAW,WAAW,OAAO,OAAO,mBAAoB,CAC9C,CACL"}

package/dist/Expander-_LXH1bID.js

@@ -0,0 +1,250 @@
+import { ConfigService } from "./configService/index.js";
+import { t as apiMutate } from "./useAxiosMutate-DfnYYAzN.js";
+import { t as FluentIcon } from "./FluentIcon-pwGrBtD8.js";
+import { n as useActions } from "./useActions-D1HvluXe.js";
+import { t as redirectToLinkOnClick } from "./redirectToLink-BOg4ML1r.js";
+import React, { forwardRef, useContext, useEffect, useState } from "react";
+import { Collapse, List, ListItem, ListItemIcon, ListItemText, Typography, createStyles, lighten, makeStyles } from "@material-ui/core";
+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";
+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/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,
+	image: PropTypes.string,
+	items: PropTypes.arrayOf(PropTypes.object),
+	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.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
+	getAccessToken: PropTypes.func,
+	childrenIcons: PropTypes.bool,
+	isChild: PropTypes.bool,
+	childIndex: PropTypes.number,
+	sidebarExpanded: PropTypes.bool,
+	devicesHiddenOn: PropTypes.arrayOf(PropTypes.string),
+	user: PropTypes.object,
+	tenantSsoId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+const useStyles$2 = 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$2(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(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,
+		primaryTypographyProps: { variant: "body1" }
+	}), 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);
+};
+AppMenuItem.propTypes = AppMenuItemPropTypes;
+
+//#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
+//#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 { AppMenuItemComponent as a, AppMenuItem as i, ExpanderItem as n, AppMenu as r, Block as t };
+//# sourceMappingURL=Expander-_LXH1bID.js.map

package/dist/Expander-_LXH1bID.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expander-_LXH1bID.js","names":["useStyles","useStyles"],"sources":["../src/UI/navigation/menus/AppMenuItemComponent.jsx","../src/UI/navigation/menus/AppMenuItem.jsx","../src/UI/navigation/menus/AppMenu.jsx","../src/UI/navigation/menus/ExpanderItem.jsx","../src/UI/navigation/menus/Expander.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 '../../../configService';\n\n// React runtime PropTypes\nconst AppMenuItemPropTypes = {\n  id: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  link: PropTypes.string,\n  icon: PropTypes.elementType,\n  iconName: PropTypes.string,\n  image: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.object),\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.arrayOf(\n    PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n  ),\n  getAccessToken: PropTypes.func,\n  childrenIcons: PropTypes.bool,\n  isChild: PropTypes.bool,\n  childIndex: PropTypes.number,\n  sidebarExpanded: PropTypes.bool,\n  devicesHiddenOn: PropTypes.arrayOf(PropTypes.string),\n  user: PropTypes.object,\n  tenantSsoId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\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\n        primary={t(label)}\n        inset={!icon && !image}\n        primaryTypographyProps={{ variant: 'body1' }}\n      />\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\nAppMenuItem.propTypes = AppMenuItemPropTypes;\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","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":"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"}