udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.1

package/dist/axiosInterceptors-Dn_haR1Q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"axiosInterceptors-Dn_haR1Q.js","names":[],"sources":["../src/utilities/axiosInterceptors.js"],"sourcesContent":["import Axios from 'axios';\nimport { getAccessToken, getMergedConfig } from './apiHelpers';\nimport { whitelistedPaths } from './auth/whitelistedPaths';\n\nconst axiosInterceptors = () => {\n  Axios.interceptors.request.use(\n    async (config) => {\n      // don't want to change the access token if it's already there, this rule is already applied in getMergedConfig\n      // we don't want to call getAccessToken until it is actually need it because it might log the user out\n      if (!whitelistedPaths.includes(window.location.pathname)) {\n        let accessToken = '';\n        if(!config?.headers?.Authorization){\n          accessToken = await getAccessToken()\n        }\n        return getMergedConfig(accessToken, config);\n      }\n      return config;\n    },\n    (error) => Promise.reject(error)\n  );\n\n  Axios.interceptors.response.use(\n    (response) => response,\n    async (error) => {\n      const config = error?.config;\n      if (\n        error?.response?.status === 401 &&\n        !config?._retry &&\n        !whitelistedPaths.includes(window.location.pathname)\n      ) {\n        config.headers.Authorization = `Bearer ${await getAccessToken()}`;\n        config._retry = true;\n\n        return Axios(config);\n      }\n\n      return Promise.reject(error);\n    }\n  );\n};\n\nexport default axiosInterceptors;\n"],"mappings":";;;;AAIA,MAAM,0BAA0B;AAC9B,OAAM,aAAa,QAAQ,IACzB,OAAO,WAAW;AAGhB,MAAI,CAAC,iBAAiB,SAAS,OAAO,SAAS,SAAS,EAAE;GACxD,IAAI,cAAc;AAClB,OAAG,CAAC,QAAQ,SAAS,cACnB,eAAc,MAAM,gBAAgB;AAEtC,UAAO,gBAAgB,aAAa,OAAO;;AAE7C,SAAO;KAER,UAAU,QAAQ,OAAO,MAAM,CACjC;AAED,OAAM,aAAa,SAAS,KACzB,aAAa,UACd,OAAO,UAAU;EACf,MAAM,SAAS,OAAO;AACtB,MACE,OAAO,UAAU,WAAW,OAC5B,CAAC,QAAQ,UACT,CAAC,iBAAiB,SAAS,OAAO,SAAS,SAAS,EACpD;AACA,UAAO,QAAQ,gBAAgB,UAAU,MAAM,gBAAgB;AAC/D,UAAO,SAAS;AAEhB,UAAO,MAAM,OAAO;;AAGtB,SAAO,QAAQ,OAAO,MAAM;GAE/B;;AAGH,gCAAe"}

package/dist/cardList-DCz9PlTm.js

