udp-react-enterprise-component-library 25.18.1-beta.25 → 25.18.1-beta.27

package/dist/componentSystems/pageRenderer/hocs/index.js

@@ -14,14 +14,14 @@ import "../../../useUser-wpHGo6jU.js";
 import "../../../useAxiosMutate-DcLxzykX.js";
 import "../../../FluentIcon-DQ6nSDJg.js";
 import "../../../FluentIconButton-Dc95mE3v.js";
-import "../../../unitySystemEnums-DQSkCr3D.js";
+import "../../../unitySystemEnums-DtVX3A-I.js";
 import "../../../UnityFluentIcon-DrASIcTF.js";
 import "../../../ActionLoadingDispatchContext-XEU8GWlw.js";
-import "../../../actionUtils-cC_2y5Xi.js";
+import "../../../actionUtils-BEMs2nQ4.js";
 import "../../../inquiryStore-BMYKf5MP.js";
 import "../../../catalogStore-DP2GxpTJ.js";
 import "../../../shellStore-C8zfPsZ-.js";
-import "../../../useActions-BbqecXkd.js";
+import "../../../useActions-C4vaudH3.js";
 import "../../../PrimaryActionButton-Dk8zvDAW.js";
 import "../../../colors-BONxjrOE.js";
 import "../../../colorConverter-x64WSLsF.js";
@@ -45,7 +45,7 @@ import "../../../LibraryData-D8Uai7Yd.js";
 import "../../../AmbientTextField-CdnqPJUw.js";
 import "../../../Ellipse-DGTaApGj.js";
 import "../../../useReadMetaData-CiWx4MJr.js";
-import "../../../BioCardWrapper-CI0ZngTU.js";
+import "../../../BioCardWrapper-2gNRNXbs.js";
 import "../../../FluentMenuListItem-CvEx0IXI.js";
 import "../../../GridGroupingSidebar-D-ozXbff.js";
 import "../../../AmbientTokenButton-B53E25r2.js";
@@ -53,20 +53,20 @@ import "../../../Token-rFpVjQT_.js";
 import "../../../AmbientToggleButton-BjyjXj8S.js";
 import "../../../isValueSelected-DhRqZZPu.js";
 import "../../../AmbientToggleButtonGroupDefault-CngfAplM.js";
-import "../../../BulkActionsGridButton-CSzHiVvH.js";
+import "../../../BulkActionsGridButton-C0Gm7VUV.js";
 import "../../../AmbientChipButton-DYAYXuKp.js";
 import "../../../FluentDialog-B5ZxvX1E.js";
-import "../../../GridFunctions-BmV2e-nR.js";
+import "../../../GridFunctions-Cw1f6eYk.js";
 import "../../../useDynamicListCalculation-BzXkwt1u.js";
 import "../../../DynamicContainerWithMenu-lYZyNyb_.js";
 import "../../../SearchOperator-D9838PIe.js";
-import "../../../AmbientGridTemplate-BecuOnHe.js";
+import "../../../AmbientGridTemplate-_nVDm-nz.js";
 import "../../../TableColumnDefs-BpaOx60h.js";
 import "../../../IconButtonWithToolTip-DswviiJB.js";
 import "../../../ActionsRenderer-B1ImXko3.js";
 import "../../../BioCard-M1ZP7x1X.js";
 import "../../../AddressListItem-Bd9OFX1z.js";
-import { t as withEngineComponent } from "../../../withEngineComponent-CUQbIi-0.js";
-import "../../../hocs-DwAy8u5A.js";
+import { t as withEngineComponent } from "../../../withEngineComponent-sMtO2PAT.js";
+import "../../../hocs-CD62aqf-.js";
 
 export { withEngineComponent };

package/dist/componentSystems/pageRenderer/hooks/index.js

@@ -1,4 +1,4 @@
 import { t as useReadMetaData } from "../../../useReadMetaData-CiWx4MJr.js";
-import "../../../hooks-B7ab4j1m.js";
+import "../../../hooks-CBVnUtZX.js";
 
 export { useReadMetaData };

package/dist/componentSystems/pageRenderer/index.js

@@ -14,14 +14,14 @@ import "../../useUser-wpHGo6jU.js";
 import "../../useAxiosMutate-DcLxzykX.js";
 import "../../FluentIcon-DQ6nSDJg.js";
 import "../../FluentIconButton-Dc95mE3v.js";
-import "../../unitySystemEnums-DQSkCr3D.js";
+import "../../unitySystemEnums-DtVX3A-I.js";
 import "../../UnityFluentIcon-DrASIcTF.js";
 import "../../ActionLoadingDispatchContext-XEU8GWlw.js";
-import "../../actionUtils-cC_2y5Xi.js";
+import "../../actionUtils-BEMs2nQ4.js";
 import "../../inquiryStore-BMYKf5MP.js";
 import "../../catalogStore-DP2GxpTJ.js";
 import "../../shellStore-C8zfPsZ-.js";
-import "../../useActions-BbqecXkd.js";
+import "../../useActions-C4vaudH3.js";
 import "../../PrimaryActionButton-Dk8zvDAW.js";
 import "../../colors-BONxjrOE.js";
 import "../../colorConverter-x64WSLsF.js";
@@ -45,7 +45,7 @@ import "../../LibraryData-D8Uai7Yd.js";
 import "../../AmbientTextField-CdnqPJUw.js";
 import "../../Ellipse-DGTaApGj.js";
 import { t as useReadMetaData } from "../../useReadMetaData-CiWx4MJr.js";
