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

package/dist/AmbientToast-D3Rfpzvy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientToast-D3Rfpzvy.js","names":[],"sources":["../src/UI/feedback/AmbientToast.jsx"],"sourcesContent":["import React from 'react';\nimport { Button, makeStyles, Snackbar, useTheme } from '@material-ui/core'\nimport {FluentIconButton} from '../inputs/buttons/FluentIconButton'\nimport { ChromeCloseIcon } from '@fluentui/react-icons'\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    maxWidth: 600,\n    '& > * + *': {\n      marginTop: theme.spacing(2),\n    },\n    display: 'flex'\n  },\n  alertSecondary: {\n    borderLeft: `4px solid ${theme.palette.secondary.main}`\n  },\n  alertPrimary: {\n    borderLeft: `4px solid ${theme.palette.primary.main}`\n  },\n  alertSuccess: {\n    borderLeft: `4px solid ${theme.palette.success.main}`\n  },\n  alertWarning: {\n    borderLeft: `4px solid ${theme.palette.warning.main}`\n  },\n  alertError: {\n    borderLeft: `4px solid ${theme.palette.error.main}`,\n    color: theme.palette.error.main\n  },\n  alertInfo: {\n    borderLeft: `4px solid ${theme.palette.info.main}`\n  },\n  '@global': {\n    '.MuiSnackbarContent-root': {\n      borderRadius: 0,\n    },\n  }\n}));\n\nexport const AmbientToast = (props) => {\n  const classes = useStyles(props);\n\n  const {noticeType, noticeButton, noticeMessage, closeNotice, noticeOpen, noticeAction} = props;\n\n  const theme = useTheme()\n\n  const alertColor = () => {\n    if(noticeType === 'secondary') {\n      let alertLevel = classes.alertSecondary\n      return alertLevel\n      \n    } else if (noticeType === 'primary') {\n      let alertLevel = classes.alertPrimary\n      return alertLevel\n    } else if (noticeType === 'success') {\n      let alertLevel = classes.alertSuccess\n      return alertLevel\n    } else if (noticeType === 'warning') {\n      let alertLevel = classes.alertWarning\n      return alertLevel\n    } else if (noticeType === 'error') {\n      let alertLevel = classes.alertError\n      return alertLevel\n    } else if (noticeType === 'info') {\n      let alertLevel = classes.alertInfo\n      return alertLevel\n    }\n  }\n\n\n  const alertText = () => {\n    if(noticeType === 'secondary'){\n      return theme.palette.secondary.main\n    } else if (noticeType === 'primary') {\n      return theme.palette.primary.main\n    } else if (noticeType === 'success') {\n      return theme.palette.success.main\n    } else if (noticeType === 'warning') {\n      return theme.palette.warning.main\n    } else if (noticeType === 'error') {\n      return theme.palette.error.main\n    } else if (noticeType === 'info') {\n      return theme.palette.info.main\n    }\n  }\n\n  return (\n    <div className={classes.root}>   \n      <Snackbar\n        classes={{root: alertColor() }}\n        anchorOrigin={{ vertical:'bottom', horizontal:'right' }}\n        open={noticeOpen}\n        onClose={closeNotice}\n        message={noticeMessage}\n        key={1}\n        action={\n          <div>\n            <Button style={{color: alertText()}} size=\"small\" onClick={noticeAction}>\n              {noticeButton}\n            </Button>\n            <FluentIconButton\n                style={{color: 'white'}}\n                      size=\"small\"\n                      onClick={closeNotice}\n                      icon={ChromeCloseIcon}\n                      className={classes.icon}\n                    />\n          </div>\n        }\n      />\n    </div>\n  );\n}"],"mappings":";;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,UAAU;EACV,aAAa,EACX,WAAW,MAAM,QAAQ,EAAE,EAC5B;EACD,SAAS;EACV;CACD,gBAAgB,EACd,YAAY,aAAa,MAAM,QAAQ,UAAU,QAClD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,YAAY;EACV,YAAY,aAAa,MAAM,QAAQ,MAAM;EAC7C,OAAO,MAAM,QAAQ,MAAM;EAC5B;CACD,WAAW,EACT,YAAY,aAAa,MAAM,QAAQ,KAAK,QAC7C;CACD,WAAW,EACT,4BAA4B,EAC1B,cAAc,GACf,EACF;CACF,EAAE;AAEH,MAAa,gBAAgB,UAAU;CACrC,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EAAC,YAAY,cAAc,eAAe,aAAa,YAAY,iBAAgB;CAEzF,MAAM,QAAQ,UAAU;CAExB,MAAM,mBAAmB;AACvB,MAAG,eAAe,YAEhB,QADiB,QAAQ;WAGhB,eAAe,UAExB,QADiB,QAAQ;WAEhB,eAAe,UAExB,QADiB,QAAQ;WAEhB,eAAe,UAExB,QADiB,QAAQ;WAEhB,eAAe,QAExB,QADiB,QAAQ;WAEhB,eAAe,OAExB,QADiB,QAAQ;;CAM7B,MAAM,kBAAkB;AACtB,MAAG,eAAe,YAChB,QAAO,MAAM,QAAQ,UAAU;WACtB,eAAe,UACxB,QAAO,MAAM,QAAQ,QAAQ;WACpB,eAAe,UACxB,QAAO,MAAM,QAAQ,QAAQ;WACpB,eAAe,UACxB,QAAO,MAAM,QAAQ,QAAQ;WACpB,eAAe,QACxB,QAAO,MAAM,QAAQ,MAAM;WAClB,eAAe,OACxB,QAAO,MAAM,QAAQ,KAAK;;AAI9B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,SAAS,EAAC,MAAM,YAAY,EAAE;EAC9B,cAAc;GAAE,UAAS;GAAU,YAAW;GAAS;EACvD,MAAM;EACN,SAAS;EACT,SAAS;EACT,KAAK;EACL,QACE,oCAAC,aACC,oCAAC;GAAO,OAAO,EAAC,OAAO,WAAW,EAAC;GAAE,MAAK;GAAQ,SAAS;KACxD,aACM,EACT,oCAAC;GACG,OAAO,EAAC,OAAO,SAAQ;GACjB,MAAK;GACL,SAAS;GACT,MAAM;GACN,WAAW,QAAQ;IACnB,CACN;GAER,CACE"}

package/dist/AmbientToggleButtonGroup-BNCJrq_q.js

@@ -1,87 +0,0 @@
-import { t as isValueSelected } from "./isValueSelected-DhRqZZPu.js";
-import React, { Children, cloneElement, forwardRef, isValidElement } from "react";
-import clsx from "clsx";
-import PropTypes from "prop-types";
-import { makeStyles } from "@material-ui/core/styles";
-import { isFragment } from "react-is";
-import { capitalize } from "@material-ui/core/utils";
-
-//#region src/UI/inputs/buttons/AmbientToggleButtonGroup.jsx
-const useStyles = makeStyles((theme) => ({
-	item: { marginRight: 8 },
-	root: {
-		display: "inline-flex",
-		padding: 0
-	},
-	vertical: { flexDirection: "column" },
-	grouped: {},
-	groupedHorizontal: {
-		borderRadius: 25,
-		padding: 0,
-		paddingRight: 16,
-		"&:not(:first-child)": {
-			marginTop: 16,
-			borderRadius: 25,
-			paddingRight: 16,
-			padding: 0
-		},
-		"&:not(:last-child)": {
-			padding: 0,
-			borderRadius: 25,
-			paddingRight: 16
-		}
-	}
-}));
-const AmbientToggleButtonGroup = forwardRef(function AmbientToggleButton(props, ref) {
-	const { children, className, exclusive = false, onChange, orientation = "horizontal", size = "medium", value, ...other } = props;
-	const classes = useStyles();
-	const handleChange = (event, buttonValue) => {
-		if (!onChange) return;
-		const index = value && value.indexOf(buttonValue);
-		let newValue;
-		if (value && index >= 0) {
-			newValue = value.slice();
-			newValue.splice(index, 1);
-		} else newValue = value ? value.concat(buttonValue) : [buttonValue];
-		onChange(event, newValue);
-	};
-	const handleExclusiveChange = (event, buttonValue) => {
-		if (!onChange) return;
-		onChange(event, value === buttonValue ? null : buttonValue);
-	};
-	return /* @__PURE__ */ React.createElement("div", {
-		role: "group",
-		className: clsx(classes.root, { [classes.vertical]: orientation === "vertical" }, className),
-		ref,
-		...other
-	}, Children.map(children, (child) => {
-		if (!isValidElement(child)) return null;
-		if (process.env.NODE_ENV !== "production") {
-			if (isFragment(child)) console.error(["Material-UI: The ToggleButtonGroup component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
-		}
-		return cloneElement(child, {
-			className: clsx(classes.grouped, classes[`grouped${capitalize(orientation)}`], child.props.className),
-			onChange: exclusive ? handleExclusiveChange : handleChange,
-			selected: child.props.selected === void 0 ? isValueSelected(child.props.value, value) : child.props.selected,
-			size: child.props.size || size
-		});
-	}));
-});
-AmbientToggleButtonGroup.propTypes = {
-	children: PropTypes.node,
-	classes: PropTypes.object,
-	className: PropTypes.string,
-	exclusive: PropTypes.bool,
-	onChange: PropTypes.func,
-	orientation: PropTypes.oneOf(["horizontal", "vertical"]),
-	size: PropTypes.oneOf([
-		"large",
-		"medium",
-		"small"
-	]),
-	value: PropTypes.any
-};
-
-//#endregion
-export { AmbientToggleButtonGroup as t };
-//# sourceMappingURL=AmbientToggleButtonGroup-BNCJrq_q.js.map

package/dist/AmbientToggleButtonGroup-BNCJrq_q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientToggleButtonGroup-BNCJrq_q.js","names":[],"sources":["../src/UI/inputs/buttons/AmbientToggleButtonGroup.jsx"],"sourcesContent":["import React, {forwardRef, Children, isValidElement, cloneElement} from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport isValueSelected from '../../../utilities/isValueSelected';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { capitalize } from '@material-ui/core/utils';\n\nconst useStyles = makeStyles((theme) => ({\n  item: {\n    marginRight: 8\n  },\n   /* Styles applied to the root element. */\n   root: {\n    display: 'inline-flex',\n    padding: 0\n  },\n  /* Styles applied to the root element if `orientation=\"vertical\"`. */\n  vertical: {\n    flexDirection: 'column',\n  },\n  /* Styles applied to the children. */\n  grouped: {},\n  /* Styles applied to the children if `orientation=\"horizontal\"`. */\n  groupedHorizontal: {\n    borderRadius: 25,\n    padding: 0,\n    paddingRight: 16,\n  '&:not(:first-child)': {\n    marginTop: 16,\n    borderRadius: 25,\n    paddingRight: 16,\n    padding: 0\n  },\n  '&:not(:last-child)': {\n    padding: 0,\n    borderRadius: 25,\n    paddingRight: 16,\n  },\n    \n   },\n}))\n\n\n\nexport const AmbientToggleButtonGroup = forwardRef(function AmbientToggleButton(props, ref) {\n  const {\n    children,\n    // classes,\n    className,\n    exclusive = false,\n    onChange,\n    orientation = 'horizontal',\n    size = 'medium',\n    value,\n    ...other\n  } = props;\n\n  const classes = useStyles()\n\n  const handleChange = (event, buttonValue) => {\n    if (!onChange) {\n      return;\n    }\n\n    const index = value && value.indexOf(buttonValue);\n    let newValue;\n\n    if (value && index >= 0) {\n      newValue = value.slice();\n      newValue.splice(index, 1);\n    } else {\n      newValue = value ? value.concat(buttonValue) : [buttonValue];\n    }\n\n    onChange(event, newValue);\n  };\n\n  const handleExclusiveChange = (event, buttonValue) => {\n    if (!onChange) {\n      return;\n    }\n\n    onChange(event, value === buttonValue ? null : buttonValue);\n  };\n\n  return (\n    <div\n      role=\"group\"\n      className={clsx(\n        classes.root,\n        {\n          [classes.vertical]: orientation === 'vertical',\n        },\n        className,\n      )}\n      ref={ref}\n      {...other}\n    >\n      {Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n          return null;\n        }\n\n        if (process.env.NODE_ENV !== 'production') {\n          if (isFragment(child)) {\n            console.error(\n              [\n                \"Material-UI: The ToggleButtonGroup component doesn't accept a Fragment as a child.\",\n                'Consider providing an array instead.',\n              ].join('\\n'),\n            );\n          }\n        }\n\n        return cloneElement(child, {\n          className: clsx(\n            classes.grouped,\n            classes[`grouped${capitalize(orientation)}`],\n            child.props.className,\n          ),\n          onChange: exclusive ? handleExclusiveChange : handleChange,\n          selected:\n            child.props.selected === undefined\n              ? isValueSelected(child.props.value, value)\n              : child.props.selected,\n          size: child.props.size || size,\n        });\n      })}\n    </div>\n  );\n});\n\nAmbientToggleButtonGroup.propTypes = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // |     To update them edit the d.ts file and run \"yarn proptypes\"     |\n  // ----------------------------------------------------------------------\n  /**\n   * The content of the button.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, only allow one of the child ToggleButton values to be selected.\n   */\n  exclusive: PropTypes.bool,\n  /**\n   * Callback fired when the value changes.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {any} value of the selected buttons. When `exclusive` is true\n   * this is a single value; when false an array of selected values. If no value\n   * is selected and `exclusive` is true the value is null; when false an empty array.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The group orientation (layout flow direction).\n   */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /**\n   * The size of the buttons.\n   */\n  size: PropTypes.oneOf(['large', 'medium', 'small']),\n  /**\n   * The currently selected value within the group or an array of selected\n   * values when `exclusive` is false.\n   *\n   * The value must have reference equality with the option in order to be selected.\n   */\n  value: PropTypes.any,\n};\n\n// export default withStyles(styles, { name: 'MuiToggleButtonGroup' })(AmbientToggleButtonGroup);"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,aAAa,GACd;CAEA,MAAM;EACL,SAAS;EACT,SAAS;EACV;CAED,UAAU,EACR,eAAe,UAChB;CAED,SAAS,EAAE;CAEX,mBAAmB;EACjB,cAAc;EACd,SAAS;EACT,cAAc;EAChB,uBAAuB;GACrB,WAAW;GACX,cAAc;GACd,cAAc;GACd,SAAS;GACV;EACD,sBAAsB;GACpB,SAAS;GACT,cAAc;GACd,cAAc;GACf;EAEC;CACH,EAAE;AAIH,MAAa,2BAA2B,WAAW,SAAS,oBAAoB,OAAO,KAAK;CAC1F,MAAM,EACJ,UAEA,WACA,YAAY,OACZ,UACA,cAAc,cACd,OAAO,UACP,OACA,GAAG,UACD;CAEJ,MAAM,UAAU,WAAW;CAE3B,MAAM,gBAAgB,OAAO,gBAAgB;AAC3C,MAAI,CAAC,SACH;EAGF,MAAM,QAAQ,SAAS,MAAM,QAAQ,YAAY;EACjD,IAAI;AAEJ,MAAI,SAAS,SAAS,GAAG;AACvB,cAAW,MAAM,OAAO;AACxB,YAAS,OAAO,OAAO,EAAE;QAEzB,YAAW,QAAQ,MAAM,OAAO,YAAY,GAAG,CAAC,YAAY;AAG9D,WAAS,OAAO,SAAS;;CAG3B,MAAM,yBAAyB,OAAO,gBAAgB;AACpD,MAAI,CAAC,SACH;AAGF,WAAS,OAAO,UAAU,cAAc,OAAO,YAAY;;AAG7D,QACE,oCAAC;EACC,MAAK;EACL,WAAW,KACT,QAAQ,MACR,GACG,QAAQ,WAAW,gBAAgB,YACrC,EACD,UACD;EACI;EACL,GAAI;IAEH,SAAS,IAAI,WAAW,UAAU;AACjC,MAAI,CAAC,eAAe,MAAM,CACxB,QAAO;AAGT,MAAI,QAAQ,IAAI,aAAa,cAC3B;OAAI,WAAW,MAAM,CACnB,SAAQ,MACN,CACE,sFACA,uCACD,CAAC,KAAK,KAAK,CACb;;AAIL,SAAO,aAAa,OAAO;GACzB,WAAW,KACT,QAAQ,SACR,QAAQ,UAAU,WAAW,YAAY,KACzC,MAAM,MAAM,UACb;GACD,UAAU,YAAY,wBAAwB;GAC9C,UACE,MAAM,MAAM,aAAa,SACrB,gBAAgB,MAAM,MAAM,OAAO,MAAM,GACzC,MAAM,MAAM;GAClB,MAAM,MAAM,MAAM,QAAQ;GAC3B,CAAC;GACF,CACE;EAER;AAEF,yBAAyB,YAAY;CAQnC,UAAU,UAAU;CAKpB,SAAS,UAAU;CAInB,WAAW,UAAU;CAIrB,WAAW,UAAU;CASrB,UAAU,UAAU;CAIpB,aAAa,UAAU,MAAM,CAAC,cAAc,WAAW,CAAC;CAIxD,MAAM,UAAU,MAAM;EAAC;EAAS;EAAU;EAAQ,CAAC;CAOnD,OAAO,UAAU;CAClB"}

package/dist/AmbientVisualizationCard-DbIyhnw9.js

@@ -1,232 +0,0 @@
-import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
-import { t as AmbientCard } from "./AmbientCard-DK9abODq.js";
-import { t as AmbientToggleButton } from "./AmbientToggleButton-BjyjXj8S.js";
-import { t as SummaryBlock } from "./SummaryBlock-BjUNDl4q.js";
-import { n as FluentSimpleTab, t as FluentSimpleTabs } from "./FluentSimpleTabs-B0Ntb9X_.js";
-import { t as FluentTabPanel } from "./FluentTabPanel-BEM6uZRI.js";
-import { t as AmbientToggleButtonGroup } from "./AmbientToggleButtonGroup-BNCJrq_q.js";
-import { t as AmbientVisualizer } from "./AmbientVisualizer-B6kX3oPX.js";
-import { t as TokenGroupItem } from "./TokenGroupItem-DLU0AK1S.js";
-import React, { useState } from "react";
-import { Box, Divider, Typography, makeStyles } from "@material-ui/core";
-import { MuiVegaLite } from "@material-vega/material-ui";
-
-//#region src/UI/surfaces/cards/chartDisplayCards/AmbientSplitStatCard.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	rootContainer: {
-		background: "#FFFFFF",
-		boxShadow: "0px 1px 4px rgba(0, 0, 0, 0.08)",
-		borderRadius: "6px",
-		display: "flex",
-		justifyContent: "center",
-		flexDirection: "column"
-	},
-	infoContainer: {
-		display: "flex",
-		justifyContent: "center",
-		paddingLeft: theme.spacing(3)
-	},
-	divider: {
-		width: "100%",
-		height: "1px"
-	},
-	subContainer: {
-		display: "flex",
-		flexDirection: "column",
-		justifyContent: "flex-start",
-		alignItems: "center",
-		width: "100%"
-	},
-	subContainerGraph: {
-		display: "flex",
-		flexDirection: "column",
-		justifyContent: "flex-start",
-		alignItems: "start",
-		width: "100%"
-	},
-	graphContainer: {
-		display: "flex",
-		paddingLeft: theme.spacing(3)
-	}
-}));
-const defaultBlockSpecs = {
-	alertType: "default",
-	value: "0",
-	startLabel: "$",
-	label: "",
-	labelVariant: "subtitle2",
-	width: "100%",
-	style: { border: "none" }
-};
-/**
-* `AmbientSplitStatCard` component
-*/
-const AmbientSplitStatCard = (props) => {
-	const { title, subtitle, cardsSpecs, graphTitle, graphVariant, graphSpec, style } = props;
-	const classes = useStyles$1(props);
-	return /* @__PURE__ */ React.createElement("div", {
-		className: classes.rootContainer,
-		style
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.infoContainer }, /* @__PURE__ */ React.createElement("div", { className: classes.subContainerGraph }, /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h6",
-		style: {
-			fontStyle: "normal",
-			fontWeight: 500,
-			fontSize: "19px"
-		}
-	}, title), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement(SummaryBlock, cardsSpecs?.SummaryBlockOne || defaultBlockSpecs), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "subtitle2",
-		style: { fontWeight: 400 }
-	}, subtitle), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" })), /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" }), /* @__PURE__ */ React.createElement("div", { className: classes.subContainer }, /* @__PURE__ */ React.createElement(SummaryBlock, cardsSpecs?.SummaryBlockTwo || defaultBlockSpecs), /* @__PURE__ */ React.createElement(Divider, {
-		orientation: "horizontal",
-		className: classes.divider
-	}), /* @__PURE__ */ React.createElement(SummaryBlock, cardsSpecs?.SummaryBlockThree || defaultBlockSpecs))), /* @__PURE__ */ React.createElement(Divider, {
-		orientation: "horizontal",
-		className: classes.divider
-	}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement("div", { className: classes.graphContainer }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, graphTitle), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" })), /* @__PURE__ */ React.createElement(Box, {
-		clone: true,
-		overflow: "hidden",
-		sx: {
-			width: "100%",
-			minWidth: "100%",
-			"& svg": { width: "100%" }
-		}
-	}, /* @__PURE__ */ React.createElement(MuiVegaLite, {
-		variant: graphVariant || "verticalBarChart",
-		background: "paper",
-		autoResize: true,
-		actions: false,
-		spec: graphSpec
-	})), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }));
-};
-
-//#endregion
-//#region src/UI/surfaces/cards/chartDisplayCards/AmbientVisualizationCard.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { position: "relative" },
-	item: { marginRight: theme.spacing(2) },
-	tabPanelContents: { marginLeft: theme.spacing(2) },
-	togglePadding: { padding: theme.spacing(2) }
-}));
-const AmbientVisualizationCard = ({ title, toggleList1, toggleList2, toggleList3, tabList, tabContent1, tabContent2, tabContent3 }) => {
-	const classes = useStyles();
-	const [value, setValue] = useState(0);
-	const [toggleValue, setToggleValue] = useState("month");
-	const handleChange = (event, newValue) => {
-		setValue(newValue);
-	};
-	const selectToggle = (event, nextView) => {
-		setToggleValue(nextView);
-	};
-	return /* @__PURE__ */ React.createElement(AmbientCard, {
-		title,
-		customAdornment: " ",
-		visualization: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentTabPanel, {
-			value,
-			index: 0
-		}, /* @__PURE__ */ React.createElement("div", { className: classes.tabPanelContents }, tabContent1 && tabContent1.map((item) => {
-			return toggleValue === item.value && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AmbientVisualizer, {
-				values: item.values,
-				visualization: item.chartType,
-				verticalBarColor: item.verticalBarColor,
-				verticalBarBand: item.verticalBarBand,
-				verticalBarXfield: item.verticalBarXfield,
-				verticalBarXtype: item.verticalBarXtype,
-				verticalBarYfield: item.verticalBarYfield,
-				verticalBarYtype: item.verticalBarYtype,
-				styleThin: item.styleThin
-			}));
-		}))), /* @__PURE__ */ React.createElement(FluentTabPanel, {
-			value,
-			index: 1
-		}, /* @__PURE__ */ React.createElement("div", { className: classes.tabPanelContents }, tabContent2 && tabContent2.map((item) => {
-			return toggleValue === item.value && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AmbientVisualizer, {
-				values: item.values,
-				visualization: item.chartType,
-				verticalBarColor: item.verticalBarColor,
-				verticalBarBand: item.verticalBarBand,
-				verticalBarXfield: item.verticalBarXfield,
-				verticalBarXtype: item.verticalBarXtype,
-				verticalBarYfield: item.verticalBarYfield,
-				verticalBarYtype: item.verticalBarYtype,
-				styleThin: item.styleThin
-			}));
-		}))), /* @__PURE__ */ React.createElement(FluentTabPanel, {
-			value,
-			index: 2
-		}, /* @__PURE__ */ React.createElement("div", { className: classes.tabPanelContents }, tabContent3 && tabContent3.map((item) => {
-			return toggleValue === item.value && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AmbientVisualizer, {
-				values: item.values,
-				visualization: item.chartType,
-				verticalBarColor: item.verticalBarColor,
-				verticalBarBand: item.verticalBarBand,
-				verticalBarXfield: item.verticalBarXfield,
-				verticalBarXtype: item.verticalBarXtype,
-				verticalBarYfield: item.verticalBarYfield,
-				verticalBarYtype: item.verticalBarYtype,
-				styleThin: item.styleThin
-			}));
-		}))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentSimpleTabs, {
-			value,
-			onChange: handleChange,
-			"aria-label": "simple tabs example"
-		}, tabList && tabList.map((item) => {
-			return /* @__PURE__ */ React.createElement(FluentSimpleTab, { label: item.label });
-		})), /* @__PURE__ */ React.createElement(FluentTabPanel, {
-			value,
-			index: 0
-		}, /* @__PURE__ */ React.createElement("div", { className: classes.togglePadding }, /* @__PURE__ */ React.createElement(AmbientToggleButtonGroup, {
-			orientation: "horizontal",
-			value: toggleValue
-		}, toggleList1 && toggleList1.map((item) => {
-			return /* @__PURE__ */ React.createElement(AmbientToggleButton, {
-				value: item.value,
-				"aria-label": item.ariaLabel,
-				onMouseUp: item.onClick,
-				onClick: selectToggle,
-				className: classes.item
-			}, /* @__PURE__ */ React.createElement(TokenGroupItem, {
-				label: item.label,
-				icon: item.icon
-			}));
-		})))), /* @__PURE__ */ React.createElement(FluentTabPanel, {
-			value,
-			index: 1
-		}, /* @__PURE__ */ React.createElement("div", { className: classes.togglePadding }, /* @__PURE__ */ React.createElement(AmbientToggleButtonGroup, {
-			orientation: "horizontal",
-			value: toggleValue
-		}, toggleList2 && toggleList2.map((item) => {
-			return /* @__PURE__ */ React.createElement(AmbientToggleButton, {
-				value: item.value,
-				"aria-label": item.ariaLabel,
-				onMouseUp: item.onClick,
-				onClick: selectToggle,
-				className: classes.item
-			}, /* @__PURE__ */ React.createElement(TokenGroupItem, {
-				label: item.label,
-				icon: item.icon
-			}));
-		})))), /* @__PURE__ */ React.createElement(FluentTabPanel, {
-			value,
-			index: 2
-		}, /* @__PURE__ */ React.createElement("div", { className: classes.togglePadding }, /* @__PURE__ */ React.createElement(AmbientToggleButtonGroup, {
-			orientation: "horizontal",
-			value: toggleValue
-		}, toggleList3 && toggleList3.map((item) => {
-			return /* @__PURE__ */ React.createElement(AmbientToggleButton, {
-				value: item.value,
-				"aria-label": item.ariaLabel,
-				onMouseUp: item.onClick,
-				onClick: selectToggle,
-				className: classes.item
-			}, /* @__PURE__ */ React.createElement(TokenGroupItem, {
-				label: item.label,
-				icon: item.icon
-			}));
-		}))))))
-	});
-};
-
-//#endregion
-export { AmbientSplitStatCard as n, AmbientVisualizationCard as t };
-//# sourceMappingURL=AmbientVisualizationCard-DbIyhnw9.js.map

