udp-react-enterprise-component-library 25.18.1-beta.1 → 25.18.1-beta.10

package/dist/workflow/index.js

@@ -1,8 +1,8 @@
-import "../Form-DZ1kwXKb.js";
-import "../Field-Cpjv208h.js";
-import "../form-DiRJbkTP.js";
-import "../FluentButton-3xMbN_Vs.js";
-import "../FormButtons-9It_7BQ0.js";
+import "../Form-DbOA5j38.js";
+import "../Field-Cda5rJe2.js";
+import "../form-Dj1zVw6K.js";
+import "../FluentButton-BexKrnAp.js";
+import "../FormButtons-BTCO-pzW.js";
 import "../configService-C4uoG3wj.js";
 import "../apiHelpers-BpZTkMX8.js";
 import "../pageEnums-CA-HlW3W.js";
@@ -10,46 +10,46 @@ import "../UnitySessionStorage-CUDx9YWR.js";
 import "../axiosInterceptors-6Czv1PA5.js";
 import "../useUser-wpHGo6jU.js";
 import "../useAxiosMutate-q_ZpG98Z.js";
-import "../FluentTextFieldAutoComplete-g8jRczF9.js";
+import "../FluentTextFieldAutoComplete-5Hp3qpk6.js";
 import "../StringUtilities-u-cxAW6-.js";
-import "../FluentIcon-DjE8A5DC.js";
-import "../FluentIconButton-CtN4xdO_.js";
+import "../FluentIcon-DQ6nSDJg.js";
+import "../FluentIconButton-Dc95mE3v.js";
 import "../unitySystemEnums-DQSkCr3D.js";
-import "../UnityFluentIcon-DkZ-zXku.js";
+import "../UnityFluentIcon-DrASIcTF.js";
 import "../shellStore-C8zfPsZ-.js";
 import "../RuleUtilities-D5ACzikQ.js";
-import "../PrimaryActionButton-D21P13f_.js";
+import "../PrimaryActionButton-Dk8zvDAW.js";
 import "../colors-BONxjrOE.js";
 import "../colorConverter-x64WSLsF.js";
 import "../SearchUtilities-Df1gkDw9.js";
 import "../GroupNode-BxnXH0gG.js";
-import "../TreeUtilities-BnHT4nq0.js";
+import "../TreeUtilities-C6e2dd4g.js";
 import "../UnityIconLibrary-CjIwzfjv.js";
 import "../teleporterStore-CjUFtATo.js";
 import "../AmbientPopoverMenuItem-BZuX43zJ.js";
 import "../LayoutUnit-D4jJvonh.js";
-import "../StandardTitle-UHYnVDSe.js";
-import "../SideSheetHeader-BS0A6YT-.js";
-import "../SideSheet-DVvhEo7C.js";
+import "../StandardTitle-DJ9zcNBA.js";
+import "../SideSheetHeader-DgnkLGmv.js";
+import "../SideSheet-C-rILQqR.js";
 import "../useAxiosGet-BMoXHfLN.js";
-import "../DashboardWidget-Cs3KcYJk.js";
-import "../FUICard-BuGJ_WAu.js";
+import "../DashboardWidget-F4pnOQAe.js";
+import "../FUICard-DmszpY_T.js";
 import "../FUISquareIconButton-DwTSTnBV.js";
-import "../FluentCard-DyXAmC_f.js";
+import "../FluentCard-C3qSYfiz.js";
 import "../useId-I-OmRBmB.js";
-import "../FUIMenuItem-BvpTageE.js";
+import "../FUIMenuItem-BZJKJa91.js";
 import "../PageLoading-GD6E2uMU.js";
-import "../Page-DY0ESivs.js";
-import "../PrimaryActionHeader-Csy_2HwQ.js";
+import "../Page-CpSUnDZr.js";
+import "../PrimaryActionHeader-DbGQNveI.js";
 import "../StatusChip-DZAN88VU.js";
-import "../UdpTabs-CB8ez2EV.js";
+import "../UdpTabs-DVZGEwOC.js";
 import "../PageContext-BpOBJHpb.js";
 import "../useSetLocationState-Kvcc9BTb.js";
-import "../PageContainer-C76IH-3L.js";
+import "../PageContainer-BgNeJt3S.js";
 import "../methodUtils-DEk9B4A8.js";
-import "../AmbientCardButton-DOnaCczn.js";
+import "../AmbientCardButton-DGhpVDRV.js";
 import "../Adornment-Ciq1X7he.js";
