udp-react-enterprise-component-library 25.18.1-beta.31 → 25.18.1-beta.33

package/dist/SideBarTemplate-B0lh7DDL.js

@@ -0,0 +1,128 @@
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import { t as AmbientCard } from "./AmbientCard-CLW4bPCu.js";
+import { n as GridUnit, r as getRatio, t as GridRow } from "./GridRow-CPfKPnRD.js";
+import React, { Children, useState } from "react";
+import { Box, Fade, makeStyles, useTheme } from "@material-ui/core";
+import { ChevronLeftIcon, ChevronRightIcon } from "@fluentui/react-icons";
+
+//#region src/layout/GridGroup.jsx
+const GridGroup = ({ col1, col2, col3, col4, col5, col6, ratio, highlight }) => {
+	const theme = useTheme();
+	const cnt = Children.toArray(col1).length;
+	const cnt2 = Children.toArray(col2).length;
+	const cnt3 = Children.toArray(col3).length;
+	const cnt4 = Children.toArray(col4).length;
+	const cnt5 = Children.toArray(col5).length;
+	const cnt6 = Children.toArray(col6).length;
+	const number = cnt + cnt2 + cnt3 + cnt4 + cnt5 + cnt6;
+	const width = theme.spacing(154) / number / 8;
+	const ratioArr = getRatio(ratio);
+	const staticDisplay = /* @__PURE__ */ React.createElement(GridRow, { highlight }, number >= 1 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col1), number >= 2 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col2), number >= 3 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col3), number >= 4 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col4), number >= 5 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col5), number >= 6 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col6));
+	return /* @__PURE__ */ React.createElement("div", null, " ", staticDisplay, " ");
+};
+
+//#endregion
+//#region src/layout/HeaderLayout.jsx
+const HeaderLayout = ({ children }) => {
+	return /* @__PURE__ */ React.createElement(AmbientCard, {
+		style: {
+			marginTop: 0,
+			padding: 0
+		},
+		fullWidth: true
+	}, /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		flexDirection: "column"
+	}, /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "flex-start",
+		style: { padding: "0px" }
+	}, /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		style: {
+			padding: "0px",
+			width: "100%",
+			gap: "10px"
+		}
+	}, children))));
+};
+
+//#endregion
+//#region src/layout/templates/SideBarTemplate.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		width: "100%",
+		position: "relative"
+	},
+	column: {
+		display: "flex",
+		flexDirection: "row",
+		flex: 1
+	},
+	content: { flex: 1 },
+	sideBar: {
+		height: "100vh",
+		background: theme.palette.primary.light
+	}
+}));
+const SideBarTemplate = ({ children, sidebar }) => {
+	const classes = useStyles();
+	const [open, setOpen] = useState(true);
+	const toggleSidebar = () => {
+		setOpen(!open);
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.column }, /* @__PURE__ */ React.createElement("div", { className: classes.content }, children), /* @__PURE__ */ React.createElement("div", { style: {
+		position: "absolute",
+		top: 0,
+		right: open ? 300 : 0
+	} }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		color: "primary",
+		icon: open ? ChevronRightIcon : ChevronLeftIcon,
+		onClick: toggleSidebar
+	})), open && /* @__PURE__ */ React.createElement(Fade, {
+		in: open,
+		timeout: {
+			enter: 1e3,
+			exit: 1e3
+		}
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.sideBar }, sidebar))));
+};
+
+//#endregion
+export { HeaderLayout as n, GridGroup as r, SideBarTemplate as t };
+//# sourceMappingURL=SideBarTemplate-B0lh7DDL.js.map

