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

package/dist/TimelineCalendar-BxjFou_7.js

@@ -1,280 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
-import { StatusChip } from "./StatusChip-Bw-0wE_B.js";
-import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
-import { EmptyStateDisplay } from "./EmptyStateDisplay-DK2wby5o.js";
-import React from "react";
-import { Avatar, Box, Chip, Divider, Link, List, ListItem, ListItemAvatar, ListItemIcon, ListItemText, Typography, lighten, makeStyles, useTheme } from "@material-ui/core";
-import { ResourceTimelineCalendar } from "udp-react-stencil-component-library";
-import clsx from "clsx";
-import { ErrorIcon } from "@fluentui/react-icons";
-import PropTypes, { PropTypes as PropTypes$1 } from "prop-types";
-import { useTranslation } from "react-i18next";
-import { Skeleton } from "@material-ui/lab";
-import { MuiVegaLite } from "@material-vega/material-ui";
-
-//#region src/UI/dataDisplay/FluentListElement.jsx
-const useStyles$3 = makeStyles((theme) => ({
-	root: {},
-	wrapper: {
-		display: "flex",
-		flexDirection: "row",
-		padding: theme.spacing(1),
-		lineHeight: 2
-	},
-	value: { flex: 1 }
-}));
-const FluentListElement = ({ subject, value, className, status, anchor = false, href }) => {
-	const classes = useStyles$3();
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.value,
-		variant: "body2"
-	}, subject, " ", subject && ":"), status && /* @__PURE__ */ React.createElement(StatusChip, {
-		status,
-		label: value
-	}), anchor && href ? /* @__PURE__ */ React.createElement(Link, {
-		href,
-		variant: "body2",
-		underline: "hover",
-		target: "_blank",
-		rel: "noopener noreferrer"
-	}, /* @__PURE__ */ React.createElement("strong", null, value)) : !status ? /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, value)) : null), /* @__PURE__ */ React.createElement(Divider, null));
-};
-
-//#endregion
-//#region src/UI/dataDisplay/GraphCard.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	infoPanel: {
-		display: "flex",
-		flexDirection: "row",
-		justifyContent: "space-around",
-		alignItems: "center",
-		alignSelf: "stretch",
-		padding: "10px 32px"
-	},
-	graphSection: {
-		overflow: "hidden",
-		"& svg": {
-			width: "100%",
-			height: "100%"
-		},
-		"& .vega-embed": {
-			width: "100%",
-			height: "100%"
-		},
-		paddingTop: theme.spacing(1),
-		margin: 0,
-		height: (props) => props?.graphHeight ?? "255px"
-	},
-	emptyStateDisplay: {
-		marginTop: theme.spacing(1),
-		marginBottom: theme.spacing(1)
-	}
-}));
-/**
-* `GraphCard` component
-*/
-const GraphCard = (props) => {
-	const { title, showInfoPanel = true, graphSpecs, children, headerColor, className, noData = false, emptyStatePrimaryText, emptyStateImageSrc, emptyStateIconSize, emptyStateImageWidth, emptyStateClassName, emptyStateIcon,...otherProps } = props;
-	const classes = useStyles$2(props);
-	const { t } = useTranslation();
-	return /* @__PURE__ */ React.createElement(AmbientCard, {
-		fullWidth: true,
-		title,
-		headerColor,
-		...otherProps
-	}, !noData ? /* @__PURE__ */ React.createElement("div", null, showInfoPanel && /* @__PURE__ */ React.createElement("div", { className: classes.infoPanel }, children), /* @__PURE__ */ React.createElement("div", { className: classes.graphSection }, /* @__PURE__ */ React.createElement(MuiVegaLite, {
-		variant: "verticalBarChart",
-		background: "paper",
-		autoResize: true,
-		actions: false,
-		spec: graphSpecs || {}
-	}))) : /* @__PURE__ */ React.createElement("div", { className: clsx(classes.emptyStateDisplay, emptyStateClassName) }, /* @__PURE__ */ React.createElement(EmptyStateDisplay, {
-		primaryText: emptyStatePrimaryText ?? t("No results found"),
-		icon: emptyStateIcon,
-		iconSize: emptyStateIconSize,
-		imageSrc: emptyStateImageSrc,
-		imageWidth: emptyStateImageWidth
-	})));
-};
-GraphCard.propTypes = {
-	title: PropTypes$1.string,
-	graphSpecs: PropTypes$1.object.isRequired,
-	showInfoPanel: PropTypes$1.bool,
-	children: PropTypes$1.node,
-	style: PropTypes$1.object
-};
-
-//#endregion
-//#region src/UI/dataDisplay/StatusFlags.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	rootContainer: {
-		alignItems: "flex-end",
-		gap: "6px",
-		flexWrap: "wrap",
-		flexDirection: "row-reverse"
-	},
-	skeleton: {
-		borderRadius: "5px",
-		minWidth: "323px"
-	}
-}));
-const AccountFlags = (props) => {
-	const { isLoading, flagList } = props;
-	const classes = useStyles$1(props);
-	const theme = useTheme();
-	const lightValue = .5;
-	const SeverityRange = {
-		success: {
-			textColor: theme.palette.success.light,
-			backgroundColor: lighten(theme.palette.success.light, lightValue)
-		},
-		warning: {
-			textColor: theme.palette.warning.light,
-			backgroundColor: lighten(theme.palette.warning.light, lightValue)
-		},
-		alert: {
-			textColor: theme.palette.error.light,
-			backgroundColor: lighten(theme.palette.error.light, lightValue)
-		},
-		info: {
-			textColor: theme.palette.primary.light,
-			backgroundColor: lighten(theme.palette.primary.light, lightValue)
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", null, isLoading ? /* @__PURE__ */ React.createElement(Skeleton, {
-		variant: "rect",
-		width: "100%",
-		height: "60px",
-		className: classes.skeleton
-	}) : /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		className: classes.rootContainer
-	}, flagList && flagList.length > 0 && flagList.map((item, index) => {
-		const { label = "Default", severity = "info", textColor, backgroundColor, customColorRange } = item;
-		const colorRange = customColorRange ?? SeverityRange;
-		const background = backgroundColor || colorRange[severity]?.backgroundColor;
-		const selectedTextColor = textColor || colorRange[severity]?.textColor;
-		return /* @__PURE__ */ React.createElement(Chip, {
-			label,
-			avatar: /* @__PURE__ */ React.createElement(Avatar, { style: { backgroundColor: selectedTextColor } }, label[0]?.toUpperCase() || "F"),
-			style: { backgroundColor: background }
-		});
-	})));
-};
-AccountFlags.propTypes = {
-	isLoading: PropTypes$1.bool,
-	flagList: PropTypes$1.array.isRequired,
-	customColorRange: PropTypes$1.object
-};
-
-//#endregion
-//#region src/UI/dataDisplay/AmbientList.jsx
-const useStyles = makeStyles((theme) => ({
-	avatar: {
-		backgroundColor: theme.palette.secondary.light,
-		color: theme.palette.getContrastText(theme.palette.secondary.light)
-	},
-	denseAvatar: {
-		width: theme.spacing(3.75),
-		height: theme.spacing(3.75),
-		margin: "4px 0px"
-	},
-	list: {
-		width: "100%",
-		backgroundColor: theme.palette.background.paper,
-		padding: "0px",
-		maxHeight: (props) => props?.maxHeight || 343,
-		overflow: "auto",
-		height: (props) => props?.listHeight
-	},
-	listItem: { padding: "0px 15px" },
-	status: { marginLeft: theme.spacing(1) },
-	noDataMessage: {
-		height: (props) => props?.noDataHeight,
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		justifyContent: "center",
-		gap: "10px"
-	}
-}));
-const DefaultFieldConfig = {
-	primaryText: "primaryText",
-	secondaryText: "secondaryText"
-};
-const AmbientList = (props) => {
-	const theme = useTheme();
-	const classes = useStyles(props);
-	const { data, useAvatar = true, getItemIcon = () => {}, getItemStatus = () => {}, onItemClick = () => {}, fieldConfig = DefaultFieldConfig, noDataMessage = "No data available" } = props;
-	if (!data || data.length === 0) return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(EmptyStateDisplay, {
-		icon: ErrorIcon,
-		primaryText: noDataMessage
-	}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }));
-	return /* @__PURE__ */ React.createElement(List, { className: classes?.list }, data?.map((item, index) => {
-		const status = getItemStatus(item);
-		const icon = getItemIcon(item);
-		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ListItem, {
-			button: true,
-			className: classes.listItem,
-			onClick: () => onItemClick(item)
-		}, useAvatar && icon ? /* @__PURE__ */ React.createElement(ListItemAvatar, null, /* @__PURE__ */ React.createElement(Avatar, {
-			className: clsx(classes.avatar, { [classes.denseAvatar]: !item?.[fieldConfig?.primaryText] || !item?.[fieldConfig?.secondaryText] }),
-			sizes: "large"
-		}, /* @__PURE__ */ React.createElement(FluentIcon, {
-			component: icon,
-			size: "small"
-		}))) : /* @__PURE__ */ React.createElement("div", null, icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(FluentIcon, {
-			component: icon,
-			size: !item?.[fieldConfig?.primaryText] || !item?.[fieldConfig?.secondaryText] ? "medium" : "large",
-			color: theme.palette.secondary.main
-		}))), /* @__PURE__ */ React.createElement(ListItemText, {
-			primary: item?.[fieldConfig?.primaryText],
-			secondary: item?.[fieldConfig?.secondaryText],
-			primaryTypographyProps: {
-				variant: "body2",
-				color: "textPrimary"
-			},
-			secondaryTypographyProps: {
-				variant: "body1",
-				color: "textSecondary"
-			}
-		}), /* @__PURE__ */ React.createElement(ListItemText, { disableTypography: true }, /* @__PURE__ */ React.createElement(Typography, { align: "right" }, item?.[fieldConfig?.subText])), status?.label && /* @__PURE__ */ React.createElement(Box, {
-			display: "flex",
-			flexDirection: "column",
-			justifyContent: "center",
-			alignItems: "flex-end",
-			className: classes.status
-		}, /* @__PURE__ */ React.createElement(StatusChip, {
-			status: status?.status ?? "info",
-			label: status?.label
-		}))), /* @__PURE__ */ React.createElement(Divider, null));
-	}));
-};
-AmbientList.propTypes = {
-	data: PropTypes.arrayOf(PropTypes.object),
-	useAvatar: PropTypes.bool,
-	getItemIcon: PropTypes.func,
-	getItemStatus: PropTypes.func,
-	onItemClick: PropTypes.func,
-	fieldConfig: PropTypes.shape({
-		primaryText: PropTypes.string,
-		secondaryText: PropTypes.string,
-		subText: PropTypes.string
-	}),
-	noDataMessage: PropTypes.string,
-	maxHeight: PropTypes.number,
-	listHeight: PropTypes.string,
-	noDataHeight: PropTypes.string
-};
-
-//#endregion
-//#region src/UI/dataDisplay/TimelineCalendar.jsx
-const TimelineCalendar = (props) => {
-	const { ...other } = props;
-	return /* @__PURE__ */ React.createElement(ResourceTimelineCalendar, other);
-};
-
-//#endregion
-export { AccountFlags, AmbientList, FluentListElement, GraphCard, TimelineCalendar };
-//# sourceMappingURL=TimelineCalendar-BxjFou_7.js.map