package/dist/AmbientVisualizationCard-DbIyhnw9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientVisualizationCard-DbIyhnw9.js","names":["useStyles"],"sources":["../src/UI/surfaces/cards/chartDisplayCards/AmbientSplitStatCard.jsx","../src/UI/surfaces/cards/chartDisplayCards/AmbientVisualizationCard.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography, Divider, Box } from '@material-ui/core';\nimport { SummaryBlock } from '../../../dataDisplay/SummaryBlock';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { LayoutUnit } from '../../../../layout/LayoutUnit';\n\nconst useStyles = makeStyles((theme) => ({\n  rootContainer: {\n    background: '#FFFFFF',\n    boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.08)',\n    borderRadius: '6px',\n    display: 'flex',\n    justifyContent: 'center',\n    flexDirection: 'column'\n  },\n  infoContainer: {\n    display: 'flex',\n    justifyContent: 'center',\n    paddingLeft: theme.spacing(3)\n  },\n  divider: {\n    width: '100%',\n    height: '1px'\n  },\n  subContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'flex-start',\n    alignItems: 'center',\n    width: '100%'\n  },\n  subContainerGraph: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'flex-start',\n    alignItems: 'start',\n    width: '100%'\n  },\n  graphContainer: {\n    display: 'flex',\n    paddingLeft: theme.spacing(3)\n  }\n}));\n\nconst defaultBlockSpecs = {\n  alertType: 'default',\n  value: '0',\n  startLabel: '$',\n  label: '',\n  labelVariant: 'subtitle2',\n  width: '100%',\n  style: { border: 'none' }\n};\n\n/**\n * `AmbientSplitStatCard` component\n */\nexport const AmbientSplitStatCard = (props) => {\n  const {\n    title,\n    subtitle,\n    cardsSpecs,\n    graphTitle,\n    graphVariant,\n    graphSpec,\n    style\n  } = props;\n\n  const classes = useStyles(props);\n\n  return (\n    <div className={classes.rootContainer} style={style}>\n      <div className={classes.infoContainer}>\n        <div className={classes.subContainerGraph}>\n          <LayoutUnit unit='xxs' />\n          <Typography\n            variant='h6'\n            style={{\n              fontStyle: 'normal',\n              fontWeight: 500,\n              fontSize: '19px'\n            }}\n          >\n            {title}\n          </Typography>\n          <LayoutUnit unit='nudge' />\n          <SummaryBlock\n            {...(cardsSpecs?.SummaryBlockOne || defaultBlockSpecs)}\n          />\n          <LayoutUnit unit='xxs' />\n          <Typography variant='subtitle2' style={{ fontWeight: 400 }}>\n            {subtitle}\n          </Typography>\n          <LayoutUnit unit='xxs' />\n        </div>\n        <Divider orientation='vertical' />\n        <div className={classes.subContainer}>\n          <SummaryBlock\n            {...(cardsSpecs?.SummaryBlockTwo || defaultBlockSpecs)}\n          />\n          <Divider orientation='horizontal' className={classes.divider} />\n          <SummaryBlock\n            {...(cardsSpecs?.SummaryBlockThree || defaultBlockSpecs)}\n          />\n        </div>\n      </div>\n      <Divider orientation='horizontal' className={classes.divider} />\n      <LayoutUnit unit='nudge' />\n      <div className={classes.graphContainer}>\n        <Typography variant='subtitle1'>{graphTitle}</Typography>\n        <LayoutUnit unit='nudge' />\n      </div>\n      <Box\n        clone\n        overflow='hidden'\n        sx={{\n          width: '100%',\n          minWidth: '100%',\n          '& svg': {\n            width: '100%'\n          }\n        }}\n      >\n        <MuiVegaLite\n          variant={graphVariant || 'verticalBarChart'}\n          background='paper'\n          autoResize\n          actions={false}\n          spec={graphSpec}\n        />\n      </Box>\n      <LayoutUnit unit='xxs' />\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { AmbientToggleButton } from '../../../inputs/buttons/AmbientToggleButton';\nimport { AmbientToggleButtonGroup } from '../../../inputs/buttons/AmbientToggleButtonGroup';\nimport { TokenGroupItem } from '../../../templates/ui/TokenGroupItem';\nimport { FluentTabPanel } from '../../../navigation/tabs/defaultTabs/FluentTabPanel';\nimport { FluentSimpleTab } from '../../../navigation/tabs/defaultTabs/FluentSimpleTab';\nimport { FluentSimpleTabs } from '../../../navigation/tabs/defaultTabs/FluentSimpleTabs';\nimport { AmbientVisualizer } from '../../../dataDisplay/visualization/AmbientVisualizer';\nimport { AmbientCard } from '../AmbientCard';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: 'relative'\n  },\n  item: {\n    marginRight: theme.spacing(2)\n  },\n  tabPanelContents: {\n    marginLeft: theme.spacing(2)\n  },\n  togglePadding: {\n    padding: theme.spacing(2)\n  }\n}));\n\nexport const AmbientVisualizationCard = ({\n  title,\n  toggleList1,\n  toggleList2,\n  toggleList3,\n  tabList,\n  tabContent1,\n  tabContent2,\n  tabContent3\n}) => {\n  const classes = useStyles();\n\n  const [value, setValue] = useState(0);\n  const [toggleValue, setToggleValue] = useState('month');\n\n  const handleChange = (event, newValue) => {\n    setValue(newValue);\n  };\n\n  const selectToggle = (event, nextView) => {\n    setToggleValue(nextView);\n  };\n\n  return (\n    <AmbientCard\n      title={title}\n      customAdornment=' '\n      visualization={\n        <div>\n          <FluentTabPanel value={value} index={0}>\n            <div className={classes.tabPanelContents}>\n              {tabContent1 &&\n                tabContent1.map((item) => {\n                  return (\n                    toggleValue === item.value && (\n                      <div>\n                        <AmbientVisualizer\n                          values={item.values}\n                          visualization={item.chartType}\n                          verticalBarColor={item.verticalBarColor}\n                          verticalBarBand={item.verticalBarBand}\n                          verticalBarXfield={item.verticalBarXfield}\n                          verticalBarXtype={item.verticalBarXtype}\n                          verticalBarYfield={item.verticalBarYfield}\n                          verticalBarYtype={item.verticalBarYtype}\n                          styleThin={item.styleThin}\n                        />\n                      </div>\n                    )\n                  );\n                })}\n            </div>\n          </FluentTabPanel>\n          <FluentTabPanel value={value} index={1}>\n            <div className={classes.tabPanelContents}>\n              {tabContent2 &&\n                tabContent2.map((item) => {\n                  return (\n                    toggleValue === item.value && (\n                      <div>\n                        <AmbientVisualizer\n                          values={item.values}\n                          visualization={item.chartType}\n                          verticalBarColor={item.verticalBarColor}\n                          verticalBarBand={item.verticalBarBand}\n                          verticalBarXfield={item.verticalBarXfield}\n                          verticalBarXtype={item.verticalBarXtype}\n                          verticalBarYfield={item.verticalBarYfield}\n                          verticalBarYtype={item.verticalBarYtype}\n                          styleThin={item.styleThin}\n                        />\n                      </div>\n                    )\n                  );\n                })}\n            </div>\n          </FluentTabPanel>\n          <FluentTabPanel value={value} index={2}>\n            <div className={classes.tabPanelContents}>\n              {tabContent3 &&\n                tabContent3.map((item) => {\n                  return (\n                    toggleValue === item.value && (\n                      <div>\n                        <AmbientVisualizer\n                          values={item.values}\n                          visualization={item.chartType}\n                          verticalBarColor={item.verticalBarColor}\n                          verticalBarBand={item.verticalBarBand}\n                          verticalBarXfield={item.verticalBarXfield}\n                          verticalBarXtype={item.verticalBarXtype}\n                          verticalBarYfield={item.verticalBarYfield}\n                          verticalBarYtype={item.verticalBarYtype}\n                          styleThin={item.styleThin}\n                        />\n                      </div>\n                    )\n                  );\n                })}\n            </div>\n          </FluentTabPanel>\n          <div>\n            <FluentSimpleTabs\n              value={value}\n              onChange={handleChange}\n              aria-label='simple tabs example'\n            >\n              {tabList &&\n                tabList.map((item) => {\n                  return <FluentSimpleTab label={item.label} />;\n                })}\n            </FluentSimpleTabs>\n\n            <FluentTabPanel value={value} index={0}>\n              <div className={classes.togglePadding}>\n                <AmbientToggleButtonGroup\n                  orientation='horizontal'\n                  value={toggleValue}\n                >\n                  {toggleList1 &&\n                    toggleList1.map((item) => {\n                      return (\n                        <AmbientToggleButton\n                          value={item.value}\n                          aria-label={item.ariaLabel}\n                          onMouseUp={item.onClick}\n                          onClick={selectToggle}\n                          className={classes.item}\n                        >\n                          <TokenGroupItem label={item.label} icon={item.icon} />\n                        </AmbientToggleButton>\n                      );\n                    })}\n                </AmbientToggleButtonGroup>\n              </div>\n            </FluentTabPanel>\n            <FluentTabPanel value={value} index={1}>\n              <div className={classes.togglePadding}>\n                <AmbientToggleButtonGroup\n                  orientation='horizontal'\n                  value={toggleValue}\n                >\n                  {toggleList2 &&\n                    toggleList2.map((item) => {\n                      return (\n                        <AmbientToggleButton\n                          value={item.value}\n                          aria-label={item.ariaLabel}\n                          onMouseUp={item.onClick}\n                          onClick={selectToggle}\n                          className={classes.item}\n                        >\n                          <TokenGroupItem label={item.label} icon={item.icon} />\n                        </AmbientToggleButton>\n                      );\n                    })}\n                </AmbientToggleButtonGroup>\n              </div>\n            </FluentTabPanel>\n            <FluentTabPanel value={value} index={2}>\n              <div className={classes.togglePadding}>\n                <AmbientToggleButtonGroup\n                  orientation='horizontal'\n                  value={toggleValue}\n                >\n                  {toggleList3 &&\n                    toggleList3.map((item) => {\n                      return (\n                        <AmbientToggleButton\n                          value={item.value}\n                          aria-label={item.ariaLabel}\n                          onMouseUp={item.onClick}\n                          onClick={selectToggle}\n                          className={classes.item}\n                        >\n                          <TokenGroupItem label={item.label} icon={item.icon} />\n                        </AmbientToggleButton>\n                      );\n                    })}\n                </AmbientToggleButtonGroup>\n              </div>\n            </FluentTabPanel>\n          </div>\n        </div>\n      }\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAMA,MAAMA,cAAY,YAAY,WAAW;CACvC,eAAe;EACb,YAAY;EACZ,WAAW;EACX,cAAc;EACd,SAAS;EACT,gBAAgB;EAChB,eAAe;EAChB;CACD,eAAe;EACb,SAAS;EACT,gBAAgB;EAChB,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,SAAS;EACP,OAAO;EACP,QAAQ;EACT;CACD,cAAc;EACZ,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,OAAO;EACR;CACD,mBAAmB;EACjB,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,OAAO;EACR;CACD,gBAAgB;EACd,SAAS;EACT,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACF,EAAE;AAEH,MAAM,oBAAoB;CACxB,WAAW;CACX,OAAO;CACP,YAAY;CACZ,OAAO;CACP,cAAc;CACd,OAAO;CACP,OAAO,EAAE,QAAQ,QAAQ;CAC1B;;;;AAKD,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EACJ,OACA,UACA,YACA,YACA,cACA,WACA,UACE;CAEJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC;EAAI,WAAW,QAAQ;EAAsB;IAC5C,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,SAAI,WAAW,QAAQ,qBACtB,oCAAC,cAAW,MAAK,QAAQ,EACzB,oCAAC;EACC,SAAQ;EACR,OAAO;GACL,WAAW;GACX,YAAY;GACZ,UAAU;GACX;IAEA,MACU,EACb,oCAAC,cAAW,MAAK,UAAU,EAC3B,oCAAC,cACM,YAAY,mBAAmB,kBACpC,EACF,oCAAC,cAAW,MAAK,QAAQ,EACzB,oCAAC;EAAW,SAAQ;EAAY,OAAO,EAAE,YAAY,KAAK;IACvD,SACU,EACb,oCAAC,cAAW,MAAK,QAAQ,CACrB,EACN,oCAAC,WAAQ,aAAY,aAAa,EAClC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,cACM,YAAY,mBAAmB,kBACpC,EACF,oCAAC;EAAQ,aAAY;EAAa,WAAW,QAAQ;GAAW,EAChE,oCAAC,cACM,YAAY,qBAAqB,kBACtC,CACE,CACF,EACN,oCAAC;EAAQ,aAAY;EAAa,WAAW,QAAQ;GAAW,EAChE,oCAAC,cAAW,MAAK,UAAU,EAC3B,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC,cAAW,SAAQ,eAAa,WAAwB,EACzD,oCAAC,cAAW,MAAK,UAAU,CACvB,EACN,oCAAC;EACC;EACA,UAAS;EACT,IAAI;GACF,OAAO;GACP,UAAU;GACV,SAAS,EACP,OAAO,QACR;GACF;IAED,oCAAC;EACC,SAAS,gBAAgB;EACzB,YAAW;EACX;EACA,SAAS;EACT,MAAM;GACN,CACE,EACN,oCAAC,cAAW,MAAK,QAAQ,CACrB;;;;;ACzHV,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,UAAU,YACX;CACD,MAAM,EACJ,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,kBAAkB,EAChB,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACD,eAAe,EACb,SAAS,MAAM,QAAQ,EAAE,EAC1B;CACF,EAAE;AAEH,MAAa,4BAA4B,EACvC,OACA,aACA,aACA,aACA,SACA,aACA,aACA,kBACI;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,aAAa,kBAAkB,SAAS,QAAQ;CAEvD,MAAM,gBAAgB,OAAO,aAAa;AACxC,WAAS,SAAS;;CAGpB,MAAM,gBAAgB,OAAO,aAAa;AACxC,iBAAe,SAAS;;AAG1B,QACE,oCAAC;EACQ;EACP,iBAAgB;EAChB,eACE,oCAAC,aACC,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,oBACrB,eACC,YAAY,KAAK,SAAS;AACxB,UACE,gBAAgB,KAAK,SACnB,oCAAC,aACC,oCAAC;IACC,QAAQ,KAAK;IACb,eAAe,KAAK;IACpB,kBAAkB,KAAK;IACvB,iBAAiB,KAAK;IACtB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,mBAAmB,KAAK;IACxB,kBAAkB,KAAK;IACvB,WAAW,KAAK;KAChB,CACE;IAGV,CACA,CACS,EACjB,oCAAC,aACC,oCAAC;GACQ;GACP,UAAU;GACV,cAAW;KAEV,WACC,QAAQ,KAAK,SAAS;AACpB,UAAO,oCAAC,mBAAgB,OAAO,KAAK,QAAS;IAC7C,CACa,EAEnB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,EACjB,oCAAC;GAAsB;GAAO,OAAO;KACnC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,aAAY;GACZ,OAAO;KAEN,eACC,YAAY,KAAK,SAAS;AACxB,UACE,oCAAC;IACC,OAAO,KAAK;IACZ,cAAY,KAAK;IACjB,WAAW,KAAK;IAChB,SAAS;IACT,WAAW,QAAQ;MAEnB,oCAAC;IAAe,OAAO,KAAK;IAAO,MAAM,KAAK;KAAQ,CAClC;IAExB,CACqB,CACvB,CACS,CACb,CACF;GAER"}

package/dist/AppMenu-DDbhqgdp.js

@@ -1,174 +0,0 @@
-import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
-import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
-import { n as useActions } from "./useActions-C4vaudH3.js";
-import { t as redirectToLinkOnClick } from "./redirectToLink-CvjUyGaR.js";
-import React, { forwardRef, useContext, useEffect, useState } from "react";
-import { Collapse, List, ListItem, ListItemIcon, ListItemText, createStyles, makeStyles } from "@material-ui/core";
-import { NavLink } from "react-router-dom";
-import clsx from "clsx";
-import { ChevronDownIcon, ChevronUpIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-import { useTranslation } from "react-i18next";
-
-//#region src/UI/navigation/menus/AppMenuItemComponent.jsx
-const ListItemLinkComponent = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(NavLink, {
-	exact: true,
-	...props,
-	innerRef: ref
-}));
-ListItemLinkComponent.displayName = "ListItemLinkComponent";
-const AppMenuItemComponent = (props) => {
-	const { link, params, isChild, ...other } = props;
-	if (!link || typeof link !== "string") return /* @__PURE__ */ React.createElement(ListItem, {
-		button: true,
-		...other,
-		dense: true
-	});
-	return /* @__PURE__ */ React.createElement(ListItem, {
-		id: "udpRecord-AppMenuItemComponent-" + params.label.replace(/\s+/g, ""),
-		udprecordid: "udpRecord-AppMenuItemComponent-" + params.label.replace(/\s+/g, ""),
-		button: true,
-		component: ListItemLinkComponent,
-		to: {
-			pathname: link,
-			state: params
-		},
-		...other,
-		onClick: void 0,
-		dense: true
-	});
-};
-
-//#endregion
-//#region src/UI/navigation/menus/AppMenuItem.jsx
-const AppMenuItemPropTypes = {
-	id: PropTypes.string,
-	label: PropTypes.string.isRequired,
-	link: PropTypes.string,
-	icon: PropTypes.elementType,
-	iconName: PropTypes.string,
-	image: PropTypes.string,
-	items: PropTypes.arrayOf(PropTypes.object),
-	indent: PropTypes.string,
-	redirectInfo: PropTypes.string,
-	params: PropTypes.object,
-	menuItemId: PropTypes.string,
-	menuStructureId: PropTypes.number,
-	parentId: PropTypes.number,
-	productId: PropTypes.number,
-	isActive: PropTypes.bool,
-	roleIds: PropTypes.arrayOf(PropTypes.number),
-	getAccessToken: PropTypes.func,
-	childrenIcons: PropTypes.bool,
-	isChild: PropTypes.bool,
-	childIndex: PropTypes.number,
-	sidebarExpanded: PropTypes.bool,
-	devicesHiddenOn: PropTypes.arrayOf(PropTypes.string),
-	user: PropTypes.object,
-	tenantSsoId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-const useStyles = makeStyles((theme) => createStyles({
-	menuItem: { "&.active": {
-		background: "rgba(0, 0, 0, 0.08)",
-		"& .MuiListItemIcon-root": { marginLeft: theme.spacing(2) }
-	} },
-	menuItemIcon: { minWidth: theme.spacing(5) },
-	item: {
-		width: 254,
-		whiteSpace: "normal",
-		paddingLeft: (props) => props?.isChild && props.sidebarExpanded ? `calc(16px + ${16 * (props.childIndex !== void 0 ? props.childIndex : 0)}px)` : null
-	},
-	indent: {},
-	icon: {
-		width: theme.spacing(3),
-		height: theme.spacing(3),
-		color: theme.palette.secondary.dark
-	},
-	expand: { visibility: (props) => props.sidebarExpanded ? "visible" : "hidden" },
-	images: {
-		width: theme.spacing(3.5),
-		height: theme.spacing(3.5)
-	}
-}));
-const AppMenuItem = (props) => {
-	const { childrenIcons = true, isChild = false, childIndex = 0, label, link, icon, image, getAccessToken, indent, items = [], redirectInfo, sidebarExpanded, user, params, tenantSsoId, ...other } = props;
-	const classes = useStyles(props);
-	const isExpandable = items?.length > 0;
-	const [open, setOpen] = useState(false);
-	const { triggerMultipleActions } = useActions();
-	const { t } = useTranslation();
-	const handleClick = async () => {
-		let url = redirectInfo;
-		if (url && tenantSsoId) {
-			const response = await apiMutate(ConfigService.securityV1ApiUrl, `sso/${tenantSsoId}`, { method: "get" });
-			if (!response) return;
-			url = `${url}${response.data.urlParams}`;
-		}
-		if (url) redirectToLinkOnClick(url, getAccessToken, user);
-		if (params?.Action?.length) triggerMultipleActions(params.Action);
-		setOpen(!open);
-	};
-	const MenuItemRoot = /* @__PURE__ */ React.createElement(AppMenuItemComponent, {
-		className: clsx(indent ? classes.menuItem : classes.indent, classes.item),
-		link: items.length ? "" : link,
-		onClick: handleClick,
-		"aria-expanded": isExpandable ? open : null,
-		params: {
-			...other,
-			label,
-			params
-		},
-		isChild
-	}, (!!icon || !!image) && (isChild && childrenIcons || !isChild) && /* @__PURE__ */ React.createElement(ListItemIcon, { className: classes.menuItemIcon }, icon ? /* @__PURE__ */ React.createElement("div", { className: classes.icon }, /* @__PURE__ */ React.createElement(FluentIcon, { component: icon })) : /* @__PURE__ */ React.createElement("img", {
-		src: image,
-		alt: label,
-		className: classes.images
-	})), /* @__PURE__ */ React.createElement(ListItemText, {
-		primary: t(label),
-		inset: !icon && !image
-	}), isExpandable && (open ? /* @__PURE__ */ React.createElement("div", { className: classes.expand }, /* @__PURE__ */ React.createElement(FluentIcon, {
-		size: "small",
-		component: ChevronUpIcon,
-		id: `udpRecord-AppMenuItem-FluentIcon-Up-${label}`,
-		udprecordid: `udpRecord-AppMenuItem-FluentIcon-Up-${label}`
-	})) : /* @__PURE__ */ React.createElement("div", { className: classes.expand }, /* @__PURE__ */ React.createElement(FluentIcon, {
-		size: "small",
-		component: ChevronDownIcon,
-		id: `udpRecord-AppMenuItem-FluentIcon-Down-${label}`,
-		udprecordid: `udpRecord-AppMenuItem-FluentIcon-Down-${label}`
-	}))));
-	const MenuItemChildren = isExpandable ? /* @__PURE__ */ React.createElement(Collapse, {
-		in: open,
-		timeout: "auto",
-		unmountOnExit: true
-	}, /* @__PURE__ */ React.createElement(List, null, items.map((item, index) => /* @__PURE__ */ React.createElement(AppMenuItem, {
-		...item,
-		childrenIcons,
-		isChild: true,
-		key: index,
-		childIndex: childIndex + 1,
-		sidebarExpanded,
-		user
-	})))) : null;
-	return /* @__PURE__ */ React.createElement("li", null, MenuItemRoot, MenuItemChildren);
-};
-AppMenuItem.propTypes = AppMenuItemPropTypes;
-
-//#endregion
-//#region src/UI/navigation/menus/AppMenu.jsx
-const AppMenu = ({ childrenIcons, menuItems, sidebarExpanded, user }) => {
-	return /* @__PURE__ */ React.createElement("nav", { "aria-label": "Site Navigation" }, /* @__PURE__ */ React.createElement(List, null, menuItems.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(AppMenuItem, {
-			key: index,
-			childrenIcons,
-			sidebarExpanded,
-			user,
-			...item
-		});
-	})));
-};
-
-//#endregion
-export { AppMenuItem as n, AppMenuItemComponent as r, AppMenu as t };
-//# sourceMappingURL=AppMenu-DDbhqgdp.js.map

package/dist/AppMenu-DDbhqgdp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppMenu-DDbhqgdp.js","names":[],"sources":["../src/UI/navigation/menus/AppMenuItemComponent.jsx","../src/UI/navigation/menus/AppMenuItem.jsx","../src/UI/navigation/menus/AppMenu.jsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { ListItem } from '@material-ui/core'\nimport { NavLink } from 'react-router-dom'\n\nconst ListItemLinkComponent = forwardRef((props, ref) => (\n  <NavLink exact {...props} innerRef={ref} />\n))\nListItemLinkComponent.displayName = 'ListItemLinkComponent'\n\nexport const AppMenuItemComponent = (props) => {\n  const { link, params, isChild, ...other } = props\n\n  // If link is not set return the ordinary ListItem\n  if (!link || typeof link !== 'string') {\n    return <ListItem button {...other} dense />\n  }\n\n  // Return a ListItem with a link component\n  return (\n    <ListItem\n      id={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n      udprecordid={'udpRecord-AppMenuItemComponent-'+params.label.replace(/\\s+/g, '')}\n      button\n      component={ListItemLinkComponent}\n      to={{\n        pathname: link,\n        state: params\n      }}\n      {...other}\n      onClick={undefined}\n      dense\n    />\n  )\n}\n","import { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport {\n  Collapse,\n  createStyles,\n  List,\n  ListItemIcon,\n  ListItemText,\n  makeStyles\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { useActions } from '../../../hooks/useActions';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { redirectToLinkOnClick } from '../../../utilities/menus/redirectToLink';\nimport { AppMenuItemComponent } from './AppMenuItemComponent';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../../../configService';\n\n// React runtime PropTypes\nconst AppMenuItemPropTypes = {\n  id: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  link: PropTypes.string,\n  icon: PropTypes.elementType,\n  iconName: PropTypes.string,\n  image: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.object),\n  indent: PropTypes.string,\n  redirectInfo: PropTypes.string,\n  params: PropTypes.object,\n  menuItemId: PropTypes.string,\n  menuStructureId: PropTypes.number,\n  parentId: PropTypes.number,\n  productId: PropTypes.number,\n  isActive: PropTypes.bool,\n  roleIds: PropTypes.arrayOf(PropTypes.number),\n  getAccessToken: PropTypes.func,\n  childrenIcons: PropTypes.bool,\n  isChild: PropTypes.bool,\n  childIndex: PropTypes.number,\n  sidebarExpanded: PropTypes.bool,\n  devicesHiddenOn: PropTypes.arrayOf(PropTypes.string),\n  user: PropTypes.object,\n  tenantSsoId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\n\nconst useStyles = makeStyles((theme) =>\n  createStyles({\n    menuItem: {\n      '&.active': {\n        background: 'rgba(0, 0, 0, 0.08)',\n        '& .MuiListItemIcon-root': { marginLeft: theme.spacing(2) }\n      }\n    },\n    menuItemIcon: {\n      minWidth: theme.spacing(5)\n    },\n    item: {\n      width: 254,\n      whiteSpace: 'normal',\n      paddingLeft: (props) =>\n        props?.isChild && props.sidebarExpanded\n          ? `calc(16px + ${\n              16 * (props.childIndex !== undefined ? props.childIndex : 0)\n            }px)`\n          : null\n    },\n    indent: {},\n    icon: {\n      width: theme.spacing(3),\n      height: theme.spacing(3),\n      color: theme.palette.secondary.dark\n    },\n    expand: {\n      // marginRight: theme.spacing(1),\n      visibility: (props) => (props.sidebarExpanded ? 'visible' : 'hidden')\n    },\n    images: {\n      width: theme.spacing(3.5),\n      height: theme.spacing(3.5)\n    }\n  })\n);\n\nexport const AppMenuItem = (props) => {\n  const {\n    childrenIcons = true,\n    isChild = false,\n    childIndex = 0,\n    label,\n    link,\n    icon,\n    image,\n    getAccessToken,\n    indent,\n    items = [],\n    redirectInfo,\n    sidebarExpanded,\n    user,\n    params,\n    tenantSsoId,\n    ...other\n  } = props;\n  const classes = useStyles(props);\n  const isExpandable = items?.length > 0;\n  const [open, setOpen] = useState(false);\n  const { triggerMultipleActions } = useActions();\n  const { t } = useTranslation();\n\n  const handleClick = async () => {\n    let url = redirectInfo;\n    if (url && tenantSsoId) {\n      const response = await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `sso/${tenantSsoId}`,\n        { method: 'get' }\n      );\n      if (!response) return;\n      url = `${url}${response.data.urlParams}`;\n    }\n    if (url) {\n      redirectToLinkOnClick(url, getAccessToken, user);\n    }\n\n    if (params?.Action?.length) {\n      triggerMultipleActions(params.Action);\n    }\n\n    setOpen(!open);\n  };\n\n  const MenuItemRoot = (\n    <AppMenuItemComponent\n      className={clsx(indent ? classes.menuItem : classes.indent, classes.item)}\n      link={items.length ? '' : link}\n      onClick={handleClick}\n      aria-expanded={isExpandable ? open : null}\n      params={{ ...other, label, params }}\n      isChild={isChild}\n    >\n      {/* Display an icon if any */}\n      {(!!icon || !!image) && ((isChild && childrenIcons) || !isChild) && (\n        <ListItemIcon className={classes.menuItemIcon}>\n          {icon ? (\n            <div className={classes.icon}>\n              <FluentIcon component={icon} />\n            </div>\n          ) : (\n            <img src={image} alt={label} className={classes.images} />\n          )}\n        </ListItemIcon>\n      )}\n      <ListItemText primary={t(label)} inset={!icon && !image} />\n      {/* Display the expand menu if the item has children */}\n      {isExpandable &&\n        (open ? (\n          <div className={classes.expand}>\n            <FluentIcon\n              size={'small'}\n              component={ChevronUpIcon}\n              id={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n              udprecordid={`udpRecord-AppMenuItem-FluentIcon-Up-${label}`}\n            />\n          </div>\n        ) : (\n          <div className={classes.expand}>\n            <FluentIcon\n              size={'small'}\n              component={ChevronDownIcon}\n              id={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n              udprecordid={`udpRecord-AppMenuItem-FluentIcon-Down-${label}`}\n            />\n          </div>\n        ))}\n    </AppMenuItemComponent>\n  );\n\n  const MenuItemChildren = isExpandable ? (\n    <Collapse in={open} timeout='auto' unmountOnExit>\n      {/* <Divider aria-hidden={true} /> */}\n      <List>\n        {items.map((item, index) => (\n          <AppMenuItem\n            {...item}\n            childrenIcons={childrenIcons}\n            isChild\n            key={index}\n            childIndex={childIndex + 1}\n            sidebarExpanded={sidebarExpanded}\n            user={user}\n          />\n        ))}\n      </List>\n    </Collapse>\n  ) : null;\n\n  return (\n    <li>\n      {MenuItemRoot}\n      {MenuItemChildren}\n    </li>\n  );\n};\n\nAppMenuItem.propTypes = AppMenuItemPropTypes;\n","import React from 'react';\nimport { List } from '@material-ui/core';\nimport { AppMenuItem } from './AppMenuItem';\n\nexport const AppMenu = ({\n  childrenIcons,\n  menuItems,\n  sidebarExpanded,\n  user\n}) => {\n  return (\n    <nav aria-label='Site Navigation'>\n      <List>\n        {menuItems.map((item, index) => {\n          return (\n            <AppMenuItem\n              key={index}\n              childrenIcons={childrenIcons}\n              sidebarExpanded={sidebarExpanded}\n              user={user}\n              {...item}\n            />\n          );\n        })}\n      </List>\n    </nav>\n  );\n};\n"],"mappings":"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"}