-import { a as DonutWrapper, c as BarChartWrapper, i as LineGraphWrapper, l as DisplayCardWrapper, n as AgGridSimpleWrapper, o as barChartWrapperProps, r as data, s as HistogramWrapper, t as BioCardWrapper, u as PrimaryActionHeaderWrapper } from "../../BioCardWrapper-CI0ZngTU.js";
+import { a as DonutWrapper, c as BarChartWrapper, i as LineGraphWrapper, l as DisplayCardWrapper, n as AgGridSimpleWrapper, o as barChartWrapperProps, r as data, s as HistogramWrapper, t as BioCardWrapper, u as PrimaryActionHeaderWrapper } from "../../BioCardWrapper-2gNRNXbs.js";
 import "../../FluentMenuListItem-CvEx0IXI.js";
 import "../../GridGroupingSidebar-D-ozXbff.js";
 import "../../AmbientTokenButton-B53E25r2.js";
@@ -53,24 +53,24 @@ import "../../Token-rFpVjQT_.js";
 import "../../AmbientToggleButton-BjyjXj8S.js";
 import "../../isValueSelected-DhRqZZPu.js";
 import "../../AmbientToggleButtonGroupDefault-CngfAplM.js";
-import "../../BulkActionsGridButton-CSzHiVvH.js";
+import "../../BulkActionsGridButton-C0Gm7VUV.js";
 import "../../AmbientChipButton-DYAYXuKp.js";
 import "../../FluentDialog-B5ZxvX1E.js";
-import "../../GridFunctions-BmV2e-nR.js";
+import "../../GridFunctions-Cw1f6eYk.js";
 import "../../useDynamicListCalculation-BzXkwt1u.js";
 import "../../DynamicContainerWithMenu-lYZyNyb_.js";
 import "../../SearchOperator-D9838PIe.js";
-import "../../AmbientGridTemplate-BecuOnHe.js";
+import "../../AmbientGridTemplate-_nVDm-nz.js";
 import { n as defaultColActionsDef, t as TableColumnDefs } from "../../TableColumnDefs-BpaOx60h.js";
 import "../../IconButtonWithToolTip-DswviiJB.js";
 import "../../ActionsRenderer-B1ImXko3.js";
 import "../../BioCard-M1ZP7x1X.js";
 import "../../AddressListItem-Bd9OFX1z.js";
-import { t as withEngineComponent } from "../../withEngineComponent-CUQbIi-0.js";
-import { t as PageRenderer } from "../../PageRenderer-ToHJXkJq.js";
-import "../../wrappers-CGE2HK5z.js";
-import "../../utils-Cpcp_Rx8.js";
-import "../../hocs-DwAy8u5A.js";
-import "../../hooks-B7ab4j1m.js";
+import { t as withEngineComponent } from "../../withEngineComponent-sMtO2PAT.js";
+import { t as PageRenderer } from "../../PageRenderer-C9eqTDgk.js";
+import "../../wrappers-6TV_GYbs.js";
+import "../../utils-BiOgBKP9.js";
+import "../../hocs-CD62aqf-.js";
+import "../../hooks-CBVnUtZX.js";
 
 export { AgGridSimpleWrapper, BarChartWrapper, BioCardWrapper, DisplayCardWrapper, DonutWrapper, HistogramWrapper, LineGraphWrapper, PageRenderer, PrimaryActionHeaderWrapper, TableColumnDefs, barChartWrapperProps, data, defaultColActionsDef, useReadMetaData, withEngineComponent };

package/dist/componentSystems/pageRenderer/utils/index.js

@@ -1,4 +1,4 @@
 import { n as defaultColActionsDef, t as TableColumnDefs } from "../../../TableColumnDefs-BpaOx60h.js";
-import "../../../utils-Cpcp_Rx8.js";
+import "../../../utils-BiOgBKP9.js";
 
 export { TableColumnDefs, defaultColActionsDef };

package/dist/componentSystems/pageRenderer/wrappers/index.js

@@ -14,14 +14,14 @@ import "../../../useUser-wpHGo6jU.js";
 import "../../../useAxiosMutate-DcLxzykX.js";
 import "../../../FluentIcon-DQ6nSDJg.js";
 import "../../../FluentIconButton-Dc95mE3v.js";
-import "../../../unitySystemEnums-DQSkCr3D.js";
+import "../../../unitySystemEnums-DtVX3A-I.js";
 import "../../../UnityFluentIcon-DrASIcTF.js";
 import "../../../ActionLoadingDispatchContext-XEU8GWlw.js";
-import "../../../actionUtils-cC_2y5Xi.js";
+import "../../../actionUtils-BEMs2nQ4.js";
 import "../../../inquiryStore-BMYKf5MP.js";
 import "../../../catalogStore-DP2GxpTJ.js";
 import "../../../shellStore-C8zfPsZ-.js";
-import "../../../useActions-BbqecXkd.js";
+import "../../../useActions-C4vaudH3.js";
 import "../../../PrimaryActionButton-Dk8zvDAW.js";
 import "../../../colors-BONxjrOE.js";
 import "../../../colorConverter-x64WSLsF.js";
@@ -45,7 +45,7 @@ import "../../../LibraryData-D8Uai7Yd.js";
 import "../../../AmbientTextField-CdnqPJUw.js";
 import "../../../Ellipse-DGTaApGj.js";
 import "../../../useReadMetaData-CiWx4MJr.js";
-import { a as DonutWrapper, c as BarChartWrapper, i as LineGraphWrapper, l as DisplayCardWrapper, n as AgGridSimpleWrapper, o as barChartWrapperProps, r as data, s as HistogramWrapper, t as BioCardWrapper, u as PrimaryActionHeaderWrapper } from "../../../BioCardWrapper-CI0ZngTU.js";
+import { a as DonutWrapper, c as BarChartWrapper, i as LineGraphWrapper, l as DisplayCardWrapper, n as AgGridSimpleWrapper, o as barChartWrapperProps, r as data, s as HistogramWrapper, t as BioCardWrapper, u as PrimaryActionHeaderWrapper } from "../../../BioCardWrapper-2gNRNXbs.js";
 import "../../../FluentMenuListItem-CvEx0IXI.js";
 import "../../../GridGroupingSidebar-D-ozXbff.js";
 import "../../../AmbientTokenButton-B53E25r2.js";
