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

package/dist/buttons-DC7mOFCO.js

@@ -0,0 +1,159 @@
+import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import React from "react";
+import { Button, ButtonBase, Divider, Typography, makeStyles } from "@material-ui/core";
+import { IncreaseIndentArrowIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
+
+//#region src/UI/inputs/buttons/FluentMenuListItem.jsx
+const useStyles$4 = makeStyles((theme) => ({
+	wrapper: {
+		display: "flex",
+		flexDirection: "row",
+		padding: theme.spacing(.5),
+		"&:hover": { color: theme.palette.secondary.main },
+		width: "100%"
+	},
+	titleWrapper: {
+		display: "flex",
+		width: "100%",
+		textAlign: "left"
+	},
+	labelWrapper: { marginTop: 4 },
+	label: { marginBottom: 4 }
+}), { name: "FluentMenuListItem" });
+const FluentMenuListItem = (props) => {
+	const classes = useStyles$4();
+	const { label, value, arrow = true, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ButtonBase, {
+		classes: { root: classes.root },
+		className: classes.wrapper,
+		disableRipple: true,
+		...otherProps
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.label }, " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", /* @__PURE__ */ React.createElement("span", { style: { fontWeight: 700 } }, label), " ")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, value))), arrow && /* @__PURE__ */ React.createElement(IncreaseIndentArrowIcon, { style: { fontSize: 24 } }))), /* @__PURE__ */ React.createElement(Divider, null));
+};
+FluentMenuListItem.propTypes = { label: PropTypes.string.isRequired };
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentMenuListButton.jsx
+const useStyles$3 = makeStyles((theme) => ({
+	wrapper: {
+		display: "flex",
+		flexDirection: "row",
+		padding: theme.spacing(.5),
+		"&:hover": { color: theme.palette.secondary.main },
+		width: "100%"
+	},
+	titleWrapper: {
+		display: "flex",
+		width: "100%",
+		textAlign: "left"
+	},
+	labelWrapper: { marginTop: 4 },
+	label: { marginBottom: 4 }
+}), { name: "FluentMenuListButton" });
+const FluentMenuListButton = (props) => {
+	const classes = useStyles$3();
+	const { label, value, arrow = true, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ButtonBase, {
+		classes: { root: classes.root },
+		className: classes.wrapper,
+		disableRipple: true,
+		...otherProps
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.label }, " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", /* @__PURE__ */ React.createElement("span", { style: { fontWeight: 700 } }, label), " ")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, value))), arrow && /* @__PURE__ */ React.createElement(IncreaseIndentArrowIcon, { style: { fontSize: 24 } }))), /* @__PURE__ */ React.createElement(Divider, null));
+};
+FluentMenuListButton.propTypes = { label: PropTypes.string.isRequired };
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentUploadButton.jsx
+const useStyles$2 = makeStyles$1((theme) => ({
+	root: { "& > *": { margin: theme.spacing(1) } },
+	input: { display: "none" }
+}));
+const FluentUploadButton = (props) => {
+	const classes = useStyles$2();
+	const { color, label, accept, id, onChange, onClick, variant } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		multiple: true,
+		type: "file",
+		onChange
+	}), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(FluentButton, {
+		onClick,
+		variant,
+		color,
+		component: "span"
+	}, label)), /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		type: "file"
+	}));
+};
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentCompoundButton.jsx
+const useStyles$1 = makeStyles({
+	root: {
+		borderRadius: 2,
+		minHeight: 72,
+		padding: "0 16px",
+		minWidth: 80,
+		border: (props) => `1px solid ${props.color}`
+	},
+	label: {
+		textTransform: "capitalize",
+		fontSize: "0.875rem",
+		fontWeight: 600,
+		textAlign: "left"
+	}
+});
+const FluentCompoundButton = (props) => {
+	const classes = useStyles$1(props);
+	const { children, textSecondary, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement(Button, {
+		...otherProps,
+		disableElevation: true,
+		classes: {
+			root: classes.root,
+			label: classes.label
+		}
+	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, children), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, textSecondary))));
+};
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentUploadIconButton.jsx
+const useStyles = makeStyles$1((theme) => ({
+	root: { "& > *": { margin: theme.spacing(1) } },
+	input: { display: "none" }
+}));
+const FluentUploadIconButton = (props) => {
+	const classes = useStyles();
+	const { color, icon, aria, accept, id, onChange, onClick } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		type: "file",
+		onChange
+	}), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		icon,
+		color,
+		"aria-label": aria,
+		id,
+		component: "span",
+		onClick
+	})), /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		type: "file"
+	}));
+};
+
+//#endregion
+export { FluentMenuListItem as a, FluentMenuListButton as i, FluentCompoundButton as n, FluentUploadButton as r, FluentUploadIconButton as t };
+//# sourceMappingURL=buttons-DC7mOFCO.js.map