-import "../AmbientCard-blAjLcmr.js";
+import "../AmbientCard-DK9abODq.js";
 import "../AmbientCardTitle-CvXW2qf0.js";
 import "../useBuildEnvironment-2gdqpmBX.js";
 import "../NodeLoader-BtOQQiwA.js";
@@ -57,20 +57,20 @@ import "../NumberOperator-k6iXs38S.js";
 import "../aggregateUtils-BTBSWD8I.js";
 import "../AggregateChip-BF6RL_4_.js";
 import "../DateUtilities-COCIN8sN.js";
-import "../SidebarCollapseButton-DarQbYU9.js";
-import "../UtilityBarInport-BWlSEYCI.js";
-import "../UtilitySideBar-XdGlkgZz.js";
-import { n as WorkflowTreeMenuItem, t as WorkflowTreeMenu } from "../WorkflowTreeMenu-BDolYqHx.js";
+import "../SidebarCollapseButton-pxq7unTx.js";
+import "../UtilityBarInport-BkkjGmSO.js";
+import "../UtilitySideBar-CkymNmr-.js";
+import { n as WorkflowTreeMenuItem, t as WorkflowTreeMenu } from "../WorkflowTreeMenu-DC4CuF88.js";
 import "../workflowEnums-Ce66RCVc.js";
 import "../workflowUtilities-Y2J2_Bcx.js";
 import "../workflowStore-flVBWM0f.js";
-import { t as WorkflowTaskFlow } from "../WorkflowTaskFlow-B4TTgehX.js";
-import "../LinearProgress-CpIjJmyf.js";
-import "../CircularProgress-CeJ9Prk4.js";
-import { n as WorkflowUiInterruptContent, t as WorkflowContent } from "../WorkflowContent-Dq7Agung.js";
-import "../EmailDisplay-B0_nBwUQ.js";
+import { t as WorkflowTaskFlow } from "../WorkflowTaskFlow-D3x8we2W.js";
+import "../LinearProgress-DM2DNWCe.js";
+import "../CircularProgress-CACqWr56.js";
+import { n as WorkflowUiInterruptContent, t as WorkflowContent } from "../WorkflowContent-CaMS5xmR.js";
+import "../EmailDisplay-CvNTnoXz.js";
 import "../useUpdateSearchParams-sZqx_zVu.js";
-import { t as WorkflowContainer } from "../WorkflowContainer-hbA-EyK-.js";
+import { t as WorkflowContainer } from "../WorkflowContainer-sEYHBwJR.js";
 import "../components-RSFyyue7.js";
 import "../menus-BOCTn6h6.js";
 

package/dist/workflow/menus/index.js

@@ -6,13 +6,13 @@ import "../../axiosInterceptors-6Czv1PA5.js";
 import "../../useUser-wpHGo6jU.js";
 import "../../useAxiosMutate-q_ZpG98Z.js";
 import "../../StringUtilities-u-cxAW6-.js";
-import "../../FluentIcon-DjE8A5DC.js";
+import "../../FluentIcon-DQ6nSDJg.js";
 import "../../unitySystemEnums-DQSkCr3D.js";
-import "../../UnityFluentIcon-DkZ-zXku.js";
+import "../../UnityFluentIcon-DrASIcTF.js";
 import "../../RuleUtilities-D5ACzikQ.js";
 import "../../SearchUtilities-Df1gkDw9.js";
 import "../../GroupNode-BxnXH0gG.js";
-import "../../TreeUtilities-BnHT4nq0.js";
+import "../../TreeUtilities-C6e2dd4g.js";
 import "../../UnityIconLibrary-CjIwzfjv.js";
 import "../../useAxiosGet-BMoXHfLN.js";
 import "../../StatusChip-DZAN88VU.js";
@@ -20,7 +20,7 @@ import "../../methodUtils-DEk9B4A8.js";
 import "../../NumberOperator-k6iXs38S.js";
 import "../../aggregateUtils-BTBSWD8I.js";
 import "../../AggregateChip-BF6RL_4_.js";
-import { n as WorkflowTreeMenuItem, t as WorkflowTreeMenu } from "../../WorkflowTreeMenu-BDolYqHx.js";
+import { n as WorkflowTreeMenuItem, t as WorkflowTreeMenu } from "../../WorkflowTreeMenu-DC4CuF88.js";
 import "../../menus-BOCTn6h6.js";
 
 export { WorkflowTreeMenu, WorkflowTreeMenuItem };

package/export-map.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2025-10-31T17:08:38.814Z",
+  "generated": "2025-11-17T19:11:19.861Z",
   "library": "udp-react-enterprise-component-library",
   "totalExports": 789,
   "description": "Map of exported items to their module paths for tree-shaking",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-react-enterprise-component-library",