@@ -53,19 +53,19 @@ import "../../../Token-rFpVjQT_.js";
 import "../../../AmbientToggleButton-BjyjXj8S.js";
 import "../../../isValueSelected-DhRqZZPu.js";
 import "../../../AmbientToggleButtonGroupDefault-CngfAplM.js";
-import "../../../BulkActionsGridButton-CSzHiVvH.js";
+import "../../../BulkActionsGridButton-C0Gm7VUV.js";
 import "../../../AmbientChipButton-DYAYXuKp.js";
 import "../../../FluentDialog-B5ZxvX1E.js";
-import "../../../GridFunctions-BmV2e-nR.js";
+import "../../../GridFunctions-Cw1f6eYk.js";
 import "../../../useDynamicListCalculation-BzXkwt1u.js";
 import "../../../DynamicContainerWithMenu-lYZyNyb_.js";
 import "../../../SearchOperator-D9838PIe.js";
-import "../../../AmbientGridTemplate-BecuOnHe.js";
+import "../../../AmbientGridTemplate-_nVDm-nz.js";
 import "../../../TableColumnDefs-BpaOx60h.js";
 import "../../../IconButtonWithToolTip-DswviiJB.js";
 import "../../../ActionsRenderer-B1ImXko3.js";
 import "../../../BioCard-M1ZP7x1X.js";
 import "../../../AddressListItem-Bd9OFX1z.js";
-import "../../../wrappers-CGE2HK5z.js";
+import "../../../wrappers-6TV_GYbs.js";
 
 export { AgGridSimpleWrapper, BarChartWrapper, BioCardWrapper, DisplayCardWrapper, DonutWrapper, HistogramWrapper, LineGraphWrapper, PrimaryActionHeaderWrapper, barChartWrapperProps, data };

package/dist/dataBrowser/forms/index.js

@@ -14,6 +14,6 @@ import "../../FluentIcon-DQ6nSDJg.js";
 import "../../FluentIconButton-Dc95mE3v.js";
 import "../../useAxiosGet-vvPjwB4W.js";
 import { i as ParamsMappingFields, n as RequiredFieldsMappingField, r as ParamsMappingForm, t as RequiredFieldsMappingForm } from "../../RequiredFieldsMappingForm-KwEaUAJ-.js";
-import "../../forms-uSV7-14b.js";
+import "../../forms-DUpzjbB8.js";
 
 export { ParamsMappingFields, ParamsMappingForm, RequiredFieldsMappingField, RequiredFieldsMappingForm };

package/dist/dataBrowser/index.js

@@ -23,16 +23,16 @@ import "../FluentIconButton-Dc95mE3v.js";
 import "../FluentColorPicker-Wi2o3JqX.js";
 import "../entityUtilities-_8w-Zjs3.js";
 import "../crudActions-DXyHKaN8.js";
-import "../unitySystemEnums-DQSkCr3D.js";
+import "../unitySystemEnums-DtVX3A-I.js";
 import "../UnityFluentIcon-DrASIcTF.js";
 import "../ActionLoadingDispatchContext-XEU8GWlw.js";
-import "../actionUtils-cC_2y5Xi.js";
+import "../actionUtils-BEMs2nQ4.js";
 import "../inquiryStore-BMYKf5MP.js";
 import "../catalogStore-DP2GxpTJ.js";
 import "../shellStore-C8zfPsZ-.js";
-import "../useActions-BbqecXkd.js";
+import "../useActions-C4vaudH3.js";
 import "../PrimaryActionButton-Dk8zvDAW.js";
-import "../SearchUtilities-Df1gkDw9.js";
+import "../SearchUtilities-LooYyhu6.js";
 import "../teleporterStore-CjUFtATo.js";
 import "../AmbientPopoverMenuItem-BZuX43zJ.js";
 import "../LayoutUnit-D4jJvonh.js";
@@ -65,26 +65,26 @@ import "../Token-rFpVjQT_.js";
 import "../AmbientToggleButton-BjyjXj8S.js";
 import "../isValueSelected-DhRqZZPu.js";
 import "../AmbientToggleButtonGroupDefault-CngfAplM.js";
-import "../BulkActionsGridButton-CSzHiVvH.js";
+import "../BulkActionsGridButton-C0Gm7VUV.js";
 import "../AmbientChipButton-DYAYXuKp.js";
 import "../FluentDialog-B5ZxvX1E.js";
-import "../GridFunctions-BmV2e-nR.js";
+import "../GridFunctions-Cw1f6eYk.js";
 import "../useDynamicListCalculation-BzXkwt1u.js";
 import "../DynamicContainerWithMenu-lYZyNyb_.js";
 import "../SearchOperator-D9838PIe.js";
-import "../AmbientGridTemplate-BecuOnHe.js";
+import "../AmbientGridTemplate-_nVDm-nz.js";
 import "../IconButtonWithToolTip-DswviiJB.js";
 import "../ActionsRenderer-B1ImXko3.js";
 import { i as ParamsMappingFields, n as RequiredFieldsMappingField, r as ParamsMappingForm, t as RequiredFieldsMappingForm } from "../RequiredFieldsMappingForm-KwEaUAJ-.js";
 import "../lookupsStore-DPI8oD9R.js";
 import "../QueryResult-CNLmUNN4.js";
 import "../useQueryExecutors-UWa24-Mf.js";
-import "../SearchServiceDatasource-CFWLJElU.js";
+import "../SearchServiceDatasource-DWBFU9Mh.js";
 import "../useDefaultFormValues-BVsgZOlc.js";
 import "../tagEnums-BG8WEzei.js";