@@ -0,0 +1,78 @@
+import { CircularProgress as CircularProgress$1 } from "./CircularProgress-BNz8u0DY.js";
+import React, { useState } from "react";
+import { makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import Pagination from "@material-ui/lab/Pagination";
+
+//#region src/UI/dataDisplay/cardList/enum.ts
+let PaginationPlacement = /* @__PURE__ */ function(PaginationPlacement$1) {
+	PaginationPlacement$1["RIGHT"] = "right";
+	PaginationPlacement$1["LEFT"] = "left";
+	PaginationPlacement$1["CENTER"] = "center";
+	return PaginationPlacement$1;
+}({});
+
+//#endregion
+//#region src/UI/dataDisplay/cardList/CardList.jsx
+const useStyles = makeStyles(() => ({
+	paginationWrapper: { display: "flex" },
+	centerPagination: { justifyContent: "center" },
+	rightPagination: { justifyContent: "flex-end" }
+}));
+const CardList = ({ itemComponent: ItemComponent, data = [], componentDataMap, pagination = false, itemsPerPage = 10, isServerSide = false, totalItems = 0, onPageChange = null, currentPage = 1, isLoading = false, paginationPlacement = PaginationPlacement.LEFT }) => {
+	const [clientPage, setClientPage] = useState(1);
+	const classes = useStyles();
+	const page = isServerSide ? currentPage : clientPage;
+	const safeData = Array.isArray(data) ? data : [];
+	const paginatedData = pagination && !isServerSide ? safeData.slice((page - 1) * itemsPerPage, page * itemsPerPage) : safeData;
+	const handlePageChange = (event, value) => {
+		if (isServerSide) onPageChange(value);
+		else setClientPage(value);
+	};
+	const mappedData = (item) => {
+		const props = {};
+		for (const [key, value] of Object.entries(componentDataMap)) props[value] = item[key];
+		return props;
+	};
+	return /* @__PURE__ */ React.createElement("div", null, isLoading ? /* @__PURE__ */ React.createElement(CircularProgress$1, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, paginatedData.map((item, index) => /* @__PURE__ */ React.createElement(ItemComponent, {
+		key: index,
+		...mappedData(item)
+	})), pagination && /* @__PURE__ */ React.createElement("div", { className: clsx(classes.paginationWrapper, {
+		[classes.centerPagination]: paginationPlacement === PaginationPlacement.CENTER,
+		[classes.rightPagination]: paginationPlacement === PaginationPlacement.RIGHT
+	}) }, /* @__PURE__ */ React.createElement(Pagination, {
+		count: Math.ceil(isServerSide ? totalItems / itemsPerPage : safeData.length / itemsPerPage),
+		page,
+		onChange: handlePageChange,
+		disabled: isLoading
+	}))));
+};
+CardList.propTypes = {
+	itemComponent: PropTypes.elementType.isRequired,
+	data: PropTypes.arrayOf(PropTypes.object),
+	componentDataMap: PropTypes.objectOf(PropTypes.string).isRequired,
+	pagination: PropTypes.bool,
+	itemsPerPage: PropTypes.number,
+	isServerSide: PropTypes.bool,
+	totalItems: PropTypes.number,
+	onPageChange: PropTypes.func,
+	currentPage: PropTypes.number,
+	isLoading: PropTypes.bool,
+	paginationPlacement: PropTypes.string
+};
+CardList.defaultProps = {
+	data: [],
+	pagination: false,
+	itemsPerPage: 10,
+	isServerSide: false,
+	totalItems: 0,
+	onPageChange: null,
+	currentPage: 1,
+	isLoading: false,
+	paginationPlacement: PaginationPlacement.LEFT
+};
+
+//#endregion
+export { CardList, PaginationPlacement };
+//# sourceMappingURL=cardList-DCz9PlTm.js.map

package/dist/cardList-DCz9PlTm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardList-DCz9PlTm.js","names":["CircularProgress"],"sources":["../src/UI/dataDisplay/cardList/enum.ts","../src/UI/dataDisplay/cardList/CardList.jsx"],"sourcesContent":["export enum PaginationPlacement {\n  RIGHT = 'right',\n  LEFT = 'left',\n  CENTER = 'center'\n}\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport Pagination from '@material-ui/lab/Pagination';\nimport { CircularProgress } from '../../loading/CircularProgress';\nimport { PaginationPlacement } from './enum';\n\nconst useStyles = makeStyles(() => ({\n  paginationWrapper: {\n    display: 'flex'\n  },\n  centerPagination: {\n    justifyContent: 'center'\n  },\n  rightPagination: {\n    justifyContent: 'flex-end'\n  }\n}));\n\nexport const CardList = ({\n  itemComponent: ItemComponent,\n  data = [],\n  componentDataMap,\n  pagination = false,\n  itemsPerPage = 10,\n  isServerSide = false,\n  totalItems = 0,\n  onPageChange = null,\n  currentPage = 1,\n  isLoading = false,\n  paginationPlacement = PaginationPlacement.LEFT\n}) => {\n  const [clientPage, setClientPage] = useState(1);\n  const classes = useStyles();\n\n  const page = isServerSide ? currentPage : clientPage;\n\n  const safeData = Array.isArray(data) ? data : [];\n\n  const paginatedData =\n    pagination && !isServerSide\n      ? safeData.slice((page - 1) * itemsPerPage, page * itemsPerPage)\n      : safeData;\n\n  const handlePageChange = (event, value) => {\n    if (isServerSide) {\n      onPageChange(value);\n    } else {\n      setClientPage(value);\n    }\n  };\n\n  const mappedData = (item) => {\n    const props = {};\n    for (const [key, value] of Object.entries(componentDataMap)) {\n      props[value] = item[key];\n    }\n    return props;\n  };\n\n  return (\n    <div>\n      {isLoading ? (\n        <CircularProgress />\n      ) : (\n        <>\n          {paginatedData.map((item, index) => (\n            <ItemComponent key={index} {...mappedData(item)} />\n          ))}\n          {pagination && (\n            <div\n              className={clsx(classes.paginationWrapper, {\n                [classes.centerPagination]:\n                  paginationPlacement === PaginationPlacement.CENTER,\n                [classes.rightPagination]:\n                  paginationPlacement === PaginationPlacement.RIGHT\n              })}\n            >\n              <Pagination\n                count={Math.ceil(\n                  isServerSide\n                    ? totalItems / itemsPerPage\n                    : safeData.length / itemsPerPage\n                )}\n                page={page}\n                onChange={handlePageChange}\n                disabled={isLoading}\n              />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nCardList.propTypes = {\n  itemComponent: PropTypes.elementType.isRequired,\n  data: PropTypes.arrayOf(PropTypes.object),\n  componentDataMap: PropTypes.objectOf(PropTypes.string).isRequired,\n  pagination: PropTypes.bool,\n  itemsPerPage: PropTypes.number,\n  isServerSide: PropTypes.bool,\n  totalItems: PropTypes.number,\n  onPageChange: PropTypes.func,\n  currentPage: PropTypes.number,\n  isLoading: PropTypes.bool,\n  paginationPlacement: PropTypes.string\n};\n\nCardList.defaultProps = {\n  data: [],\n  pagination: false,\n  itemsPerPage: 10,\n  isServerSide: false,\n  totalItems: 0,\n  onPageChange: null,\n  currentPage: 1,\n  isLoading: false,\n  paginationPlacement: PaginationPlacement.LEFT\n};\n"],"mappings":";;;;;;;;AAAA,IAAY,sEAAL;AACL;AACA;AACA;;;;;;ACKF,MAAM,YAAY,kBAAkB;CAClC,mBAAmB,EACjB,SAAS,QACV;CACD,kBAAkB,EAChB,gBAAgB,UACjB;CACD,iBAAiB,EACf,gBAAgB,YACjB;CACF,EAAE;AAEH,MAAa,YAAY,EACvB,eAAe,eACf,OAAO,EAAE,EACT,kBACA,aAAa,OACb,eAAe,IACf,eAAe,OACf,aAAa,GACb,eAAe,MACf,cAAc,GACd,YAAY,OACZ,sBAAsB,oBAAoB,WACtC;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,UAAU,WAAW;CAE3B,MAAM,OAAO,eAAe,cAAc;CAE1C,MAAM,WAAW,MAAM,QAAQ,KAAK,GAAG,OAAO,EAAE;CAEhD,MAAM,gBACJ,cAAc,CAAC,eACX,SAAS,OAAO,OAAO,KAAK,cAAc,OAAO,aAAa,GAC9D;CAEN,MAAM,oBAAoB,OAAO,UAAU;AACzC,MAAI,aACF,cAAa,MAAM;MAEnB,eAAc,MAAM;;CAIxB,MAAM,cAAc,SAAS;EAC3B,MAAM,QAAQ,EAAE;AAChB,OAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,iBAAiB,CACzD,OAAM,SAAS,KAAK;AAEtB,SAAO;;AAGT,QACE,oCAAC,aACE,YACC,oCAACA,yBAAmB,GAEpB,0DACG,cAAc,KAAK,MAAM,UACxB,oCAAC;EAAc,KAAK;EAAO,GAAI,WAAW,KAAK;GAAI,CACnD,EACD,cACC,oCAAC,SACC,WAAW,KAAK,QAAQ,mBAAmB;GACxC,QAAQ,mBACP,wBAAwB,oBAAoB;GAC7C,QAAQ,kBACP,wBAAwB,oBAAoB;EAC/C,CAAC,IAEF,oCAAC;EACC,OAAO,KAAK,KACV,eACI,aAAa,eACb,SAAS,SAAS,aACvB;EACK;EACN,UAAU;EACV,UAAU;GACV,CACE,CAEP,CAED;;AAIV,SAAS,YAAY;CACnB,eAAe,UAAU,YAAY;CACrC,MAAM,UAAU,QAAQ,UAAU,OAAO;CACzC,kBAAkB,UAAU,SAAS,UAAU,OAAO,CAAC;CACvD,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,cAAc,UAAU;CACxB,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,aAAa,UAAU;CACvB,WAAW,UAAU;CACrB,qBAAqB,UAAU;CAChC;AAED,SAAS,eAAe;CACtB,MAAM,EAAE;CACR,YAAY;CACZ,cAAc;CACd,cAAc;CACd,YAAY;CACZ,cAAc;CACd,aAAa;CACb,WAAW;CACX,qBAAqB,oBAAoB;CAC1C"}

package/dist/cards-K6gJJHyT.js

@@ -0,0 +1,287 @@
+import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
+import { FluentCard } from "./FluentCard-CjR2Ft0S.js";
+import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
+import { AmbientToggleButton } from "./AmbientToggleButton-C-7jtLY0.js";
+import { AmbientVisualizer } from "./AmbientVisualizer-BFFwonre.js";
+import { FluentSimpleTab, FluentSimpleTabs } from "./FluentSimpleTabs-DUU2kdmG.js";
+import { AmbientToggleButtonGroup } from "./AmbientToggleButtonGroup-BWYKeDtB.js";
+import { TokenGroupItem } from "./TokenGroupItem-DKGmGnzr.js";
+import { FluentTabPanel } from "./FluentTabPanel-BGuFHfIQ.js";
+import React, { Fragment, forwardRef, useState } from "react";
+import { Box, Card, CardContent, CardHeader, Divider, LinearProgress, Typography, lighten, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
+
+//#region src/UI/surfaces/cards/AmbientVisualizationCard.jsx
+const useStyles$3 = 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$3();
+	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
+//#region src/UI/surfaces/cards/ContentDisplayCard.jsx
+const useStyles$2 = makeStyles$1((theme) => ({
+	paper: {
+		width: "100%",
+		height: "100%",
+		position: "relative"
+	},
+	styleWidth: { width: "75%" },
+	media: { height: 120 },
+	cardContent: { paddingTop: 0 },
+	titleWrapper: {
+		display: "flex",
+		backgroundColor: (props) => props.headerColor || theme.palette.background.paper,
+		alignItems: "center"
+	},
+	loading: {
+		position: "absolute",
+		top: 0,
+		left: 0
+	},
+	expandMessage: { display: "flex" },
+	cardRoot: { "&:last-child": { paddingBottom: theme.spacing(10) } },
+	title: { flex: 1 },
+	visualization: {
+		display: "flex",
+		alignItems: "flex-end",
+		width: "100%",
+		height: 300
+	}
+}));
+/**
+* ContentDisplayCard
+*
+* @param {*} props
+* @return {*}
+*/
+const ContentDisplayCard = (props) => {
+	const { title, fullWidth, className, style, loading, headerElement, children } = props;
+	const classes = useStyles$2(props);
+	return /* @__PURE__ */ React.createElement(Card, {
+		className,
+		style: {
+			border: "none",
+			boxShadow: "none",
+			borderRadius: 0,
+			width: fullWidth ? "100%" : "auto",
+			...style
+		}
+	}, title && /* @__PURE__ */ React.createElement(CardContent, {
+		className: classes.titleWrapper,
+		classes: { root: classes.cardRoot }
+	}, /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.title,
+		component: "h2",
+		variant: "h6"
+	}, title), headerElement && headerElement), loading && /* @__PURE__ */ React.createElement(Box, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(LinearProgress, null)), /* @__PURE__ */ React.createElement(Box, { className }, children));
+};
+ContentDisplayCard.propTypes = {
+	title: PropTypes.string,
+	fullWidth: PropTypes.bool,
+	className: PropTypes.any,
+	style: PropTypes.object,
+	headerColor: PropTypes.string,
+	loading: PropTypes.bool,
+	headerElement: PropTypes.node,
+	children: PropTypes.node.isRequired
+};
+
+//#endregion
+//#region src/UI/surfaces/cards/InfoCard.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {},
+	paper: {
+		background: lighten(theme.palette.info.light, .8),
+		borderTop: `5px solid ${theme.palette.info.main} `
+	},
+	title: {
+		color: theme.palette.info.dark,
+		highlightfontWeight: 400,
+		lineHeight: 1.6
+	},
+	subHeader: {
+		lineHeight: 1.6,
+		fontWeight: 600
+	}
+}));
+const InfoCard = ({ children, title, subTitle, relatedTopics, label, headerComponent = "h2", subHeaderComponent = "h3", size, titleVariant = "h6", className, titleHeight }) => {
+	const classes = useStyles$1();
+	return /* @__PURE__ */ React.createElement(FluentCard, {
+		elevation: 0,
+		classes: { root: classes.paper },
+		className: clsx(classes.root, className)
+	}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, {
+		variant: titleVariant,
+		component: headerComponent,
+		className: clsx(classes.title, titleHeight)
+	}, title), size === "standard" && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, {
+		variant: "subtitle2",
+		component: subHeaderComponent,
+		className: classes.subHeader
+	}, subTitle), children, size === "standard" && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), relatedTopics && /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, label || "Related Topics"), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), relatedTopics)));
+};
+InfoCard.propTypes = {
+	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+	title: PropTypes.string.isRequired,
+	subTitle: PropTypes.string,
+	relatedTopics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+	label: PropTypes.string,
+	headerComponent: PropTypes.string,
+	subHeaderComponent: PropTypes.string,
+	size: PropTypes.oneOf(["standard"])
+};
+InfoCard.defaultProps = {
+	headerComponent: "h2",
+	subHeaderComponent: "h3",
+	size: "standard"
+};
+
+//#endregion
+//#region src/UI/surfaces/cards/FluentCardHeader.jsx
+const useStyles = makeStyles({
+	root: {},
+	avatar: {},
+	action: {},
+	content: {},
+	title: {},
+	subheader: {}
+}, { name: "FluentCardHeader" });
+/**
+* A variant of <CardHeader> that uses a Fluent UI card style
+*/
+const FluentCardHeader = forwardRef((props, ref) => {
+	const classes = useStyles(props);
+	const { children,...other } = props;
+	return /* @__PURE__ */ React.createElement(CardHeader, {
+		ref,
+		...other,
+		classes
+	}, children);
+});
+FluentCardHeader.displayName = "FluentCardHeader";
+
+//#endregion
+export { AmbientVisualizationCard, ContentDisplayCard, FluentCardHeader, InfoCard };
+//# sourceMappingURL=cards-K6gJJHyT.js.map