-  "version": "25.18.1-beta.1",
+  "version": "25.18.1-beta.10",
   "description": "React-based UI component library implementing Fluent UI design for Univerus internal projects",
   "author": "Univerus",
   "license": "MIT",
@@ -153,7 +153,7 @@
     "warning": "^4.0.3",
     "xlsx": "^0.18.5",
     "zustand": "^4.3.7",
-    "udp-react-stencil-component-library": "25.18.0"
+    "udp-react-stencil-component-library": "25.18.1-beta.10"
   },
   "publishConfig": {
     "tag": "beta"

package/dist/Accordion-gB7-h8x2.js

@@ -1,192 +0,0 @@
-import { t as FluentIcon } from "./FluentIcon-DjE8A5DC.js";
-import { t as FluentIconButton } from "./FluentIconButton-CtN4xdO_.js";
-import { S as getIconFromName } from "./TreeUtilities-BnHT4nq0.js";
-import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
-import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-BL60Lfj0.js";
-import React, { useCallback } from "react";
-import { ButtonBase, Collapse, Tooltip, Typography, lighten, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import { ChevronUpIcon } from "@fluentui/react-icons";
-
-//#region src/UI/accordion/Accordion.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		width: "100%",
-		height: "100%"
-	},
-	rootBorder: {
-		borderStyle: "solid",
-		borderColor: (props) => theme.palette[props?.color]?.main,
-		borderWidth: "1px 1px 1px 6px"
-	},
-	headerWrapper: {
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center",
-		backgroundColor: (props) => props?.simpleAccordion && props?.color && props?.color !== "default" ? props?.color === "paper" ? theme.palette.background.paper : lighten(theme.palette[props?.color]?.light, .8) : theme.palette.background.default,
-		overflow: "hidden",
-		width: (props) => props?.headerWidth ?? "100%"
-	},
-	secondaryButtonsWrapper: {
-		display: "flex",
-		gap: theme.spacing(2),
-		borderRadius: theme.spacing(2),
-		backgroundColor: "white",
-		padding: `2px ${theme.spacing(1)}px`,
-		width: "fit-content"
-	},
-	primaryButtonWrapper: {
-		minWidth: "68px",
-		maxWidth: (props) => props?.primaryActionMaxWidth,
-		height: "auto",
-		color: "white",
-		backgroundColor: (props) => theme.palette[props?.color]?.main,
-		display: "flex",
-		justifyContent: "center",
-		alignItems: "center",
-		alignSelf: "normal"
-	},
-	headerColor: { backgroundColor: (props) => props?.color !== "default" && props?.color !== "paper" && lighten(theme.palette[props?.color]?.light, .85) },
-	buttonWrapper: {
-		display: "flex",
-		gap: theme.spacing(.5)
-	},
-	titleWrapper: {
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center",
-		flexGrow: 2,
-		margin: (props) => props.removeHeaderMargin ? "0px" : theme.spacing(.8),
-		color: theme.palette.text.primary
-	},
-	closeButtonWrapper: {
-		display: "flex",
-		justifyContent: "flex-end",
-		marginTop: theme.spacing(1)
-	},
-	unexpandedIconButton: {
-		width: "68px",
-		height: "40px",
-		display: "flex",
-		justifyContent: "center",
-		alignItems: "center",
-		alignSelf: "normal",
-		borderTop: `solid 1px lightgrey`,
-		borderLeft: `solid 1px lightgrey`,
-		overflow: "hidden",
-		border: (props) => props?.removeBorder && "0px"
-	},
-	rightIconButton: {
-		backgroundColor: "white",
-		padding: theme.spacing(1),
-		borderRadius: "50%"
-	},
-	primaryActionLabel: {
-		marginRight: theme.spacing(.5),
-		marginLeft: theme.spacing(.5)
-	},
-	expand: {
-		transform: "rotate(0deg)",
-		marginLeft: "auto",
-		marginRight: theme.spacing(1),
-		transition: theme.transitions.create("transform", { duration: theme.transitions.duration.shortest })
-	},
-	expandOpen: { transform: "rotate(180deg)" },
-	titleStatusWrapper: {
-		display: "flex",
-		alignItems: "center",
-		gap: theme.spacing(1)
-	}
-}));
-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" } = 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: true
-	}, /* @__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 }))))));
-};
-
-//#endregion
-export { Accordion as t };
-//# sourceMappingURL=Accordion-gB7-h8x2.js.map

package/dist/Accordion-gB7-h8x2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion-gB7-h8x2.js","names":[],"sources":["../src/UI/accordion/Accordion.jsx"],"sourcesContent":["import {\n  ButtonBase,\n  Collapse,\n  Tooltip,\n  Typography,\n  lighten,\n  makeStyles\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { useCallback } from 'react';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { IconButtonWithTooltip } from '../inputs/buttons/IconButtonWithToolTip';\nimport { ChevronUpIcon } from '@fluentui/react-icons';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { getIconFromName } from '../../utilities/tree/TreeUtilities';\nimport { StatusChip } from '../dataDisplay/status/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    height: '100%'\n  },\n  rootBorder: {\n    borderStyle: 'solid',\n    borderColor: (props) => theme.palette[props?.color]?.main,\n    borderWidth: '1px 1px 1px 6px'\n  },\n  headerWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    backgroundColor: (props) =>\n      props?.simpleAccordion && props?.color && props?.color !== 'default'\n        ? props?.color === 'paper'\n          ? theme.palette.background.paper\n          : lighten(theme.palette[props?.color]?.light, 0.8)\n        : theme.palette.background.default,\n    overflow: 'hidden',\n    width: (props) => props?.headerWidth ?? '100%'\n  },\n  secondaryButtonsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(2),\n    borderRadius: theme.spacing(2),\n    backgroundColor: 'white',\n    padding: `2px ${theme.spacing(1)}px`,\n    width: 'fit-content'\n  },\n  primaryButtonWrapper: {\n    minWidth: '68px',\n    maxWidth: (props) => props?.primaryActionMaxWidth,\n    height: 'auto',\n    color: 'white',\n    backgroundColor: (props) => theme.palette[props?.color]?.main,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'normal'\n  },\n  headerColor: {\n    backgroundColor: (props) =>\n      props?.color !== 'default' &&\n      props?.color !== 'paper' &&\n      lighten(theme.palette[props?.color]?.light, 0.85)\n  },\n  buttonWrapper: {\n    display: 'flex',\n    gap: theme.spacing(0.5)\n  },\n  titleWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    flexGrow: 2,\n    margin: (props) => (props.removeHeaderMargin ? '0px' : theme.spacing(0.8)),\n    color: theme.palette.text.primary\n  },\n  closeButtonWrapper: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    marginTop: theme.spacing(1)\n  },\n  unexpandedIconButton: {\n    width: '68px',\n    height: '40px',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'normal',\n    borderTop: `solid 1px lightgrey`,\n    borderLeft: `solid 1px lightgrey`,\n    overflow: 'hidden',\n    border: (props) => props?.removeBorder && '0px'\n  },\n  rightIconButton: {\n    backgroundColor: 'white',\n    padding: theme.spacing(1),\n    borderRadius: '50%'\n  },\n  primaryActionLabel: {\n    marginRight: theme.spacing(0.5),\n    marginLeft: theme.spacing(0.5)\n  },\n  expand: {\n    transform: 'rotate(0deg)',\n    marginLeft: 'auto',\n    marginRight: theme.spacing(1),\n    transition: theme.transitions.create('transform', {\n      duration: theme.transitions.duration.shortest\n    })\n  },\n  expandOpen: {\n    transform: 'rotate(180deg)'\n  },\n  titleStatusWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  }\n}));\n\nexport const Accordion = (props) => {\n  const {\n    title,\n    subtitle,\n    subtitleVariant,\n    status,\n    statusIcon,\n    statusLabel,\n    secondaryIconButtons,\n    overriddenSecondaryContainer,\n    rightIcon,\n    rightIconAction,\n    rightIconTooltip,\n    disableRightIconButton = false,\n    primaryActionIcon,\n    primaryActionLabel,\n    primaryAction,\n    primaryActionMaxWidth,\n    disablePrimaryActionButton = false,\n    color = 'info',\n    children,\n    expand,\n    setExpand,\n    additionalEvent,\n    hideCloseButton = false,\n    hideRightIconButton = false,\n    hidePrimaryAction = false,\n    noWrapTitle = false,\n    simpleAccordion = false,\n    recordId = 0,\n    removeBorder = false,\n    headerWidth,\n    removeHeaderMargin,\n    titleVariant = 'subtitle2',\n    chevronIconSize = 'medium'\n  } = props;\n  const classes = useStyles({\n    color,\n    primaryActionMaxWidth,\n    simpleAccordion,\n    headerWidth,\n    removeHeaderMargin,\n    removeBorder,\n  });\n\n  const handleOnClickAccordion = useCallback(() => {\n    if (setExpand) {\n      setExpand(!expand);\n    }\n\n    if (additionalEvent) {\n      additionalEvent();\n    }\n  }, [additionalEvent, expand, setExpand]);\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.rootBorder]: !simpleAccordion & !removeBorder\n      })}\n    >\n      <div\n        className={clsx(classes.headerWrapper, {\n          [classes.headerColor]: simpleAccordion ? false : expand\n        })}\n        onClick={handleOnClickAccordion}\n      >\n        <div className={classes.titleWrapper}>\n          <div>\n            <div className={classes.titleStatusWrapper}>\n              <Typography variant={titleVariant} noWrap={noWrapTitle}>\n                {title}\n              </Typography>\n              {statusLabel && <StatusChip\n                status={status ?? color}\n                label={statusLabel}\n                icon={statusIcon}\n              />}\n            </div>\n\n            {subtitle && (\n              <Typography variant={subtitleVariant} noWrap={noWrapTitle}>\n                {subtitle}\n              </Typography>\n            )}\n\n            {overriddenSecondaryContainer ? (\n              { overriddenSecondaryContainer }\n            ) : (\n              <div>\n                {secondaryIconButtons?.length > 0 && (\n                  <div className={classes.secondaryButtonsWrapper}>\n                    {secondaryIconButtons?.map((item) => (\n                      <div className={classes.buttonWrapper}>\n                        <IconButtonWithTooltip\n                          {...item}\n                          title={item?.title}\n                          icon={item.icon}\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            item.onClick();\n                          }}\n                          size='small'\n                          id={`udpRecord-Accordion-${item?.title}-${recordId}`}\n                          udprecordid={`udpRecord-Accordion-${item?.title}-${recordId}`}\n                        />\n                        {item?.value && <Typography>{item?.value}</Typography>}\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n          {!hideRightIconButton && !simpleAccordion && (\n            <div>\n              <IconButtonWithTooltip\n                title={rightIconTooltip}\n                icon={rightIcon}\n                onClick={(event) => {\n                  event.stopPropagation();\n                  rightIconAction();\n                }}\n                className={classes.rightIconButton}\n                size='small'\n                disabled={disableRightIconButton}\n                id={`udpRecord-Accordion-RightButton-${recordId}`}\n                udprecordid={`udpRecord-Accordion-RightButton-${recordId}`}\n              />\n            </div>\n          )}\n        </div>\n        {!hidePrimaryAction && !simpleAccordion && (\n          <div className={classes.primaryButtonWrapper}>\n            {primaryActionIcon ? (\n              <Tooltip title={primaryActionLabel}>\n                <ButtonBase\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    primaryAction();\n                  }}\n                  className={classes.primaryButtonWrapper}\n                  disabled={disablePrimaryActionButton}\n                  id={`udpRecord-Accordion-ButtonBase-${recordId}`}\n                  udprecordid={`udpRecord-Accordion-ButtonBase-${recordId}`}\n                >\n                  <FluentIcon component={primaryActionIcon} />\n                </ButtonBase>\n              </Tooltip>\n            ) : (\n              <ButtonBase\n                onClick={primaryAction}\n                className={classes.primaryButtonWrapper}\n                disabled={disablePrimaryActionButton}\n              >\n                <Typography className={classes.primaryActionLabel}>\n                  {primaryActionLabel}\n                </Typography>\n              </ButtonBase>\n            )}\n          </div>\n        )}\n        {simpleAccordion && (\n          <FluentIconButton\n            icon={getIconFromName('ChevronDownIcon')}\n            onClick={handleOnClickAccordion}\n            className={clsx(classes.expand, {\n              [classes.expandOpen]: expand\n            })}\n            size={chevronIconSize}\n            disabled={disableRightIconButton}\n            id={`udpRecord-Accordion-ExpandButton-${recordId}`}\n            udprecordid={`udpRecord-Accordion-ExpandButton-${recordId}`}\n          />\n        )}\n      </div>\n      <Collapse in={expand} timeout='auto' unmountOnExit>\n        <div>\n          <div>{children}</div>\n          {!hideCloseButton && !simpleAccordion && (\n            <div className={classes.closeButtonWrapper}>\n              <ButtonBase\n                onClick={() => {\n                  if (setExpand) {\n                    setExpand(false);\n                  }\n                }}\n                className={classes.unexpandedIconButton}\n                id={`udpRecord-Accordion-CloseButton-${recordId}`}\n                udprecordid={`udpRecord-Accordion-CloseButton-${recordId}`}\n              >\n                <FluentIcon component={ChevronUpIcon} />\n              </ButtonBase>\n            </div>\n          )}\n        </div>\n      </Collapse>\n    </div>\n  );\n};\n"],"mappings":"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"}