udp-react-enterprise-component-library 26.1.0-beta.4 → 26.1.0-beta.6

package/dist/AGLicense.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AGLicense.mjs","names":[],"sources":["../src/AGLicense.js"],"sourcesContent":["export const LicenseKey =\n  'Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694';\n"],"mappings":";AAAA,MAAa,aACX"}
+{"version":3,"file":"AGLicense.mjs","names":["LicenseKey"],"sources":["../src/AGLicense.js"],"sourcesContent":["export const LicenseKey =\n  'Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694';\n"],"mappings":";AAAA,MAAaA,aACX"}

package/dist/UI/AlertContainer.mjs

@@ -1,4 +1,5 @@
 import { evaluateRule, mapRule } from "../utilities/rules/RuleUtilities.mjs";
+import { c } from "react-compiler-runtime";
 import React, { useEffect, useState } from "react";
 import { Chip, makeStyles, useTheme } from "@material-ui/core";
 //#region src/UI/AlertContainer.jsx
@@ -14,30 +15,98 @@ const useStyles = makeStyles((theme) => ({
 	}
 }));
 const AlertContainer = (props) => {
+	const $ = c(26);
 	const { data } = props;
 	const theme = useTheme();
-	const [alertData, setAlertData] = useState([]);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = [];
+		$[0] = t0;
+	} else t0 = $[0];
+	const [alertData, setAlertData] = useState(t0);
 	const classes = useStyles(props);
-	useEffect(() => {
-		if (data?.properties?.alerts) {
-			let tempData = [];
-			data.properties.alerts.forEach((alert) => {
-				if (evaluateRule(mapRule(alert.propertyMapping, alert.jsonLogic), data.nodeObj, data.properties?.joiningEntityCatalogObjectKey, data.wasLazyLoaded)) tempData.push(alert);
-			});
-			setAlertData(tempData);
-		}
-	}, [data]);
-	if (alertData.length > 0) return /* @__PURE__ */ React.createElement("div", { className: classes.root }, alertData.filter((item, i) => i % 2 === 0).map((alert) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
-		label: alert.label,
-		style: { backgroundColor: alert ? alert.alertColor.hex : theme.palette.secondary.main },
-		className: classes.chipStyle
-	}))), alertData.filter((item, i) => i % 2 !== 0 && i !== 0).map((alert) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
-		label: alert.label,
-		style: { backgroundColor: alert ? alert.alertColor.hex : theme.palette.secondary.main },
-		className: classes.chipStyle
-	}))));
-	else return null;
+	let t1;
+	let t2;
+	if ($[1] !== data) {
+		t1 = () => {
+			if (data?.properties?.alerts) {
+				const tempData = [];
+				data.properties.alerts.forEach((alert) => {
+					if (evaluateRule(mapRule(alert.propertyMapping, alert.jsonLogic), data.nodeObj, data.properties?.joiningEntityCatalogObjectKey, data.wasLazyLoaded)) tempData.push(alert);
+				});
+				setAlertData(tempData);
+			}
+		};
+		t2 = [data];
+		$[1] = data;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+	}
+	useEffect(t1, t2);
+	if (alertData.length > 0) {
+		const t3 = classes.root;
+		let t4;
+		if ($[4] !== alertData || $[5] !== classes.alertContainer || $[6] !== classes.chipStyle || $[7] !== theme) {
+			let t5;
+			if ($[9] !== classes.alertContainer || $[10] !== classes.chipStyle || $[11] !== theme) {
+				t5 = (alert_0) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
+					label: alert_0.label,
+					style: { backgroundColor: alert_0 ? alert_0.alertColor.hex : theme.palette.secondary.main },
+					className: classes.chipStyle
+				}));
+				$[9] = classes.alertContainer;
+				$[10] = classes.chipStyle;
+				$[11] = theme;
+				$[12] = t5;
+			} else t5 = $[12];
+			t4 = alertData.filter(_temp).map(t5);
+			$[4] = alertData;
+			$[5] = classes.alertContainer;
+			$[6] = classes.chipStyle;
+			$[7] = theme;
+			$[8] = t4;
+		} else t4 = $[8];
+		let t5;
+		if ($[13] !== alertData || $[14] !== classes.alertContainer || $[15] !== classes.chipStyle || $[16] !== theme) {
+			let t6;
+			if ($[18] !== classes.alertContainer || $[19] !== classes.chipStyle || $[20] !== theme) {
+				t6 = (alert_1) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
+					label: alert_1.label,
+					style: { backgroundColor: alert_1 ? alert_1.alertColor.hex : theme.palette.secondary.main },
+					className: classes.chipStyle
+				}));
+				$[18] = classes.alertContainer;
+				$[19] = classes.chipStyle;
+				$[20] = theme;
+				$[21] = t6;
+			} else t6 = $[21];
+			t5 = alertData.filter(_temp2).map(t6);
+			$[13] = alertData;
+			$[14] = classes.alertContainer;
+			$[15] = classes.chipStyle;
+			$[16] = theme;
+			$[17] = t5;
+		} else t5 = $[17];
+		let t6;
+		if ($[22] !== classes.root || $[23] !== t4 || $[24] !== t5) {
+			t6 = /* @__PURE__ */ React.createElement("div", { className: t3 }, t4, t5);
+			$[22] = classes.root;
+			$[23] = t4;
+			$[24] = t5;
+			$[25] = t6;
+		} else t6 = $[25];
+		return t6;
+	} else return null;
 };