package/dist/cards-K6gJJHyT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cards-K6gJJHyT.js","names":["useStyles","useStyles","makeStyles","useStyles"],"sources":["../src/UI/surfaces/cards/AmbientVisualizationCard.jsx","../src/UI/surfaces/cards/ContentDisplayCard.jsx","../src/UI/surfaces/cards/InfoCard.jsx","../src/UI/surfaces/cards/FluentCardHeader.jsx"],"sourcesContent":["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 '../../../UI/navigation/tabs/defaultTabs/FluentTabPanel';\nimport { FluentSimpleTab } from '../../../UI/navigation/tabs/defaultTabs/FluentSimpleTab';\nimport { FluentSimpleTabs } from '../../../UI/navigation/tabs/defaultTabs/FluentSimpleTabs';\nimport { AmbientVisualizer } from '../../../UI/dataDisplay/visualization/AmbientVisualizer';\nimport { AmbientCard } from '../../../UI/surfaces/cards/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","import React from 'react';\nimport { Box, Card, CardContent, LinearProgress, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  paper: {\n    width: '100%',\n    height: '100%',\n    position: 'relative',\n  },\n  styleWidth: {\n    width: '75%',\n  },\n  media: {\n    height: 120,\n  },\n  cardContent: {\n    paddingTop: 0,\n  },\n  titleWrapper: {\n    display: 'flex',\n    backgroundColor: (props) => props.headerColor || theme.palette.background.paper,\n    alignItems: 'center',\n  },\n  loading: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n  },\n  expandMessage: {\n    display: 'flex',\n  },\n  cardRoot: {\n    '&:last-child': {\n      paddingBottom: theme.spacing(10),\n    },\n  },\n  title: {\n    flex: 1,\n  },\n  visualization: {\n    display: 'flex',\n    alignItems: 'flex-end',\n    width: '100%',\n    height: 300,\n  },\n}));\n\n/**\n * ContentDisplayCard\n *\n * @param {*} props\n * @return {*}\n */\nexport const ContentDisplayCard = (props) => {\n  const { title, fullWidth, className, style, loading, headerElement, children } = props;\n  const classes = useStyles(props);\n\n  return (\n    <Card className={className} style={{ border: 'none', boxShadow: 'none', borderRadius: 0, width: fullWidth ? '100%' : 'auto', ...style }}>\n      {title && (\n        <CardContent className={classes.titleWrapper} classes={{ root: classes.cardRoot }}>\n          <Typography className={classes.title} component=\"h2\" variant=\"h6\">\n            {title}\n          </Typography>\n          {headerElement && headerElement}\n        </CardContent>\n      )}\n      {loading && (\n        <Box sx={{ width: '100%' }}>\n          <LinearProgress />\n        </Box>\n      )}\n      <Box className={className}>{children}</Box>\n    </Card>\n  );\n};\n\nContentDisplayCard.propTypes = {\n  title: PropTypes.string,\n  fullWidth: PropTypes.bool,\n  className: PropTypes.any,\n  style: PropTypes.object,\n  headerColor: PropTypes.string,\n  loading: PropTypes.bool,\n  headerElement: PropTypes.node,\n  children: PropTypes.node.isRequired,\n};\n","import React, { Fragment } from 'react'\nimport {\n  makeStyles,\n  CardContent,\n  Divider,\n  lighten,\n  Typography\n} from '@material-ui/core'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\nimport { FluentCard } from './FluentCard'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  paper: {\n    background: lighten(theme.palette.info.light, 0.8),\n    borderTop: `5px solid ${theme.palette.info.main} `\n  },\n  title: {\n    color: theme.palette.info.dark,\n    highlightfontWeight: 400,\n    lineHeight: 1.6\n  },\n  subHeader: {\n    lineHeight: 1.6,\n    fontWeight: 600\n  }\n}))\n\nexport const InfoCard = ({\n  children,\n  title,\n  subTitle,\n  relatedTopics,\n  label,\n  headerComponent = 'h2',\n  subHeaderComponent = 'h3',\n  size,\n  titleVariant = 'h6',\n  className,\n  titleHeight\n}) => {\n  const classes = useStyles()\n\n  return (\n    <FluentCard\n      elevation={0}\n      classes={{ root: classes.paper }}\n      className={clsx(classes.root, className)}\n    >\n      <CardContent>\n        <Typography\n          variant={titleVariant}\n          component={headerComponent}\n          className={clsx(classes.title, titleHeight)}\n        >\n          {title}\n        </Typography>\n        {size === 'standard' && <LayoutUnit unit='xxs' />}\n        <Typography\n          variant='subtitle2'\n          component={subHeaderComponent}\n          className={classes.subHeader}\n        >\n          {subTitle}\n        </Typography>\n        {children}\n        {size === 'standard' && <LayoutUnit unit='xxs' />}\n\n        {relatedTopics && (\n          <Fragment>\n            <Divider />\n            <LayoutUnit unit='xxs' />\n            <Typography variant='caption'>\n              {label || 'Related Topics'}\n            </Typography>\n            <LayoutUnit unit='xxs' />\n            {relatedTopics}\n          </Fragment>\n        )}\n      </CardContent>\n    </FluentCard>\n  )\n}\n\nInfoCard.propTypes = {\n  /**\n   * Main content for the card\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node\n  ]),\n  /**\n   * Card title\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Optional card subtitle\n   */\n  subTitle: PropTypes.string,\n  /**\n   * Option list of related topics\n   */\n  relatedTopics: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node\n  ]),\n  /**\n   * Title for related topics or alt title\n   */\n  label: PropTypes.string,\n  /**\n   * Change semantic header of card title\n   */\n  headerComponent: PropTypes.string,\n  /**\n   * Change semantic header of card subtitle\n   */\n  subHeaderComponent: PropTypes.string,\n  /**\n   * Card size override for dense card\n   */\n  size: PropTypes.oneOf(['standard'])\n}\n\nInfoCard.defaultProps = {\n  headerComponent: 'h2',\n  subHeaderComponent: 'h3',\n  size: 'standard'\n}\n","import React from 'react';\nimport { forwardRef } from 'react';\nimport { makeStyles, CardHeader } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  {\n    root: {},\n    avatar: {},\n    action: {},\n    content: {},\n    title: {},\n    subheader: {},\n  },\n  { name: 'FluentCardHeader' }\n);\n\n/**\n * A variant of <CardHeader> that uses a Fluent UI card style\n */\nexport const FluentCardHeader = forwardRef((props, ref) => {\n  const classes = useStyles(props);\n  const { children, ...other } = props;\n\n  return (\n    <CardHeader ref={ref} {...other} classes={classes}>\n      {children}\n    </CardHeader>\n  );\n});\nFluentCardHeader.displayName = 'FluentCardHeader';\n"],"mappings":"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"}