-import "../CrudForm-DzmNPfVa.js";
-import "../CrudTableSidePanel-CXOSojmw.js";
-import { n as DataBrowserColumnDefs, r as defaultColActionsDef, t as DataBrowserContainer } from "../DataBrowserContainer-DHE9PS3L.js";
-import "../forms-uSV7-14b.js";
+import "../CrudForm-kmRD2mZW.js";
+import "../CrudTableSidePanel-DwpQr6ct.js";
+import { n as DataBrowserColumnDefs, r as defaultColActionsDef, t as DataBrowserContainer } from "../DataBrowserContainer-Dtp_hqDU.js";
+import "../forms-DUpzjbB8.js";
 
 export { DataBrowserColumnDefs, DataBrowserContainer, ParamsMappingFields, ParamsMappingForm, RequiredFieldsMappingField, RequiredFieldsMappingForm, defaultColActionsDef };

package/dist/dataDisplay-2QrOSmK3.js

@@ -0,0 +1,50 @@
+import { t as colors$1 } from "./colors-BONxjrOE.js";
+import { t as Token } from "./Token-rFpVjQT_.js";
+import React from "react";
+import { Divider, Typography, makeStyles } from "@material-ui/core";
+import { CalendarIcon, OpenInNewTabIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+
+//#region src/UI/components/dataDisplay/Sticky.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "inline-flex",
+		alignItems: "center",
+		background: (props) => {
+			if (colors$1.unity.hasOwnProperty(props.color)) return colors$1.unity[props.color].hint;
+			else return colors$1.unity.info.hint;
+		},
+		borderRadius: (props) => props.size === "large" ? 56 / 2 : 48 / 2,
+		margin: theme.spacing(1)
+	},
+	stickyChild: { display: "inline-table" }
+}), { name: "FluentListItem" });
+const Sticky = (props) => {
+	const classes = useStyles(props);
+	const { text, size, color } = props;
+	const typographyVariant = size === "large" ? "body2" : "body1";
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Token, {
+		className: classes.stickyChild,
+		icon: CalendarIcon,
+		size,
+		color
+	}), /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.stickyChild,
+		variant: typographyVariant
+	}, text ?? ""), /* @__PURE__ */ React.createElement(Token, {
+		className: classes.stickyChild,
+		icon: OpenInNewTabIcon,
+		variant: "filled",
+		size,
+		color
+	}));
+};
+Sticky.propTypes = {
+	text: PropTypes.string,
+	size: PropTypes.string,
+	color: PropTypes.string
+};
+
+//#endregion
+export { Sticky as t };
+//# sourceMappingURL=dataDisplay-2QrOSmK3.js.map

package/dist/dataDisplay-2QrOSmK3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataDisplay-2QrOSmK3.js","names":["colors"],"sources":["../src/UI/components/dataDisplay/Sticky.jsx"],"sourcesContent":["import React from 'react'\nimport { Typography, makeStyles, Divider } from '@material-ui/core'\nimport { Token } from './Token'\nimport { OpenInNewTabIcon, CalendarIcon } from '@fluentui/react-icons'\nimport { colors } from '../../../utilities/style/colors';\nimport PropTypes from 'prop-types';\n\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      background: (props) => {\n        if (colors.unity.hasOwnProperty(props.color)) {\n          return colors.unity[props.color].hint;\n        } else {\n          return colors.unity.info.hint;\n        }\n      },\n      borderRadius: props => props.size === \"large\" ? 56 / 2.0 : 48 / 2.0,\n      margin: theme.spacing(1)\n    },\n    stickyChild: {\n      display: 'inline-table'\n    },\n  }),\n  { name: 'FluentListItem' }\n)\n\nexport const Sticky = (props) => {\n  const classes = useStyles(props)\n  const {\n    text,\n    size,\n    color\n  } = props\n\n  const typographyVariant = (size === \"large\") ? \"body2\" : \"body1\"\n\n  return (\n    <div className={classes.root}>\n      <Token className={classes.stickyChild} icon={CalendarIcon} size={size} color={color} />\n      <Typography className={classes.stickyChild} variant={typographyVariant}>\n        { text ?? \"\" }\n      </Typography>\n      <Token className={classes.stickyChild} icon={OpenInNewTabIcon} variant=\"filled\" size={size} color={color} />\n    </div>\n  )\n}\n\nSticky.propTypes = {\n  text: PropTypes.string,\n  size: PropTypes.string,\n  color: PropTypes.string\n}\n"],"mappings":";;;;;;;;AAQA,MAAM,YAAY,YACf,WAAW;CACV,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,aAAa,UAAU;AACrB,OAAIA,SAAO,MAAM,eAAe,MAAM,MAAM,CAC1C,QAAOA,SAAO,MAAM,MAAM,OAAO;OAEjC,QAAOA,SAAO,MAAM,KAAK;;EAG7B,eAAc,UAAS,MAAM,SAAS,UAAU,KAAK,IAAM,KAAK;EAChE,QAAQ,MAAM,QAAQ,EAAE;EACzB;CACD,aAAa,EACX,SAAS,gBACV;CACF,GACD,EAAE,MAAM,kBAAkB,CAC3B;AAED,MAAa,UAAU,UAAU;CAC/B,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,MACA,MACA,UACE;CAEJ,MAAM,oBAAqB,SAAS,UAAW,UAAU;AAEzD,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EAAM,WAAW,QAAQ;EAAa,MAAM;EAAoB;EAAa;GAAS,EACvF,oCAAC;EAAW,WAAW,QAAQ;EAAa,SAAS;IACjD,QAAQ,GACC,EACb,oCAAC;EAAM,WAAW,QAAQ;EAAa,MAAM;EAAkB,SAAQ;EAAe;EAAa;GAAS,CACxG;;AAIV,OAAO,YAAY;CACjB,MAAM,UAAU;CAChB,MAAM,UAAU;CAChB,OAAO,UAAU;CAClB"}

package/dist/dataDisplay-CAKbZ3U3.js