package/dist/SideBarTemplate-B0lh7DDL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBarTemplate-B0lh7DDL.js","names":[],"sources":["../src/layout/GridGroup.jsx","../src/layout/HeaderLayout.jsx","../src/layout/templates/SideBarTemplate.jsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { useTheme } from '@material-ui/core';\nimport { GridUnit } from './GridUnit';\nimport { GridRow } from './GridRow';\nimport { getRatio } from './getRatio';\n\nexport const GridGroup = ({\n  col1,\n  col2,\n  col3,\n  col4,\n  col5,\n  col6,\n  ratio,\n  highlight\n}) => {\n  const theme = useTheme();\n\n  const cnt = Children.toArray(col1).length;\n  const cnt2 = Children.toArray(col2).length;\n  const cnt3 = Children.toArray(col3).length;\n  const cnt4 = Children.toArray(col4).length;\n  const cnt5 = Children.toArray(col5).length;\n  const cnt6 = Children.toArray(col6).length;\n\n  const number = cnt + cnt2 + cnt3 + cnt4 + cnt5 + cnt6;\n  const width = theme.spacing(154) / number / 8;\n\n  const ratioArr = getRatio(ratio);\n  const staticDisplay = (\n    <GridRow highlight={highlight}>\n      {number >= 1 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col1}\n        </GridUnit>\n      )}\n\n      {number >= 2 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col2}\n        </GridUnit>\n      )}\n      {number >= 3 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col3}\n        </GridUnit>\n      )}\n      {number >= 4 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col4}\n        </GridUnit>\n      )}\n      {number >= 5 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col5}\n        </GridUnit>\n      )}\n      {number >= 6 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col6}\n        </GridUnit>\n      )}\n    </GridRow>\n  );\n\n  return <div> {staticDisplay} </div>;\n};\n","import React from 'react';\nimport { AmbientCard } from '../UI/surfaces/cards/AmbientCard';\nimport { Box } from '@material-ui/core';\n\nexport const HeaderLayout = ({ children }) => {\n  return (\n    <AmbientCard style={{ marginTop: 0, padding: 0 }} fullWidth>\n      <Box display=\"flex\" flexDirection=\"column\">\n        <Box\n          display=\"flex\"\n          flexDirection=\"column\"\n          alignItems=\"flex-start\"\n          style={{\n            padding: '0px',\n          }}\n        >\n          <Box\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            style={{\n              padding: '0px',\n              width: '100%',\n              gap: '10px',\n            }}\n          >\n            {children}\n          </Box>\n        </Box>\n      </Box>\n    </AmbientCard>\n  );\n};\n","import React, { useState } from 'react'\nimport { makeStyles, Fade } from '@material-ui/core'\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    position: 'relative'\n  },\n  column: {\n    display: 'flex',\n    flexDirection: 'row',\n    flex: 1\n  },\n  content: {\n    flex: 1\n  },\n  sideBar: {\n    height: '100vh',\n    background: theme.palette.primary.light\n  }\n}))\n\nexport const SideBarTemplate = ({ children, sidebar }) => {\n  const classes = useStyles()\n\n  const [open, setOpen] = useState(true)\n\n  const toggleSidebar = () => {\n    setOpen(!open)\n  }\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.column}>\n        <div className={classes.content}>{children}</div>\n\n        <div style={{ position: 'absolute', top: 0, right: open ? 300 : 0 }}>\n          <FluentIconButton\n            color='primary'\n            icon={open ? ChevronRightIcon : ChevronLeftIcon}\n            onClick={toggleSidebar}\n          />\n        </div>\n\n        {open && (\n          <Fade in={open} timeout={{ enter: 1000, exit: 1000 }}>\n            <div className={classes.sideBar}>{sidebar}</div>\n          </Fade>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/SimpleTable-CqvnDTLl.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { makeStyles } from "@material-ui/core/styles";
+import Table from "@material-ui/core/Table";
+import TableBody from "@material-ui/core/TableBody";
+import TableCell from "@material-ui/core/TableCell";
+import TableContainer from "@material-ui/core/TableContainer";
+import TableHead from "@material-ui/core/TableHead";
+import TableRow from "@material-ui/core/TableRow";
+
+//#region src/UI/widgets/FluentComponents/SimpleTable.jsx
+const useStyles = makeStyles({ table: { minWidth: 350 } });
+let SimpleTable = (props) => {
+	const { columns, rows } = props;
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, {
+		className: classes.table,
+		"aria-label": "simple table",
+		size: "small"
+	}, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, columns.map((column) => /* @__PURE__ */ React.createElement(TableCell, null, column)))), /* @__PURE__ */ React.createElement(TableBody, null, rows.map((row) => /* @__PURE__ */ React.createElement(TableRow, { key: row.name }, row.rowValues.map((rowValue) => /* @__PURE__ */ React.createElement(TableCell, null, rowValue)))))));
+};
+var SimpleTable_default = SimpleTable;
+
+//#endregion
+export { SimpleTable_default as t };
+//# sourceMappingURL=SimpleTable-CqvnDTLl.js.map