package/dist/TimelineCalendar-BxjFou_7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineCalendar-BxjFou_7.js","names":["useStyles","useStyles","PropTypes","useStyles","PropTypes","MuiList"],"sources":["../src/UI/dataDisplay/FluentListElement.jsx","../src/UI/dataDisplay/GraphCard.jsx","../src/UI/dataDisplay/StatusFlags.jsx","../src/UI/dataDisplay/AmbientList.jsx","../src/UI/dataDisplay/TimelineCalendar.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography, Divider, Link } from '@material-ui/core'\nimport { StatusChip } from './StatusChip'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(1),\n    lineHeight: 2\n  },\n  value: {\n    flex: 1\n  }\n}))\n\nexport const FluentListElement = ({ subject, value, className, status, anchor = false, href }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <div className={classes.wrapper}>\n        <Typography className={classes.value} variant='body2'>\n          {subject} {subject && ':'}\n        </Typography>\n        {status && <StatusChip status={status} label={value} />}\n        {anchor && href ? \n          <Link href={href} variant='body2' underline=\"hover\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <strong>{value}</strong>\n          </Link>\n          :\n          !status ?\n            <Typography variant='body2'>\n              <strong>{value}</strong>\n            </Typography>\n          :\n          null\n        }\n      </div>\n\n      <Divider />\n    </div>\n  )\n}\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { PropTypes } from 'prop-types';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { EmptyStateDisplay } from './EmptyStateDisplay';\nimport { useTranslation } from 'react-i18next';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  infoPanel: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-around',\n    alignItems: 'center',\n    alignSelf: 'stretch',\n    padding: '10px 32px'\n  },\n  graphSection: {\n    overflow: 'hidden',\n    '& svg': {\n      width: '100%',\n      height: '100%'\n    },\n    '& .vega-embed': {\n      width: '100%',\n      height: '100%'\n    },\n    paddingTop: theme.spacing(1),\n    margin: 0,\n    height: (props) => props?.graphHeight ?? '255px'\n  },\n  emptyStateDisplay: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n  }\n}));\n\n/**\n * `GraphCard` component\n */\nexport const GraphCard = (props) => {\n  const {\n    title,\n    showInfoPanel = true,\n    graphSpecs,\n    children,\n    headerColor,\n    className,\n    noData = false,\n    emptyStatePrimaryText,\n    emptyStateImageSrc,\n    emptyStateIconSize,\n    emptyStateImageWidth,\n    emptyStateClassName,\n    emptyStateIcon,\n    ...otherProps\n  } = props;\n  const classes = useStyles(props);\n  const { t } = useTranslation();\n\n  return (\n    <AmbientCard\n      fullWidth\n      title={title}\n      headerColor={headerColor}\n      {...otherProps}\n    >\n      {!noData ? (\n        <div>\n          {showInfoPanel && <div className={classes.infoPanel}>{children}</div>}\n          <div className={classes.graphSection}>\n            <MuiVegaLite\n              variant='verticalBarChart'\n              background='paper'\n              autoResize\n              actions={false}\n              spec={graphSpecs || {}}\n            />\n          </div>\n        </div>\n      ) : (\n        <div className={clsx(classes.emptyStateDisplay, emptyStateClassName)}>\n          <EmptyStateDisplay\n            primaryText={emptyStatePrimaryText ?? t('No results found')}\n            icon={emptyStateIcon}\n            iconSize={emptyStateIconSize}\n            imageSrc={emptyStateImageSrc}\n            imageWidth={emptyStateImageWidth}\n          />\n        </div>\n      )}\n    </AmbientCard>\n  );\n};\n\nGraphCard.propTypes = {\n  /**\n   * Optional, card title\n   */\n  title: PropTypes.string,\n\n  /**\n   * @type {?object}\n   {\n     graphSpecs: {} object see an example structure in https://vega.github.io/vega-lite/usage/typescript.html\n    }\n   */\n  graphSpecs: PropTypes.object.isRequired,\n\n  /**\n   * Optional, hide or show the top panel\n   */\n  showInfoPanel: PropTypes.bool,\n\n  /**\n   * Optional, content for the info panel behind the graph\n   */\n  children: PropTypes.node,\n\n  /**\n   * Optional, additional properties to apply some styles over the main container\n   */\n  style: PropTypes.object\n};\n","import React from 'react';\nimport { Box, Chip, Avatar, useTheme, makeStyles, lighten } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { PropTypes } from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  rootContainer: {\n    alignItems: 'flex-end',\n    gap: '6px',\n    flexWrap: 'wrap',\n    flexDirection: 'row-reverse'\n  },\n  skeleton:{\n    borderRadius: '5px',\n    minWidth: '323px'\n  }\n}));\n\nexport const AccountFlags = (props) => {\n  const { isLoading, flagList } = props;\n\n  const classes = useStyles(props);\n  const theme = useTheme();\n  const lightValue = 0.5;\n\n  const SeverityRange = {\n    success: {\n      textColor: theme.palette.success.light,\n      backgroundColor: lighten(theme.palette.success.light, lightValue),\n    },\n    warning: {\n      textColor: theme.palette.warning.light,\n      backgroundColor: lighten(theme.palette.warning.light, lightValue),\n    },\n    alert: {\n      textColor: theme.palette.error.light,\n      backgroundColor: lighten(theme.palette.error.light, lightValue),\n    },\n    info: {\n      textColor: theme.palette.primary.light,\n      backgroundColor: lighten(theme.palette.primary.light, lightValue),\n    }\n  };\n\n  return (\n    <div>\n      {isLoading ? (\n        <Skeleton\n          variant='rect'\n          width='100%'\n          height='60px'\n          className={classes.skeleton}\n        />\n      ) : (\n        <Box display='flex' className={classes.rootContainer}>\n          {flagList &&\n            flagList.length > 0 &&\n            flagList.map((item, index) => {\n              const {\n                label = 'Default',\n                severity = 'info',\n                textColor,\n                backgroundColor,\n                customColorRange\n              } = item;\n\n              const colorRange = customColorRange ?? SeverityRange;\n              const background = backgroundColor || colorRange[severity]?.backgroundColor;\n              const selectedTextColor = textColor || colorRange[severity]?.textColor;\n\n              return (\n                <Chip\n                  label={label}\n                  avatar={\n                    <Avatar style={{ backgroundColor: selectedTextColor }}>\n                      {label[0]?.toUpperCase() || 'F'}\n                    </Avatar>\n                  }\n                  style={{ backgroundColor: background }}\n                />\n              );\n            })}\n        </Box>\n      )}\n    </div>\n  );\n};\n\nAccountFlags.propTypes = {\n  /** @type {?bool} loading indicator */\n  isLoading: PropTypes.bool,\n\n  /**\n   * @type {?array} list of flags to render, required array object structure e.g\n   * [{\n   *  label: 'Flag Name',\n   *  severity: 'Warning',       -- Determine the color of the flag\n   *  textColor: string,         -- optional text color, if it's not specified then it will use the severity object color'\n   *  backgroundColor: string,   -- optional background color, if it's not specified then it will use the severity object color'\n   * }]\n   */\n  flagList: PropTypes.array.isRequired,\n\n  /**\n   * @type {?object} optional object to specify custom or additional colors e.g\n   * {\n   *  success: {\n   *    textColor: '#4CAF50',\n   *    backgroundColor: 'rgba(76, 175, 80, 0.25)',\n   *  },\n   *  warning: {\n   *    textColor: '#FFB547',\n   *    backgroundColor: 'rgba(255, 152, 0, 0.25)',\n   *  }\n   * }\n   */\n  customColorRange: PropTypes.object\n};\n","import React from 'react';\nimport {\n  makeStyles,\n  useTheme,\n  Typography,\n  Box,\n  List as MuiList,\n  ListItem,\n  ListItemText,\n  Divider,\n  ListItemAvatar,\n  Avatar,\n  ListItemIcon\n} from '@material-ui/core';\nimport { ErrorIcon } from '@fluentui/react-icons';\nimport { StatusChip } from './StatusChip';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport clsx from 'clsx';\nimport { EmptyStateDisplay } from './EmptyStateDisplay';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  avatar: {\n    backgroundColor: theme.palette.secondary.light,\n    color: theme.palette.getContrastText(theme.palette.secondary.light)\n  },\n  denseAvatar: {\n    width: theme.spacing(3.75),\n    height: theme.spacing(3.75),\n    margin: '4px 0px'\n  },\n  list: {\n    width: '100%',\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    maxHeight: (props) => props?.maxHeight || 343,\n    overflow: 'auto',\n    height: (props) => props?.listHeight\n  },\n  listItem: {\n    padding: '0px 15px'\n  },\n  status: {\n    marginLeft: theme.spacing(1)\n  },\n  noDataMessage: {\n    height: (props) => props?.noDataHeight,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '10px'\n  }\n}));\n\nconst DefaultFieldConfig = {\n  primaryText: 'primaryText',\n  secondaryText: 'secondaryText'\n};\n\nexport const AmbientList = (props) => {\n  const theme = useTheme();\n  const classes = useStyles(props);\n\n  const {\n    data,\n    useAvatar = true,\n    getItemIcon = () => {},\n    getItemStatus = () => {},\n    onItemClick = () => {},\n    fieldConfig = DefaultFieldConfig,\n    noDataMessage = 'No data available'\n  } = props;\n\n  if (!data || data.length === 0) {\n    return (\n        <>\n        <LayoutUnit unit=\"xxs\" />\n        <EmptyStateDisplay icon={ErrorIcon} primaryText={noDataMessage}  />\n        <LayoutUnit unit=\"xxs\" />\n        </>\n    );\n  }\n\n  return (\n    <MuiList className={classes?.list}>\n      {data?.map((item, index) => {\n        const status = getItemStatus(item);\n        const icon = getItemIcon(item);\n\n        return (\n          <>\n            <ListItem\n              button\n              className={classes.listItem}\n              onClick={() => onItemClick(item)}\n            >\n              {useAvatar && icon ? (\n                <ListItemAvatar>\n                  <Avatar\n                    className={clsx(classes.avatar, {\n                      [classes.denseAvatar]:\n                        !item?.[fieldConfig?.primaryText] ||\n                        !item?.[fieldConfig?.secondaryText]\n                    })}\n                    sizes='large'\n                  >\n                    <FluentIcon component={icon} size='small' />\n                  </Avatar>\n                </ListItemAvatar>\n              ) : (\n                <div>\n                  {icon && (\n                    <ListItemIcon>\n                      <FluentIcon\n                        component={icon}\n                        size={\n                          !item?.[fieldConfig?.primaryText] ||\n                          !item?.[fieldConfig?.secondaryText]\n                            ? 'medium'\n                            : 'large'\n                        }\n                        color={theme.palette.secondary.main}\n                      />\n                    </ListItemIcon>\n                  )}\n                </div>\n              )}\n              {/*\n              Note: The primary and secondary typography variant is flipped because\n              it is in incorrect in our theme. Temporary fix until we fix the theme.\n              */}\n              <ListItemText\n                primary={item?.[fieldConfig?.primaryText]}\n                secondary={item?.[fieldConfig?.secondaryText]}\n                primaryTypographyProps={{\n                  variant: 'body2',\n                  color: 'textPrimary'\n                }}\n                secondaryTypographyProps={{\n                  variant: 'body1',\n                  color: 'textSecondary'\n                }}\n              />\n              <ListItemText disableTypography>\n                <Typography align='right'>\n                  {item?.[fieldConfig?.subText]}\n                </Typography>\n              </ListItemText>\n\n              {status?.label && (\n                <Box\n                  display='flex'\n                  flexDirection='column'\n                  justifyContent='center'\n                  alignItems='flex-end'\n                  className={classes.status}\n                >\n                  <StatusChip\n                    status={status?.status ?? 'info'}\n                    label={status?.label}\n                  />\n                </Box>\n              )}\n            </ListItem>\n            <Divider />\n          </>\n        );\n      })}\n    </MuiList>\n  );\n};\n\nAmbientList.propTypes = {\n  data: PropTypes.arrayOf(PropTypes.object),\n  useAvatar: PropTypes.bool,\n  getItemIcon: PropTypes.func,\n  getItemStatus: PropTypes.func,\n  onItemClick: PropTypes.func,\n  fieldConfig: PropTypes.shape({\n    primaryText: PropTypes.string,\n    secondaryText: PropTypes.string,\n    subText: PropTypes.string\n  }),\n  noDataMessage: PropTypes.string,\n  maxHeight: PropTypes.number,\n  listHeight: PropTypes.string,\n  noDataHeight: PropTypes.string\n};\n","import React from 'react';\nimport { ResourceTimelineCalendar } from 'udp-react-stencil-component-library';\n\nexport const TimelineCalendar = (props) => {\n  const { ...other } = props;\n\n  return <ResourceTimelineCalendar {...other} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAKA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,SAAS;EACP,SAAS;EACT,eAAe;EACf,SAAS,MAAM,QAAQ,EAAE;EACzB,YAAY;EACb;CACD,OAAO,EACL,MAAM,GACP;CACF,EAAE;AAEH,MAAa,qBAAqB,EAAE,SAAS,OAAO,WAAW,QAAQ,SAAS,OAAO,WAAW;CAChG,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC;EAAW,WAAW,QAAQ;EAAO,SAAQ;IAC3C,SAAQ,KAAE,WAAW,IACX,EACZ,UAAU,oCAAC;EAAmB;EAAQ,OAAO;GAAS,EACtD,UAAU,OACT,oCAAC;EAAW;EAAM,SAAQ;EAAQ,WAAU;EAAQ,QAAO;EAAS,KAAI;IACtE,oCAAC,gBAAQ,MAAe,CACnB,GAEP,CAAC,SACC,oCAAC,cAAW,SAAQ,WAClB,oCAAC,gBAAQ,MAAe,CACb,GAEf,KAEE,EAEN,oCAAC,cAAU,CACP;;;;;AClCV,MAAMC,cAAY,YAAY,WAAW;CACvC,WAAW;EACT,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,WAAW;EACX,SAAS;EACV;CACD,cAAc;EACZ,UAAU;EACV,SAAS;GACP,OAAO;GACP,QAAQ;GACT;EACD,iBAAiB;GACf,OAAO;GACP,QAAQ;GACT;EACD,YAAY,MAAM,QAAQ,EAAE;EAC5B,QAAQ;EACR,SAAS,UAAU,OAAO,eAAe;EAC1C;CACD,mBAAmB;EACjB,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACF,EAAE;;;;AAKH,MAAa,aAAa,UAAU;CAClC,MAAM,EACJ,OACA,gBAAgB,MAChB,YACA,UACA,aACA,WACA,SAAS,OACT,uBACA,oBACA,oBACA,sBACA,qBACA,eACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oCAAC;EACC;EACO;EACM;EACb,GAAI;IAEH,CAAC,SACA,oCAAC,aACE,iBAAiB,oCAAC,SAAI,WAAW,QAAQ,aAAY,SAAe,EACrE,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC;EACC,SAAQ;EACR,YAAW;EACX;EACA,SAAS;EACT,MAAM,cAAc,EAAE;GACtB,CACE,CACF,GAEN,oCAAC,SAAI,WAAW,KAAK,QAAQ,mBAAmB,oBAAoB,IAClE,oCAAC;EACC,aAAa,yBAAyB,EAAE,mBAAmB;EAC3D,MAAM;EACN,UAAU;EACV,UAAU;EACV,YAAY;GACZ,CACE,CAEI;;AAIlB,UAAU,YAAY;CAIpB,OAAOC,YAAU;CAQjB,YAAYA,YAAU,OAAO;CAK7B,eAAeA,YAAU;CAKzB,UAAUA,YAAU;CAKpB,OAAOA,YAAU;CAClB;;;;ACvHD,MAAMC,cAAY,YAAY,WAAW;CACvC,eAAe;EACb,YAAY;EACZ,KAAK;EACL,UAAU;EACV,eAAe;EAChB;CACD,UAAS;EACP,cAAc;EACd,UAAU;EACX;CACF,EAAE;AAEH,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,WAAW,aAAa;CAEhC,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,QAAQ,UAAU;CACxB,MAAM,aAAa;CAEnB,MAAM,gBAAgB;EACpB,SAAS;GACP,WAAW,MAAM,QAAQ,QAAQ;GACjC,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,WAAW;GAClE;EACD,SAAS;GACP,WAAW,MAAM,QAAQ,QAAQ;GACjC,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,WAAW;GAClE;EACD,OAAO;GACL,WAAW,MAAM,QAAQ,MAAM;GAC/B,iBAAiB,QAAQ,MAAM,QAAQ,MAAM,OAAO,WAAW;GAChE;EACD,MAAM;GACJ,WAAW,MAAM,QAAQ,QAAQ;GACjC,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,WAAW;GAClE;EACF;AAED,QACE,oCAAC,aACE,YACC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,QAAO;EACP,WAAW,QAAQ;GACnB,GAEF,oCAAC;EAAI,SAAQ;EAAO,WAAW,QAAQ;IACpC,YACC,SAAS,SAAS,KAClB,SAAS,KAAK,MAAM,UAAU;EAC5B,MAAM,EACJ,QAAQ,WACR,WAAW,QACX,WACA,iBACA,qBACE;EAEJ,MAAM,aAAa,oBAAoB;EACvC,MAAM,aAAa,mBAAmB,WAAW,WAAW;EAC5D,MAAM,oBAAoB,aAAa,WAAW,WAAW;AAE7D,SACE,oCAAC;GACQ;GACP,QACE,oCAAC,UAAO,OAAO,EAAE,iBAAiB,mBAAmB,IAClD,MAAM,IAAI,aAAa,IAAI,IACrB;GAEX,OAAO,EAAE,iBAAiB,YAAY;IACtC;GAEJ,CACA,CAEJ;;AAIV,aAAa,YAAY;CAEvB,WAAWC,YAAU;CAWrB,UAAUA,YAAU,MAAM;CAe1B,kBAAkBA,YAAU;CAC7B;;;;AC/FD,MAAM,YAAY,YAAY,WAAW;CACvC,QAAQ;EACN,iBAAiB,MAAM,QAAQ,UAAU;EACzC,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,UAAU,MAAM;EACpE;CACD,aAAa;EACX,OAAO,MAAM,QAAQ,KAAK;EAC1B,QAAQ,MAAM,QAAQ,KAAK;EAC3B,QAAQ;EACT;CACD,MAAM;EACJ,OAAO;EACP,iBAAiB,MAAM,QAAQ,WAAW;EAC1C,SAAS;EACT,YAAY,UAAU,OAAO,aAAa;EAC1C,UAAU;EACV,SAAS,UAAU,OAAO;EAC3B;CACD,UAAU,EACR,SAAS,YACV;CACD,QAAQ,EACN,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACD,eAAe;EACb,SAAS,UAAU,OAAO;EAC1B,SAAS;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,KAAK;EACN;CACF,EAAE;AAEH,MAAM,qBAAqB;CACzB,aAAa;CACb,eAAe;CAChB;AAED,MAAa,eAAe,UAAU;CACpC,MAAM,QAAQ,UAAU;CACxB,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EACJ,MACA,YAAY,MACZ,oBAAoB,IACpB,sBAAsB,IACtB,oBAAoB,IACpB,cAAc,oBACd,gBAAgB,wBACd;AAEJ,KAAI,CAAC,QAAQ,KAAK,WAAW,EAC3B,QACI,0DACA,oCAAC,cAAW,MAAK,QAAQ,EACzB,oCAAC;EAAkB,MAAM;EAAW,aAAa;GAAkB,EACnE,oCAAC,cAAW,MAAK,QAAQ,CACtB;AAIT,QACE,oCAACC,QAAQ,WAAW,SAAS,QAC1B,MAAM,KAAK,MAAM,UAAU;EAC1B,MAAM,SAAS,cAAc,KAAK;EAClC,MAAM,OAAO,YAAY,KAAK;AAE9B,SACE,0DACE,oCAAC;GACC;GACA,WAAW,QAAQ;GACnB,eAAe,YAAY,KAAK;KAE/B,aAAa,OACZ,oCAAC,sBACC,oCAAC;GACC,WAAW,KAAK,QAAQ,QAAQ,GAC7B,QAAQ,cACP,CAAC,OAAO,aAAa,gBACrB,CAAC,OAAO,aAAa,gBACxB,CAAC;GACF,OAAM;KAEN,oCAAC;GAAW,WAAW;GAAM,MAAK;IAAU,CACrC,CACM,GAEjB,oCAAC,aACE,QACC,oCAAC,oBACC,oCAAC;GACC,WAAW;GACX,MACE,CAAC,OAAO,aAAa,gBACrB,CAAC,OAAO,aAAa,iBACjB,WACA;GAEN,OAAO,MAAM,QAAQ,UAAU;IAC/B,CACW,CAEb,EAMR,oCAAC;GACC,SAAS,OAAO,aAAa;GAC7B,WAAW,OAAO,aAAa;GAC/B,wBAAwB;IACtB,SAAS;IACT,OAAO;IACR;GACD,0BAA0B;IACxB,SAAS;IACT,OAAO;IACR;IACD,EACF,oCAAC,gBAAa,2BACZ,oCAAC,cAAW,OAAM,WACf,OAAO,aAAa,SACV,CACA,EAEd,QAAQ,SACP,oCAAC;GACC,SAAQ;GACR,eAAc;GACd,gBAAe;GACf,YAAW;GACX,WAAW,QAAQ;KAEnB,oCAAC;GACC,QAAQ,QAAQ,UAAU;GAC1B,OAAO,QAAQ;IACf,CACE,CAEC,EACX,oCAAC,cAAU,CACV;GAEL,CACM;;AAId,YAAY,YAAY;CACtB,MAAM,UAAU,QAAQ,UAAU,OAAO;CACzC,WAAW,UAAU;CACrB,aAAa,UAAU;CACvB,eAAe,UAAU;CACzB,aAAa,UAAU;CACvB,aAAa,UAAU,MAAM;EAC3B,aAAa,UAAU;EACvB,eAAe,UAAU;EACzB,SAAS,UAAU;EACpB,CAAC;CACF,eAAe,UAAU;CACzB,WAAW,UAAU;CACrB,YAAY,UAAU;CACtB,cAAc,UAAU;CACzB;;;;AC1LD,MAAa,oBAAoB,UAAU;CACzC,MAAM,EAAE,GAAG,UAAU;AAErB,QAAO,oCAAC,0BAA6B,MAAS"}

package/dist/TimelineToken-H8lALbXg.js

@@ -1,72 +0,0 @@
-import { Ellipse, getEllipseColor } from "./Ellipse-q1-sPjh3.js";
-import React, { useState } from "react";
-import { Typography, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import PropTypes from "prop-types";
-
-//#region src/componentSystems/multiThreadTimeline/ui/modified/TimelineToken.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		margin: (props) => props.compact ? theme.spacing(.5) : theme.spacing(1),
-		display: "flex",
-		justifyContent: "center"
-	},
-	letter: {
-		fontSize: (props) => props.size === "small" ? theme.spacing(2.25) : theme.spacing(2.5),
-		color: (props) => getEllipseColor(theme, props.color)
-	},
-	buttonRoot: {
-		margin: theme.spacing(1),
-		width: (props) => props.size === "small" ? theme.spacing(4) : theme.spacing(5),
-		height: (props) => props.size === "small" ? theme.spacing(4) : theme.spacing(5)
-	},
-	hover: {
-		zIndex: 9,
-		position: "absolute",
-		top: 0,
-		left: 0
-	}
-}));
-const TimelineToken = (props) => {
-	const { type = "default", variant = "outlined", color = "default", size = "large", icon, letter = "A", IconEllipseProps, className, hoverContainer, isHover } = props;
-	const classes = useStyles(props);
-	const [hover, setHover] = useState(false);
-	const hoverFunction = () => {
-		setHover(true);
-	};
-	return /* @__PURE__ */ React.createElement("div", {
-		className: clsx(classes.root, className),
-		onMouseEnter: hoverFunction,
-		onMouseLeave: () => setHover(false)
-	}, /* @__PURE__ */ React.createElement(Ellipse, {
-		variant: "filled",
-		size,
-		color,
-		...IconEllipseProps
-	}, type === "letter" ? /* @__PURE__ */ React.createElement(Typography, {
-		variant: "body1",
-		className: classes.letter
-	}, letter.toUpperCase()) : /* @__PURE__ */ React.createElement("div", null, " ", icon, " ")), isHover && /* @__PURE__ */ React.createElement("div", {
-		className: classes.hover,
-		style: { display: hover ? "inline" : "none" }
-	}, hoverContainer));
-};
-TimelineToken.propTypes = {
-	type: PropTypes.string,
-	variant: PropTypes.string,
-	color: PropTypes.string,
-	size: PropTypes.string,
-	iconType: PropTypes.string,
-	icon: PropTypes.oneOfType([PropTypes.elementType, PropTypes.object]),
-	letter: PropTypes.string,
-	IconEllipseProps: PropTypes.object,
-	iconColorOverride: PropTypes.string,
-	onClick: PropTypes.func,
-	className: PropTypes.string,
-	hoverContainer: PropTypes.element,
-	isHover: PropTypes.bool
-};
-
-//#endregion
-export { TimelineToken };
-//# sourceMappingURL=TimelineToken-H8lALbXg.js.map