@@ -0,0 +1,180 @@
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
+import { t as EmptyStateDisplay } from "./EmptyStateDisplay-CVeCBelv.js";
+import React, { useState } from "react";
+import { Avatar, Box, Divider, Link, List, ListItem, ListItemAvatar, ListItemIcon, ListItemText, Typography, makeStyles, useTheme } from "@material-ui/core";
+import clsx from "clsx";
+import { ErrorIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+import { makeStyles as makeStyles$1, useTheme as useTheme$1 } from "@material-ui/core/styles";
+
+//#region src/UI/dataDisplay/HintPanel.jsx
+const useStyles$2 = makeStyles$1((theme) => ({
+	hintContainer: { borderLeft: `3px solid ${theme.palette.primary.main}` },
+	hintContent: {
+		backgroundColor: "#F3F9FE",
+		padding: `1rem`
+	},
+	hideHintButton: {
+		border: "none",
+		background: "none",
+		cursor: "pointer",
+		color: "#0B79D0",
+		textDecoration: "none"
+	},
+	hidehelp: {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "flex-end",
+		width: "100%"
+	}
+}));
+const HintPanel = ({ hint, hideHintText }) => {
+	const classes = useStyles$2(useTheme$1());
+	const [showHint, setShowHint] = useState(true);
+	const handleHideHint = () => {
+		setShowHint(false);
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: classes.hintContainer }, showHint && /* @__PURE__ */ React.createElement("div", { className: classes.hintContent }, /* @__PURE__ */ React.createElement("div", null, hint), /* @__PURE__ */ React.createElement("div", { className: classes.hidehelp }, /* @__PURE__ */ React.createElement("button", {
+		className: classes.hideHintButton,
+		onClick: handleHideHint
+	}, hideHintText))));
+};
+HintPanel.propTypes = {
+	hint: PropTypes.string.isRequired,
+	hideHintText: PropTypes.string.isRequired
+};
+
+//#endregion
+//#region src/UI/dataDisplay/AmbientList.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	avatar: {
+		backgroundColor: theme.palette.secondary.light,
+		color: theme.palette.getContrastText(theme.palette.secondary.light)
+	},
+	denseAvatar: {
+		width: theme.spacing(3.75),
+		height: theme.spacing(3.75),
+		margin: "4px 0px"
+	},
+	list: {
+		width: "100%",
+		backgroundColor: theme.palette.background.paper,
+		padding: "0px",
+		maxHeight: (props) => props?.maxHeight || 343,
+		overflow: "auto",
+		height: (props) => props?.listHeight
+	},
+	listItem: { padding: "0px 15px" },
+	status: { marginLeft: theme.spacing(1) },
+	noDataMessage: {
+		height: (props) => props?.noDataHeight,
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center",
+		gap: "10px"
+	}
+}));
+const DefaultFieldConfig = {
+	primaryText: "primaryText",
+	secondaryText: "secondaryText"
+};
+const AmbientList = (props) => {
+	const theme = useTheme();
+	const classes = useStyles$1(props);
+	const { data, useAvatar = true, getItemIcon = () => {}, getItemStatus = () => {}, onItemClick = () => {}, fieldConfig = DefaultFieldConfig, noDataMessage = "No data available" } = props;
+	if (!data || data.length === 0) return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(EmptyStateDisplay, {
+		icon: ErrorIcon,
+		primaryText: noDataMessage
+	}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }));
+	return /* @__PURE__ */ React.createElement(List, { className: classes?.list }, data?.map((item, index) => {
+		const status = getItemStatus(item);
+		const icon = getItemIcon(item);
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ListItem, {
+			button: true,
+			className: classes.listItem,
+			onClick: () => onItemClick(item)
+		}, useAvatar && icon ? /* @__PURE__ */ React.createElement(ListItemAvatar, null, /* @__PURE__ */ React.createElement(Avatar, {
+			className: clsx(classes.avatar, { [classes.denseAvatar]: !item?.[fieldConfig?.primaryText] || !item?.[fieldConfig?.secondaryText] }),
+			sizes: "large"
+		}, /* @__PURE__ */ React.createElement(FluentIcon, {
+			component: icon,
+			size: "small"
+		}))) : /* @__PURE__ */ React.createElement("div", null, icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(FluentIcon, {
+			component: icon,
+			size: !item?.[fieldConfig?.primaryText] || !item?.[fieldConfig?.secondaryText] ? "medium" : "large",
+			color: theme.palette.secondary.main
+		}))), /* @__PURE__ */ React.createElement(ListItemText, {
+			primary: item?.[fieldConfig?.primaryText],
+			secondary: item?.[fieldConfig?.secondaryText],
+			primaryTypographyProps: {
+				variant: "body2",
+				color: "textPrimary"
+			},
+			secondaryTypographyProps: {
+				variant: "body1",
+				color: "textSecondary"
+			}
+		}), /* @__PURE__ */ React.createElement(ListItemText, { disableTypography: true }, /* @__PURE__ */ React.createElement(Typography, { align: "right" }, item?.[fieldConfig?.subText])), status?.label && /* @__PURE__ */ React.createElement(Box, {
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "center",
+			alignItems: "flex-end",
+			className: classes.status
+		}, /* @__PURE__ */ React.createElement(StatusChip, {
+			status: status?.status ?? "info",
+			label: status?.label
+		}))), /* @__PURE__ */ React.createElement(Divider, null));
+	}));
+};
+AmbientList.propTypes = {
+	data: PropTypes.arrayOf(PropTypes.object),
+	useAvatar: PropTypes.bool,
+	getItemIcon: PropTypes.func,
+	getItemStatus: PropTypes.func,
+	onItemClick: PropTypes.func,
+	fieldConfig: PropTypes.shape({
+		primaryText: PropTypes.string,
+		secondaryText: PropTypes.string,
+		subText: PropTypes.string
+	}),
+	noDataMessage: PropTypes.string,
+	maxHeight: PropTypes.number,
+	listHeight: PropTypes.string,
+	noDataHeight: PropTypes.string
+};
+
+//#endregion
+//#region src/UI/dataDisplay/FluentListElement.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	wrapper: {
+		display: "flex",
+		flexDirection: "row",
+		padding: theme.spacing(1),
+		lineHeight: 2
+	},
+	value: { flex: 1 }
+}));
+const FluentListElement = ({ subject, value, className, status, anchor = false, href }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.value,
+		variant: "body2"
+	}, subject, " ", subject && ":"), status && /* @__PURE__ */ React.createElement(StatusChip, {
+		status,
+		label: value
+	}), anchor && href ? /* @__PURE__ */ React.createElement(Link, {
+		href,
+		variant: "body2",
+		underline: "hover",
+		target: "_blank",
+		rel: "noopener noreferrer"
+	}, /* @__PURE__ */ React.createElement("strong", null, value)) : !status ? /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, value)) : null), /* @__PURE__ */ React.createElement(Divider, null));
+};
+
+//#endregion
+export { AmbientList as n, HintPanel as r, FluentListElement as t };
+//# sourceMappingURL=dataDisplay-CAKbZ3U3.js.map