package/dist/charts-OdBKS6di.js

@@ -0,0 +1,55 @@
+import React from "react";
+import { UdpBarChart, UdpDistributionChart, UdpDonutChart, UdpLineChart, UdpSankeyChart, UdpXyMultiSeriesChart } from "udp-react-stencil-component-library";
+
+//#region src/UI/charts/UdpBarChart.tsx
+const UdpBarChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpBarChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/UdpDistributionChart.tsx
+const UdpDistributionChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpDistributionChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/UdpDonutChart.tsx
+const UdpDonutChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpDonutChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/UdpLineChart.tsx
+const UdpLineChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpLineChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/UdpSankeyChart.tsx
+const UdpSankeyChart$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpSankeyChart, {
+		...props,
+		kpisPosition: "top"
+	});
+};
+
+//#endregion
+//#region src/UI/charts/UdpXYMultiSeriesChart.tsx
+const UdpXYMultiSeriesChart = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpXyMultiSeriesChart, props);
+};
+
+//#endregion
+//#region src/UI/charts/index.ts
+const UdpCharts = {
+	UdpBarChart: UdpBarChart$1,
+	UdpDonutChart: UdpDonutChart$1,
+	UdpLineChart: UdpLineChart$1,
+	UdpDistributionChart: UdpDistributionChart$1,
+	UdpSankeyChart: UdpSankeyChart$1,
+	UdpXYMultiSeriesChart
+};
+
+//#endregion
+export { UdpBarChart$1 as UdpBarChart, UdpCharts, UdpDistributionChart$1 as UdpDistributionChart, UdpDonutChart$1 as UdpDonutChart, UdpLineChart$1 as UdpLineChart, UdpSankeyChart$1 as UdpSankeyChart, UdpXYMultiSeriesChart };
+//# sourceMappingURL=charts-OdBKS6di.js.map