package/dist/TimelineToken-H8lALbXg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineToken-H8lALbXg.js","names":[],"sources":["../src/componentSystems/multiThreadTimeline/ui/modified/TimelineToken.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport { Ellipse } from '../../../../UI/components/dataDisplay/Ellipse';\nimport { getEllipseColor } from '../../../../utilities/style/utils/styleUtils';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    margin: (props) => (props.compact ? theme.spacing(0.5) : theme.spacing(1)),\n    display: 'flex',\n    justifyContent: 'center'\n  },\n  letter: {\n    fontSize: (props) =>\n      props.size === 'small' ? theme.spacing(2.25) : theme.spacing(2.5),\n    color: (props) => getEllipseColor(theme, props.color)\n  },\n  buttonRoot: {\n    margin: theme.spacing(1),\n    width: (props) =>\n      props.size === 'small' ? theme.spacing(4) : theme.spacing(5),\n    height: (props) =>\n      props.size === 'small' ? theme.spacing(4) : theme.spacing(5)\n  },\n  hover: {\n    zIndex: 9,\n    position: 'absolute',\n    top: 0,\n    left: 0\n  }\n}));\n\nexport const TimelineToken = (props) => {\n  const {\n    type = 'default',\n    variant = 'outlined',\n    color = 'default',\n    size = 'large',\n    icon,\n    letter = 'A',\n    IconEllipseProps,\n    className,\n    hoverContainer,\n    isHover\n  } = props;\n  const classes = useStyles(props);\n\n  const [hover, setHover] = useState(false);\n\n  const hoverFunction = () => {\n    setHover(true);\n  };\n\n  const tokenComponent = (\n    <div\n      className={clsx(classes.root, className)}\n      onMouseEnter={hoverFunction}\n      onMouseLeave={() => setHover(false)}\n    >\n      {/* <Badge color=\"primary\" variant=\"dot\"  > */}\n      <Ellipse variant='filled' size={size} color={color} {...IconEllipseProps}>\n        {type === 'letter' ? (\n          <Typography variant='body1' className={classes.letter}>\n            {letter.toUpperCase()}\n          </Typography>\n        ) : (\n          <div> {icon} </div>\n        )}\n      </Ellipse>\n      {/* </Badge> */}\n      {isHover && (\n        <div\n          className={classes.hover}\n          style={{ display: hover ? 'inline' : 'none' }}\n        >\n          {hoverContainer}\n        </div>\n      )}\n    </div>\n  );\n\n  return tokenComponent;\n};\n\nTimelineToken.propTypes = {\n  type: PropTypes.string,\n  variant: PropTypes.string,\n  color: PropTypes.string,\n  size: PropTypes.string,\n  iconType: PropTypes.string,\n  icon: PropTypes.oneOfType([PropTypes.elementType, PropTypes.object]),\n  letter: PropTypes.string,\n  IconEllipseProps: PropTypes.object,\n  iconColorOverride: PropTypes.string,\n  onClick: PropTypes.func,\n  className: PropTypes.string,\n  hoverContainer: PropTypes.element,\n  isHover: PropTypes.bool\n};\n"],"mappings":";;;;;;;AAOA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS,UAAW,MAAM,UAAU,MAAM,QAAQ,GAAI,GAAG,MAAM,QAAQ,EAAE;EACzE,SAAS;EACT,gBAAgB;EACjB;CACD,QAAQ;EACN,WAAW,UACT,MAAM,SAAS,UAAU,MAAM,QAAQ,KAAK,GAAG,MAAM,QAAQ,IAAI;EACnE,QAAQ,UAAU,gBAAgB,OAAO,MAAM,MAAM;EACtD;CACD,YAAY;EACV,QAAQ,MAAM,QAAQ,EAAE;EACxB,QAAQ,UACN,MAAM,SAAS,UAAU,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,EAAE;EAC9D,SAAS,UACP,MAAM,SAAS,UAAU,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,EAAE;EAC/D;CACD,OAAO;EACL,QAAQ;EACR,UAAU;EACV,KAAK;EACL,MAAM;EACP;CACF,EAAE;AAEH,MAAa,iBAAiB,UAAU;CACtC,MAAM,EACJ,OAAO,WACP,UAAU,YACV,QAAQ,WACR,OAAO,SACP,MACA,SAAS,KACT,kBACA,WACA,gBACA,YACE;CACJ,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM;CAEzC,MAAM,sBAAsB;AAC1B,WAAS,KAAK;;AA+BhB,QA3BE,oCAAC;EACC,WAAW,KAAK,QAAQ,MAAM,UAAU;EACxC,cAAc;EACd,oBAAoB,SAAS,MAAM;IAGnC,oCAAC;EAAQ,SAAQ;EAAe;EAAa;EAAO,GAAI;IACrD,SAAS,WACR,oCAAC;EAAW,SAAQ;EAAQ,WAAW,QAAQ;IAC5C,OAAO,aAAa,CACV,GAEb,oCAAC,aAAI,KAAE,MAAK,IAAO,CAEb,EAET,WACC,oCAAC;EACC,WAAW,QAAQ;EACnB,OAAO,EAAE,SAAS,QAAQ,WAAW,QAAQ;IAE5C,eACG,CAEJ;;AAMV,cAAc,YAAY;CACxB,MAAM,UAAU;CAChB,SAAS,UAAU;CACnB,OAAO,UAAU;CACjB,MAAM,UAAU;CAChB,UAAU,UAAU;CACpB,MAAM,UAAU,UAAU,CAAC,UAAU,aAAa,UAAU,OAAO,CAAC;CACpE,QAAQ,UAAU;CAClB,kBAAkB,UAAU;CAC5B,mBAAmB,UAAU;CAC7B,SAAS,UAAU;CACnB,WAAW,UAAU;CACrB,gBAAgB,UAAU;CAC1B,SAAS,UAAU;CACpB"}