package/dist/dataDisplay-CAKbZ3U3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataDisplay-CAKbZ3U3.js","names":["useStyles","makeStyles","useTheme","useStyles","MuiList"],"sources":["../src/UI/dataDisplay/HintPanel.jsx","../src/UI/dataDisplay/AmbientList.jsx","../src/UI/dataDisplay/FluentListElement.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  hintContainer: {\n    borderLeft: `3px solid ${theme.palette.primary.main}`\n  },\n  hintContent: {\n    backgroundColor: '#F3F9FE',\n    padding: `1rem`\n  },\n  hideHintButton: {\n    border: 'none',\n    background: 'none',\n    cursor: 'pointer',\n    color: '#0B79D0',\n    textDecoration: 'none'\n  },\n  hidehelp: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-end',\n    width: '100%'\n  }\n}));\n\nexport const HintPanel = ({ hint, hideHintText }) => {\n  const theme = useTheme();\n  const classes = useStyles(theme);\n  const [showHint, setShowHint] = useState(true);\n\n  const handleHideHint = () => {\n    setShowHint(false);\n  };\n\n  return (\n    <div className={classes.hintContainer}>\n      {showHint && (\n        <div className={classes.hintContent}>\n          <div>{hint}</div>\n          <div className={classes.hidehelp}>\n            <button className={classes.hideHintButton} onClick={handleHideHint}>\n              {hideHintText}\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHintPanel.propTypes = {\n  hint: PropTypes.string.isRequired, // Hint content to be displayed\n  hideHintText: PropTypes.string.isRequired // Text for the hide hint button\n};\n","import React from 'react';\nimport {\n  makeStyles,\n  useTheme,\n  Typography,\n  Box,\n  List as MuiList,\n  ListItem,\n  ListItemText,\n  Divider,\n  ListItemAvatar,\n  Avatar,\n  ListItemIcon\n} from '@material-ui/core';\nimport { ErrorIcon } from '@fluentui/react-icons';\nimport { StatusChip } from './status/StatusChip';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport clsx from 'clsx';\nimport { EmptyStateDisplay } from './EmptyStateDisplay';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  avatar: {\n    backgroundColor: theme.palette.secondary.light,\n    color: theme.palette.getContrastText(theme.palette.secondary.light)\n  },\n  denseAvatar: {\n    width: theme.spacing(3.75),\n    height: theme.spacing(3.75),\n    margin: '4px 0px'\n  },\n  list: {\n    width: '100%',\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    maxHeight: (props) => props?.maxHeight || 343,\n    overflow: 'auto',\n    height: (props) => props?.listHeight\n  },\n  listItem: {\n    padding: '0px 15px'\n  },\n  status: {\n    marginLeft: theme.spacing(1)\n  },\n  noDataMessage: {\n    height: (props) => props?.noDataHeight,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '10px'\n  }\n}));\n\nconst DefaultFieldConfig = {\n  primaryText: 'primaryText',\n  secondaryText: 'secondaryText'\n};\n\nexport const AmbientList = (props) => {\n  const theme = useTheme();\n  const classes = useStyles(props);\n\n  const {\n    data,\n    useAvatar = true,\n    getItemIcon = () => {},\n    getItemStatus = () => {},\n    onItemClick = () => {},\n    fieldConfig = DefaultFieldConfig,\n    noDataMessage = 'No data available'\n  } = props;\n\n  if (!data || data.length === 0) {\n    return (\n      <>\n        <LayoutUnit unit='xxs' />\n        <EmptyStateDisplay icon={ErrorIcon} primaryText={noDataMessage} />\n        <LayoutUnit unit='xxs' />\n      </>\n    );\n  }\n\n  return (\n    <MuiList className={classes?.list}>\n      {data?.map((item, index) => {\n        const status = getItemStatus(item);\n        const icon = getItemIcon(item);\n\n        return (\n          <>\n            <ListItem\n              button\n              className={classes.listItem}\n              onClick={() => onItemClick(item)}\n            >\n              {useAvatar && icon ? (\n                <ListItemAvatar>\n                  <Avatar\n                    className={clsx(classes.avatar, {\n                      [classes.denseAvatar]:\n                        !item?.[fieldConfig?.primaryText] ||\n                        !item?.[fieldConfig?.secondaryText]\n                    })}\n                    sizes='large'\n                  >\n                    <FluentIcon component={icon} size='small' />\n                  </Avatar>\n                </ListItemAvatar>\n              ) : (\n                <div>\n                  {icon && (\n                    <ListItemIcon>\n                      <FluentIcon\n                        component={icon}\n                        size={\n                          !item?.[fieldConfig?.primaryText] ||\n                          !item?.[fieldConfig?.secondaryText]\n                            ? 'medium'\n                            : 'large'\n                        }\n                        color={theme.palette.secondary.main}\n                      />\n                    </ListItemIcon>\n                  )}\n                </div>\n              )}\n              {/*\n              Note: The primary and secondary typography variant is flipped because\n              it is in incorrect in our theme. Temporary fix until we fix the theme.\n              */}\n              <ListItemText\n                primary={item?.[fieldConfig?.primaryText]}\n                secondary={item?.[fieldConfig?.secondaryText]}\n                primaryTypographyProps={{\n                  variant: 'body2',\n                  color: 'textPrimary'\n                }}\n                secondaryTypographyProps={{\n                  variant: 'body1',\n                  color: 'textSecondary'\n                }}\n              />\n              <ListItemText disableTypography>\n                <Typography align='right'>\n                  {item?.[fieldConfig?.subText]}\n                </Typography>\n              </ListItemText>\n\n              {status?.label && (\n                <Box\n                  display='flex'\n                  flexDirection='column'\n                  justifyContent='center'\n                  alignItems='flex-end'\n                  className={classes.status}\n                >\n                  <StatusChip\n                    status={status?.status ?? 'info'}\n                    label={status?.label}\n                  />\n                </Box>\n              )}\n            </ListItem>\n            <Divider />\n          </>\n        );\n      })}\n    </MuiList>\n  );\n};\n\nAmbientList.propTypes = {\n  data: PropTypes.arrayOf(PropTypes.object),\n  useAvatar: PropTypes.bool,\n  getItemIcon: PropTypes.func,\n  getItemStatus: PropTypes.func,\n  onItemClick: PropTypes.func,\n  fieldConfig: PropTypes.shape({\n    primaryText: PropTypes.string,\n    secondaryText: PropTypes.string,\n    subText: PropTypes.string\n  }),\n  noDataMessage: PropTypes.string,\n  maxHeight: PropTypes.number,\n  listHeight: PropTypes.string,\n  noDataHeight: PropTypes.string\n};\n","import React from 'react'\nimport { makeStyles, Typography, Divider, Link } from '@material-ui/core'\nimport { StatusChip } from './status/StatusChip'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(1),\n    lineHeight: 2\n  },\n  value: {\n    flex: 1\n  }\n}))\n\nexport const FluentListElement = ({ subject, value, className, status, anchor = false, href }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <div className={classes.wrapper}>\n        <Typography className={classes.value} variant='body2'>\n          {subject} {subject && ':'}\n        </Typography>\n        {status && <StatusChip status={status} label={value} />}\n        {anchor && href ?\n          <Link href={href} variant='body2' underline=\"hover\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <strong>{value}</strong>\n          </Link>\n          :\n          !status ?\n            <Typography variant='body2'>\n              <strong>{value}</strong>\n            </Typography>\n          :\n          null\n        }\n      </div>\n\n      <Divider />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/defaultTabs-CFFLh6gs.js