package/dist/charts-OdBKS6di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-OdBKS6di.js","names":["UdpBarChart: React.FC<UdpBarChartProps>","StencilBarChart","UdpDistributionChart","StencilDistributionChart","UdpDonutChart: React.FC<UdpDonutChartProps>","StencilDonutChart","UdpLineChart: React.FC<UdpLineChartProps>","StencilLineChart","UdpSankeyChart","StencilSankeyChart","StencilXYMultiSeriesChart","UdpCharts: Record<string, React.FC<any>>"],"sources":["../src/UI/charts/UdpBarChart.tsx","../src/UI/charts/UdpDistributionChart.tsx","../src/UI/charts/UdpDonutChart.tsx","../src/UI/charts/UdpLineChart.tsx","../src/UI/charts/UdpSankeyChart.tsx","../src/UI/charts/UdpXYMultiSeriesChart.tsx","../src/UI/charts/index.ts"],"sourcesContent":["import React from 'react';\n\nimport { UdpBarChart as StencilBarChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from './types';\n\nexport interface UdpBarChartProps extends XyChartBaseProps{\n  valueField: string;\n  labelField: string;\n};\n\nexport const UdpBarChart: React.FC<UdpBarChartProps> = (props: UdpBarChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilBarChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpDistributionChart as StencilDistributionChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from './types';\n\nexport interface UdpDistributionChartProps extends XyChartBaseProps{\n  valueField: string;\n};\n\nexport const UdpDistributionChart = (props: UdpDistributionChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilDistributionChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpDonutChart as StencilDonutChart } from 'udp-react-stencil-component-library';\nimport { BaseProps } from './types';\n\nexport interface UdpDonutChartProps extends BaseProps{\n  valueField: string;\n  labelField: string;\n  hideLegend: boolean;\n};\nexport const UdpDonutChart: React.FC<UdpDonutChartProps> = (props: UdpDonutChartProps\n) => {\n  {/* @ts-ignore */}\n  return <StencilDonutChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpLineChart as StencilLineChart } from 'udp-react-stencil-component-library';\nimport { XyChartBaseProps } from './types';\n\nexport interface UdpLineChartProps extends XyChartBaseProps{\n  xAxisField: string\n  yAxisField: string\n};\nexport const UdpLineChart: React.FC<UdpLineChartProps> = (props: UdpLineChartProps\n) => {\n  {/* @ts-ignore */}\n  return <StencilLineChart {...props} />;\n};\n","import React from 'react';\n\nimport { UdpSankeyChart as StencilSankeyChart } from 'udp-react-stencil-component-library';\nimport { BaseProps } from './types';\n\nexport interface SankeyChartBaseProps extends BaseProps {\n  valueField: string;\n  targetIdField: string;\n  sourceIdField: string;\n  labelFormat?: string;\n  tooltipTextFormat?: string;\n  nodeTooltipTextFormat?: string;\n  paddingRight?: number | string;\n}\n\nexport const UdpSankeyChart = (props: SankeyChartBaseProps) => {\n  {/* @ts-ignore */}\n  return <StencilSankeyChart {...props} kpisPosition=\"top\"/>;\n};\n","import React from 'react';\nimport { UdpXyMultiSeriesChart as StencilXYMultiSeriesChart } from 'udp-react-stencil-component-library';\nimport {\n  BaseProps,\n  XYMultiSeriesSeriesProps,\n  XYMultiSeriesXAxisProps,\n  XYMultiSeriesYAxisProps\n} from './types';\n\nexport interface UdpXYMultiSeriesChartProps extends BaseProps {\n  hideLegend: boolean;\n  xAxes: XYMultiSeriesXAxisProps[];\n  yAxes: XYMultiSeriesYAxisProps[];\n  series: XYMultiSeriesSeriesProps[];\n}\n\nexport const UdpXYMultiSeriesChart = (props: UdpXYMultiSeriesChartProps) => {\n  {/* @ts-ignore */}\n  return <StencilXYMultiSeriesChart {...props} />;\n};\n","import React from \"react\"\nimport { UdpBarChart } from \"./UdpBarChart\"\nimport { UdpDistributionChart } from \"./UdpDistributionChart\"\nimport { UdpDonutChart } from \"./UdpDonutChart\"\nimport { UdpLineChart } from \"./UdpLineChart\"\nimport { UdpSankeyChart } from \"./UdpSankeyChart\"\nimport { UdpXYMultiSeriesChart } from \"./UdpXYMultiSeriesChart\"\n\nexport const UdpCharts: Record<string, React.FC<any>> = {\n    UdpBarChart,\n    UdpDonutChart,\n    UdpLineChart,\n    UdpDistributionChart,\n    UdpSankeyChart,\n    UdpXYMultiSeriesChart\n}\n"],"mappings":";;;;AAUA,MAAaA,iBAA2C,UAA4B;AAElF,QAAO,oCAACC,aAAoB,MAAS;;;;;ACHvC,MAAaC,0BAAwB,UAAqC;AAExE,QAAO,oCAACC,sBAA6B,MAAS;;;;;ACDhD,MAAaC,mBAA+C,UACvD;AAEH,QAAO,oCAACC,eAAsB,MAAS;;;;;ACJzC,MAAaC,kBAA6C,UACrD;AAEH,QAAO,oCAACC,cAAqB,MAAS;;;;;ACGxC,MAAaC,oBAAkB,UAAgC;AAE7D,QAAO,oCAACC;EAAmB,GAAI;EAAO,cAAa;GAAO;;;;;ACD5D,MAAa,yBAAyB,UAAsC;AAE1E,QAAO,oCAACC,uBAA8B,MAAS;;;;;ACVjD,MAAaC,YAA2C;CACpD;CACA;CACA;CACA;CACA;CACA;CACH"}

package/dist/chatBot/index.js

@@ -1,12 +1,12 @@
 import "../FluentButton-h_8VjXGT.js";
-import "../apiHelpers-DF2KUI11.js";
+import "../apiHelpers-Bju2gkBq.js";
 import "../pageEnums-CT6NFA8B.js";
 import "../UnitySessionStorage-DBqfMiK5.js";
-import "../axiosInterceptors-BPJXy48x.js";
+import "../axiosInterceptors-Dn_haR1Q.js";
 import "../useUser-Cn88hlN_.js";
-import "../useAxiosMutate-BNEb4J04.js";
+import "../useAxiosMutate-BiRO7ZCN.js";
 import "../AmbientTextField-BHfLW2L3.js";
-import { ChatContainer, ChatMessage } from "../ChatContainer-CLXCK-1u.js";
+import { ChatContainer, ChatMessage } from "../ChatContainer-il3bj22z.js";
 import "../ChatBotContext-aIWq8Gqd.js";
 import "../useChatBot-CFYM_uhz.js";
 

package/dist/componentSystems/multiThreadTimeline/functions/index.js

@@ -1,4 +1,4 @@
 import { formatDataWithTimelineCategoryName, formatDataWithTimelineCategoryNameOrderedByDate, plotCategoryBar, plotX, plotY } from "../../../mttFunctions-BFUthekm.js";
-import "../../../functions-B886DHHN.js";
+import "../../../functions-MWuMR-lY.js";
 
 export { formatDataWithTimelineCategoryName, formatDataWithTimelineCategoryNameOrderedByDate, plotCategoryBar, plotX, plotY };

package/dist/componentSystems/multiThreadTimeline/index.js

@@ -1,34 +1,34 @@
-import "../../apiHelpers-DF2KUI11.js";
+import "../../apiHelpers-Bju2gkBq.js";
 import "../../pageEnums-CT6NFA8B.js";
 import "../../UnitySessionStorage-DBqfMiK5.js";
-import "../../axiosInterceptors-BPJXy48x.js";
+import "../../axiosInterceptors-Dn_haR1Q.js";
 import "../../useUser-Cn88hlN_.js";
-import "../../useAxiosMutate-BNEb4J04.js";
+import "../../useAxiosMutate-BiRO7ZCN.js";
 import "../../StringUtilities-DyjYA5pU.js";
 import "../../FluentIcon-CB-ANF6C.js";
-import "../../unitySystemEnums-BIMR5AWe.js";
+import "../../unitySystemEnums-DXk8yS3v.js";
 import "../../UnityFluentIcon-fuqAQh0C.js";
 import "../../RuleUtilities-DXVlN84J.js";
 import "../../colors-VLk-T125.js";
 import "../../colorConverter-sleh0lAZ.js";
-import "../../SearchUtilities-CzmJ6hI2.js";
-import "../../GroupNode-Bms_Opmb.js";
-import "../../TreeUtilities-XLrXtUeL.js";
+import "../../SearchUtilities-CxVn31Ak.js";
+import "../../GroupNode-C1Y28U4c.js";
+import "../../TreeUtilities-BxV5PMJ8.js";
 import "../../UnityIconLibrary-DnCuEr5M.js";
 import "../../LayoutUnit-fGVQwt6Y.js";
 import { formatDataWithTimelineCategoryName, formatDataWithTimelineCategoryNameOrderedByDate, plotCategoryBar, plotX, plotY } from "../../mttFunctions-BFUthekm.js";
-import "../../IconRenderer-DiwGfDul.js";
+import "../../IconRenderer-BbcxG30f.js";
 import { MttYearTag, TimelineDateBar, TimelineStatus } from "../../MttYearTag-Cb_oIUNq.js";
 import "../../Ellipse-q1-sPjh3.js";
 import { TimelineToken } from "../../TimelineToken-H8lALbXg.js";
 import { DynamicRangeSlider, MultiDot, TimelineDot, TimelineHoverCard, TimelineNode, TimelinePreloaderNode, TimelineTokenSummary, TimelineWrapper, VisualizationDot } from "../../DynamicRangeSlider-D8UVBHSs.js";
-import { HeightAdjuster, MttMainTimeline, MttTimeline } from "../../MttMainTimeline-Bme6LQZO.js";
-import { MttSummary, createTimeline } from "../../MttSummary-CTETqPbU.js";
-import { CircleButton, DateWrapper, SummaryToken, TimelineToggleButton, TimelineTopRowFilter, useStyles } from "../../CircleButton-DBPFjNl1.js";
-import "../../functions-B886DHHN.js";
-import "../../mttSummary-BMkmdNju.js";
-import "../../modified-Cf42z6i8.js";
-import "../../ui-5ngIc6S4.js";
-import "../../mttMainTimeline-D7IXpP1x.js";
+import { HeightAdjuster, MttMainTimeline, MttTimeline } from "../../MttMainTimeline-B5wICTvi.js";
+import { MttSummary, createTimeline } from "../../MttSummary-nc74ZtC8.js";
+import { CircleButton, DateWrapper, SummaryToken, TimelineToggleButton, TimelineTopRowFilter, useStyles } from "../../CircleButton-RIWPMVG6.js";
+import "../../functions-MWuMR-lY.js";
+import "../../mttSummary-Dbl2ZLl1.js";
+import "../../modified-Bg5LeKdV.js";
+import "../../ui-Dk8IEfOq.js";
+import "../../mttMainTimeline-DgGEegXs.js";
 
 export { CircleButton, DateWrapper, DynamicRangeSlider, HeightAdjuster, MttMainTimeline, MttSummary, MttTimeline, MttYearTag, MultiDot, SummaryToken, TimelineDateBar, TimelineDot, TimelineHoverCard, TimelineNode, TimelinePreloaderNode, TimelineStatus, TimelineToggleButton, TimelineToken, TimelineTokenSummary, TimelineTopRowFilter, TimelineWrapper, VisualizationDot, createTimeline, formatDataWithTimelineCategoryName, formatDataWithTimelineCategoryNameOrderedByDate, plotCategoryBar, plotX, plotY, useStyles };

package/dist/componentSystems/multiThreadTimeline/mttMainTimeline/index.js

@@ -1,28 +1,28 @@
-import "../../../apiHelpers-DF2KUI11.js";
+import "../../../apiHelpers-Bju2gkBq.js";
 import "../../../pageEnums-CT6NFA8B.js";
 import "../../../UnitySessionStorage-DBqfMiK5.js";
-import "../../../axiosInterceptors-BPJXy48x.js";
+import "../../../axiosInterceptors-Dn_haR1Q.js";
 import "../../../useUser-Cn88hlN_.js";
-import "../../../useAxiosMutate-BNEb4J04.js";
+import "../../../useAxiosMutate-BiRO7ZCN.js";
 import "../../../StringUtilities-DyjYA5pU.js";
 import "../../../FluentIcon-CB-ANF6C.js";
-import "../../../unitySystemEnums-BIMR5AWe.js";
+import "../../../unitySystemEnums-DXk8yS3v.js";
 import "../../../UnityFluentIcon-fuqAQh0C.js";
 import "../../../RuleUtilities-DXVlN84J.js";
 import "../../../colors-VLk-T125.js";
 import "../../../colorConverter-sleh0lAZ.js";
-import "../../../SearchUtilities-CzmJ6hI2.js";
-import "../../../GroupNode-Bms_Opmb.js";
-import "../../../TreeUtilities-XLrXtUeL.js";
+import "../../../SearchUtilities-CxVn31Ak.js";
+import "../../../GroupNode-C1Y28U4c.js";
+import "../../../TreeUtilities-BxV5PMJ8.js";
 import "../../../UnityIconLibrary-DnCuEr5M.js";
 import "../../../LayoutUnit-fGVQwt6Y.js";
 import "../../../mttFunctions-BFUthekm.js";
-import "../../../IconRenderer-DiwGfDul.js";
+import "../../../IconRenderer-BbcxG30f.js";
 import "../../../MttYearTag-Cb_oIUNq.js";
 import "../../../Ellipse-q1-sPjh3.js";
 import "../../../TimelineToken-H8lALbXg.js";
 import "../../../DynamicRangeSlider-D8UVBHSs.js";
-import { HeightAdjuster, MttMainTimeline, MttTimeline } from "../../../MttMainTimeline-Bme6LQZO.js";
-import "../../../mttMainTimeline-D7IXpP1x.js";
+import { HeightAdjuster, MttMainTimeline, MttTimeline } from "../../../MttMainTimeline-B5wICTvi.js";
+import "../../../mttMainTimeline-DgGEegXs.js";
 
 export { HeightAdjuster, MttMainTimeline, MttTimeline };