package/dist/ToggleSection-CBBfnC11.js

@@ -1,211 +0,0 @@
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import { ExtenderToggle } from "./ExtenderToggle-DnLA2lyT.js";
-import { ExportSidesheet, useUdpExport } from "./useUdpExport-Bg3Dwia8.js";
-import React, { forwardRef, useState } from "react";
-import { Typography, makeStyles, useTheme } from "@material-ui/core";
-import { AmbientTemplateGrid, UdpCalendarDay, UdpCalendarMonth, UdpCalendarWeek, UdpCalendarYear } from "udp-react-stencil-component-library";
-import clsx from "clsx";
-import { ChevronLeftIcon, ChevronRightIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/templates/UdpGridTemplate.jsx
-const useStyles$6 = makeStyles((theme) => ({ root: {} }));
-const UdpGridTemplate = forwardRef((props, ref) => {
-	const { children,...otherProps } = props;
-	const classes = useStyles$6(props);
-	const { className } = props;
-	const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);
-	const { updateExportParameters, createExport, entity, searchObject, fileFormat, numRowsToExport, validSearch, errorList, activeExportJob, exportLoading, handleFileDownload, clearParameters } = useUdpExport();
-	const exportFromGrid = (entity$1, searchObject$1) => {
-		updateExportParameters(entity$1, searchObject$1);
-		setExportSidesheetOpen(true);
-	};
-	const handleCloseExportSidesheet = () => {
-		setExportSidesheetOpen(false);
-		clearParameters();
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(AmbientTemplateGrid, {
-		ref,
-		...otherProps,
-		exportFunction: exportFromGrid
-	}), /* @__PURE__ */ React.createElement(ExportSidesheet, {
-		entity,
-		searchObject,
-		fileFormat,
-		numRowsToExport,
-		errorList,
-		activeExportJob,
-		handleFileDownload,
-		exportSidesheetOpen,
-		handleCloseExportSidesheet,
-		createExport,
-		exportLoading,
-		validSearch
-	}));
-});
-UdpGridTemplate.displayName = "UdpGridTemplate";
-
-//#endregion
-//#region src/UI/templates/UdpCalendar.jsx
-const useStyles$5 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendar = (props) => {
-	const { initialView, className,...otherProps } = props;
-	const classes = useStyles$5(props);
-	const renderCalendarView = () => {
-		switch (initialView) {
-			case "day": return /* @__PURE__ */ React.createElement(UdpCalendarDay, { props: otherProps });
-			case "week": return /* @__PURE__ */ React.createElement(UdpCalendarWeek, { props: otherProps });
-			case "month": return /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps });
-			case "year": return /* @__PURE__ */ React.createElement(UdpCalendarYear, { props: otherProps });
-			default: return /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps });
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, renderCalendarView());
-};
-
-//#endregion
-//#region src/UI/templates/UdpCalendarDayView.jsx
-const useStyles$4 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarDayView = (props) => {
-	const { className,...otherProps } = props;
-	const classes = useStyles$4(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarDay, { props: otherProps }));
-};
-
-//#endregion
-//#region src/UI/templates/UdpCalendarWeekView.jsx
-const useStyles$3 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarWeekView = (props) => {
-	const { className,...otherProps } = props;
-	const classes = useStyles$3(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarWeek, { props: otherProps }));
-};
-
-//#endregion
-//#region src/UI/templates/UdpCalendarMonthView.jsx
-const useStyles$2 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarMonthView = (props) => {
-	const { className,...otherProps } = props;
-	const classes = useStyles$2(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarMonth, { props: otherProps }));
-};
-
-//#endregion
-//#region src/UI/templates/UdpCalendarYearView.jsx
-const useStyles$1 = makeStyles((theme) => ({ root: {} }));
-const UdpCalendarYearView = (props) => {
-	const { className,...otherProps } = props;
-	const classes = useStyles$1(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(UdpCalendarYear, { props: otherProps }));
-};
-
-//#endregion
-//#region src/UI/templates/SapFlexibleTemplate.jsx
-const SapFlexibleTemplate = ({ left, center, right }) => {
-	const [columns, setColumns] = useState({
-		columnLeft: true,
-		columnCenter: true,
-		columnRight: true
-	});
-	const [columnPercent, setColumnPercent] = useState({
-		columnLeft: "25%",
-		columnCenter: "50%",
-		columnRight: "25%"
-	});
-	const classes = makeStyles((theme) => ({
-		root: {
-			display: "flex",
-			flexDirection: "row"
-		},
-		columnLeft: {
-			display: "flex",
-			flex: columnPercent.columnLeft,
-			height: "100vh"
-		},
-		columnCenter: {
-			flex: columnPercent.columnCenter,
-			height: "100vh"
-		},
-		columnRight: {
-			display: "flex",
-			flex: columnPercent.columnRight,
-			height: "100vh"
-		},
-		fillContent: { flex: 1 }
-	}))();
-	const handleToggleColumn = (columnType) => {
-		setColumns({
-			...columns,
-			columnCenter: !columns.columnCenter
-		});
-		if (columnType === "columnLeft") {
-			setColumnPercent({
-				...columnPercent,
-				columnLeft: "75%"
-			});
-			if (columnPercent.columnLeft === "75%") setColumnPercent({
-				...columnPercent,
-				columnLeft: "25%"
-			});
-		} else {
-			setColumnPercent({
-				...columnPercent,
-				columnRight: "75%"
-			});
-			if (columnPercent.columnRight === "75%") setColumnPercent({
-				...columnPercent,
-				columnRight: "25%"
-			});
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, columns.columnLeft && /* @__PURE__ */ React.createElement("div", { className: classes.columnLeft }, /* @__PURE__ */ React.createElement("div", { className: classes.fillContent }, left, " "), /* @__PURE__ */ React.createElement("div", { className: classes.toggle }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		"aria-label": columnPercent.columnLeft === "25%" ? "Expand column" : "Collapse column",
-		color: "primary",
-		icon: columnPercent.columnLeft === "25%" ? ChevronRightIcon : ChevronLeftIcon,
-		onClick: () => handleToggleColumn("columnLeft")
-	}))), columns.columnCenter && /* @__PURE__ */ React.createElement("div", { className: classes.columnCenter }, /* @__PURE__ */ React.createElement("div", null, " ", center, " ")), columns.columnRight && /* @__PURE__ */ React.createElement("div", { className: classes.columnRight }, /* @__PURE__ */ React.createElement("div", { className: classes.toggle }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		"aria-label": columnPercent.columnRight === "25%" ? "Expand column" : "Collapse column",
-		color: "primary",
-		icon: columnPercent.columnRight === "25%" ? ChevronLeftIcon : ChevronRightIcon,
-		onClick: () => handleToggleColumn("columnRight")
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.fillContent }, " ", right, " ")));
-};
-
-//#endregion
-//#region src/UI/templates/ToggleSection.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { width: "100%" },
-	container: {
-		padding: (props) => props.open ? theme.spacing(1) : theme.spacing(.25),
-		parddingRight: theme.spacing(1),
-		parddingleft: theme.spacing(1),
-		background: (props) => props.color
-	},
-	lowerShelf: { display: "flex" },
-	shelfOptions: {
-		flex: 1,
-		width: "100%"
-	}
-}));
-const ToggleSection = (props) => {
-	const classes = useStyles(props);
-	const { children, onClick, sectionOpen, options, toggleLabel, color } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.container }, " ", children, " "), /* @__PURE__ */ React.createElement("div", { className: classes.lowerShelf }, /* @__PURE__ */ React.createElement("div", { className: classes.shelfOptions }, options), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ExtenderToggle, {
-		onClick,
-		open: sectionOpen,
-		toggleLabel,
-		color
-	}))));
-};
-ToggleSection.propTypes = {
-	children: PropTypes.node,
-	onClick: PropTypes.func,
-	sectionOpen: PropTypes.bool,
-	options: PropTypes.node,
-	toggleLabel: PropTypes.node,
-	color: PropTypes.string
-};
-
-//#endregion
-export { SapFlexibleTemplate, ToggleSection, UdpCalendar, UdpCalendarDayView, UdpCalendarMonthView, UdpCalendarWeekView, UdpCalendarYearView, UdpGridTemplate };
-//# sourceMappingURL=ToggleSection-CBBfnC11.js.map