@@ -0,0 +1,93 @@
+import { n as FluentSimpleTab, t as FluentSimpleTabs } from "./FluentSimpleTabs-B0Ntb9X_.js";
+import { t as FluentTabPanel } from "./FluentTabPanel-BEM6uZRI.js";
+import React, { useState } from "react";
+import { Box, Tab, Typography, lighten, makeStyles, styled } from "@material-ui/core";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+
+//#region src/UI/navigation/tabs/defaultTabs/FluentTabUtility.jsx
+function a11yProps$1(index) {
+	return {
+		id: `simple-tab-${index}`,
+		"aria-controls": `simple-tabpanel-${index}`
+	};
+}
+const useStyles = makeStyles((theme) => ({ root: {
+	flexGrow: 1,
+	backgroundColor: theme.palette.background.paper
+} }));
+const FluentTabUtility = (props, ...otherProps) => {
+	const classes = useStyles();
+	const { TabList, block, className, variant, color, FluentSimpleTabsProps } = props;
+	const [value, setValue] = useState(0);
+	const handleChange = (event, newValue) => {
+		setValue(newValue);
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(FluentSimpleTabs, {
+		value,
+		block,
+		onChange: handleChange,
+		...FluentSimpleTabsProps,
+		...otherProps
+	}, TabList.map((item, index) => {
+		return /* @__PURE__ */ React.createElement(FluentSimpleTab, {
+			...otherProps,
+			key: index,
+			label: item.label,
+			icon: item.icon,
+			block,
+			badgeContent: item.badgeContent,
+			variant,
+			color,
+			...a11yProps$1(index)
+		});
+	})), TabList.map((item, index) => {
+		return /* @__PURE__ */ React.createElement(FluentTabPanel, {
+			block,
+			value,
+			index,
+			key: index
+		}, item.child);
+	}));
+};
+
+//#endregion
+//#region src/UI/navigation/tabs/defaultTabs/FluentTabPanels.jsx
+const a11yProps = (index) => {
+	return {
+		id: `simple-tab-${index}`,
+		"aria-controls": `simple-tabpanel-${index}`
+	};
+};
+/**
+* @type {import('@material-ui/core').StyledComponentProps<"root" | "labelIcon" | "textColorInherit" | "textColorPrimary" | "textColorSecondary" | "selected" | "disabled" | "fullWidth" | "wrapped" | "wrapper">}
+*/
+const StyledTab = styled(Tab)(({ theme, style }) => ({
+	textTransform: "none",
+	"&.Mui-selected": {
+		backgroundColor: lighten(theme.palette.secondary.light, .9),
+		color: theme.palette.primary.main
+	},
+	backgroundColor: theme.palette.background.paper,
+	...style
+}));
+const FluentTabPanels = (props) => {
+	const { children, value, index, sx, ...other } = props;
+	return /* @__PURE__ */ React.createElement("div", {
+		role: "tabpanel",
+		hidden: value !== index,
+		id: `simple-tabpanel-${index}`,
+		"aria-labelledby": `simple-tab-${index}`,
+		...other
+	}, value === index && /* @__PURE__ */ React.createElement(Box, { sx: sx ? { ...sx } : { p: 3 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, children)));
+};
+FluentTabPanels.propTypes = {
+	children: PropTypes.node,
+	index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+	value: PropTypes.number.isRequired,
+	sx: PropTypes.object
+};
+
+//#endregion
+export { FluentTabUtility as i, StyledTab as n, a11yProps as r, FluentTabPanels as t };
+//# sourceMappingURL=defaultTabs-CFFLh6gs.js.map

package/dist/defaultTabs-CFFLh6gs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTabs-CFFLh6gs.js","names":["a11yProps"],"sources":["../src/UI/navigation/tabs/defaultTabs/FluentTabUtility.jsx","../src/UI/navigation/tabs/defaultTabs/FluentTabPanels.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { FluentSimpleTabs } from '../defaultTabs/FluentSimpleTabs';\nimport { FluentSimpleTab } from '../defaultTabs/FluentSimpleTab';\nimport { FluentTabPanel } from '../defaultTabs/FluentTabPanel';\nimport clsx from 'clsx';\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`\n  };\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexGrow: 1,\n    backgroundColor: theme.palette.background.paper\n  }\n}));\n\nexport const FluentTabUtility = (props, ...otherProps) => {\n  const classes = useStyles();\n  const { TabList, block, className, variant, color, FluentSimpleTabsProps } =\n    props;\n\n  const [value, setValue] = useState(0);\n\n  const handleChange = (event, newValue) => {\n    setValue(newValue);\n  };\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <FluentSimpleTabs\n        value={value}\n        block={block}\n        onChange={handleChange}\n        {...FluentSimpleTabsProps}\n        {...otherProps}\n      >\n        {TabList.map((item, index) => {\n          return (\n            <FluentSimpleTab\n              {...otherProps}\n              key={index}\n              label={item.label}\n              icon={item.icon}\n              block={block}\n              badgeContent={item.badgeContent}\n              variant={variant}\n              color={color}\n              {...a11yProps(index)}\n            />\n          );\n        })}\n      </FluentSimpleTabs>\n\n      {TabList.map((item, index) => {\n        return (\n          <FluentTabPanel block={block} value={value} index={index} key={index}>\n            {item.child}\n          </FluentTabPanel>\n        );\n      })}\n    </div>\n  );\n};\n","import React from 'react'\nimport { Box, Tab, Typography, styled, lighten } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nexport const a11yProps = (index) => {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\n/**\n * @type {import('@material-ui/core').StyledComponentProps<\"root\" | \"labelIcon\" | \"textColorInherit\" | \"textColorPrimary\" | \"textColorSecondary\" | \"selected\" | \"disabled\" | \"fullWidth\" | \"wrapped\" | \"wrapper\">}\n */\nexport const StyledTab = styled(Tab)(({ theme, style }) => ({\n  textTransform: \"none\",\n  '&.Mui-selected': {\n    backgroundColor: lighten(theme.palette.secondary.light, 0.9),\n    color: theme.palette.primary.main,\n  },\n  backgroundColor: theme.palette.background.paper,\n  ...style\n}));\n\nexport const FluentTabPanels = (props) => {\n  const { children, value, index, sx, ...other } = props;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      {...other}\n    >\n      {value === index && (\n        <Box sx={sx ? { ...sx } : { p: 3 }}>\n          <Typography variant=\"subtitle2\">{children}</Typography>\n        </Box>\n      )}\n    </div>\n  );\n}\n\nFluentTabPanels.propTypes = {\n  children: PropTypes.node,\n  index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  value: PropTypes.number.isRequired,\n  sx: PropTypes.object,\n}\n\n"],"mappings":";;;;;;;;AAOA,SAASA,YAAU,OAAO;AACxB,QAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;EACrC;;AAGH,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,UAAU;CACV,iBAAiB,MAAM,QAAQ,WAAW;CAC3C,EACF,EAAE;AAEH,MAAa,oBAAoB,OAAO,GAAG,eAAe;CACxD,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,SAAS,OAAO,WAAW,SAAS,OAAO,0BACjD;CAEF,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CAErC,MAAM,gBAAgB,OAAO,aAAa;AACxC,WAAS,SAAS;;AAGpB,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC;EACQ;EACA;EACP,UAAU;EACV,GAAI;EACJ,GAAI;IAEH,QAAQ,KAAK,MAAM,UAAU;AAC5B,SACE,oCAAC;GACC,GAAI;GACJ,KAAK;GACL,OAAO,KAAK;GACZ,MAAM,KAAK;GACJ;GACP,cAAc,KAAK;GACV;GACF;GACP,GAAIA,YAAU,MAAM;IACpB;GAEJ,CACe,EAElB,QAAQ,KAAK,MAAM,UAAU;AAC5B,SACE,oCAAC;GAAsB;GAAc;GAAc;GAAO,KAAK;KAC5D,KAAK,MACS;GAEnB,CACE;;;;;AC7DV,MAAa,aAAa,UAAU;AAClC,QAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;EACrC;;;;;AAMH,MAAa,YAAY,OAAO,IAAI,EAAE,EAAE,OAAO,aAAa;CAC1D,eAAe;CACf,kBAAkB;EAChB,iBAAiB,QAAQ,MAAM,QAAQ,UAAU,OAAO,GAAI;EAC5D,OAAO,MAAM,QAAQ,QAAQ;EAC9B;CACD,iBAAiB,MAAM,QAAQ,WAAW;CAC1C,GAAG;CACJ,EAAE;AAEH,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,UAAU,OAAO,OAAO,IAAI,GAAG,UAAU;AAEjD,QACE,oCAAC;EACC,MAAK;EACL,QAAQ,UAAU;EAClB,IAAI,mBAAmB;EACvB,mBAAiB,cAAc;EAC/B,GAAI;IAEH,UAAU,SACT,oCAAC,OAAI,IAAI,KAAK,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,GAAG,IAChC,oCAAC,cAAW,SAAQ,eAAa,SAAsB,CACnD,CAEJ;;AAIV,gBAAgB,YAAY;CAC1B,UAAU,UAAU;CACpB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC;CACjE,OAAO,UAAU,OAAO;CACxB,IAAI,UAAU;CACf"}