package/dist/buttons-DC7mOFCO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons-DC7mOFCO.js","names":["useStyles","useStyles","useStyles","makeStyles","useStyles","makeStyles"],"sources":["../src/UI/inputs/buttons/FluentMenuListItem.jsx","../src/UI/inputs/buttons/FluentMenuListButton.jsx","../src/UI/inputs/buttons/FluentUploadButton.jsx","../src/UI/inputs/buttons/FluentCompoundButton.jsx","../src/UI/inputs/buttons/FluentUploadIconButton.jsx"],"sourcesContent":["import React from 'react';\nimport { ButtonBase, Typography, makeStyles, Divider } from '@material-ui/core';\nimport { IncreaseIndentArrowIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      // height: theme.spacing(5),\n      padding: theme.spacing(0.5),\n      '&:hover': { color: theme.palette.secondary.main },\n      width: '100%'\n    },\n    titleWrapper: {\n      display: 'flex',\n      width: '100%',\n      textAlign: 'left'\n    },\n    labelWrapper: {\n      marginTop: 4\n    },\n    label: {\n      marginBottom: 4\n    }\n  }),\n  { name: 'FluentMenuListItem' }\n);\n\nexport const FluentMenuListItem = (props) => {\n  const classes = useStyles();\n  const { label, value, arrow = true, ...otherProps } = props;\n\n  return (\n    <div>\n      <ButtonBase\n        classes={{\n          root: classes.root\n        }}\n        className={classes.wrapper}\n        disableRipple\n        {...otherProps}\n      >\n        <div className={classes.titleWrapper}>\n          <div className={classes.labelWrapper}>\n            <div className={classes.label}>\n              {' '}\n              <Typography variant='caption'>\n                {' '}\n                <span style={{ fontWeight: 700 }}>{label}</span>{' '}\n              </Typography>\n            </div>\n            <div>\n              <Typography variant='subtitle2'>{value}</Typography>\n            </div>\n          </div>\n          {/* @todo  Change to component for size */}\n          {arrow && <IncreaseIndentArrowIcon style={{ fontSize: 24 }} />}\n        </div>\n      </ButtonBase>\n      <Divider />\n    </div>\n  );\n};\n\nFluentMenuListItem.propTypes = {\n  /**\n   * Button label\n   */\n  label: PropTypes.string.isRequired\n};\n","import React from 'react';\nimport { ButtonBase, Typography, makeStyles, Divider } from '@material-ui/core';\nimport { IncreaseIndentArrowIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      // height: theme.spacing(5),\n      padding: theme.spacing(0.5),\n      '&:hover': { color: theme.palette.secondary.main },\n      width: '100%'\n    },\n    titleWrapper: {\n      display: 'flex',\n      width: '100%',\n      textAlign: 'left'\n    },\n    labelWrapper: {\n      marginTop: 4\n    },\n    label: {\n      marginBottom: 4\n    }\n  }),\n  { name: 'FluentMenuListButton' }\n);\n\nexport const FluentMenuListButton = (props) => {\n  const classes = useStyles();\n  const { label, value, arrow = true, ...otherProps } = props;\n\n  return (\n    <div>\n      <ButtonBase\n        classes={{\n          root: classes.root\n        }}\n        className={classes.wrapper}\n        disableRipple\n        {...otherProps}\n      >\n        <div className={classes.titleWrapper}>\n          <div className={classes.labelWrapper}>\n            <div className={classes.label}>\n              {' '}\n              <Typography variant='caption'>\n                {' '}\n                <span style={{ fontWeight: 700 }}>{label}</span>{' '}\n              </Typography>\n            </div>\n            <div>\n              <Typography variant='subtitle2'>{value}</Typography>\n            </div>\n          </div>\n          {/* @todo  Change to component for size */}\n          {arrow && <IncreaseIndentArrowIcon style={{ fontSize: 24 }} />}\n        </div>\n      </ButtonBase>\n      <Divider />\n    </div>\n  );\n};\n\nFluentMenuListButton.propTypes = {\n  /**\n   * Button label\n   */\n  label: PropTypes.string.isRequired\n};\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { FluentButton } from './FluentButton'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    }\n  },\n  input: {\n    display: 'none'\n  }\n}))\n\nexport const FluentUploadButton = (props) => {\n  const classes = useStyles()\n  const { color, label, accept, id, onChange, onClick, variant } = props\n\n  return (\n    <div className={classes.root}>\n      <input\n        accept={accept}\n        className={classes.input}\n        id={id}\n        multiple\n        type='file'\n        onChange={onChange}\n      />\n      <label htmlFor={id}>\n        <FluentButton\n          onClick={onClick}\n          variant={variant}\n          color={color}\n          component='span'\n        >\n          {label}\n        </FluentButton>\n      </label>\n      <input accept={accept} className={classes.input} id={id} type='file' />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { Button } from '@material-ui/core'\n\nconst useStyles = makeStyles({\n  root: {\n    borderRadius: 2,\n    minHeight: 72,\n    padding: '0 16px',\n    minWidth: 80,\n    border: (props) => `1px solid ${props.color}`\n  },\n  label: {\n    textTransform: 'capitalize',\n    fontSize: '0.875rem',\n    fontWeight: 600,\n    textAlign: 'left'\n  }\n})\n\nexport const FluentCompoundButton = (props) => {\n  const classes = useStyles(props)\n  const { children, textSecondary, ...otherProps } = props\n  return (\n    <Button\n      {...otherProps}\n      disableElevation\n      classes={{\n        root: classes.root,\n        label: classes.label\n      }}\n    >\n      <div>\n        <div>{children}</div>\n        <div>\n          <Typography variant='caption'>{textSecondary}</Typography>\n        </div>\n      </div>\n    </Button>\n  )\n}\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { FluentIconButton } from './FluentIconButton'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    }\n  },\n  input: {\n    display: 'none'\n  }\n}))\n\nexport const FluentUploadIconButton = (props) => {\n  const classes = useStyles()\n  const { color, icon, aria, accept, id, onChange, onClick } = props\n\n  return (\n    <div className={classes.root}>\n      <input\n        accept={accept}\n        className={classes.input}\n        id={id}\n        type='file'\n        onChange={onChange}\n      />\n      <label htmlFor={id}>\n        <FluentIconButton\n          icon={icon}\n          color={color}\n          aria-label={aria}\n          id={id}\n          component='span'\n          onClick={onClick}\n        />\n      </label>\n      <input accept={accept} className={classes.input} id={id} type='file' />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/cards-CJMVTqxZ.js

@@ -0,0 +1,129 @@
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { t as FluentCard } from "./FluentCard-C3qSYfiz.js";
+import React, { Fragment } from "react";
+import { Box, Card, CardContent, 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/ContentDisplayCard.jsx
+const useStyles$1 = 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$1(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 = 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();
+	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
+export { ContentDisplayCard as n, InfoCard as t };
+//# sourceMappingURL=cards-CJMVTqxZ.js.map

package/dist/cards-CJMVTqxZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cards-CJMVTqxZ.js","names":["useStyles","makeStyles"],"sources":["../src/UI/surfaces/cards/ContentDisplayCard.jsx","../src/UI/surfaces/cards/InfoCard.jsx"],"sourcesContent":["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 './fluentCards/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"],"mappings":"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"}

package/dist/charts-bC5gW0LR.js

@@ -0,0 +1,83 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
+import { t as amcharts_exports } from "./amcharts-Bjv7vesy.js";
+import React, { useMemo } from "react";
+
+//#region src/UI/charts/InsightRenderer.tsx
+const capitilizeFirstLetter = (s) => s?.charAt?.(0)?.toUpperCase?.() + s?.slice?.(1);
+const decapitilizeFirstLetter = (s) => s?.charAt?.(0)?.toLowerCase?.() + s?.slice?.(1);
+function getAggregateValue(data, key) {
+	return data?.aggregateResults?.[0]?.[key];
+}
+/**
+* InsightRenderer component
+*
+* This component is responsible for rendering insights based on the provided props.
+*
+* @prop {Insight} `insight` - The insight metadata
+* @prop {any} `data` - Search results associated with the insight
+* @prop {string} `insightId` - InsightId, if included the component will get the data from server
+* @returns {JSX.Element} - The rendered insight component.
+*/
+const InsightRenderer = (props) => {
+	const { insight: insightProp, data, insightId } = props;
+	const user = useUser();
+	const [{ data: loadedInsight }] = useAxiosGet(ConfigService.integrationV2ApiUrl, `Insight/${insightId}/Full`, {}, !insightId || !user);
+	const insight = useMemo(() => {
+		if (!!insightId) return loadedInsight;
+		else return insightProp;
+	}, [
+		loadedInsight,
+		insightId,
+		insightProp
+	]);
+	const Chart = useMemo(() => {
+		if (!insight?.insightInsightType?.properties) return null;
+		let properties;
+		if (typeof insight?.insightInsightType?.properties === "string") properties = JSON.parse(insight?.insightInsightType?.properties);
+		else properties = insight?.insightInsightType?.properties;
+		return amcharts_exports?.[properties?.component];
+	}, [insight?.insightInsightType]);
+	const kpis = useMemo(() => {
+		if (insight == null) return void 0;
+		return insight?.insightInsightKpi?.map?.((kpi) => {
+			const kpiField = typeof kpi.field === "object" ? kpi.field : JSON.parse(kpi.field);
+			console.log(kpiField);
+			return {
+				label: kpi.label,
+				active: kpi.active,
+				value: getAggregateValue(data, `${decapitilizeFirstLetter(kpiField.property ?? "") ?? ""}${capitilizeFirstLetter(kpiField.operation?.toLowerCase() ?? "")}`)
+			};
+		});
+	}, [data, insight?.insightInsightKpi]);
+	const dataConfig = useMemo(() => {
+		if (insight == null) return null;
+		const dataMapping = typeof insight.dataMapping === "object" ? insight.dataMapping : JSON.parse(insight.dataMapping ?? "{}");
+		return (typeof insight.insightInsightType?.dataFields === "object" ? insight.insightInsightType?.dataFields : JSON.parse(insight.insightInsightType?.dataFields ?? "{}"))?.reduce?.((value, field) => {
+			const fieldValue = dataMapping?.find?.((dm) => dm.name === field.name)?.value;
+			if (fieldValue?.operation != void 0) value[field.name] = decapitilizeFirstLetter(fieldValue?.name) + fieldValue.operation;
+			else value[field.name] = fieldValue?.alias ?? fieldValue?.name ?? fieldValue;
+			return value;
+		}, {});
+	}, [insight?.dataMapping, insight?.insightInsightType]);
+	const combinedData = useMemo(() => {
+		if (data?.aggregateResults == null || data?.aggregateResults?.length === 0) return data?.pageList;
+		return data?.pageList.map((page, i) => ({
+			...page,
+			...data?.aggregateResults?.[i]
+		}));
+	}, [data]);
+	if (Chart == null) return null;
+	return /* @__PURE__ */ React.createElement(Chart, {
+		data: combinedData,
+		title: insight?.title,
+		subheader: insight?.subheader,
+		...dataConfig,
+		kpis: kpis?.filter((kpi) => kpi.active)
+	});
+};
+
+//#endregion
+export { InsightRenderer as t };
+//# sourceMappingURL=charts-bC5gW0LR.js.map

package/dist/charts-bC5gW0LR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-bC5gW0LR.js","names":["InsightRenderer: React.FC<InsightRendererProps>","properties: InsightTypeProperties","UdpCharts","kpis:\n    | { value?: string; label?: string; active?: boolean }[]\n    | undefined","kpiField: { operation?: string; property?: string }","dataConfig: { [key: string]: any } | null","dataMapping: {\n      name: string;\n      value: { name: string; operation: string | undefined };\n      alias?: string;\n    }[]"],"sources":["../src/UI/charts/InsightRenderer.tsx"],"sourcesContent":["import React, { useMemo, useState, useEffect } from 'react';\nimport * as UdpCharts  from './amcharts';\nimport { Insight, InsightTypeField, InsightTypeProperties } from './types';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport QueryResult from '../../models/QueryResult';\nimport { ConfigService } from '../../configService';\nexport type UdpChart =\n  | 'UdpBarChart'\n  | 'UdpDonutChart'\n  | 'UdpLineChart'\n  | 'UdpDistributionChart';\nexport interface InsightRendererProps {\n  insight: Insight | undefined;\n  data: QueryResult | undefined;\n  insightId: string | undefined;\n}\n\nconst capitilizeFirstLetter = (s: string): string =>\n  s?.charAt?.(0)?.toUpperCase?.() + s?.slice?.(1);\nconst decapitilizeFirstLetter = (s: string): string =>\n  s?.charAt?.(0)?.toLowerCase?.() + s?.slice?.(1);\n\nfunction getAggregateValue<T>(data: QueryResult | undefined, key: string): T {\n  return data?.aggregateResults?.[0]?.[key] as T;\n}\n/**\n * InsightRenderer component\n *\n * This component is responsible for rendering insights based on the provided props.\n *\n * @prop {Insight} `insight` - The insight metadata\n * @prop {any} `data` - Search results associated with the insight\n * @prop {string} `insightId` - InsightId, if included the component will get the data from server\n * @returns {JSX.Element} - The rendered insight component.\n */\nexport const InsightRenderer: React.FC<InsightRendererProps> = (props: InsightRendererProps) => {\n  const { insight: insightProp, data, insightId } = props;\n  const user = useUser();\n  const [{ data: loadedInsight }] = useAxiosGet(\n    ConfigService.integrationV2ApiUrl,\n    `Insight/${insightId}/Full`,\n    {},\n    !insightId || !user\n  ) as unknown as [{ data: Insight }];\n\n  // Use the insight passed in or the insightId\n  const insight = useMemo(() => {\n    if (!!insightId) return loadedInsight;\n    else return insightProp;\n  }, [loadedInsight, insightId, insightProp]);\n\n  // determine chart component\n  const Chart = useMemo(() => {\n    if (!insight?.insightInsightType?.properties) return null;\n    let properties: InsightTypeProperties;\n    if (typeof insight?.insightInsightType?.properties === 'string') {\n      properties = JSON.parse(\n        insight?.insightInsightType?.properties as unknown as string\n      ) as InsightTypeProperties;\n    } else {\n      properties = insight?.insightInsightType?.properties;\n    }\n    // @ts-ignore\n    return UdpCharts?.[properties?.component];\n  }, [insight?.insightInsightType]);\n\n  const kpis:\n    | { value?: string; label?: string; active?: boolean }[]\n    | undefined = useMemo(() => {\n    if (insight == null) return undefined;\n    return insight?.insightInsightKpi?.map?.((kpi) => {\n      const kpiField: { operation?: string; property?: string } =\n        typeof kpi.field === 'object' ? kpi.field : JSON.parse(kpi.field);\n      console.log(kpiField);\n      return {\n        label: kpi.label,\n        active: kpi.active,\n        value: getAggregateValue<string>(\n          data,\n          `${\n            decapitilizeFirstLetter(kpiField.property ?? '') ?? ''\n          }${capitilizeFirstLetter(kpiField.operation?.toLowerCase() ?? '')}`\n        )\n      };\n    });\n  }, [data, insight?.insightInsightKpi]);\n\n  const dataConfig: { [key: string]: any } | null = useMemo(() => {\n    if (insight == null) return null;\n    const dataMapping: {\n      name: string;\n      value: { name: string; operation: string | undefined };\n      alias?: string;\n    }[] =\n      typeof insight.dataMapping === 'object'\n        ? insight.dataMapping\n        : JSON.parse(insight.dataMapping ?? '{}');\n    const dataFields: InsightTypeField[] =\n      typeof insight.insightInsightType?.dataFields === 'object'\n        ? insight.insightInsightType?.dataFields\n        : JSON.parse(insight.insightInsightType?.dataFields ?? '{}');\n\n    return dataFields?.reduce?.((value: { [key: string]: any }, field) => {\n      const fieldValue = dataMapping?.find?.(\n        (dm) => dm.name === field.name\n      )?.value;\n      if (fieldValue?.operation != undefined) {\n        value[field.name] =\n          decapitilizeFirstLetter(fieldValue?.name) + fieldValue.operation;\n      } else {\n        // @ts-ignore\n        value[field.name] = fieldValue?.alias ?? fieldValue?.name ?? fieldValue;\n      }\n\n      return value;\n    }, {});\n  }, [insight?.dataMapping, insight?.insightInsightType]);\n  const combinedData = useMemo(() => {\n    if (data?.aggregateResults == null || data?.aggregateResults?.length === 0)\n      return data?.pageList;\n    return data?.pageList.map((page, i) => ({\n      ...page,\n      ...data?.aggregateResults?.[i]\n    }));\n  }, [data]);\n  if (Chart == null) return null;\n  return (\n    <Chart\n      data={combinedData}\n      title={insight?.title}\n      subheader={insight?.subheader}\n      {...dataConfig}\n      kpis={kpis?.filter((kpi) => kpi.active)}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAkBA,MAAM,yBAAyB,MAC7B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AACjD,MAAM,2BAA2B,MAC/B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AAEjD,SAAS,kBAAqB,MAA+B,KAAgB;AAC3E,QAAO,MAAM,mBAAmB,KAAK;;;;;;;;;;;;AAYvC,MAAaA,mBAAmD,UAAgC;CAC9F,MAAM,EAAE,SAAS,aAAa,MAAM,cAAc;CAClD,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,EAAE,MAAM,mBAAmB,YAChC,cAAc,qBACd,WAAW,UAAU,QACrB,EAAE,EACF,CAAC,aAAa,CAAC,KAChB;CAGD,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,CAAC,UAAW,QAAO;MACnB,QAAO;IACX;EAAC;EAAe;EAAW;EAAY,CAAC;CAG3C,MAAM,QAAQ,cAAc;AAC1B,MAAI,CAAC,SAAS,oBAAoB,WAAY,QAAO;EACrD,IAAIC;AACJ,MAAI,OAAO,SAAS,oBAAoB,eAAe,SACrD,cAAa,KAAK,MAChB,SAAS,oBAAoB,WAC9B;MAED,cAAa,SAAS,oBAAoB;AAG5C,SAAOC,mBAAY,YAAY;IAC9B,CAAC,SAAS,mBAAmB,CAAC;CAEjC,MAAMC,OAEU,cAAc;AAC5B,MAAI,WAAW,KAAM,QAAO;AAC5B,SAAO,SAAS,mBAAmB,OAAO,QAAQ;GAChD,MAAMC,WACJ,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,KAAK,MAAM,IAAI,MAAM;AACnE,WAAQ,IAAI,SAAS;AACrB,UAAO;IACL,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,OAAO,kBACL,MACA,GACE,wBAAwB,SAAS,YAAY,GAAG,IAAI,KACnD,sBAAsB,SAAS,WAAW,aAAa,IAAI,GAAG,GAClE;IACF;IACD;IACD,CAAC,MAAM,SAAS,kBAAkB,CAAC;CAEtC,MAAMC,aAA4C,cAAc;AAC9D,MAAI,WAAW,KAAM,QAAO;EAC5B,MAAMC,cAKJ,OAAO,QAAQ,gBAAgB,WAC3B,QAAQ,cACR,KAAK,MAAM,QAAQ,eAAe,KAAK;AAM7C,UAJE,OAAO,QAAQ,oBAAoB,eAAe,WAC9C,QAAQ,oBAAoB,aAC5B,KAAK,MAAM,QAAQ,oBAAoB,cAAc,KAAK,GAE7C,UAAU,OAA+B,UAAU;GACpE,MAAM,aAAa,aAAa,QAC7B,OAAO,GAAG,SAAS,MAAM,KAC3B,EAAE;AACH,OAAI,YAAY,aAAa,OAC3B,OAAM,MAAM,QACV,wBAAwB,YAAY,KAAK,GAAG,WAAW;OAGzD,OAAM,MAAM,QAAQ,YAAY,SAAS,YAAY,QAAQ;AAG/D,UAAO;KACN,EAAE,CAAC;IACL,CAAC,SAAS,aAAa,SAAS,mBAAmB,CAAC;CACvD,MAAM,eAAe,cAAc;AACjC,MAAI,MAAM,oBAAoB,QAAQ,MAAM,kBAAkB,WAAW,EACvE,QAAO,MAAM;AACf,SAAO,MAAM,SAAS,KAAK,MAAM,OAAO;GACtC,GAAG;GACH,GAAG,MAAM,mBAAmB;GAC7B,EAAE;IACF,CAAC,KAAK,CAAC;AACV,KAAI,SAAS,KAAM,QAAO;AAC1B,QACE,oCAAC;EACC,MAAM;EACN,OAAO,SAAS;EAChB,WAAW,SAAS;EACpB,GAAI;EACJ,MAAM,MAAM,QAAQ,QAAQ,IAAI,OAAO;GACvC"}

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

@@ -1,4 +1,4 @@
 import { a as plotX, i as plotCategoryBar, n as formatDataWithTimelineCategoryNameOrderedByDate, o as plotY, t as formatDataWithTimelineCategoryName } from "../../../mttFunctions-ioZ0_5JX.js";
-import "../../../functions-BKH-pLPX.js";
+import "../../../functions-DN2Xb4SH.js";
 
 export { formatDataWithTimelineCategoryName, formatDataWithTimelineCategoryNameOrderedByDate, plotCategoryBar, plotX, plotY };

package/dist/componentSystems/multiThreadTimeline/index.js

@@ -7,29 +7,29 @@ import "../../useUser-wpHGo6jU.js";
 import "../../useAxiosMutate-DcLxzykX.js";
 import "../../StringUtilities-u-cxAW6-.js";
 import "../../FluentIcon-DQ6nSDJg.js";
-import "../../unitySystemEnums-DQSkCr3D.js";
+import "../../unitySystemEnums-DtVX3A-I.js";
 import "../../UnityFluentIcon-DrASIcTF.js";
 import "../../RuleUtilities-D5ACzikQ.js";
 import "../../colors-BONxjrOE.js";
 import "../../colorConverter-x64WSLsF.js";
-import "../../SearchUtilities-Df1gkDw9.js";
-import "../../GroupNode-BxnXH0gG.js";
-import "../../TreeUtilities-C6e2dd4g.js";
+import "../../SearchUtilities-LooYyhu6.js";
+import "../../GroupNode-CvWfVjNU.js";
+import "../../TreeUtilities-CDlHioSI.js";
 import "../../UnityIconLibrary-CjIwzfjv.js";
 import "../../LayoutUnit-D4jJvonh.js";
 import { a as plotX, i as plotCategoryBar, n as formatDataWithTimelineCategoryNameOrderedByDate, o as plotY, t as formatDataWithTimelineCategoryName } from "../../mttFunctions-ioZ0_5JX.js";
-import "../../IconRenderer-B2FUVnhs.js";
+import "../../IconRenderer-Cl025sZh.js";
 import { n as TimelineStatus, r as TimelineDateBar, t as MttYearTag } from "../../MttYearTag-Cw8OyKTy.js";
 import "../../Ellipse-DGTaApGj.js";
 import { t as TimelineToken } from "../../TimelineToken-nU7fdgjR.js";
 import { a as TimelineWrapper, c as TimelineDot, i as MultiDot, l as TimelineHoverCard, n as TimelinePreloaderNode, o as TimelineNode, r as VisualizationDot, s as TimelineTokenSummary, t as DynamicRangeSlider } from "../../DynamicRangeSlider-prr4fg8d.js";
-import { n as MttTimeline, r as HeightAdjuster, t as MttMainTimeline } from "../../MttMainTimeline-BsI0z3aG.js";
-import { n as createTimeline, t as MttSummary } from "../../MttSummary-DowXi1ZV.js";
-import { a as useStyles, i as TimelineToggleButton, n as DateWrapper, o as SummaryToken, r as TimelineTopRowFilter, t as CircleButton } from "../../CircleButton-Cz82uLst.js";
-import "../../functions-BKH-pLPX.js";
-import "../../mttSummary-BrQ0Tb62.js";
-import "../../modified--RrdyRlS.js";
-import "../../ui-DBhxlgrk.js";
-import "../../mttMainTimeline-DFHSLEBw.js";
+import { n as MttTimeline, r as HeightAdjuster, t as MttMainTimeline } from "../../MttMainTimeline-Db55Xc-Y.js";
+import { n as createTimeline, t as MttSummary } from "../../MttSummary-B7IVJe0I.js";
+import { a as useStyles, i as TimelineToggleButton, n as DateWrapper, o as SummaryToken, r as TimelineTopRowFilter, t as CircleButton } from "../../CircleButton-DZk_tZkr.js";
+import "../../functions-DN2Xb4SH.js";
+import "../../mttSummary-DBOBy0l7.js";
+import "../../modified-BZxg92lm.js";
+import "../../ui-P3i_0RoE.js";
+import "../../mttMainTimeline-CraR32VF.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

@@ -7,23 +7,23 @@ import "../../../useUser-wpHGo6jU.js";
 import "../../../useAxiosMutate-DcLxzykX.js";
 import "../../../StringUtilities-u-cxAW6-.js";
 import "../../../FluentIcon-DQ6nSDJg.js";
-import "../../../unitySystemEnums-DQSkCr3D.js";
+import "../../../unitySystemEnums-DtVX3A-I.js";
 import "../../../UnityFluentIcon-DrASIcTF.js";
 import "../../../RuleUtilities-D5ACzikQ.js";
 import "../../../colors-BONxjrOE.js";
 import "../../../colorConverter-x64WSLsF.js";
-import "../../../SearchUtilities-Df1gkDw9.js";
-import "../../../GroupNode-BxnXH0gG.js";
-import "../../../TreeUtilities-C6e2dd4g.js";
+import "../../../SearchUtilities-LooYyhu6.js";
+import "../../../GroupNode-CvWfVjNU.js";
+import "../../../TreeUtilities-CDlHioSI.js";
 import "../../../UnityIconLibrary-CjIwzfjv.js";
 import "../../../LayoutUnit-D4jJvonh.js";
 import "../../../mttFunctions-ioZ0_5JX.js";
-import "../../../IconRenderer-B2FUVnhs.js";
+import "../../../IconRenderer-Cl025sZh.js";
 import "../../../MttYearTag-Cw8OyKTy.js";
 import "../../../Ellipse-DGTaApGj.js";
 import "../../../TimelineToken-nU7fdgjR.js";
 import "../../../DynamicRangeSlider-prr4fg8d.js";
-import { n as MttTimeline, r as HeightAdjuster, t as MttMainTimeline } from "../../../MttMainTimeline-BsI0z3aG.js";
-import "../../../mttMainTimeline-DFHSLEBw.js";
+import { n as MttTimeline, r as HeightAdjuster, t as MttMainTimeline } from "../../../MttMainTimeline-Db55Xc-Y.js";
+import "../../../mttMainTimeline-CraR32VF.js";
 
 export { HeightAdjuster, MttMainTimeline, MttTimeline };

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

@@ -7,19 +7,19 @@ import "../../../useUser-wpHGo6jU.js";
 import "../../../useAxiosMutate-DcLxzykX.js";
 import "../../../StringUtilities-u-cxAW6-.js";
 import "../../../FluentIcon-DQ6nSDJg.js";
-import "../../../unitySystemEnums-DQSkCr3D.js";
+import "../../../unitySystemEnums-DtVX3A-I.js";
 import "../../../UnityFluentIcon-DrASIcTF.js";
 import "../../../RuleUtilities-D5ACzikQ.js";
-import "../../../SearchUtilities-Df1gkDw9.js";
-import "../../../GroupNode-BxnXH0gG.js";
-import "../../../TreeUtilities-C6e2dd4g.js";
+import "../../../SearchUtilities-LooYyhu6.js";
+import "../../../GroupNode-CvWfVjNU.js";
+import "../../../TreeUtilities-CDlHioSI.js";
 import "../../../UnityIconLibrary-CjIwzfjv.js";
 import "../../../LayoutUnit-D4jJvonh.js";
 import "../../../mttFunctions-ioZ0_5JX.js";
-import "../../../IconRenderer-B2FUVnhs.js";
+import "../../../IconRenderer-Cl025sZh.js";
 import "../../../MttYearTag-Cw8OyKTy.js";
-import { t as MttSummary } from "../../../MttSummary-DowXi1ZV.js";
-import "../../../CircleButton-Cz82uLst.js";
-import "../../../mttSummary-BrQ0Tb62.js";
+import { t as MttSummary } from "../../../MttSummary-B7IVJe0I.js";
+import "../../../CircleButton-DZk_tZkr.js";
+import "../../../mttSummary-DBOBy0l7.js";
 
 export { MttSummary };

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

@@ -1,23 +1,23 @@
 import "../../../useUser-wpHGo6jU.js";
 import "../../../StringUtilities-u-cxAW6-.js";
 import "../../../FluentIcon-DQ6nSDJg.js";
-import "../../../unitySystemEnums-DQSkCr3D.js";
+import "../../../unitySystemEnums-DtVX3A-I.js";
 import "../../../UnityFluentIcon-DrASIcTF.js";
 import "../../../RuleUtilities-D5ACzikQ.js";
 import "../../../colors-BONxjrOE.js";
 import "../../../colorConverter-x64WSLsF.js";
-import "../../../SearchUtilities-Df1gkDw9.js";
-import "../../../GroupNode-BxnXH0gG.js";
-import "../../../TreeUtilities-C6e2dd4g.js";
+import "../../../SearchUtilities-LooYyhu6.js";
+import "../../../GroupNode-CvWfVjNU.js";
+import "../../../TreeUtilities-CDlHioSI.js";
 import "../../../UnityIconLibrary-CjIwzfjv.js";
 import "../../../LayoutUnit-D4jJvonh.js";
-import "../../../IconRenderer-B2FUVnhs.js";
+import "../../../IconRenderer-Cl025sZh.js";
 import { n as TimelineStatus, r as TimelineDateBar, t as MttYearTag } from "../../../MttYearTag-Cw8OyKTy.js";
 import "../../../Ellipse-DGTaApGj.js";
 import { t as TimelineToken } from "../../../TimelineToken-nU7fdgjR.js";
 import { a as TimelineWrapper, c as TimelineDot, i as MultiDot, l as TimelineHoverCard, n as TimelinePreloaderNode, o as TimelineNode, r as VisualizationDot, s as TimelineTokenSummary, t as DynamicRangeSlider } from "../../../DynamicRangeSlider-prr4fg8d.js";
-import { a as useStyles, i as TimelineToggleButton, n as DateWrapper, o as SummaryToken, r as TimelineTopRowFilter, t as CircleButton } from "../../../CircleButton-Cz82uLst.js";
-import "../../../modified--RrdyRlS.js";
-import "../../../ui-DBhxlgrk.js";
+import { a as useStyles, i as TimelineToggleButton, n as DateWrapper, o as SummaryToken, r as TimelineTopRowFilter, t as CircleButton } from "../../../CircleButton-DZk_tZkr.js";
+import "../../../modified-BZxg92lm.js";
+import "../../../ui-P3i_0RoE.js";
 
 export { CircleButton, DateWrapper, DynamicRangeSlider, MttYearTag, MultiDot, SummaryToken, TimelineDateBar, TimelineDot, TimelineHoverCard, TimelineNode, TimelinePreloaderNode, TimelineStatus, TimelineToggleButton, TimelineToken, TimelineTokenSummary, TimelineTopRowFilter, TimelineWrapper, VisualizationDot, useStyles };

package/dist/componentSystems/multiThreadTimeline/ui/modified/index.js

@@ -1,5 +1,5 @@
 import "../../../../Ellipse-DGTaApGj.js";
 import { t as TimelineToken } from "../../../../TimelineToken-nU7fdgjR.js";
-import "../../../../modified--RrdyRlS.js";
+import "../../../../modified-BZxg92lm.js";
 
 export { TimelineToken };