package/dist/SimpleTable-CqvnDTLl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTable-CqvnDTLl.js","names":[],"sources":["../src/UI/widgets/FluentComponents/SimpleTable.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Table from '@material-ui/core/Table'\nimport TableBody from '@material-ui/core/TableBody'\nimport TableCell from '@material-ui/core/TableCell'\nimport TableContainer from '@material-ui/core/TableContainer'\nimport TableHead from '@material-ui/core/TableHead'\nimport TableRow from '@material-ui/core/TableRow'\n\nconst useStyles = makeStyles({\n  table: {\n    minWidth: 350\n  }\n})\n\nlet SimpleTable = (props) => {\n  const { columns, rows } = props\n  const classes = useStyles()\n\n  return (\n    <TableContainer>\n      <Table className={classes.table} aria-label='simple table' size='small'>\n        <TableHead>\n          <TableRow>\n            {columns.map((column) => (\n              <TableCell>{column}</TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {rows.map((row) => (\n            <TableRow key={row.name}>\n              {row.rowValues.map((rowValue) => (\n                <TableCell>{rowValue}</TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  )\n}\nexport default SimpleTable\n"],"mappings":";;;;;;;;;;AASA,MAAM,YAAY,WAAW,EAC3B,OAAO,EACL,UAAU,KACX,EACF,CAAC;AAEF,IAAI,eAAe,UAAU;CAC3B,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,sBACC,oCAAC;EAAM,WAAW,QAAQ;EAAO,cAAW;EAAe,MAAK;IAC9D,oCAAC,iBACC,oCAAC,gBACE,QAAQ,KAAK,WACZ,oCAAC,iBAAW,OAAmB,CAC/B,CACO,CACD,EACZ,oCAAC,iBACE,KAAK,KAAK,QACT,oCAAC,YAAS,KAAK,IAAI,QAChB,IAAI,UAAU,KAAK,aAClB,oCAAC,iBAAW,SAAqB,CACjC,CACO,CACX,CACQ,CACN,CACO;;AAGrB,0BAAe"}

package/dist/SparsePlotWidget-H4lx8Kaz.js

@@ -0,0 +1,82 @@
+import { t as __export } from "./chunk-B4enJp2Q.js";
+import { t as WidgetCard_default } from "./WidgetCard-CDqYxK5O.js";
+import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-BuDlbH0Q.js";
+import React, { forwardRef } from "react";
+import { Box, Grid } from "@material-ui/core";
+import { MuiVegaLite } from "@material-vega/material-ui";
+
+//#region src/UI/widgets/library/SparsePlotWidget/SparsePlotWidget.jsx
+const layout = {
+	w: {
+		default: 2,
+		min: 0,
+		max: 4
+	},
+	h: {
+		default: 2,
+		min: 0,
+		max: 4
+	}
+};
+const params = { mode: { defaultValue: "chart" } };
+const SparsePlotWidget = (props, ref) => {
+	const { children, params: params$1, setParam, ...other } = props;
+	const { mockData, apiUrl, theme } = params$1;
+	return /* @__PURE__ */ React.createElement(WidgetCard_default, {
+		ref,
+		...other,
+		title: mockData?.title,
+		theme
+	}, /* @__PURE__ */ React.createElement(Grid, { container: true }, mockData?.stats.map((stat) => /* @__PURE__ */ React.createElement(Grid, {
+		item: true,
+		xs: 3,
+		key: stat.label
+	}, /* @__PURE__ */ React.createElement(FluentStatsSnippet_default, {
+		label: stat.label,
+		amount: stat.currentValue,
+		prevAmount: stat.previousValue
+	})))), /* @__PURE__ */ React.createElement(Box, {
+		clone: true,
+		flex: 1,
+		mt: 1,
+		overflow: "hidden"
+	}, /* @__PURE__ */ React.createElement(MuiVegaLite, {
+		spec: {
+			$schema: "https://vega.github.io/schema/vega-lite/v4.json",
+			width: "container",
+			height: "container",
+			data: mockData?.data,
+			mark: {
+				type: "point",
+				line: true,
+				point: true
+			},
+			encoding: {
+				x: {
+					field: "xAxis",
+					type: mockData?.xAxisType
+				},
+				y: {
+					field: "yAxis",
+					type: mockData?.yAxisType
+				}
+			}
+		},
+		variant: "scatterplotChart",
+		autoResize: true,
+		actions: false
+	})), children);
+};
+var SparsePlotWidget_default = forwardRef(SparsePlotWidget);
+
+//#endregion
+//#region src/UI/widgets/library/SparsePlotWidget/index.ts
+var SparsePlotWidget_exports = /* @__PURE__ */ __export({
+	default: () => SparsePlotWidget_default,
+	layout: () => layout,
+	params: () => params
+});
+
+//#endregion
+export { params as i, SparsePlotWidget_default as n, layout as r, SparsePlotWidget_exports as t };
+//# sourceMappingURL=SparsePlotWidget-H4lx8Kaz.js.map

package/dist/SparsePlotWidget-H4lx8Kaz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparsePlotWidget-H4lx8Kaz.js","names":["params","WidgetCard","FluentStatsSnippet"],"sources":["../src/UI/widgets/library/SparsePlotWidget/SparsePlotWidget.jsx","../src/UI/widgets/library/SparsePlotWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Grid, Box } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n  mode: {\n    defaultValue: 'chart'\n  }\n}\n\nconst SparsePlotWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme } = params\n\n  return (\n    <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n      <Grid container>\n        {mockData?.stats.map((stat) => (\n          <Grid item xs={3} key={stat.label}>\n            <FluentStatsSnippet\n              label={stat.label}\n              amount={stat.currentValue}\n              prevAmount={stat.previousValue}\n            />\n          </Grid>\n        ))}\n      </Grid>\n      <Box clone flex={1} mt={1} overflow='hidden'>\n        <MuiVegaLite\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n            width: 'container',\n            height: 'container',\n            data: mockData?.data,\n            mark: { type: 'point', line: true, point: true },\n            encoding: {\n              x: { field: 'xAxis', type: mockData?.xAxisType },\n              y: { field: 'yAxis', type: mockData?.yAxisType }\n            }\n          }}\n          variant='scatterplotChart'\n          autoResize\n          actions={false}\n        />\n      </Box>\n      {children}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(SparsePlotWidget)\n","export * from './SparsePlotWidget';\nexport {default} from './SparsePlotWidget';\n"],"mappings":";;;;;;;;AAMA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,oBAAoB,OAAO,QAAQ;CACvC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAUA;AAEpC,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC,QAAK,mBACH,UAAU,MAAM,KAAK,SACpB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EACP,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,MAAM;GACJ,SAAS;GACT,OAAO;GACP,QAAQ;GACR,MAAM,UAAU;GAChB,MAAM;IAAE,MAAM;IAAS,MAAM;IAAM,OAAO;IAAM;GAChD,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IACjD;GACF;EACD,SAAQ;EACR;EACA,SAAS;GACT,CACE,EACL,SACU;;AAIjB,+BAAe,WAAW,iBAAiB"}

package/dist/Statistic-CBbuk5HT.js

@@ -0,0 +1,323 @@
+import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import { S as getIconFromName } from "./TreeUtilities-CujOFOPm.js";
+import { t as Adornment } from "./Adornment-Ciq1X7he.js";
+import { t as FluentCheckbox } from "./FluentCheckbox-CW8pHQ21.js";
+import { t as CompactDataListItem } from "./CompactDataListItem-Dx6_rBb2.js";
+import { t as CompactDataList } from "./CompactDataList-BRT2kJkV.js";
+import { r as getChildrenObjectsWithNoChildren } from "./MapUtilities-CB4W9Tzk.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Card, CardContent, Divider, FormControlLabel, FormGroup, Grid, IconButton, ListItemIcon, Menu, MenuItem, Tooltip, Typography, darken, lighten, makeStyles, useTheme } from "@material-ui/core";
+import clsx from "clsx";
+import { CaretDownSolid8Icon, ChevronDownIcon, ChromeCloseIcon, CompletedIcon, ErrorIcon, InfoIcon, MoreVerticalIcon, ViewIcon, WarningIcon } from "@fluentui/react-icons";
+import { isEmpty } from "lodash";
+import { useTranslation } from "react-i18next";
+
+//#region src/UI/mapLayout/ui/CheckboxGroup.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	expand: {
+		transform: "rotate(0deg)",
+		transition: theme.transitions.create("transform", { duration: theme.transitions.duration.shortest })
+	},
+	expandOpen: { transform: "rotate(180deg)" },
+	iconButtonWrapper: {
+		borderRadius: 2,
+		margin: "auto 0px"
+	},
+	expandedList: {
+		marginLeft: theme.spacing(4),
+		display: "flex",
+		flexDirection: "column"
+	},
+	checkboxGroup: {
+		display: "flex",
+		justifyContent: "space-between"
+	}
+}));
+const CheckboxGroup = (props) => {
+	const { title, options, onChange, defaultExpandedListState = true, values, valueKey } = props;
+	const [checkedItems, setCheckedItems] = useState({});
+	const [checkedParent, setCheckedParent] = useState(false);
+	const [expanded, setExpanded] = useState(defaultExpandedListState);
+	const [parentIndeterminate, setParentIndeterminate] = useState(false);
+	const classes = useStyles$2();
+	useEffect(() => {
+		let preCheckedItems = {};
+		options?.forEach((option) => {
+			if (!!!option?.options || option?.options?.length === 0) preCheckedItems[option.value] = values?.includes(option.value);
+		});
+		setCheckedItems(preCheckedItems);
+	}, [options, values]);
+	const childrenValues = useMemo(() => {
+		return getChildrenObjectsWithNoChildren(options ?? [], "value");
+	}, [options]);
+	useEffect(() => {
+		const checkedAll = isEmpty(checkedItems) ? (childrenValues?.length > 0 && childrenValues?.every((val) => values.includes(val))) ?? false : Object.values(checkedItems)?.every((checked) => checked);
+		setCheckedParent(checkedAll);
+		setParentIndeterminate(!checkedAll && (isEmpty(checkedItems) ? childrenValues?.some((val) => values.includes(val)) : Object.values(checkedItems)?.some((checked) => checked)));
+	}, [
+		checkedItems,
+		childrenValues,
+		title,
+		values
+	]);
+	const handleOnClickChildCheckboxOnChange = useCallback((event) => {
+		setCheckedItems((preVal) => ({
+			...preVal,
+			[event?.target?.name]: event?.target?.checked
+		}));
+		if (!event?.target?.checked) onChange(values?.filter((val) => val !== event?.target?.name));
+		else onChange([...values, event?.target?.name]);
+	}, [onChange, values]);
+	const handleParentCheckboxOnChange = useCallback((event) => {
+		setCheckedParent(event?.target?.checked);
+		if (!event?.target?.checked) {
+			setCheckedItems({});
+			onChange(values?.filter((val) => {
+				return !childrenValues?.includes(val);
+			}));
+		}
+		let newItemToAdd = [];
+		childrenValues.forEach((option) => {
+			if (event?.target?.checked && option && !values?.includes(option)) newItemToAdd.push(option);
+		});
+		if (newItemToAdd.length > 0) onChange([...values, ...newItemToAdd]);
+		setExpanded(true);
+		setParentIndeterminate(false);
+	}, [
+		childrenValues,
+		onChange,
+		values
+	]);
+	const childrenList = useMemo(() => {
+		if (options?.length > 0) return options?.map((option) => {
+			if (option?.options?.length > 0) return /* @__PURE__ */ React.createElement(CheckboxGroup, {
+				key: option?.value,
+				title: option?.title,
+				options: option?.options,
+				values,
+				valueKey: option?.value,
+				onChange
+			});
+			return /* @__PURE__ */ React.createElement(FormControlLabel, {
+				label: option?.title,
+				control: /* @__PURE__ */ React.createElement(FluentCheckbox, {
+					checked: checkedItems[option?.value] || false,
+					onChange: handleOnClickChildCheckboxOnChange
+				}),
+				name: option?.value
+			});
+		});
+		return [];
+	}, [
+		checkedItems,
+		handleOnClickChildCheckboxOnChange,
+		onChange,
+		options,
+		values
+	]);
+	return /* @__PURE__ */ React.createElement(FormGroup, null, options?.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: classes.checkboxGroup }, /* @__PURE__ */ React.createElement(FormControlLabel, {
+		label: title,
+		control: /* @__PURE__ */ React.createElement(FluentCheckbox, {
+			checked: checkedParent,
+			indeterminate: parentIndeterminate,
+			onChange: handleParentCheckboxOnChange
+		})
+	}), /* @__PURE__ */ React.createElement(FluentIconButton, {
+		className: clsx(classes.expand, { [classes.expandOpen]: expanded }, classes.iconButtonWrapper),
+		onClick: () => setExpanded(!expanded),
+		icon: ChevronDownIcon
+	})) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FormControlLabel, {
+		label: title,
+		control: /* @__PURE__ */ React.createElement(FluentCheckbox, {
+			checked: checkedItems[valueKey] || false,
+			onChange: handleOnClickChildCheckboxOnChange,
+			name: valueKey
+		})
+	})), expanded && options?.length > 0 && /* @__PURE__ */ React.createElement("div", { className: classes.expandedList }, childrenList));
+};
+
+//#endregion
+//#region src/UI/mapLayout/ui/CheckboxList.jsx
+const CheckboxList = (props) => {
+	const { itemGroups, values, onChange } = props;
+	return /* @__PURE__ */ React.createElement("div", null, itemGroups?.length > 0 && itemGroups?.map((item) => /* @__PURE__ */ React.createElement(CheckboxGroup, {
+		title: item?.title,
+		options: item?.options,
+		values,
+		onChange
+	})));
+};
+
+//#endregion
+//#region src/UI/mapLayout/ui/PopoverCard.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	contentWrapper: {
+		display: "flex",
+		height: "100%",
+		width: (props) => props?.width ?? "100%"
+	},
+	titleWrapper: {
+		display: "flex",
+		gap: theme.spacing(1),
+		alignItems: "center"
+	},
+	iconButtonWrapper: { borderRadius: 2 },
+	avatar: {
+		width: "80px",
+		height: "80px"
+	},
+	iconButtonsWrapper: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center"
+	},
+	primaryButtonContainer: {
+		display: "flex",
+		justifyContent: "flex-end",
+		gap: theme.spacing(1)
+	},
+	actionButton: { color: "#FFFFFF" },
+	fullHeight: { height: "100%" },
+	fullWidth: { width: "100%" },
+	messageWrapper: {
+		display: "flex",
+		gap: theme.spacing(1),
+		alignItems: "center",
+		padding: theme.spacing(1),
+		backgroundColor: (props) => props?.status ? lighten(theme.palette[props.status]?.main, .9) : lighten(theme.palette.info.main, .9)
+	},
+	iconMessage: { color: (props) => props?.status ? theme.palette[props.status]?.main : null },
+	message: { color: (props) => props?.status ? darken(theme.palette[props.status]?.main, .6) : null }
+}));
+const PopoverCard = (props) => {
+	const { data, title, listData, showAdornment = true, status = "info", detailsEvent, primaryActions, moreIconActions, message, messageIcon, hideMessageIcon = false, onClose, width } = props;
+	const [moreIconAnchor, setMoreIconAnchor] = useState(null);
+	const [primaryActionAnchor, setPrimaryActionAnchor] = useState(null);
+	const { t } = useTranslation();
+	const classes = useStyles$1({
+		width,
+		status
+	});
+	const theme = useTheme();
+	const handleOnClickMoreIcon = (event) => {
+		setMoreIconAnchor(event?.currentTarget);
+	};
+	const handleOnClickPrimaryAction = (event) => {
+		setPrimaryActionAnchor(event?.currentTarget);
+	};
+	const headerBackgroundColor = useMemo(() => {
+		switch (status) {
+			case "success": return lighten(theme.palette.success.main, .7);
+			case "error": return lighten(theme.palette.error.main, .7);
+			case "warning": return lighten(theme.palette.warning.main, .7);
+			default: return lighten(theme.palette.info.main, .7);
+		}
+	}, [status, theme]);
+	const defaultMessageIcon = useMemo(() => {
+		switch (status) {
+			case "success": return CompletedIcon;
+			case "error": return ErrorIcon;
+			case "warning": return WarningIcon;
+			default: return InfoIcon;
+		}
+	}, [status]);
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.contentWrapper }, showAdornment && status && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Adornment, { color: status })), /* @__PURE__ */ React.createElement(Card, { className: classes.fullWidth }, /* @__PURE__ */ React.createElement(CardContent, { style: { backgroundColor: headerBackgroundColor } }, /* @__PURE__ */ React.createElement("div", { className: classes.iconButtonsWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		onClick: onClose,
+		icon: ChromeCloseIcon
+	}), /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, title)), /* @__PURE__ */ React.createElement("div", null, moreIconActions?.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { title: t("More") ?? "" }, /* @__PURE__ */ React.createElement(IconButton, {
+		className: classes.iconButtonWrapper,
+		onClick: handleOnClickMoreIcon,
+		size: "small"
+	}, /* @__PURE__ */ React.createElement(MoreVerticalIcon, null))), /* @__PURE__ */ React.createElement(Menu, {
+		open: moreIconAnchor ? true : false,
+		onClose: () => {
+			setMoreIconAnchor(null);
+		},
+		anchorEl: moreIconAnchor,
+		anchorOrigin: {
+			vertical: "top",
+			horizontal: "right"
+		},
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "left"
+		}
+	}, moreIconActions?.map((action) => /* @__PURE__ */ React.createElement(MenuItem, { onClick: () => {
+		action.onClick(data);
+	} }, action?.icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, action.icon), action?.name))))))), message && /* @__PURE__ */ React.createElement("div", { className: classes.messageWrapper }, !hideMessageIcon && /* @__PURE__ */ React.createElement("div", { className: classes.iconMessage }, /* @__PURE__ */ React.createElement(FluentIcon, { component: messageIcon ?? defaultMessageIcon })), /* @__PURE__ */ React.createElement("div", { className: classes.message }, message)), /* @__PURE__ */ React.createElement(CardContent, { style: { flex: 1 } }, /* @__PURE__ */ React.createElement(CompactDataList, { disableSeparator: false }, listData?.map(({ subject, value }) => {
+		return /* @__PURE__ */ React.createElement(CompactDataListItem, {
+			label: subject,
+			value
+		});
+	}))), /* @__PURE__ */ React.createElement(CardContent, { style: {
+		flex: 1,
+		paddingTop: 0,
+		paddingBottom: 16
+	} }, /* @__PURE__ */ React.createElement("div", { className: classes.primaryButtonContainer }, detailsEvent && /* @__PURE__ */ React.createElement(FluentButton, {
+		variant: "outlined",
+		endIcon: /* @__PURE__ */ React.createElement(ViewIcon, null),
+		onClick: detailsEvent
+	}, t("Details")), /* @__PURE__ */ React.createElement("div", null, primaryActions?.length > 0 && /* @__PURE__ */ React.createElement(FluentButton, {
+		variant: "contained",
+		color: "secondary",
+		endIcon: /* @__PURE__ */ React.createElement(CaretDownSolid8Icon, null),
+		onClick: handleOnClickPrimaryAction,
+		className: classes.actionButton
+	}, t("Actions")), /* @__PURE__ */ React.createElement(Menu, {
+		open: primaryActionAnchor ? true : false,
+		onClose: () => {
+			setPrimaryActionAnchor(null);
+		},
+		anchorEl: primaryActionAnchor,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "left"
+		},
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "left"
+		}
+	}, primaryActions?.map((action) => /* @__PURE__ */ React.createElement(MenuItem, { onClick: () => {
+		action.onClick(data);
+	} }, action?.icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, action.icon), action?.name)))))))));
+};
+
+//#endregion
+//#region src/UI/mapLayout/ui/Statistic.jsx
+const useStyles = makeStyles((theme) => ({
+	icon: {
+		margin: "auto 5px auto 0",
+		padding: theme.spacing(1),
+		backgroundColor: (props) => lighten(props?.color ? props.color : theme.palette.info.main, .9),
+		borderRadius: theme.spacing(3)
+	},
+	valueContainer: { marginRight: theme.spacing(1) },
+	iconColor: {
+		color: (props) => props?.color,
+		borderRadius: theme.spacing(3)
+	}
+}));
+const Statistic = (props) => {
+	const { icon, value, title, color, onClick, hideDivider = false } = props;
+	const classes = useStyles({ color });
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Grid, { container: true }, !hideDivider && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Divider, {
+		orientation: "vertical",
+		variant: "middle"
+	})), icon && /* @__PURE__ */ React.createElement(Grid, {
+		item: true,
+		className: classes.icon
+	}, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		icon: getIconFromName(icon),
+		className: classes.iconColor,
+		onClick
+	})), /* @__PURE__ */ React.createElement(Grid, {
+		item: true,
+		className: classes.valueContainer
+	}, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, value), /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, title))));
+};
+
+//#endregion
+export { CheckboxGroup as i, PopoverCard as n, CheckboxList as r, Statistic as t };
+//# sourceMappingURL=Statistic-CBbuk5HT.js.map