package/dist/ToggleSection-CBBfnC11.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleSection-CBBfnC11.js","names":["useStyles","entity","searchObject","useStyles","useStyles","useStyles","useStyles","useStyles"],"sources":["../src/UI/templates/UdpGridTemplate.jsx","../src/UI/templates/UdpCalendar.jsx","../src/UI/templates/UdpCalendarDayView.jsx","../src/UI/templates/UdpCalendarWeekView.jsx","../src/UI/templates/UdpCalendarMonthView.jsx","../src/UI/templates/UdpCalendarYearView.jsx","../src/UI/templates/SapFlexibleTemplate.jsx","../src/UI/templates/ToggleSection.jsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { forwardRef, useState } from 'react';\nimport { AmbientTemplateGrid } from 'udp-react-stencil-component-library';\nimport { ExportSidesheet } from '../../udp/export/ExportSidesheet';\nimport { useUdpExport } from '../../udp/export/useUdpExport';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {}\n}));\n\nexport const UdpGridTemplate = forwardRef((props, ref) => {\n  const { children, ...otherProps } = props;\n  const classes = useStyles(props);\n  const { className } = props;\n\n  const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);\n  const {\n    updateExportParameters,\n    createExport,\n    entity,\n    searchObject,\n    fileFormat,\n    numRowsToExport,\n    validSearch,\n    errorList,\n    activeExportJob,\n    exportLoading,\n    handleFileDownload,\n    clearParameters\n  } = useUdpExport();\n\n  const exportFromGrid = (entity, searchObject) => {\n    updateExportParameters(entity, searchObject);\n    setExportSidesheetOpen(true);\n  };\n\n  const handleCloseExportSidesheet = () => {\n    setExportSidesheetOpen(false);\n    clearParameters();\n  };\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <AmbientTemplateGrid\n        ref={ref}\n        {...otherProps}\n        exportFunction={exportFromGrid}\n      />\n      <ExportSidesheet\n        entity={entity}\n        searchObject={searchObject}\n        fileFormat={fileFormat}\n        numRowsToExport={numRowsToExport}\n        errorList={errorList}\n        activeExportJob={activeExportJob}\n        handleFileDownload={handleFileDownload}\n        exportSidesheetOpen={exportSidesheetOpen}\n        handleCloseExportSidesheet={handleCloseExportSidesheet}\n        createExport={createExport}\n        exportLoading={exportLoading}\n        validSearch={validSearch}\n      />\n    </div>\n  );\n});\n\nUdpGridTemplate.displayName = 'UdpGridTemplate';\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport { UdpCalendarMonth, UdpCalendarDay, UdpCalendarWeek, UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n\n}))\n\nexport const UdpCalendar = (props) => {\n  const {\n    initialView,\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  const renderCalendarView = () => {\n    switch (initialView) {\n      case 'day':\n        return <UdpCalendarDay props={otherProps} />;\n      case 'week':\n        return <UdpCalendarWeek props={otherProps} />;\n      case 'month':\n        return <UdpCalendarMonth props={otherProps} />;\n      case 'year':\n        return <UdpCalendarYear props={otherProps} />;\n      default:\n        return <UdpCalendarMonth props={otherProps} />;\n    }\n  }\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {renderCalendarView()}\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarDay } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarDayView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarDay props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarWeek } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarWeekView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarWeek props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarMonth } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarMonthView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarMonth props={otherProps} />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n\n  }\n}))\n\nexport const UdpCalendarYearView = (props) => {\n  const {\n    className,\n    ...otherProps\n  } = props\n  const classes = useStyles(props)\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <UdpCalendarYear props={otherProps} />\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nexport const SapFlexibleTemplate = ({ left, center, right }) => {\n  const [columns, setColumns] = useState({\n    columnLeft: true,\n    columnCenter: true,\n    columnRight: true\n  })\n\n  const [columnPercent, setColumnPercent] = useState({\n    columnLeft: '25%',\n    columnCenter: '50%',\n    columnRight: '25%'\n  })\n\n  const useStyles = makeStyles((theme) => ({\n    root: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    columnLeft: {\n      display: 'flex',\n      flex: columnPercent.columnLeft,\n      height: '100vh'\n    },\n    columnCenter: {\n      flex: columnPercent.columnCenter,\n      height: '100vh'\n    },\n    columnRight: {\n      display: 'flex',\n      flex: columnPercent.columnRight,\n      height: '100vh'\n    },\n    fillContent: {\n      flex: 1\n    }\n  }))\n\n  const classes = useStyles()\n\n  const handleToggleColumn = (columnType) => {\n    setColumns({ ...columns, columnCenter: !columns.columnCenter })\n\n    if (columnType === 'columnLeft') {\n      setColumnPercent({ ...columnPercent, columnLeft: '75%' })\n\n      if (columnPercent.columnLeft === '75%') {\n        setColumnPercent({ ...columnPercent, columnLeft: '25%' })\n      }\n    } else {\n      setColumnPercent({ ...columnPercent, columnRight: '75%' })\n\n      if (columnPercent.columnRight === '75%') {\n        setColumnPercent({ ...columnPercent, columnRight: '25%' })\n      }\n    }\n  }\n\n  return (\n    <div className={classes.root}>\n      {columns.columnLeft && (\n        <div className={classes.columnLeft}>\n          <div className={classes.fillContent}>{left} </div>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnLeft === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnLeft === '25%'\n                  ? ChevronRightIcon\n                  : ChevronLeftIcon\n              }\n              onClick={() => handleToggleColumn('columnLeft')}\n            />\n          </div>\n        </div>\n      )}\n\n      {columns.columnCenter && (\n        <div className={classes.columnCenter}>\n          <div> {center} </div>\n        </div>\n      )}\n\n      {columns.columnRight && (\n        <div className={classes.columnRight}>\n          <div className={classes.toggle}>\n            <FluentIconButton\n              aria-label={\n                columnPercent.columnRight === '25%'\n                  ? 'Expand column'\n                  : 'Collapse column'\n              }\n              color='primary'\n              icon={\n                columnPercent.columnRight === '25%'\n                  ? ChevronLeftIcon\n                  : ChevronRightIcon\n              }\n              onClick={() => handleToggleColumn('columnRight')}\n            />\n          </div>\n          <div className={classes.fillContent}> {right} </div>\n        </div>\n      )}\n    </div>\n  )\n}\n","import React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { ExtenderToggle } from './ui/ExtenderToggle';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%'\n  },\n  container: {\n    padding: (props) => (props.open ? theme.spacing(1) : theme.spacing(0.25)),\n    parddingRight: theme.spacing(1),\n    parddingleft: theme.spacing(1),\n    background: (props) => props.color\n  },\n  lowerShelf: {\n    display: 'flex'\n  },\n  shelfOptions: {\n    flex: 1,\n    width: '100%'\n  }\n}));\n\nexport const ToggleSection = (props) => {\n  const classes = useStyles(props);\n  const { children, onClick, sectionOpen, options, toggleLabel, color } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.container}> {children} </div>\n\n      <div className={classes.lowerShelf}>\n        <div className={classes.shelfOptions}>{options}</div>\n        <div>\n          <ExtenderToggle\n            onClick={onClick}\n            open={sectionOpen}\n            toggleLabel={toggleLabel}\n            color={color}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nToggleSection.propTypes = {\n  /**\n   * Contents of container\n   */\n  children: PropTypes.node,\n  /**\n   * Function to trigger panel to open and close\n   */\n  onClick: PropTypes.func,\n  /**\n   * State, if true, will cause panel to open. If false, the panel is closed.\n   */\n  sectionOpen: PropTypes.bool,\n  /**\n   * Shelf below drawer that fills the space left by the toggle button.\n   * Can be used to add things like additional toggles, other buttons,\n   * stats, etc.\n   */\n  options: PropTypes.node,\n  /**\n   * The label that appears on the toggle tab.\n   */\n  toggleLabel: PropTypes.node,\n  /**\n   * The color of the background section and toggle.\n   */\n  color: PropTypes.string\n};\n"],"mappings":";;;;;;;;;;;AAOA,MAAMA,cAAY,YAAY,WAAW,EACvC,MAAM,EAAE,EACT,EAAE;AAEH,MAAa,kBAAkB,YAAY,OAAO,QAAQ;CACxD,MAAM,EAAE,SAAU,GAAG,eAAe;CACpC,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,cAAc;CAEtB,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CACrE,MAAM,EACJ,wBACA,cACA,QACA,cACA,YACA,iBACA,aACA,WACA,iBACA,eACA,oBACA,oBACE,cAAc;CAElB,MAAM,kBAAkB,UAAQ,mBAAiB;AAC/C,yBAAuBC,UAAQC,eAAa;AAC5C,yBAAuB,KAAK;;CAG9B,MAAM,mCAAmC;AACvC,yBAAuB,MAAM;AAC7B,mBAAiB;;AAGnB,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC;EACM;EACL,GAAI;EACJ,gBAAgB;GAChB,EACF,oCAAC;EACS;EACM;EACF;EACK;EACN;EACM;EACG;EACC;EACO;EACd;EACC;EACF;GACb,CACE;EAER;AAEF,gBAAgB,cAAc;;;;AC9D9B,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EAEF,EAAE;AAEH,MAAa,eAAe,UAAU;CACpC,MAAM,EACJ,aACA,UACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;CAEhC,MAAM,2BAA2B;AAC/B,UAAQ,aAAR;GACE,KAAK,MACH,QAAO,oCAAC,kBAAe,OAAO,aAAc;GAC9C,KAAK,OACH,QAAO,oCAAC,mBAAgB,OAAO,aAAc;GAC/C,KAAK,QACH,QAAO,oCAAC,oBAAiB,OAAO,aAAc;GAChD,KAAK,OACH,QAAO,oCAAC,mBAAgB,OAAO,aAAc;GAC/C,QACE,QAAO,oCAAC,oBAAiB,OAAO,aAAc;;;AAIpD,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC1C,oBAAoB,CACjB;;;;;ACjCV,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EACJ,UACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,kBAAe,OAAO,aAAc,CACjC;;;;;AChBV,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,UACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,mBAAgB,OAAO,aAAc,CAClC;;;;;AChBV,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EACJ,UACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,oBAAiB,OAAO,aAAc,CACnC;;;;;AChBV,MAAMC,cAAY,YAAY,WAAW,EACvC,MAAM,EAEL,EACF,EAAE;AAEH,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,UACA,GAAG,eACD;CACJ,MAAM,UAAUA,YAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,mBAAgB,OAAO,aAAc,CAClC;;;;;AChBV,MAAa,uBAAuB,EAAE,MAAM,QAAQ,YAAY;CAC9D,MAAM,CAAC,SAAS,cAAc,SAAS;EACrC,YAAY;EACZ,cAAc;EACd,aAAa;EACd,CAAC;CAEF,MAAM,CAAC,eAAe,oBAAoB,SAAS;EACjD,YAAY;EACZ,cAAc;EACd,aAAa;EACd,CAAC;CA0BF,MAAM,UAxBY,YAAY,WAAW;EACvC,MAAM;GACJ,SAAS;GACT,eAAe;GAChB;EACD,YAAY;GACV,SAAS;GACT,MAAM,cAAc;GACpB,QAAQ;GACT;EACD,cAAc;GACZ,MAAM,cAAc;GACpB,QAAQ;GACT;EACD,aAAa;GACX,SAAS;GACT,MAAM,cAAc;GACpB,QAAQ;GACT;EACD,aAAa,EACX,MAAM,GACP;EACF,EAAE,EAEwB;CAE3B,MAAM,sBAAsB,eAAe;AACzC,aAAW;GAAE,GAAG;GAAS,cAAc,CAAC,QAAQ;GAAc,CAAC;AAE/D,MAAI,eAAe,cAAc;AAC/B,oBAAiB;IAAE,GAAG;IAAe,YAAY;IAAO,CAAC;AAEzD,OAAI,cAAc,eAAe,MAC/B,kBAAiB;IAAE,GAAG;IAAe,YAAY;IAAO,CAAC;SAEtD;AACL,oBAAiB;IAAE,GAAG;IAAe,aAAa;IAAO,CAAC;AAE1D,OAAI,cAAc,gBAAgB,MAChC,kBAAiB;IAAE,GAAG;IAAe,aAAa;IAAO,CAAC;;;AAKhE,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,QAAQ,cACP,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAI,WAAW,QAAQ,eAAc,MAAK,IAAO,EAClD,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC;EACC,cACE,cAAc,eAAe,QACzB,kBACA;EAEN,OAAM;EACN,MACE,cAAc,eAAe,QACzB,mBACA;EAEN,eAAe,mBAAmB,aAAa;GAC/C,CACE,CACF,EAGP,QAAQ,gBACP,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,aAAI,KAAE,QAAO,IAAO,CACjB,EAGP,QAAQ,eACP,oCAAC,SAAI,WAAW,QAAQ,eACtB,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC;EACC,cACE,cAAc,gBAAgB,QAC1B,kBACA;EAEN,OAAM;EACN,MACE,cAAc,gBAAgB,QAC1B,kBACA;EAEN,eAAe,mBAAmB,cAAc;GAChD,CACE,EACN,oCAAC,SAAI,WAAW,QAAQ,eAAa,KAAE,OAAM,IAAO,CAChD,CAEJ;;;;;AC5GV,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,OAAO,QACR;CACD,WAAW;EACT,UAAU,UAAW,MAAM,OAAO,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,IAAK;EACxE,eAAe,MAAM,QAAQ,EAAE;EAC/B,cAAc,MAAM,QAAQ,EAAE;EAC9B,aAAa,UAAU,MAAM;EAC9B;CACD,YAAY,EACV,SAAS,QACV;CACD,cAAc;EACZ,MAAM;EACN,OAAO;EACR;CACF,EAAE;AAEH,MAAa,iBAAiB,UAAU;CACtC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,UAAU,SAAS,aAAa,SAAS,aAAa,UAAU;AAExE,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,aAAW,KAAE,UAAS,IAAO,EAErD,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAI,WAAW,QAAQ,gBAAe,QAAc,EACrD,oCAAC,aACC,oCAAC;EACU;EACT,MAAM;EACO;EACN;GACP,CACE,CACF,CACF;;AAGV,cAAc,YAAY;CAIxB,UAAU,UAAU;CAIpB,SAAS,UAAU;CAInB,aAAa,UAAU;CAMvB,SAAS,UAAU;CAInB,aAAa,UAAU;CAIvB,OAAO,UAAU;CAClB"}