+function _temp(item, i) {
+	return i % 2 === 0;
+}
+function _temp2(item_0, i_0) {
+	return i_0 % 2 !== 0 && i_0 !== 0;
+}
 //#endregion
 export { AlertContainer };
 

package/dist/UI/AlertContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AlertContainer.mjs","names":[],"sources":["../../src/UI/AlertContainer.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { evaluateRule, mapRule } from '../utilities/rules/RuleUtilities';\nimport { Chip, useTheme, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'grid',\n    gridTemplateColumns: 'auto auto'\n  },\n  alertContainer: {\n    margin: '0.3em'\n  },\n  chipStyle: {\n    maxWidth: '150px',\n    textOverflow: 'ellipsis'\n  }\n}));\n\nexport const AlertContainer = (props) => {\n  const { data } = props;\n\n  const theme = useTheme();\n  const [alertData, setAlertData] = useState([]);\n  const classes = useStyles(props);\n\n  useEffect(() => {\n    if (data?.properties?.alerts) {\n      let tempData = [];\n      data.properties.alerts.forEach((alert) => {\n        let res = mapRule(alert.propertyMapping, alert.jsonLogic);\n        if (\n          evaluateRule(\n            res,\n            data.nodeObj,\n            data.properties?.joiningEntityCatalogObjectKey,\n            data.wasLazyLoaded\n          )\n        ) {\n          tempData.push(alert);\n        }\n      });\n      setAlertData(tempData);\n    }\n  }, [data]);\n\n  if (alertData.length > 0) {\n    return (\n      <div className={classes.root}>\n        {alertData\n          .filter((item, i) => i % 2 === 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n\n        {alertData\n          .filter((item, i) => i % 2 !== 0 && i !== 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n      </div>\n    );\n  } else {\n    return null;\n  }\n};\n"],"mappings":";;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,qBAAqB;EACtB;CACD,gBAAgB,EACd,QAAQ,SACT;CACD,WAAW;EACT,UAAU;EACV,cAAc;EACf;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,EAAE,SAAS;CAEjB,MAAM,QAAQ,UAAU;CACxB,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE,CAAC;CAC9C,MAAM,UAAU,UAAU,MAAM;AAEhC,iBAAgB;AACd,MAAI,MAAM,YAAY,QAAQ;GAC5B,IAAI,WAAW,EAAE;AACjB,QAAK,WAAW,OAAO,SAAS,UAAU;AAExC,QACE,aAFQ,QAAQ,MAAM,iBAAiB,MAAM,UAAU,EAIrD,KAAK,SACL,KAAK,YAAY,+BACjB,KAAK,cACN,CAED,UAAS,KAAK,MAAM;KAEtB;AACF,gBAAa,SAAS;;IAEvB,CAAC,KAAK,CAAC;AAEV,KAAI,UAAU,SAAS,EACrB,QACE,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,MAgClB,EA/BH,UACE,QAAQ,MAAM,MAAM,IAAI,MAAM,EAAE,CAChC,KAAK,UACJ,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,gBAUlB,EATJ,sBAAA,cAAC,MAAD;EACE,OAAO,MAAM;EACb,OAAO,EACL,iBAAiB,QACb,MAAM,WAAW,MACjB,MAAM,QAAQ,UAAU,MAC7B;EACD,WAAW,QAAQ;EACnB,CAAA,CACE,CACN,EAEH,UACE,QAAQ,MAAM,MAAM,IAAI,MAAM,KAAK,MAAM,EAAE,CAC3C,KAAK,UACJ,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,gBAUlB,EATJ,sBAAA,cAAC,MAAD;EACE,OAAO,MAAM;EACb,OAAO,EACL,iBAAiB,QACb,MAAM,WAAW,MACjB,MAAM,QAAQ,UAAU,MAC7B;EACD,WAAW,QAAQ;EACnB,CAAA,CACE,CACN,CACA;KAGR,QAAO"}
+{"version":3,"file":"AlertContainer.mjs","names":["React","useState","useEffect","evaluateRule","mapRule","Chip","useTheme","makeStyles","useStyles","theme","root","display","gridTemplateColumns","alertContainer","margin","chipStyle","maxWidth","textOverflow","AlertContainer","props","$","_c","data","t0","Symbol","for","alertData","setAlertData","classes","t1","t2","properties","alerts","tempData","forEach","alert","res","propertyMapping","jsonLogic","nodeObj","joiningEntityCatalogObjectKey","wasLazyLoaded","push","length","t3","t4","t5","alert_0","label","backgroundColor","alertColor","hex","palette","secondary","main","filter","_temp","map","t6","alert_1","_temp2","item","i","item_0","i_0"],"sources":["../../src/UI/AlertContainer.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { evaluateRule, mapRule } from '../utilities/rules/RuleUtilities';\nimport { Chip, useTheme, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'grid',\n    gridTemplateColumns: 'auto auto'\n  },\n  alertContainer: {\n    margin: '0.3em'\n  },\n  chipStyle: {\n    maxWidth: '150px',\n    textOverflow: 'ellipsis'\n  }\n}));\n\nexport const AlertContainer = (props) => {\n  const { data } = props;\n\n  const theme = useTheme();\n  const [alertData, setAlertData] = useState([]);\n  const classes = useStyles(props);\n\n  useEffect(() => {\n    if (data?.properties?.alerts) {\n      let tempData = [];\n      data.properties.alerts.forEach((alert) => {\n        let res = mapRule(alert.propertyMapping, alert.jsonLogic);\n        if (\n          evaluateRule(\n            res,\n            data.nodeObj,\n            data.properties?.joiningEntityCatalogObjectKey,\n            data.wasLazyLoaded\n          )\n        ) {\n          tempData.push(alert);\n        }\n      });\n      setAlertData(tempData);\n    }\n  }, [data]);\n\n  if (alertData.length > 0) {\n    return (\n      <div className={classes.root}>\n        {alertData\n          .filter((item, i) => i % 2 === 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n\n        {alertData\n          .filter((item, i) => i % 2 !== 0 && i !== 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n      </div>\n    );\n  } else {\n    return null;\n  }\n};\n"],"mappings":"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"}

package/dist/UI/Box.mjs

@@ -1,8 +1,16 @@
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { Box } from "@material-ui/core";
 //#region src/UI/Box.jsx
 const Box$1 = (props) => {
-	return /* @__PURE__ */ React.createElement(Box, props);
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ React.createElement(Box, props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 };
 //#endregion
 export { Box$1 as Box };

package/dist/UI/Box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.mjs","names":["Box","MuiBox"],"sources":["../../src/UI/Box.jsx"],"sourcesContent":["import React from \"react\";\nimport { Box as MuiBox } from \"@material-ui/core\";\n\n// Please confirm with UI/UX team before using this as this is not recomended\nexport const Box = props => {\n  return (<MuiBox {...props}/>)\n}"],"mappings":";;;AAIA,MAAaA,SAAM,UAAS;AAC1B,QAAQ,sBAAA,cAACC,KAAW,MAAQ"}
+{"version":3,"file":"Box.mjs","names":["React","Box","MuiBox","props","$","_c","t0"],"sources":["../../src/UI/Box.jsx"],"sourcesContent":["import React from \"react\";\nimport { Box as MuiBox } from \"@material-ui/core\";\n\n// Please confirm with UI/UX team before using this as this is not recomended\nexport const Box = props => {\n  return (<MuiBox {...props}/>)\n}"],"mappings":";;;;AAIA,MAAaC,SAAME,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,OAAA;AACTG,OAAA,sBAAA,cAAC,KAAWH,MAAQ;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAApBE"}

package/dist/UI/Grid.mjs

@@ -1,14 +1,41 @@
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { Grid } from "@material-ui/core";
 //#region src/UI/Grid.jsx
 const Grid$1 = (props) => {
-	const { container, item, spacing, ...otherProps } = props;
-	return /* @__PURE__ */ React.createElement(Grid, {
-		container,
-		item,
-		spacing,
-		...otherProps
-	});
+	const $ = c(10);
+	let container;
+	let item;
+	let otherProps;
+	let spacing;
+	if ($[0] !== props) {
+		({container, item, spacing, ...otherProps} = props);
+		$[0] = props;
+		$[1] = container;
+		$[2] = item;
+		$[3] = otherProps;
+		$[4] = spacing;
+	} else {
+		container = $[1];
+		item = $[2];
+		otherProps = $[3];
+		spacing = $[4];
+	}
+	let t0;
+	if ($[5] !== container || $[6] !== item || $[7] !== otherProps || $[8] !== spacing) {
+		t0 = /* @__PURE__ */ React.createElement(Grid, {
+			container,
+			item,
+			spacing,
+			...otherProps
+		});
+		$[5] = container;
+		$[6] = item;
+		$[7] = otherProps;
+		$[8] = spacing;
+		$[9] = t0;
+	} else t0 = $[9];
+	return t0;
 };
 //#endregion
 export { Grid$1 as Grid };

package/dist/UI/Grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.mjs","names":["Grid","MuiGrid"],"sources":["../../src/UI/Grid.jsx"],"sourcesContent":["import React from 'react';\nimport { Grid as MuiGrid } from '@material-ui/core';\n\nexport const Grid = props => {\n  const { container, item, spacing, ...otherProps } = props;\n\n  return (\n    <MuiGrid\n      container={container}\n      item={item}\n      spacing={spacing}\n      {...otherProps}\n    />\n  );\n};\n"],"mappings":";;;AAGA,MAAaA,UAAO,UAAS;CAC3B,MAAM,EAAE,WAAW,MAAM,SAAS,GAAG,eAAe;AAEpD,QACE,sBAAA,cAACC,MAAD;EACa;EACL;EACG;EACT,GAAI;EACJ,CAAA"}
+{"version":3,"file":"Grid.mjs","names":["React","Grid","MuiGrid","props","$","_c","container","item","otherProps","spacing","t0"],"sources":["../../src/UI/Grid.jsx"],"sourcesContent":["import React from 'react';\nimport { Grid as MuiGrid } from '@material-ui/core';\n\nexport const Grid = props => {\n  const { container, item, spacing, ...otherProps } = props;\n\n  return (\n    <MuiGrid\n      container={container}\n      item={item}\n      spacing={spacing}\n      {...otherProps}\n    />\n  );\n};\n"],"mappings":";;;;AAGA,MAAaC,UAAOE,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAD,OAAA;AAClB,GAAA,CAAAG,WAAAC,MAAAE,YAAAD,cAAoDL;AAAMC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAH,cAAAF,EAAA;AAAAG,SAAAH,EAAA;AAAAI,eAAAJ,EAAA;AAAAK,YAAAL,EAAA;;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAE,aAAAF,EAAA,OAAAG,QAAAH,EAAA,OAAAI,cAAAJ,EAAA,OAAAK,SAAA;AAGxDC,OAAA,sBAAA,cAAC,MAAD;GACaJ;GACLC;GACGE;GAAO,GACZD;GACJ,CAAA;AAAAJ,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AAAA,QALFM"}

package/dist/UI/SuccessAction.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SuccessAction.mjs","names":[],"sources":["../../src/UI/SuccessAction.jsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@material-ui/core';\n\nexport const getSuccessAction = (closeSnackbar) => {\n  const successAction = (key) => (\n    <Button\n      color='secondary'\n      size='small'\n      onClick={() => {\n        closeSnackbar(key);\n      }}\n    >\n      OK\n    </Button>\n  );\n  return successAction;\n};\n"],"mappings":";;;AAGA,MAAa,oBAAoB,kBAAkB;CACjD,MAAM,iBAAiB,QACrB,sBAAA,cAAC,QAAD;EACE,OAAM;EACN,MAAK;EACL,eAAe;AACb,iBAAc,IAAI;;EAIb,EAFR,KAEQ;AAEX,QAAO"}
+{"version":3,"file":"SuccessAction.mjs","names":["React","Button","getSuccessAction","closeSnackbar","successAction","key"],"sources":["../../src/UI/SuccessAction.jsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@material-ui/core';\n\nexport const getSuccessAction = (closeSnackbar) => {\n  const successAction = (key) => (\n    <Button\n      color='secondary'\n      size='small'\n      onClick={() => {\n        closeSnackbar(key);\n      }}\n    >\n      OK\n    </Button>\n  );\n  return successAction;\n};\n"],"mappings":";;;AAGA,MAAaE,oBAAoBC,kBAAkB;CACjD,MAAMC,iBAAiBC,QACrB,sBAAA,cAAC,QAAD;EACE,OAAM;EACN,MAAK;EACL,eAAe;AACbF,iBAAcE,IAAI;;EAKvB,EAJK,KAIL;AACD,QAAOD"}

package/dist/UI/accordion/Accordion.mjs

@@ -3,7 +3,8 @@ import { FluentIconButton } from "../inputs/buttons/FluentIconButton.mjs";
 import { getIconFromName } from "../../utilities/tree/TreeUtilities.mjs";
 import { StatusChip } from "../dataDisplay/status/StatusChip.mjs";
 import { IconButtonWithTooltip } from "../inputs/buttons/IconButtonWithToolTip.mjs";
-import React, { useCallback } from "react";
+import { c } from "react-compiler-runtime";
+import React from "react";
 import { ButtonBase, Collapse, Tooltip, Typography, lighten, makeStyles } from "@material-ui/core";
 import clsx from "clsx";
 import { ChevronUpIcon } from "@fluentui/react-icons";
@@ -98,92 +99,288 @@ const useStyles = makeStyles((theme) => ({
 	}
 }));
 const Accordion = (props) => {
-	const { title, subtitle, subtitleVariant, status, statusIcon, statusLabel, secondaryIconButtons, overriddenSecondaryContainer, rightIcon, rightIconAction, rightIconTooltip, disableRightIconButton = false, primaryActionIcon, primaryActionLabel, primaryAction, primaryActionMaxWidth, disablePrimaryActionButton = false, color = "info", children, expand, setExpand, additionalEvent, hideCloseButton = false, hideRightIconButton = false, hidePrimaryAction = false, noWrapTitle = false, simpleAccordion = false, recordId = 0, removeBorder = false, headerWidth, removeHeaderMargin, titleVariant = "subtitle2", chevronIconSize = "medium", unmountOnExit = true } = props;
-	const classes = useStyles({
-		color,
-		primaryActionMaxWidth,
-		simpleAccordion,
-		headerWidth,
-		removeHeaderMargin,
-		removeBorder
-	});
-	const handleOnClickAccordion = useCallback(() => {
-		if (setExpand) setExpand(!expand);
-		if (additionalEvent) additionalEvent();
-	}, [
-		additionalEvent,
-		expand,
-		setExpand
-	]);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, { [classes.rootBorder]: !simpleAccordion & !removeBorder }) }, /* @__PURE__ */ React.createElement("div", {
-		className: clsx(classes.headerWrapper, { [classes.headerColor]: simpleAccordion ? false : expand }),
-		onClick: handleOnClickAccordion
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.titleStatusWrapper }, /* @__PURE__ */ React.createElement(Typography, {
-		variant: titleVariant,
-		noWrap: noWrapTitle
-	}, title), statusLabel && /* @__PURE__ */ React.createElement(StatusChip, {
-		status: status ?? color,
-		label: statusLabel,
-		icon: statusIcon
-	})), subtitle && /* @__PURE__ */ React.createElement(Typography, {
-		variant: subtitleVariant,
-		noWrap: noWrapTitle
-	}, subtitle), overriddenSecondaryContainer ? { overriddenSecondaryContainer } : /* @__PURE__ */ React.createElement("div", null, secondaryIconButtons?.length > 0 && /* @__PURE__ */ React.createElement("div", { className: classes.secondaryButtonsWrapper }, secondaryIconButtons?.map((item) => /* @__PURE__ */ React.createElement("div", { className: classes.buttonWrapper }, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
-		...item,
-		title: item?.title,
-		icon: item.icon,
-		onClick: (event) => {
-			event.stopPropagation();
-			item.onClick();
-		},
-		size: "small",
-		id: `udpRecord-Accordion-${item?.title}-${recordId}`,
-		udprecordid: `udpRecord-Accordion-${item?.title}-${recordId}`
-	}), item?.value && /* @__PURE__ */ React.createElement(Typography, null, item?.value)))))), !hideRightIconButton && !simpleAccordion && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
-		title: rightIconTooltip,
-		icon: rightIcon,
-		onClick: (event) => {
-			event.stopPropagation();
-			rightIconAction();
-		},
-		className: classes.rightIconButton,
-		size: "small",
-		disabled: disableRightIconButton,
-		id: `udpRecord-Accordion-RightButton-${recordId}`,
-		udprecordid: `udpRecord-Accordion-RightButton-${recordId}`
-	}))), !hidePrimaryAction && !simpleAccordion && /* @__PURE__ */ React.createElement("div", { className: classes.primaryButtonWrapper }, primaryActionIcon ? /* @__PURE__ */ React.createElement(Tooltip, { title: primaryActionLabel }, /* @__PURE__ */ React.createElement(ButtonBase, {
-		onClick: (event) => {
-			event.stopPropagation();
-			primaryAction();
-		},
-		className: classes.primaryButtonWrapper,
-		disabled: disablePrimaryActionButton,
-		id: `udpRecord-Accordion-ButtonBase-${recordId}`,
-		udprecordid: `udpRecord-Accordion-ButtonBase-${recordId}`
-	}, /* @__PURE__ */ React.createElement(FluentIcon, { component: primaryActionIcon }))) : /* @__PURE__ */ React.createElement(ButtonBase, {
-		onClick: primaryAction,
-		className: classes.primaryButtonWrapper,
-		disabled: disablePrimaryActionButton
-	}, /* @__PURE__ */ React.createElement(Typography, { className: classes.primaryActionLabel }, primaryActionLabel))), simpleAccordion && /* @__PURE__ */ React.createElement(FluentIconButton, {
-		icon: getIconFromName("ChevronDownIcon"),
-		onClick: handleOnClickAccordion,
-		className: clsx(classes.expand, { [classes.expandOpen]: expand }),
-		size: chevronIconSize,
-		disabled: disableRightIconButton,
-		id: `udpRecord-Accordion-ExpandButton-${recordId}`,
-		udprecordid: `udpRecord-Accordion-ExpandButton-${recordId}`
-	})), /* @__PURE__ */ React.createElement(Collapse, {
-		in: expand,
-		timeout: "auto",
-		unmountOnExit
-	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, children), !hideCloseButton && !simpleAccordion && /* @__PURE__ */ React.createElement("div", { className: classes.closeButtonWrapper }, /* @__PURE__ */ React.createElement(ButtonBase, {
-		onClick: () => {
-			if (setExpand) setExpand(false);
-		},
-		className: classes.unexpandedIconButton,
-		id: `udpRecord-Accordion-CloseButton-${recordId}`,
-		udprecordid: `udpRecord-Accordion-CloseButton-${recordId}`
-	}, /* @__PURE__ */ React.createElement(FluentIcon, { component: ChevronUpIcon }))))));
+	const $ = c(104);
+	const { title, subtitle, subtitleVariant, status, statusIcon, statusLabel, secondaryIconButtons, overriddenSecondaryContainer, rightIcon, rightIconAction, rightIconTooltip, disableRightIconButton: t0, primaryActionIcon, primaryActionLabel, primaryAction, primaryActionMaxWidth, disablePrimaryActionButton: t1, color: t2, children, expand, setExpand, additionalEvent, hideCloseButton: t3, hideRightIconButton: t4, hidePrimaryAction: t5, noWrapTitle: t6, simpleAccordion: t7, recordId: t8, removeBorder: t9, headerWidth, removeHeaderMargin, titleVariant: t10, chevronIconSize: t11, unmountOnExit: t12 } = props;
+	const disableRightIconButton = t0 === void 0 ? false : t0;
+	const disablePrimaryActionButton = t1 === void 0 ? false : t1;
+	const color = t2 === void 0 ? "info" : t2;
+	const hideCloseButton = t3 === void 0 ? false : t3;
+	const hideRightIconButton = t4 === void 0 ? false : t4;
+	const hidePrimaryAction = t5 === void 0 ? false : t5;
+	const noWrapTitle = t6 === void 0 ? false : t6;
+	const simpleAccordion = t7 === void 0 ? false : t7;
+	const recordId = t8 === void 0 ? 0 : t8;
+	const removeBorder = t9 === void 0 ? false : t9;
+	const titleVariant = t10 === void 0 ? "subtitle2" : t10;
+	const chevronIconSize = t11 === void 0 ? "medium" : t11;
+	const unmountOnExit = t12 === void 0 ? true : t12;
+	let t13;
+	if ($[0] !== color || $[1] !== headerWidth || $[2] !== primaryActionMaxWidth || $[3] !== removeBorder || $[4] !== removeHeaderMargin || $[5] !== simpleAccordion) {
+		t13 = {
+			color,
+			primaryActionMaxWidth,
+			simpleAccordion,
+			headerWidth,
+			removeHeaderMargin,
+			removeBorder
+		};
+		$[0] = color;
+		$[1] = headerWidth;
+		$[2] = primaryActionMaxWidth;
+		$[3] = removeBorder;
+		$[4] = removeHeaderMargin;
+		$[5] = simpleAccordion;
+		$[6] = t13;
+	} else t13 = $[6];
+	const classes = useStyles(t13);
+	let t14;
+	if ($[7] !== additionalEvent || $[8] !== expand || $[9] !== setExpand) {
+		t14 = () => {
+			if (setExpand) setExpand(!expand);
+			if (additionalEvent) additionalEvent();
+		};
+		$[7] = additionalEvent;
+		$[8] = expand;
+		$[9] = setExpand;
+		$[10] = t14;
+	} else t14 = $[10];
+	const handleOnClickAccordion = t14;
+	const t15 = !simpleAccordion & !removeBorder;
+	let t16;
+	if ($[11] !== classes.root || $[12] !== classes.rootBorder || $[13] !== t15) {
+		t16 = clsx(classes.root, { [classes.rootBorder]: t15 });
+		$[11] = classes.root;
+		$[12] = classes.rootBorder;
+		$[13] = t15;
+		$[14] = t16;
+	} else t16 = $[14];
+	const t17 = simpleAccordion ? false : expand;
+	let t18;
+	if ($[15] !== classes.headerColor || $[16] !== classes.headerWrapper || $[17] !== t17) {
+		t18 = clsx(classes.headerWrapper, { [classes.headerColor]: t17 });
+		$[15] = classes.headerColor;
+		$[16] = classes.headerWrapper;
+		$[17] = t17;
+		$[18] = t18;
+	} else t18 = $[18];
+	let t19;
+	if ($[19] !== noWrapTitle || $[20] !== title || $[21] !== titleVariant) {
+		t19 = /* @__PURE__ */ React.createElement(Typography, {
+			variant: titleVariant,
+			noWrap: noWrapTitle
+		}, title);
+		$[19] = noWrapTitle;
+		$[20] = title;
+		$[21] = titleVariant;
+		$[22] = t19;
+	} else t19 = $[22];
+	let t20;
+	if ($[23] !== color || $[24] !== status || $[25] !== statusIcon || $[26] !== statusLabel) {
+		t20 = statusLabel && /* @__PURE__ */ React.createElement(StatusChip, {
+			status: status ?? color,
+			label: statusLabel,
+			icon: statusIcon
+		});
+		$[23] = color;
+		$[24] = status;
+		$[25] = statusIcon;
+		$[26] = statusLabel;
+		$[27] = t20;
+	} else t20 = $[27];
+	let t21;
+	if ($[28] !== classes.titleStatusWrapper || $[29] !== t19 || $[30] !== t20) {
+		t21 = /* @__PURE__ */ React.createElement("div", { className: classes.titleStatusWrapper }, t19, t20);
+		$[28] = classes.titleStatusWrapper;
+		$[29] = t19;
+		$[30] = t20;
+		$[31] = t21;
+	} else t21 = $[31];
+	let t22;
+	if ($[32] !== noWrapTitle || $[33] !== subtitle || $[34] !== subtitleVariant) {
+		t22 = subtitle && /* @__PURE__ */ React.createElement(Typography, {
+			variant: subtitleVariant,
+			noWrap: noWrapTitle
+		}, subtitle);
+		$[32] = noWrapTitle;
+		$[33] = subtitle;
+		$[34] = subtitleVariant;
+		$[35] = t22;
+	} else t22 = $[35];
+	let t23;
+	if ($[36] !== classes.buttonWrapper || $[37] !== classes.secondaryButtonsWrapper || $[38] !== overriddenSecondaryContainer || $[39] !== recordId || $[40] !== secondaryIconButtons) {
+		t23 = overriddenSecondaryContainer ? { overriddenSecondaryContainer } : /* @__PURE__ */ React.createElement("div", null, secondaryIconButtons?.length > 0 && /* @__PURE__ */ React.createElement("div", { className: classes.secondaryButtonsWrapper }, secondaryIconButtons?.map((item) => /* @__PURE__ */ React.createElement("div", { className: classes.buttonWrapper }, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
+			...item,
+			title: item?.title,
+			icon: item.icon,
+			onClick: (event) => {
+				event.stopPropagation();
+				item.onClick();
+			},
+			size: "small",
+			id: `udpRecord-Accordion-${item?.title}-${recordId}`,
+			udprecordid: `udpRecord-Accordion-${item?.title}-${recordId}`
+		}), item?.value && /* @__PURE__ */ React.createElement(Typography, null, item?.value)))));
+		$[36] = classes.buttonWrapper;
+		$[37] = classes.secondaryButtonsWrapper;
+		$[38] = overriddenSecondaryContainer;
+		$[39] = recordId;
+		$[40] = secondaryIconButtons;
+		$[41] = t23;
+	} else t23 = $[41];
+	let t24;
+	if ($[42] !== t21 || $[43] !== t22 || $[44] !== t23) {
+		t24 = /* @__PURE__ */ React.createElement("div", null, t21, t22, t23);
+		$[42] = t21;
+		$[43] = t22;
+		$[44] = t23;
+		$[45] = t24;
+	} else t24 = $[45];
+	let t25;
+	if ($[46] !== classes.rightIconButton || $[47] !== disableRightIconButton || $[48] !== hideRightIconButton || $[49] !== recordId || $[50] !== rightIcon || $[51] !== rightIconAction || $[52] !== rightIconTooltip || $[53] !== simpleAccordion) {
+		t25 = !hideRightIconButton && !simpleAccordion && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
+			title: rightIconTooltip,
+			icon: rightIcon,
+			onClick: (event_0) => {
+				event_0.stopPropagation();
+				rightIconAction();
+			},
+			className: classes.rightIconButton,
+			size: "small",
+			disabled: disableRightIconButton,
+			id: `udpRecord-Accordion-RightButton-${recordId}`,
+			udprecordid: `udpRecord-Accordion-RightButton-${recordId}`
+		}));
+		$[46] = classes.rightIconButton;
+		$[47] = disableRightIconButton;
+		$[48] = hideRightIconButton;
+		$[49] = recordId;
+		$[50] = rightIcon;
+		$[51] = rightIconAction;
+		$[52] = rightIconTooltip;
+		$[53] = simpleAccordion;
+		$[54] = t25;
+	} else t25 = $[54];
+	let t26;
+	if ($[55] !== classes.titleWrapper || $[56] !== t24 || $[57] !== t25) {
+		t26 = /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, t24, t25);
+		$[55] = classes.titleWrapper;
+		$[56] = t24;
+		$[57] = t25;
+		$[58] = t26;
+	} else t26 = $[58];
+	let t27;
+	if ($[59] !== classes.primaryActionLabel || $[60] !== classes.primaryButtonWrapper || $[61] !== disablePrimaryActionButton || $[62] !== hidePrimaryAction || $[63] !== primaryAction || $[64] !== primaryActionIcon || $[65] !== primaryActionLabel || $[66] !== recordId || $[67] !== simpleAccordion) {
+		t27 = !hidePrimaryAction && !simpleAccordion && /* @__PURE__ */ React.createElement("div", { className: classes.primaryButtonWrapper }, primaryActionIcon ? /* @__PURE__ */ React.createElement(Tooltip, { title: primaryActionLabel }, /* @__PURE__ */ React.createElement(ButtonBase, {
+			onClick: (event_1) => {
+				event_1.stopPropagation();
+				primaryAction();
+			},
+			className: classes.primaryButtonWrapper,
+			disabled: disablePrimaryActionButton,
+			id: `udpRecord-Accordion-ButtonBase-${recordId}`,
+			udprecordid: `udpRecord-Accordion-ButtonBase-${recordId}`
+		}, /* @__PURE__ */ React.createElement(FluentIcon, { component: primaryActionIcon }))) : /* @__PURE__ */ React.createElement(ButtonBase, {
+			onClick: primaryAction,
+			className: classes.primaryButtonWrapper,
+			disabled: disablePrimaryActionButton
+		}, /* @__PURE__ */ React.createElement(Typography, { className: classes.primaryActionLabel }, primaryActionLabel)));
+		$[59] = classes.primaryActionLabel;
+		$[60] = classes.primaryButtonWrapper;
+		$[61] = disablePrimaryActionButton;
+		$[62] = hidePrimaryAction;
+		$[63] = primaryAction;
+		$[64] = primaryActionIcon;
+		$[65] = primaryActionLabel;
+		$[66] = recordId;
+		$[67] = simpleAccordion;
+		$[68] = t27;
+	} else t27 = $[68];
+	let t28;
+	if ($[69] !== chevronIconSize || $[70] !== classes.expand || $[71] !== classes.expandOpen || $[72] !== disableRightIconButton || $[73] !== expand || $[74] !== handleOnClickAccordion || $[75] !== recordId || $[76] !== simpleAccordion) {
+		t28 = simpleAccordion && /* @__PURE__ */ React.createElement(FluentIconButton, {
+			icon: getIconFromName("ChevronDownIcon"),
+			onClick: handleOnClickAccordion,
+			className: clsx(classes.expand, { [classes.expandOpen]: expand }),
+			size: chevronIconSize,
+			disabled: disableRightIconButton,
+			id: `udpRecord-Accordion-ExpandButton-${recordId}`,
+			udprecordid: `udpRecord-Accordion-ExpandButton-${recordId}`
+		});
+		$[69] = chevronIconSize;
+		$[70] = classes.expand;
+		$[71] = classes.expandOpen;
+		$[72] = disableRightIconButton;
+		$[73] = expand;
+		$[74] = handleOnClickAccordion;
+		$[75] = recordId;
+		$[76] = simpleAccordion;
+		$[77] = t28;
+	} else t28 = $[77];
+	let t29;
+	if ($[78] !== handleOnClickAccordion || $[79] !== t18 || $[80] !== t26 || $[81] !== t27 || $[82] !== t28) {
+		t29 = /* @__PURE__ */ React.createElement("div", {
+			className: t18,
+			onClick: handleOnClickAccordion
+		}, t26, t27, t28);
+		$[78] = handleOnClickAccordion;
+		$[79] = t18;
+		$[80] = t26;
+		$[81] = t27;
+		$[82] = t28;
+		$[83] = t29;
+	} else t29 = $[83];
+	let t30;
+	if ($[84] !== children) {
+		t30 = /* @__PURE__ */ React.createElement("div", null, children);
+		$[84] = children;
+		$[85] = t30;
+	} else t30 = $[85];
+	let t31;
+	if ($[86] !== classes.closeButtonWrapper || $[87] !== classes.unexpandedIconButton || $[88] !== hideCloseButton || $[89] !== recordId || $[90] !== setExpand || $[91] !== simpleAccordion) {
+		t31 = !hideCloseButton && !simpleAccordion && /* @__PURE__ */ React.createElement("div", { className: classes.closeButtonWrapper }, /* @__PURE__ */ React.createElement(ButtonBase, {
+			onClick: () => {
+				if (setExpand) setExpand(false);
+			},
+			className: classes.unexpandedIconButton,
+			id: `udpRecord-Accordion-CloseButton-${recordId}`,
+			udprecordid: `udpRecord-Accordion-CloseButton-${recordId}`
+		}, /* @__PURE__ */ React.createElement(FluentIcon, { component: ChevronUpIcon })));
+		$[86] = classes.closeButtonWrapper;
+		$[87] = classes.unexpandedIconButton;
+		$[88] = hideCloseButton;
+		$[89] = recordId;
+		$[90] = setExpand;
+		$[91] = simpleAccordion;
+		$[92] = t31;
+	} else t31 = $[92];
+	let t32;
+	if ($[93] !== t30 || $[94] !== t31) {
+		t32 = /* @__PURE__ */ React.createElement("div", null, t30, t31);
+		$[93] = t30;
+		$[94] = t31;
+		$[95] = t32;
+	} else t32 = $[95];
+	let t33;
+	if ($[96] !== expand || $[97] !== t32 || $[98] !== unmountOnExit) {
+		t33 = /* @__PURE__ */ React.createElement(Collapse, {
+			in: expand,
+			timeout: "auto",
+			unmountOnExit
+		}, t32);
+		$[96] = expand;
+		$[97] = t32;
+		$[98] = unmountOnExit;
+		$[99] = t33;
+	} else t33 = $[99];
+	let t34;
+	if ($[100] !== t16 || $[101] !== t29 || $[102] !== t33) {
+		t34 = /* @__PURE__ */ React.createElement("div", { className: t16 }, t29, t33);
+		$[100] = t16;
+		$[101] = t29;
+		$[102] = t33;
+		$[103] = t34;
+	} else t34 = $[103];
+	return t34;
 };
 //#endregion
 export { Accordion };