package/dist/Statistic-CBbuk5HT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Statistic-CBbuk5HT.js","names":["useStyles","useStyles"],"sources":["../src/UI/mapLayout/ui/CheckboxGroup.jsx","../src/UI/mapLayout/ui/CheckboxList.jsx","../src/UI/mapLayout/ui/PopoverCard.jsx","../src/UI/mapLayout/ui/Statistic.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport clsx from 'clsx';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { FormControlLabel, FormGroup, makeStyles } from '@material-ui/core';\nimport { isEmpty } from 'lodash';\nimport { FluentCheckbox } from '../../inputs/checkbox/FluentCheckbox';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { getChildrenObjectsWithNoChildren } from '../utilities/MapUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  expand: {\n    transform: 'rotate(0deg)',\n    transition: theme.transitions.create('transform', {\n      duration: theme.transitions.duration.shortest\n    })\n  },\n  expandOpen: {\n    transform: 'rotate(180deg)'\n  },\n  iconButtonWrapper: {\n    borderRadius: 2,\n    margin: 'auto 0px'\n  },\n  expandedList: {\n    marginLeft: theme.spacing(4),\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  checkboxGroup: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  }\n}));\n\nexport const CheckboxGroup = (props) => {\n  const {\n    title,\n    options,\n    onChange,\n    defaultExpandedListState = true,\n    values,\n    valueKey\n  } = props;\n  const [checkedItems, setCheckedItems] = useState({});\n  const [checkedParent, setCheckedParent] = useState(false);\n  const [expanded, setExpanded] = useState(defaultExpandedListState);\n  const [parentIndeterminate, setParentIndeterminate] = useState(false);\n  const classes = useStyles();\n\n  useEffect(() => {\n      let preCheckedItems = {};\n      options?.forEach((option) => {\n        if(!!!option?.options || option?.options?.length === 0) {\n          preCheckedItems[option.value] = values?.includes(option.value);\n        }\n      });\n      setCheckedItems(preCheckedItems);\n  }, [options, values]);\n\n  //get a list of child values\n  const childrenValues = useMemo(() => {\n    return getChildrenObjectsWithNoChildren(options ?? [], 'value');\n  }, [options]);\n\n  useEffect(() => {\n    const checkedAll = isEmpty(checkedItems)\n      ? (childrenValues?.length > 0 &&\n          childrenValues?.every((val) => values.includes(val))) ??\n        false\n      : Object.values(checkedItems)?.every((checked) => checked);\n\n    setCheckedParent(checkedAll);\n\n    setParentIndeterminate(\n      !checkedAll &&\n        (isEmpty(checkedItems)\n          ? childrenValues?.some((val) => values.includes(val))\n          : Object.values(checkedItems)?.some((checked) => checked))\n    );\n  }, [checkedItems, childrenValues, title, values]);\n\n  const handleOnClickChildCheckboxOnChange = useCallback(\n    (event) => {\n      setCheckedItems((preVal) => ({\n        ...preVal,\n        [event?.target?.name]: event?.target?.checked\n      }));\n\n      if (!event?.target?.checked) {\n        onChange(values?.filter((val) => val !== event?.target?.name));\n      } else {\n        onChange([...values, event?.target?.name]);\n      }\n    },\n    [onChange, values]\n  );\n\n  const handleParentCheckboxOnChange = useCallback(\n    (event) => {\n      setCheckedParent(event?.target?.checked);\n      if (!event?.target?.checked) {\n        setCheckedItems({});\n\n        onChange(\n          values?.filter((val) => {\n            return !childrenValues?.includes(val);\n          })\n        );\n      }\n\n      let newItemToAdd = [];\n      childrenValues.forEach((option) => {\n        if (event?.target?.checked && option && !values?.includes(option)) {\n          newItemToAdd.push(option);\n        }\n      });\n\n      if (newItemToAdd.length > 0) {\n        onChange([...values, ...newItemToAdd]);\n      }\n      setExpanded(true);\n      setParentIndeterminate(false);\n    },\n    [childrenValues, onChange, values]\n  );\n\n  const childrenList = useMemo(() => {\n    if (options?.length > 0) {\n      return options?.map((option) => {\n        if (option?.options?.length > 0) {\n          return (\n            <CheckboxGroup\n              key={option?.value}\n              title={option?.title}\n              options={option?.options}\n              values={values}\n              valueKey={option?.value}\n              onChange={onChange}\n            />\n          );\n        }\n\n        return (\n          <FormControlLabel\n            label={option?.title}\n            control={\n              <FluentCheckbox\n                checked={checkedItems[option?.value] || false}\n                onChange={handleOnClickChildCheckboxOnChange}\n              />\n            }\n            name={option?.value}\n          />\n        );\n      });\n    }\n    return [];\n  }, [\n    checkedItems,\n    handleOnClickChildCheckboxOnChange,\n    onChange,\n    options,\n    values\n  ]);\n\n  return (\n    <FormGroup>\n      {options?.length > 0 ? (\n        <div className={classes.checkboxGroup}>\n          <FormControlLabel\n            label={title}\n            control={\n              <FluentCheckbox\n                checked={checkedParent}\n                indeterminate={parentIndeterminate}\n                onChange={handleParentCheckboxOnChange}\n              />\n            }\n          />\n\n          <FluentIconButton\n            className={clsx(\n              classes.expand,\n              {\n                [classes.expandOpen]: expanded\n              },\n              classes.iconButtonWrapper\n            )}\n            onClick={() => setExpanded(!expanded)}\n            icon={ChevronDownIcon}\n          />\n        </div>\n      ) : (\n        <div>\n          <FormControlLabel\n            label={title}\n            control={\n              <FluentCheckbox\n                checked={checkedItems[valueKey] || false}\n                onChange={handleOnClickChildCheckboxOnChange}\n                name={valueKey}\n              />\n            }\n          />\n        </div>\n      )}\n      {expanded && options?.length > 0 && (\n        <div className={classes.expandedList}>{childrenList}</div>\n      )}\n    </FormGroup>\n  );\n};\n","import React from 'react';\nimport { CheckboxGroup } from './CheckboxGroup';\n\nexport const CheckboxList = (props) => {\n  const { itemGroups, values, onChange } = props;\n\n  return (\n    <div>\n      {itemGroups?.length > 0 &&\n        itemGroups?.map((item) => (\n          <CheckboxGroup\n            title={item?.title}\n            options={item?.options}\n            values={values}\n            onChange={onChange}\n          />\n        ))}\n    </div>\n  );\n};\n","import React, { useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  CaretDownSolid8Icon,\n  ChromeCloseIcon,\n  CompletedIcon,\n  ErrorIcon,\n  InfoIcon,\n  MoreVerticalIcon,\n  ViewIcon,\n  WarningIcon\n} from '@fluentui/react-icons';\nimport {\n  Card,\n  CardContent,\n  darken,\n  IconButton,\n  lighten,\n  ListItemIcon,\n  makeStyles,\n  Menu,\n  MenuItem,\n  Tooltip,\n  Typography,\n  useTheme\n} from '@material-ui/core';\nimport { Adornment } from '../../components/feedback/Adornment';\nimport { FluentButton } from '../../inputs/buttons/FluentButton';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { CompactDataList } from '../../dataDisplay/CompactDataList';\nimport { CompactDataListItem } from '../../dataDisplay/CompactDataListItem';\n\nconst useStyles = makeStyles((theme) => ({\n  contentWrapper: {\n    display: 'flex',\n    height: '100%',\n    width: (props) => props?.width ?? '100%'\n  },\n  titleWrapper: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    alignItems: 'center'\n  },\n  iconButtonWrapper: {\n    borderRadius: 2\n  },\n  avatar: {\n    width: '80px',\n    height: '80px'\n  },\n  iconButtonsWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  },\n  primaryButtonContainer: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    gap: theme.spacing(1)\n  },\n  actionButton: {\n    color: '#FFFFFF'\n  },\n  fullHeight: {\n    height: '100%'\n  },\n  fullWidth: {\n    width: '100%'\n  },\n  messageWrapper: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n    padding: theme.spacing(1),\n    backgroundColor: (props) =>\n      props?.status\n        ? lighten(theme.palette[props.status]?.main, 0.9)\n        : lighten(theme.palette.info.main, 0.9)\n  },\n  iconMessage: {\n    color: (props) => (props?.status ? theme.palette[props.status]?.main : null)\n  },\n  message: {\n    color: (props) =>\n      props?.status ? darken(theme.palette[props.status]?.main, 0.6) : null\n  },\n}));\n\nexport const PopoverCard = (props) => {\n  const {\n    data,\n    title,\n    listData,\n    showAdornment = true,\n    status = 'info',\n    detailsEvent,\n    primaryActions,\n    moreIconActions,\n    message,\n    messageIcon,\n    hideMessageIcon = false,\n    onClose,\n    width\n  } = props;\n  const [moreIconAnchor, setMoreIconAnchor] = useState(null);\n  const [primaryActionAnchor, setPrimaryActionAnchor] = useState(null);\n  const { t } = useTranslation();\n  const classes = useStyles({ width, status });\n  const theme = useTheme();\n\n  const handleOnClickMoreIcon = (event) => {\n    setMoreIconAnchor(event?.currentTarget);\n  };\n\n  const handleOnClickPrimaryAction = (event) => {\n    setPrimaryActionAnchor(event?.currentTarget);\n  };\n\n  const headerBackgroundColor = useMemo(() => {\n    switch (status) {\n      case 'success':\n        return lighten(theme.palette.success.main, 0.7);\n      case 'error':\n        return lighten(theme.palette.error.main, 0.7);\n      case 'warning':\n        return lighten(theme.palette.warning.main, 0.7);\n      default:\n        return lighten(theme.palette.info.main, 0.7);\n    }\n  }, [status, theme]);\n\n  const defaultMessageIcon = useMemo(() => {\n    switch (status) {\n      case 'success':\n        return CompletedIcon;\n      case 'error':\n        return ErrorIcon;\n      case 'warning':\n        return WarningIcon;\n      default:\n        return InfoIcon;\n    }\n  }, [status]);\n\n  return (\n    <div>\n      <div className={classes.contentWrapper}>\n        {showAdornment && status && (\n          <div>\n            <Adornment color={status} />\n          </div>\n        )}\n        <Card className={classes.fullWidth}>\n          <CardContent style={{ backgroundColor: headerBackgroundColor }}>\n            <div className={classes.iconButtonsWrapper}>\n              <div className={classes.titleWrapper}>\n                <FluentIconButton onClick={onClose} icon={ChromeCloseIcon} />\n                <Typography variant='h6'>{title}</Typography>\n              </div>\n              <div>\n                {moreIconActions?.length > 0 && (\n                  <>\n                    <Tooltip title={t('More') ?? ''}>\n                      <IconButton\n                        className={classes.iconButtonWrapper}\n                        onClick={handleOnClickMoreIcon}\n                        size='small'\n                      >\n                        <MoreVerticalIcon />\n                      </IconButton>\n                    </Tooltip>\n                    <Menu\n                      open={moreIconAnchor ? true : false}\n                      onClose={() => {\n                        setMoreIconAnchor(null);\n                      }}\n                      anchorEl={moreIconAnchor}\n                      anchorOrigin={{\n                        vertical: 'top',\n                        horizontal: 'right'\n                      }}\n                      transformOrigin={{\n                        vertical: 'top',\n                        horizontal: 'left'\n                      }}\n                    >\n                      {moreIconActions?.map((action) => (\n                        <MenuItem onClick={() => {action.onClick(data)}}>\n                          {action?.icon && (\n                            <ListItemIcon>{action.icon}</ListItemIcon>\n                          )}\n                          {action?.name}\n                        </MenuItem>\n                      ))}\n                    </Menu>\n                  </>\n                )}\n              </div>\n            </div>\n          </CardContent>\n          {message && (\n            <div className={classes.messageWrapper}>\n              {!hideMessageIcon && (\n                <div className={classes.iconMessage}>\n                  <FluentIcon component={messageIcon ?? defaultMessageIcon} />\n                </div>\n              )}\n              <div className={classes.message}>{message}</div>\n            </div>\n          )}\n          <CardContent style={{ flex: 1 }}>\n            <CompactDataList disableSeparator={false}>\n              {listData?.map(({ subject, value }) => {\n                return <CompactDataListItem label={subject} value={value} />;\n              })}\n            </CompactDataList>\n          </CardContent>\n          <CardContent style={{ flex: 1, paddingTop: 0, paddingBottom: 16 }}>\n            <div className={classes.primaryButtonContainer}>\n              {detailsEvent && (\n                <FluentButton\n                  variant='outlined'\n                  endIcon={<ViewIcon />}\n                  onClick={detailsEvent}\n                >\n                  {t('Details')}\n                </FluentButton>\n              )}\n\n              <div>\n                {primaryActions?.length > 0 && (\n                  <FluentButton\n                    variant='contained'\n                    color='secondary'\n                    endIcon={<CaretDownSolid8Icon />}\n                    onClick={handleOnClickPrimaryAction}\n                    className={classes.actionButton}\n                  >\n                    {t('Actions')}\n                  </FluentButton>\n                )}\n                <Menu\n                  open={primaryActionAnchor ? true : false}\n                  onClose={() => {\n                    setPrimaryActionAnchor(null);\n                  }}\n                  anchorEl={primaryActionAnchor}\n                  anchorOrigin={{\n                    vertical: 'bottom',\n                    horizontal: 'left'\n                  }}\n                  transformOrigin={{\n                    vertical: 'top',\n                    horizontal: 'left'\n                  }}\n                >\n                  {primaryActions?.map((action) => (\n                    <MenuItem onClick={() => {action.onClick(data)}}>\n                      {action?.icon && (\n                        <ListItemIcon>{action.icon}</ListItemIcon>\n                      )}\n                      {action?.name}\n                    </MenuItem>\n                  ))}\n                </Menu>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport {\n  Divider,\n  Grid,\n  lighten,\n  makeStyles,\n  Typography,\n} from '@material-ui/core';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n  icon: {\n    margin: 'auto 5px auto 0',\n    padding: theme.spacing(1),\n    backgroundColor: (props) =>\n      lighten(props?.color ? props.color : theme.palette.info.main, 0.9),\n    borderRadius: theme.spacing(3),\n  },\n  valueContainer: {\n    marginRight: theme.spacing(1),\n  },\n  iconColor: {\n    color: (props) => props?.color,\n    borderRadius: theme.spacing(3),\n  },\n}));\n\nexport const Statistic = (props) => {\n  const { icon, value, title, color, onClick, hideDivider = false } = props;\n  const classes = useStyles({ color: color });\n\n  return (\n    <div>\n      <Grid container>\n        {!hideDivider && (\n          <Grid item>\n            <Divider orientation=\"vertical\" variant=\"middle\" />\n          </Grid>\n        )}\n        {icon && (\n          <Grid item className={classes.icon}>\n            <FluentIconButton\n              icon={getIconFromName(icon)}\n              className={classes.iconColor}\n              onClick={onClick}\n            />\n          </Grid>\n        )}\n        <Grid item className={classes.valueContainer}>\n          <Typography variant=\"h5\">{value}</Typography>\n          <Typography variant=\"caption\">{title}</Typography>\n        </Grid>\n      </Grid>\n    </div>\n  );\n};"],"mappings":"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"}